From 2600ede3e9c94b791fc71bbbd3fe0c7d1eb1ee44 Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Sun, 4 Feb 2024 15:53:07 -0500 Subject: [PATCH 01/26] Display connected server in wallets --- plugins/plugins/core/wallet/wallet-app.src.js | 119 ++++++++++++++++++ 1 file changed, 119 insertions(+) diff --git a/plugins/plugins/core/wallet/wallet-app.src.js b/plugins/plugins/core/wallet/wallet-app.src.js index 78d638fc..bd815d07 100644 --- a/plugins/plugins/core/wallet/wallet-app.src.js +++ b/plugins/plugins/core/wallet/wallet-app.src.js @@ -48,6 +48,8 @@ class MultiWallet extends LitElement { isTextMenuOpen: { type: Boolean }, wallets: { type: Map }, _selectedWallet: 'qort', + nodeConfig: { type: Object }, + nodeDomain: { type: String }, theme: { type: String, reflect: true }, amount: { type: Number }, recipient: { type: String }, @@ -74,6 +76,12 @@ class MultiWallet extends LitElement { isValidAmount: { type: Boolean }, balance: { type: Number }, balanceString: { type: String }, + btcServer: { type: Number }, + ltcServer: { type: Number }, + dogeServer: { type: Number }, + dgbServer: { type: Number }, + rvnServer: { type: Number }, + arrrServer: { type: Number }, qortPaymentFee: { type: Number }, btcFeePerByte: { type: Number }, ltcFeePerByte: { type: Number }, @@ -741,6 +749,8 @@ class MultiWallet extends LitElement { this.isTextMenuOpen = false this.loading = true + this.nodeConfig = {} + this.nodeDomain = '' this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; this.qortBook = [] @@ -774,6 +784,12 @@ class MultiWallet extends LitElement { this.arrrMemo = '' this.arrrWalletAddress = '' this.unusedWalletAddress = '' + this.btcServer = '' + this.ltcServer = '' + this.dogeServer = '' + this.dgbServer = '' + this.rvnServer = '' + this.arrrServer = '' this.errorMessage = '' this.successMessage = '' this.myElementId = '' @@ -967,6 +983,8 @@ class MultiWallet extends LitElement { ${this.balanceString}
+ ${this.getSelectedWalletServer()} +
${this.renderSendButton()} @@ -4669,6 +4687,7 @@ class MultiWallet extends LitElement { const coin = this._selectedWallet await this.fetchWalletAddress(this._selectedWallet) await this.fetchWalletDetails(this._selectedWallet) + await this.fetchWalletServer(this._selectedWallet) if (this._selectedWallet == coin) { await this.renderTransactions() await this.getTransactionGrid(this._selectedWallet) @@ -4976,6 +4995,106 @@ class MultiWallet extends LitElement { } } + getSelectedWalletServer() { + switch (this._selectedWallet) { + case "qort": + return this.nodeDomain + + case "btc": + return this.btcServer + + case "ltc": + return this.ltcServer + + case "doge": + return this.dogeServer + + case "dgb": + return this.dgbServer + + case "rvn": + return this.rvnServer + + case "arrr": + return this.arrrServer + + default: + return + } + } + + async fetchWalletServer(coin) { + if (coin == 'qort') { + this.getNodeConfig() + return + } + let walletServer = '' + try { + const serverInfo = await parentEpml.request('apiCall', { + type: 'api', + /* TODO */ + url: `/crosschain/${coin}/serverinfos`, + // TODO when 'current' parameter is added to 'serverinfos' API call, change above line to: + // url: `/crosschain/${coin}/serverinfos?current=true`, + }) + /* TODO */ + let currentServerFound = false + for (const server of serverInfo.servers) { + if (server.isCurrent === true) { + walletServer = `${server.hostName}:${server.port}` + currentServerFound = true + break + } + } + if (!currentServerFound) { + walletServer = 'Not Connected' + } + // TODO when 'current' parameter is added to 'serverinfos' API call, change above 'let,for,if' sections to: + /*if (serverInfo.servers[0]) { + const currentServerInfo = `${serverInfo.servers[0].hostName}:${serverInfo.servers[0].port}` + walletServer = currentServerInfo + } else { + walletServer = 'Not Connected' + }*/ + } catch (error) { + console.error('Failed to fetch server info:', error) + walletServer = `Error fetching server: ${error}` + } + switch (coin) { + case "btc": + this.btcServer = walletServer + break + case "ltc": + this.ltcServer = walletServer + break + case "doge": + this.dogeServer = walletServer + break + case "dgb": + this.dgbServer = walletServer + break + case "rvn": + this.rvnServer = walletServer + break + case "arrr": + this.arrrServer = walletServer + break + default: + break + } + } + + getNodeConfig() { + this.nodeConfig = {} + this.nodeDomain = "" + parentEpml.request("getNodeConfig").then((res) => { + this.nodeConfig = res + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + this.nodeDomain = myNode.domain + ":" + myNode.port + }) + setTimeout(getNodeConfig, 60000) + } + async getTransactionGrid(coin) { this.transactionsGrid = this.shadowRoot.querySelector(`#${coin}TransactionsGrid`) if (coin === 'qort') { From 21ea70f73cbcb26e91cbecdbb7c0d3d2ff712eba Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Sun, 4 Feb 2024 16:43:57 -0500 Subject: [PATCH 02/26] Improve order of element rendering --- plugins/plugins/core/wallet/wallet-app.src.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/plugins/core/wallet/wallet-app.src.js b/plugins/plugins/core/wallet/wallet-app.src.js index bd815d07..7967ad6f 100644 --- a/plugins/plugins/core/wallet/wallet-app.src.js +++ b/plugins/plugins/core/wallet/wallet-app.src.js @@ -4686,8 +4686,8 @@ class MultiWallet extends LitElement { } const coin = this._selectedWallet await this.fetchWalletAddress(this._selectedWallet) - await this.fetchWalletDetails(this._selectedWallet) await this.fetchWalletServer(this._selectedWallet) + await this.fetchWalletDetails(this._selectedWallet) if (this._selectedWallet == coin) { await this.renderTransactions() await this.getTransactionGrid(this._selectedWallet) From 293fecbaa65ded65f59d1fc0ad4481730049e221 Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Sun, 4 Feb 2024 17:09:55 -0500 Subject: [PATCH 03/26] Refresh server info after connection --- plugins/plugins/core/wallet/wallet-app.src.js | 1 + 1 file changed, 1 insertion(+) diff --git a/plugins/plugins/core/wallet/wallet-app.src.js b/plugins/plugins/core/wallet/wallet-app.src.js index 7967ad6f..69d365b7 100644 --- a/plugins/plugins/core/wallet/wallet-app.src.js +++ b/plugins/plugins/core/wallet/wallet-app.src.js @@ -4688,6 +4688,7 @@ class MultiWallet extends LitElement { await this.fetchWalletAddress(this._selectedWallet) await this.fetchWalletServer(this._selectedWallet) await this.fetchWalletDetails(this._selectedWallet) + await this.fetchWalletServer(this._selectedWallet) if (this._selectedWallet == coin) { await this.renderTransactions() await this.getTransactionGrid(this._selectedWallet) From 4d3a0d1553a6ae4306de2636d0aff64933417ae4 Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Mon, 11 Mar 2024 00:42:58 -0400 Subject: [PATCH 04/26] Show ID in Q-Chat group list --- plugins/plugins/core/components/ChatHead.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/plugins/core/components/ChatHead.js b/plugins/plugins/core/components/ChatHead.js index 32a33416..abe7e2af 100644 --- a/plugins/plugins/core/components/ChatHead.js +++ b/plugins/plugins/core/components/ChatHead.js @@ -169,7 +169,7 @@ class ChatHead extends LitElement {
${this.chatInfo.groupName ? this.chatInfo.groupName : this.chatInfo.name !== undefined ? this.chatInfo.name : this.chatInfo.address.substr(0, 15)} ${this.chatInfo.groupId !== undefined ? 'lock_open' : 'lock'}
-
+
${this.chatInfo.groupId !== undefined ? 'id: ' + this.chatInfo.groupId : ''}
From b4c7f6008e37d201b74a01e5a79e07c00dc55983 Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Tue, 2 Apr 2024 20:40:47 -0400 Subject: [PATCH 05/26] Show join link in private groups --- plugins/plugins/core/components/ChatPage.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/plugins/core/components/ChatPage.js b/plugins/plugins/core/components/ChatPage.js index 1a5a9db5..29d30402 100644 --- a/plugins/plugins/core/components/ChatPage.js +++ b/plugins/plugins/core/components/ChatPage.js @@ -395,7 +395,7 @@ class ChatPage extends LitElement {
- ${(!this.isReceipient && +this._chatId !== 0 && this.groupInfo.isOpen) ? + ${(!this.isReceipient && +this._chatId !== 0) ? html` link ` From 728dc79bd65a2700b0aaf74bd33aee50cd34327d Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Tue, 2 Apr 2024 22:42:24 -0400 Subject: [PATCH 06/26] Allow private group join by link --- .../plugins/core/group-management/group-management.src.js | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/plugins/plugins/core/group-management/group-management.src.js b/plugins/plugins/core/group-management/group-management.src.js index da426a27..87872bbd 100644 --- a/plugins/plugins/core/group-management/group-management.src.js +++ b/plugins/plugins/core/group-management/group-management.src.js @@ -1847,13 +1847,7 @@ class GroupManagement extends LitElement { if(sideEffectAction && sideEffectAction.type === 'openJoinGroupModal'){ const res = await getGroupInfo(sideEffectAction.data) if(res && res.groupId){ - if(res.isOpen){ - this.joinGroup(res) - - } else { - let snackbarstring = get("managegroup.mg45") - parentEpml.request('showSnackBar', `${snackbarstring}`) - } + this.joinGroup(res) } window.parent.reduxStore.dispatch( window.parent.reduxAction.setSideEffectAction(null) From cbb05cca648f636dace55d141a1e0b297e2ffaf5 Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Wed, 3 Apr 2024 21:51:26 -0400 Subject: [PATCH 07/26] Fix 55 years ago edit time --- plugins/plugins/core/components/ChatScroller.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/plugins/core/components/ChatScroller.js b/plugins/plugins/core/components/ChatScroller.js index b68ebdf3..9766958f 100644 --- a/plugins/plugins/core/components/ChatScroller.js +++ b/plugins/plugins/core/components/ChatScroller.js @@ -1392,7 +1392,7 @@ class MessageTemplate extends LitElement { edited = html` - ${translate('chatpage.cchange68')} + ${translate('chatpage.cchange68')} `; From c91b60b33324bebe1c1aba98031b4da31d6f05a1 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Thu, 4 Apr 2024 11:25:23 +0200 Subject: [PATCH 08/26] Fix getNodeConfig --- plugins/plugins/core/wallet/wallet-app.src.js | 88 +++++++++---------- 1 file changed, 44 insertions(+), 44 deletions(-) diff --git a/plugins/plugins/core/wallet/wallet-app.src.js b/plugins/plugins/core/wallet/wallet-app.src.js index 4cb61060..45b3cd61 100644 --- a/plugins/plugins/core/wallet/wallet-app.src.js +++ b/plugins/plugins/core/wallet/wallet-app.src.js @@ -2718,6 +2718,7 @@ class MultiWallet extends LitElement { this.changeTheme() this.changeLanguage() this.paymentFee() + this.getNodeConfig() this.bookQortalAddress = window.parent.reduxStore.getState().app.selectedAddress.address this.bookBitcoinAddress = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address @@ -2800,9 +2801,12 @@ class MultiWallet extends LitElement { } this.clearConsole() + setInterval(() => { this.clearConsole() + this.getNodeConfig() }, 60000) + setInterval(() => { this.paymentFee() }, 600000) @@ -2830,7 +2834,6 @@ class MultiWallet extends LitElement { } } - pingCoinBalancesController(){ if(!this._selectedWallet) return const customEvent = new CustomEvent('ping-coin-controller-with-coin', { @@ -2839,20 +2842,17 @@ class MultiWallet extends LitElement { window.parent.dispatchEvent(customEvent); } - connectedCallback() { - super.connectedCallback(); - this.intervalID = setInterval(this.pingCoinBalancesController, 30000); - - } - - disconnectedCallback() { - - super.disconnectedCallback(); - if(this.intervalID){ - clearInterval(this.intervalID); + connectedCallback() { + super.connectedCallback() + this.intervalID = setInterval(this.pingCoinBalancesController, 30000) + } + disconnectedCallback() { + super.disconnectedCallback() + if(this.intervalID) { + clearInterval(this.intervalID) } - } + } renderWalletLockButton() { if (this.myWalletLockScreenPass === false && this.myWalletLockScreenSet === false) { @@ -4265,10 +4265,10 @@ class MultiWallet extends LitElement { } const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.getSelectedWalletAddress()}`, - }) + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.getSelectedWalletAddress()}`, + }) } const validateName = async (receiverName) => { @@ -4342,21 +4342,22 @@ class MultiWallet extends LitElement { let dialogName = get("login.name") let dialogto = get("transactions.to") let recipientName = await getName(myReceiver) - return await parentEpml.request('transaction', { - type: 2, - nonce: this.wallets.get(this._selectedWallet).wallet.nonce, - params: { - recipient: myReceiver, - recipientName: recipientName, - amount: amount, - lastReference: mylastRef, - fee: sendFee, - dialogamount: dialogamount, - dialogto: dialogto, - dialogAddress, - dialogName - }, - }) + + return await parentEpml.request('transaction', { + type: 2, + nonce: this.wallets.get(this._selectedWallet).wallet.nonce, + params: { + recipient: myReceiver, + recipientName: recipientName, + amount: amount, + lastReference: mylastRef, + fee: sendFee, + dialogamount: dialogamount, + dialogto: dialogto, + dialogAddress, + dialogName + }, + }) } const getTxnRequestResponse = (txnResponse) => { @@ -4400,7 +4401,7 @@ class MultiWallet extends LitElement { bitcoinAmount: btcAmount, feePerByte: (this.btcFeePerByte / 1e8).toFixed(8), } - return await parentEpml.request('sendBtc', opts) + return await parentEpml.request('sendBtc', opts) } const manageResponse = (response) => { @@ -4490,7 +4491,7 @@ class MultiWallet extends LitElement { dogecoinAmount: dogeAmount, feePerByte: (this.dogeFeePerByte / 1e8).toFixed(8), } - return await parentEpml.request('sendDoge', opts) + return await parentEpml.request('sendDoge', opts) } const manageResponse = (response) => { @@ -4535,7 +4536,7 @@ class MultiWallet extends LitElement { digibyteAmount: dgbAmount, feePerByte: (this.dgbFeePerByte / 1e8).toFixed(8), } - return await parentEpml.request('sendDgb', opts) + return await parentEpml.request('sendDgb', opts) } const manageResponse = (response) => { @@ -4626,7 +4627,7 @@ class MultiWallet extends LitElement { arrrAmount: arrrAmount, memo: arrrMemo } - return await parentEpml.request('sendArrr', opts) + return await parentEpml.request('sendArrr', opts) } const manageResponse = (response) => { @@ -5010,7 +5011,6 @@ class MultiWallet extends LitElement { async fetchWalletServer(coin) { if (coin == 'qort') { - this.getNodeConfig() return } let walletServer = '' @@ -5070,14 +5070,14 @@ class MultiWallet extends LitElement { } getNodeConfig() { - this.nodeConfig = {} this.nodeDomain = "" + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + this.nodeDomain = myNode.domain + ":" + myNode.port + + this.nodeConfig = {} parentEpml.request("getNodeConfig").then((res) => { this.nodeConfig = res - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - this.nodeDomain = myNode.domain + ":" + myNode.port }) - setTimeout(getNodeConfig, 60000) } async getTransactionGrid(coin) { @@ -5677,7 +5677,7 @@ class MultiWallet extends LitElement { getApiKey() { const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey + return myNode.apiKey } transactionItem(transactionObject) { @@ -5832,7 +5832,7 @@ class MultiWallet extends LitElement { } round(number) { - return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } subtract(num1, num2) { @@ -5852,4 +5852,4 @@ class MultiWallet extends LitElement { } } -window.customElements.define('multi-wallet', MultiWallet) +window.customElements.define('multi-wallet', MultiWallet) \ No newline at end of file From 10a9b2bd659646c70d60086666c9fdb28b2e5a19 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Thu, 4 Apr 2024 12:03:30 +0200 Subject: [PATCH 09/26] Update dependencies --- package-lock.json | 244 +++++++++++++++++++++++----------------------- package.json | 10 +- 2 files changed, 127 insertions(+), 127 deletions(-) diff --git a/package-lock.json b/package-lock.json index 60a0cdce..fe121c35 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "4.5.1", "license": "GPL-3.0", "dependencies": { - "@hapi/hapi": "21.3.7", + "@hapi/hapi": "21.3.8", "@hapi/inert": "7.1.0", "@lit-labs/motion": "1.0.6", "@popperjs/core": "2.11.8", @@ -47,12 +47,12 @@ "prosemirror-state": "1.4.3", "prosemirror-transform": "1.8.0", "prosemirror-view": "1.33.3", - "sass": "1.72.0", + "sass": "1.74.1", "short-unique-id": "5.0.3", "xhr2": "0.2.1" }, "devDependencies": { - "@babel/core": "7.24.3", + "@babel/core": "7.24.4", "@electron/packager": "18.3.2", "@material/mwc-button": "0.27.0", "@material/mwc-checkbox": "0.27.0", @@ -104,7 +104,7 @@ "@vaadin/tooltip": "24.2.9", "@zip.js/zip.js": "2.7.41", "axios": "1.6.8", - "electron": "27.3.8", + "electron": "27.3.9", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", @@ -119,7 +119,7 @@ "pwa-helpers": "0.9.1", "redux": "5.0.1", "redux-thunk": "3.1.0", - "rollup": "4.13.2", + "rollup": "4.14.0", "rollup-plugin-node-globals": "1.4.0", "rollup-plugin-progress": "1.1.2", "rollup-plugin-scss": "3.0.0", @@ -165,27 +165,27 @@ } }, "node_modules/@babel/compat-data": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.1.tgz", - "integrity": "sha512-Pc65opHDliVpRHuKfzI+gSA4zcgr65O4cl64fFJIWEEh8JoHIHh0Oez1Eo8Arz8zq/JhgKodQaxEwUPRtZylVA==", + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz", + "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==", "dev": true, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/core": { - "version": "7.24.3", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.3.tgz", - "integrity": "sha512-5FcvN1JHw2sHJChotgx8Ek0lyuh4kCKelgMTTqhYJJtloNvUfpAFMeNQUtdlIaktwrSV9LtCdqwk48wL2wBacQ==", + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz", + "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==", "dev": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.24.2", - "@babel/generator": "^7.24.1", + "@babel/generator": "^7.24.4", "@babel/helper-compilation-targets": "^7.23.6", "@babel/helper-module-transforms": "^7.23.3", - "@babel/helpers": "^7.24.1", - "@babel/parser": "^7.24.1", + "@babel/helpers": "^7.24.4", + "@babel/parser": "^7.24.4", "@babel/template": "^7.24.0", "@babel/traverse": "^7.24.1", "@babel/types": "^7.24.0", @@ -204,9 +204,9 @@ } }, "node_modules/@babel/generator": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.1.tgz", - "integrity": "sha512-DfCRfZsBcrPEHUfuBMgbJ1Ut01Y/itOs+hY2nFLgqsqXd52/iSiVq5TITtUasIUgm+IIKdY2/1I7auiQOEeC9A==", + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz", + "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==", "dev": true, "dependencies": { "@babel/types": "^7.24.0", @@ -351,9 +351,9 @@ } }, "node_modules/@babel/helpers": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.1.tgz", - "integrity": "sha512-BpU09QqEe6ZCHuIHFphEFgvNSrubve1FtyMton26ekZ85gRGi6LrTF7zArARp2YvyFxloeiRmtSCq5sjh1WqIg==", + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.4.tgz", + "integrity": "sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==", "dev": true, "dependencies": { "@babel/template": "^7.24.0", @@ -380,9 +380,9 @@ } }, "node_modules/@babel/parser": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.1.tgz", - "integrity": "sha512-Zo9c7N3xdOIQrNip7Lc9wvRPzlRtovHVE4lkz8WEDr7uYh/GMQhSiIgFxGIArRHYdJE5kxtZjAf8rT0xhdLCzg==", + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", + "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==", "dev": true, "bin": { "parser": "bin/babel-parser.js" @@ -805,45 +805,45 @@ } }, "node_modules/@fortawesome/fontawesome-common-types": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.1.tgz", - "integrity": "sha512-GkWzv+L6d2bI5f/Vk6ikJ9xtl7dfXtoRu3YGE6nq0p/FFqA1ebMOAWg3XgRyb0I6LYyYkiAo+3/KrwuBp8xG7A==", + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.5.2.tgz", + "integrity": "sha512-gBxPg3aVO6J0kpfHNILc+NMhXnqHumFxOmjYCFfOiLZfwhnnfhtsdA2hfJlDnj+8PjAs6kKQPenOTKj3Rf7zHw==", "hasInstallScript": true, "engines": { "node": ">=6" } }, "node_modules/@fortawesome/fontawesome-svg-core": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.1.tgz", - "integrity": "sha512-MfRCYlQPXoLlpem+egxjfkEuP9UQswTrlCOsknus/NcMoblTH2g0jPrapbcIb04KGA7E2GZxbAccGZfWoYgsrQ==", + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.5.2.tgz", + "integrity": "sha512-5CdaCBGl8Rh9ohNdxeeTMxIj8oc3KNBgIeLMvJosBMdslK/UnEB8rzyDRrbKdL1kDweqBPo4GT9wvnakHWucZw==", "hasInstallScript": true, "dependencies": { - "@fortawesome/fontawesome-common-types": "6.5.1" + "@fortawesome/fontawesome-common-types": "6.5.2" }, "engines": { "node": ">=6" } }, "node_modules/@fortawesome/free-regular-svg-icons": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.5.1.tgz", - "integrity": "sha512-m6ShXn+wvqEU69wSP84coxLbNl7sGVZb+Ca+XZq6k30SzuP3X4TfPqtycgUh9ASwlNh5OfQCd8pDIWxl+O+LlQ==", + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.5.2.tgz", + "integrity": "sha512-iabw/f5f8Uy2nTRtJ13XZTS1O5+t+anvlamJ3zJGLEVE2pKsAWhPv2lq01uQlfgCX7VaveT3EVs515cCN9jRbw==", "hasInstallScript": true, "dependencies": { - "@fortawesome/fontawesome-common-types": "6.5.1" + "@fortawesome/fontawesome-common-types": "6.5.2" }, "engines": { "node": ">=6" } }, "node_modules/@fortawesome/free-solid-svg-icons": { - "version": "6.5.1", - "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.1.tgz", - "integrity": "sha512-S1PPfU3mIJa59biTtXJz1oI0+KAXW6bkAb31XKhxdxtuXDiUIFsih4JR1v5BbxY7hVHsD1RKq+jRkVRaf773NQ==", + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.5.2.tgz", + "integrity": "sha512-QWFZYXFE7O1Gr1dTIp+D6UcFUF0qElOnZptpi7PBUMylJh+vFmIedVe1Ir6RM1t2tEQLLSV1k7bR4o92M+uqlw==", "hasInstallScript": true, "dependencies": { - "@fortawesome/fontawesome-common-types": "6.5.1" + "@fortawesome/fontawesome-common-types": "6.5.2" }, "engines": { "node": ">=6" @@ -950,9 +950,9 @@ "integrity": "sha512-w+lKW+yRrLhJu620jT3y+5g2mHqnKfepreykvdOcl9/6up8GrQQn+l3FRTsjHTKbkbfQFkuksHpdv2EcpKcJ4Q==" }, "node_modules/@hapi/hapi": { - "version": "21.3.7", - "resolved": "https://registry.npmjs.org/@hapi/hapi/-/hapi-21.3.7.tgz", - "integrity": "sha512-33J0nreMfqkhY7wwRAZRy+9J+7J4QOH1JtICMjIUmxfaOYSJL/d8JJCtg57SX60944bhlCeu7isb7qyr2jT2oA==", + "version": "21.3.8", + "resolved": "https://registry.npmjs.org/@hapi/hapi/-/hapi-21.3.8.tgz", + "integrity": "sha512-2YGNQZTnWKAWiexoLxvsSFFpJvFBJKhtRzARNxR6G1dHbDfL1WPQBXF00rmMRJLdo+oi7d+Ntgdno6V+z+js7w==", "dependencies": { "@hapi/accept": "^6.0.1", "@hapi/ammo": "^6.0.1", @@ -3039,9 +3039,9 @@ } }, "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.13.2.tgz", - "integrity": "sha512-3XFIDKWMFZrMnao1mJhnOT1h2g0169Os848NhhmGweEcfJ4rCi+3yMCOLG4zA61rbJdkcrM/DjVZm9Hg5p5w7g==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.14.0.tgz", + "integrity": "sha512-jwXtxYbRt1V+CdQSy6Z+uZti7JF5irRKF8hlKfEnF/xJpcNGuuiZMBvuoYM+x9sr9iWGnzrlM0+9hvQ1kgkf1w==", "cpu": [ "arm" ], @@ -3052,9 +3052,9 @@ ] }, "node_modules/@rollup/rollup-android-arm64": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.13.2.tgz", - "integrity": "sha512-GdxxXbAuM7Y/YQM9/TwwP+L0omeE/lJAR1J+olu36c3LqqZEBdsIWeQ91KBe6nxwOnb06Xh7JS2U5ooWU5/LgQ==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.14.0.tgz", + "integrity": "sha512-fI9nduZhCccjzlsA/OuAwtFGWocxA4gqXGTLvOyiF8d+8o0fZUeSztixkYjcGq1fGZY3Tkq4yRvHPFxU+jdZ9Q==", "cpu": [ "arm64" ], @@ -3065,9 +3065,9 @@ ] }, "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.13.2.tgz", - "integrity": "sha512-mCMlpzlBgOTdaFs83I4XRr8wNPveJiJX1RLfv4hggyIVhfB5mJfN4P8Z6yKh+oE4Luz+qq1P3kVdWrCKcMYrrA==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.14.0.tgz", + "integrity": "sha512-BcnSPRM76/cD2gQC+rQNGBN6GStBs2pl/FpweW8JYuz5J/IEa0Fr4AtrPv766DB/6b2MZ/AfSIOSGw3nEIP8SA==", "cpu": [ "arm64" ], @@ -3078,9 +3078,9 @@ ] }, "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.13.2.tgz", - "integrity": "sha512-yUoEvnH0FBef/NbB1u6d3HNGyruAKnN74LrPAfDQL3O32e3k3OSfLrPgSJmgb3PJrBZWfPyt6m4ZhAFa2nZp2A==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.14.0.tgz", + "integrity": "sha512-LDyFB9GRolGN7XI6955aFeI3wCdCUszFWumWU0deHA8VpR3nWRrjG6GtGjBrQxQKFevnUTHKCfPR4IvrW3kCgQ==", "cpu": [ "x64" ], @@ -3091,9 +3091,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.13.2.tgz", - "integrity": "sha512-GYbLs5ErswU/Xs7aGXqzc3RrdEjKdmoCrgzhJWyFL0r5fL3qd1NPcDKDowDnmcoSiGJeU68/Vy+OMUluRxPiLQ==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.14.0.tgz", + "integrity": "sha512-ygrGVhQP47mRh0AAD0zl6QqCbNsf0eTo+vgwkY6LunBcg0f2Jv365GXlDUECIyoXp1kKwL5WW6rsO429DBY/bA==", "cpu": [ "arm" ], @@ -3104,9 +3104,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.13.2.tgz", - "integrity": "sha512-L1+D8/wqGnKQIlh4Zre9i4R4b4noxzH5DDciyahX4oOz62CphY7WDWqJoQ66zNR4oScLNOqQJfNSIAe/6TPUmQ==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.14.0.tgz", + "integrity": "sha512-x+uJ6MAYRlHGe9wi4HQjxpaKHPM3d3JjqqCkeC5gpnnI6OWovLdXTpfa8trjxPLnWKyBsSi5kne+146GAxFt4A==", "cpu": [ "arm64" ], @@ -3117,9 +3117,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.13.2.tgz", - "integrity": "sha512-tK5eoKFkXdz6vjfkSTCupUzCo40xueTOiOO6PeEIadlNBkadH1wNOH8ILCPIl8by/Gmb5AGAeQOFeLev7iZDOA==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.14.0.tgz", + "integrity": "sha512-nrRw8ZTQKg6+Lttwqo6a2VxR9tOroa2m91XbdQ2sUUzHoedXlsyvY1fN4xWdqz8PKmf4orDwejxXHjh7YBGUCA==", "cpu": [ "arm64" ], @@ -3130,9 +3130,9 @@ ] }, "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.13.2.tgz", - "integrity": "sha512-zvXvAUGGEYi6tYhcDmb9wlOckVbuD+7z3mzInCSTACJ4DQrdSLPNUeDIcAQW39M3q6PDquqLWu7pnO39uSMRzQ==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.14.0.tgz", + "integrity": "sha512-xV0d5jDb4aFu84XKr+lcUJ9y3qpIWhttO3Qev97z8DKLXR62LC3cXT/bMZXrjLF9X+P5oSmJTzAhqwUbY96PnA==", "cpu": [ "ppc64le" ], @@ -3143,9 +3143,9 @@ ] }, "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.13.2.tgz", - "integrity": "sha512-C3GSKvMtdudHCN5HdmAMSRYR2kkhgdOfye4w0xzyii7lebVr4riCgmM6lRiSCnJn2w1Xz7ZZzHKuLrjx5620kw==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.14.0.tgz", + "integrity": "sha512-SDDhBQwZX6LPRoPYjAZWyL27LbcBo7WdBFWJi5PI9RPCzU8ijzkQn7tt8NXiXRiFMJCVpkuMkBf4OxSxVMizAw==", "cpu": [ "riscv64" ], @@ -3156,9 +3156,9 @@ ] }, "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.13.2.tgz", - "integrity": "sha512-l4U0KDFwzD36j7HdfJ5/TveEQ1fUTjFFQP5qIt9gBqBgu1G8/kCaq5Ok05kd5TG9F8Lltf3MoYsUMw3rNlJ0Yg==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.14.0.tgz", + "integrity": "sha512-RxB/qez8zIDshNJDufYlTT0ZTVut5eCpAZ3bdXDU9yTxBzui3KhbGjROK2OYTTor7alM7XBhssgoO3CZ0XD3qA==", "cpu": [ "s390x" ], @@ -3169,9 +3169,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.13.2.tgz", - "integrity": "sha512-xXMLUAMzrtsvh3cZ448vbXqlUa7ZL8z0MwHp63K2IIID2+DeP5iWIT6g1SN7hg1VxPzqx0xZdiDM9l4n9LRU1A==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.14.0.tgz", + "integrity": "sha512-C6y6z2eCNCfhZxT9u+jAM2Fup89ZjiG5pIzZIDycs1IwESviLxwkQcFRGLjnDrP+PT+v5i4YFvlcfAs+LnreXg==", "cpu": [ "x64" ], @@ -3182,9 +3182,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.13.2.tgz", - "integrity": "sha512-M/JYAWickafUijWPai4ehrjzVPKRCyDb1SLuO+ZyPfoXgeCEAlgPkNXewFZx0zcnoIe3ay4UjXIMdXQXOZXWqA==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.14.0.tgz", + "integrity": "sha512-i0QwbHYfnOMYsBEyjxcwGu5SMIi9sImDVjDg087hpzXqhBSosxkE7gyIYFHgfFl4mr7RrXksIBZ4DoLoP4FhJg==", "cpu": [ "x64" ], @@ -3195,9 +3195,9 @@ ] }, "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.13.2.tgz", - "integrity": "sha512-2YWwoVg9KRkIKaXSh0mz3NmfurpmYoBBTAXA9qt7VXk0Xy12PoOP40EFuau+ajgALbbhi4uTj3tSG3tVseCjuA==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.14.0.tgz", + "integrity": "sha512-Fq52EYb0riNHLBTAcL0cun+rRwyZ10S9vKzhGKKgeD+XbwunszSY0rVMco5KbOsTlwovP2rTOkiII/fQ4ih/zQ==", "cpu": [ "arm64" ], @@ -3208,9 +3208,9 @@ ] }, "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.13.2.tgz", - "integrity": "sha512-2FSsE9aQ6OWD20E498NYKEQLneShWes0NGMPQwxWOdws35qQXH+FplabOSP5zEe1pVjurSDOGEVCE2agFwSEsw==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.14.0.tgz", + "integrity": "sha512-e/PBHxPdJ00O9p5Ui43+vixSgVf4NlLsmV6QneGERJ3lnjIua/kim6PRFe3iDueT1rQcgSkYP8ZBBXa/h4iPvw==", "cpu": [ "ia32" ], @@ -3221,9 +3221,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.13.2.tgz", - "integrity": "sha512-7h7J2nokcdPePdKykd8wtc8QqqkqxIrUz7MHj6aNr8waBRU//NLDVnNjQnqQO6fqtjrtCdftpbTuOKAyrAQETQ==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.14.0.tgz", + "integrity": "sha512-aGg7iToJjdklmxlUlJh/PaPNa4PmqHfyRMLunbL3eaMO0gp656+q1zOKkpJ/CVe9CryJv6tAN1HDoR8cNGzkag==", "cpu": [ "x64" ], @@ -3684,9 +3684,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "18.19.28", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.28.tgz", - "integrity": "sha512-J5cOGD9n4x3YGgVuaND6khm5x07MMdAKkRyXnjVR6KFhLMNh2yONGiP7Z+4+tBOt5mK+GvDTiacTOVGGpqiecw==", + "version": "18.19.29", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.29.tgz", + "integrity": "sha512-5pAX7ggTmWZdhUrhRWLPf+5oM7F80bcKVCBbr0zwEkTNzTJL2CWQjznpFgHYy6GrzkYi2Yjy7DHKoynFxqPV8g==", "devOptional": true, "dependencies": { "undici-types": "~5.26.4" @@ -5774,9 +5774,9 @@ } }, "node_modules/electron": { - "version": "27.3.8", - "resolved": "https://registry.npmjs.org/electron/-/electron-27.3.8.tgz", - "integrity": "sha512-CLQ4rhFiXBzfYsEuxDHqQlnw4fI5tJVMA+xqW322LkfcP6iiFjAMh/gYe3a1JqGPNMO2bff2Ev7toAxP1opRnQ==", + "version": "27.3.9", + "resolved": "https://registry.npmjs.org/electron/-/electron-27.3.9.tgz", + "integrity": "sha512-7Jr9j7tS9q5U0suTJeCCWoNaRpQs06XbrZP5x7mgFVytT284EUe2uBXzYL9sOUdnHSznn+eDbWvUV+2IF08ixA==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -6065,9 +6065,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.723", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.723.tgz", - "integrity": "sha512-rxFVtrMGMFROr4qqU6n95rUi9IlfIm+lIAt+hOToy/9r6CDv0XiEcQdC3VP71y1pE5CFTzKV0RvxOGYCPWWHPw==", + "version": "1.4.726", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.726.tgz", + "integrity": "sha512-xtjfBXn53RORwkbyKvDfTajtnTp0OJoPOIBzXvkNbb7+YYvCHJflba3L7Txyx/6Fov3ov2bGPr/n5MTixmPhdQ==", "dev": true }, "node_modules/electron-updater": { @@ -8226,9 +8226,9 @@ } }, "node_modules/magic-string": { - "version": "0.30.8", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.8.tgz", - "integrity": "sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==", + "version": "0.30.9", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.9.tgz", + "integrity": "sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw==", "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" @@ -9598,9 +9598,9 @@ } }, "node_modules/rollup": { - "version": "4.13.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.13.2.tgz", - "integrity": "sha512-MIlLgsdMprDBXC+4hsPgzWUasLO9CE4zOkj/u6j+Z6j5A4zRY+CtiXAdJyPtgCsc42g658Aeh1DlrdVEJhsL2g==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.14.0.tgz", + "integrity": "sha512-Qe7w62TyawbDzB4yt32R0+AbIo6m1/sqO7UPzFS8Z/ksL5mrfhA0v4CavfdmFav3D+ub4QeAgsGEe84DoWe/nQ==", "dev": true, "dependencies": { "@types/estree": "1.0.5" @@ -9613,21 +9613,21 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.13.2", - "@rollup/rollup-android-arm64": "4.13.2", - "@rollup/rollup-darwin-arm64": "4.13.2", - "@rollup/rollup-darwin-x64": "4.13.2", - "@rollup/rollup-linux-arm-gnueabihf": "4.13.2", - "@rollup/rollup-linux-arm64-gnu": "4.13.2", - "@rollup/rollup-linux-arm64-musl": "4.13.2", - "@rollup/rollup-linux-powerpc64le-gnu": "4.13.2", - "@rollup/rollup-linux-riscv64-gnu": "4.13.2", - "@rollup/rollup-linux-s390x-gnu": "4.13.2", - "@rollup/rollup-linux-x64-gnu": "4.13.2", - "@rollup/rollup-linux-x64-musl": "4.13.2", - "@rollup/rollup-win32-arm64-msvc": "4.13.2", - "@rollup/rollup-win32-ia32-msvc": "4.13.2", - "@rollup/rollup-win32-x64-msvc": "4.13.2", + "@rollup/rollup-android-arm-eabi": "4.14.0", + "@rollup/rollup-android-arm64": "4.14.0", + "@rollup/rollup-darwin-arm64": "4.14.0", + "@rollup/rollup-darwin-x64": "4.14.0", + "@rollup/rollup-linux-arm-gnueabihf": "4.14.0", + "@rollup/rollup-linux-arm64-gnu": "4.14.0", + "@rollup/rollup-linux-arm64-musl": "4.14.0", + "@rollup/rollup-linux-powerpc64le-gnu": "4.14.0", + "@rollup/rollup-linux-riscv64-gnu": "4.14.0", + "@rollup/rollup-linux-s390x-gnu": "4.14.0", + "@rollup/rollup-linux-x64-gnu": "4.14.0", + "@rollup/rollup-linux-x64-musl": "4.14.0", + "@rollup/rollup-win32-arm64-msvc": "4.14.0", + "@rollup/rollup-win32-ia32-msvc": "4.14.0", + "@rollup/rollup-win32-x64-msvc": "4.14.0", "fsevents": "~2.3.2" } }, @@ -9769,9 +9769,9 @@ } }, "node_modules/sass": { - "version": "1.72.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz", - "integrity": "sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==", + "version": "1.74.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.74.1.tgz", + "integrity": "sha512-w0Z9p/rWZWelb88ISOLyvqTWGmtmu2QJICqDBGyNnfG4OUnPX9BBjjYIXUpXCMOOg5MQWNpqzt876la1fsTvUA==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -10326,9 +10326,9 @@ } }, "node_modules/terser": { - "version": "5.30.2", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.30.2.tgz", - "integrity": "sha512-vTDjRKYKip4dOFL5VizdoxHTYDfEXPdz5t+FbxCC5Rp2s+KbEO8w5wqMDPgj7CtFKZuzq7PXv28fZoXfqqBVuw==", + "version": "5.30.3", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.30.3.tgz", + "integrity": "sha512-STdUgOUx8rLbMGO9IOwHLpCqolkDITFFQSMYYwKE1N2lY6MVSaeoi10z/EhWxRc6ybqoVmKSkhKYH/XUpl7vSA==", "dev": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", diff --git a/package.json b/package.json index ae73f621..47f5c051 100644 --- a/package.json +++ b/package.json @@ -31,7 +31,7 @@ "lint": "eslint './**/*.{js,mjs}'" }, "dependencies": { - "@hapi/hapi": "21.3.7", + "@hapi/hapi": "21.3.8", "@hapi/inert": "7.1.0", "@lit-labs/motion": "1.0.6", "@popperjs/core": "2.11.8", @@ -69,12 +69,12 @@ "prosemirror-state": "1.4.3", "prosemirror-transform": "1.8.0", "prosemirror-view": "1.33.3", - "sass": "1.72.0", + "sass": "1.74.1", "short-unique-id": "5.0.3", "xhr2": "0.2.1" }, "devDependencies": { - "@babel/core": "7.24.3", + "@babel/core": "7.24.4", "@electron/packager": "18.3.2", "@material/mwc-button": "0.27.0", "@material/mwc-checkbox": "0.27.0", @@ -126,7 +126,7 @@ "@vaadin/tooltip": "24.2.9", "@zip.js/zip.js": "2.7.41", "axios": "1.6.8", - "electron": "27.3.8", + "electron": "27.3.9", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", @@ -141,7 +141,7 @@ "pwa-helpers": "0.9.1", "redux": "5.0.1", "redux-thunk": "3.1.0", - "rollup": "4.13.2", + "rollup": "4.14.0", "rollup-plugin-node-globals": "1.4.0", "rollup-plugin-progress": "1.1.2", "rollup-plugin-scss": "3.0.0", From 82f93d327e819829b2f81dc6e2511f150f1096a2 Mon Sep 17 00:00:00 2001 From: iffi olen <157421268+iffinland@users.noreply.github.com> Date: Tue, 16 Apr 2024 14:38:27 +0300 Subject: [PATCH 10/26] Fixed translations typos & for better understanding Fixed typos and clarified translations for better understanding --- core/language/fi.json | 54 +++++++++++++++++++++---------------------- 1 file changed, 27 insertions(+), 27 deletions(-) diff --git a/core/language/fi.json b/core/language/fi.json index 9174235f..4609d3c7 100644 --- a/core/language/fi.json +++ b/core/language/fi.json @@ -29,7 +29,7 @@ "mintingdetails": "LOUHINTA TIEDOT", "becomeAMinter": "LIITY LOUHINTA", "wallets": "LOMPAKOT", - "tradeportal": "KAUPPA PORTAALI", + "tradeportal": "KRYPTOKAUPPAA", "rewardshare": "PALKINTO JAKO", "nameregistration": "NIMEN REKISTERÖINTI", "websites": "VERKKOSIVUSTOJA", @@ -50,8 +50,8 @@ "tm2": "Liity louhinta", "tm3": "Luettelo sponsoreista", "tm4": "Lompakot", - "tm5": "Kaupan portaali", - "tm6": "Automaattinen osto", + "tm5": "Kryptokauppaa", + "tm6": "Automatisoidut kryptokaupat", "tm7": "Palkinnon jako", "tm8": "Q-Chat", "tm9": "Nimen rekisteröinti", @@ -111,7 +111,7 @@ "areyousure": "Haluatko varmasti poistaa tämän lompakon tallennetuista lompakoistasi?", "error1": "Varmuuskopion on oltava oikeassa JSON-muodossa", "error2": "Kirjautumistapaa ei ole valittu", - "createwelcome": "Tervetuloa Qortaliin! Sinulle luodaan nyt uusi satunnainen siemenlause, jota käytetään yksityisen avaimesi ja osoitteesi luomiseen Qortal-lohkoketjussa. Lisäksi, jos päätät aloittaa myös Qortal-alustalla, ts. kolikonlaskijana sinulla on mahdollisuus saavuttaa korkeampi taso Qortal-tililläsi, mikä tuo sinulle korkeamman lohkopalkkion QORT-digitaalisissa kolikoissa sekä suuremman äänivallan tulevissa Qortaliin liittyvissä päätöksissä.", + "createwelcome": "Tervetuloa Qortaliin! Sinulle luodaan nyt uusi satunnainen siemenlause, jota käytetään yksityisen avaimesi ja osoitteesi luomiseen Qortal-lohkoketjussa. Lisäksi, jos päätät aloittaa myös Qortal-alustalla, ts. louhimaan sinulla on mahdollisuus saavuttaa korkeampi taso Qortal-tililläsi, mikä tuo sinulle korkeamman lohkopalkkion QORT-digitaalisissa kolikoissa sekä suuremman äänivallan tulevissa Qortaliin liittyvissä päätöksissä.", "createa": "luo", "click": "Klikkaa tästä, et tarkastella seemnefraasi", "confirmpass": "Vahvista salasana", @@ -170,7 +170,7 @@ "generalinfo": "Yleiset tilitiedot", "address": "Osoite", "publickey": "Julkinen avain", - "settings": "Asetukset", + "settings": "Solmun Asetukset", "account": "Tili", "security": "Turvallisuus", "qr_login_menu_item": "QR-kirjautuminen", @@ -220,13 +220,13 @@ "blockheight": "Lohkon korkeus", "uiversion": "UI versio", "coreversion": "Ytimen versio", - "minting": "(Lohintaan)", + "minting": "(Louhintan)", "synchronizing": "Synkronoidaan", "peers": "Yhdistettyjä yhteistyökumppanit" }, "walletprofile": { "minterlevel": "Louhinta taso", - "blocksminted": "Lohkoiksi yhdessä", + "blocksminted": "Louhitut lohkot", "wp1": "Louhinta", "wp2": "Louhinta ei toimi", "wp3": "Perustiedot", @@ -234,12 +234,12 @@ "wp5": "Synkronoinnin tila" }, "general": { - "yes": "Joo", + "yes": "Kyllä", "no": "Ei", "confirm": "Vahvistaa", "decline": "Kieltäytyä", "open": "Avata", - "close": "Kiinni", + "close": "Sulje", "back": "Takaisin", "next": "Seuraava", "create": "Luoda", @@ -311,15 +311,15 @@ "mchange15": "Nykyinen tila", "mchange16": "Nykyinen taso", "mchange17": "Lohkoja puuttu pääsemäksi seuraavalle tasolle", - "mchange18": "Jos jatkat keksimistä 24/7, nouset tasolle", + "mchange18": "Jos jätkat louinta 24/7, nouset tasolle", "mchange19": "Lohkontaan palkintojen tiedot", "mchange20": "Nykyinen taso", "mchange21": "Lohkijaita yhteensä tällä tasolla", - "mchange22": "Osa tasosta lohkoa kohti", + "mchange22": "Oletettav palkinto päivässä", "mchange23": "Keskimääräinen palkkio lohkoa kohti", "mchange24": "Odotettu palkinto päivässä", "mchange25": "Sekuntia", - "mchange26": "Blocks", + "mchange26": "Lohkot", "mchange27": "Taso", "mchange28": "Taso", "mchange29": "päivä", @@ -347,7 +347,7 @@ }, "walletpage": { "wchange1": "Haetaan saldoa...", - "wchange2": "Nykyinen lompakko", + "wchange2": "Päivitä lompakko", "wchange3": "Kopioi lompakon osoite leikepöydälle", "wchange4": "Osoite kopioitu leikepöydälle", "wchange5": "Tapahtuman tiedot", @@ -363,10 +363,10 @@ "wchange15": "Tapahtuman allekirjoitus", "wchange16": "Tapahtuman hajautus", "wchange17": "Lähetä", - "wchange18": "Alkaen", + "wchange18": "Osoitteesta", "wchange19": "Saatavilla oleva saldo", - "wchange20": "(osoitteeseen tai nimeen)", - "wchange21": "Nykyinen staattinen varaus:", + "wchange20": "(osoite tai nimi)", + "wchange21": "Palvelumaksu:", "wchange22": "Lompakot", "wchange23": "(vastaanottajan osoite)", "wchange24": "Tarjouksen välitön maksu", @@ -385,14 +385,14 @@ "wchange37": "Kokonaismäärä", "wchange38": "Tässä osoitteessa ei ole tapahtumia.", "wchange39": "Osotetta ei voi kopioida.", - "wchange40": "PAYMENT", + "wchange40": "MAKSU", "wchange41": "Tila", "wchange42": "Vahvistukset", "wchange43": "Tapahtuma ei näy ennen vahvistusta, ole kärsivällinen...", "wchange44": "Yritä uudelleen...", "wchange45": "Lähetä kaikki", "wchange46": "Lähetä tähän osoitteeseen", - "wchange47": "Osoitekirja", + "wchange47": "Vastaanottajat", "wchange48": "Tämä osoitekirja on tyhjä!", "wchange49": "Lisää osoitekirjaan", "wchange50": "Nimisolu ei voi olla tyhjä!", @@ -533,7 +533,7 @@ }, "websitespage": { "schange1": "Selaa verkkosivuja", - "schange2": "Valvotut verkkosivustot", + "schange2": "Seuratut verkkosivustot", "schange3": "Estetyt verkkosivustot", "schange4": "Hae Web-sivuilta", "schange5": "Avatar", @@ -549,7 +549,7 @@ "schange15": "Estetyt verkkosivustot", "schange16": "Et ole estänyt yhtään verkkosivustoa", "schange17": "Nimeä ei löydy!", - "schange18": "Relay-tila on käytössä. Tämä tarkoittaa, että solmusi (tietokoneesi) auttaa siirtämään salattua dataa Qortal-verkossa, jos joku toinen solmu pyytää sitä. Jos haluat kytkeä sen pois päältä, sinun on kirjoitettava rivi, kuten Tämä", + "schange18": "Relay-tila on käytössä. Tämä tarkoittaa, että solmusi (tietokoneesi) auttaa siirtämään dataa Qortal-verkossa, jos joku toinen solmu pyytää sitä. Jos haluat kytkeä sen pois päältä, sinun on kirjoitettava rivi, kuten Tämä.", "schange19": "määritystiedosto", "schange20": "Reletila on kytketty pois päältä. Jos haluat ottaa sen käyttöön, sinun on kirjoitettava tämä rivi", "schange21": "Julkaise verkkosivusto", @@ -557,7 +557,7 @@ "schange23": "Tämän nimen seuraamisen lopettamisessa tapahtui virhe. Yritä uudelleen!", "schange24": "Tapahtui virhe tämän nimen estämisessä. Yritä uudelleen!", "schange25": "Tapahtui virhe yritettäessä poistaa tämän nimen estoa. Yritä uudelleen!", - "schange26": "Uncategorized", + "schange26": "Luokittelematon", "schange27": "Koko", "schange28": "Tila", "schange29": "Seuraa", @@ -594,7 +594,7 @@ "schange23": "Tämän nimen seuraamisen lopettamisessa tapahtui virhe. Yritä uudelleen!", "schange24": "Tapahtui virhe tämän nimen estämisessä. Yritä uudelleen!", "schange25": "Tapahtui virhe yritettäessä poistaa tämän nimen estoa. Yritä uudelleen!", - "schange26": "Uncategorized", + "schange26": "Luokittelematon", "schange27": "Koko", "schange28": "Tila", "schange29": "Seuraa", @@ -608,14 +608,14 @@ "schange37": "Ladattu", "schange38": "Päivitä", "schange39": "Avaa", - "schange40": "Näyttö", + "schange40": "Esikatselu", "schange41": "Ladataan, odota...", "schange42": "Lataukset", "schange43": "Kaikki latausyritykset jatkuvat taustalla, yritä hetken kuluttua uudelleen." }, "tubespage": { "schange1": "Selaa Q-Tubea", - "schange2": "Tracked Q-Tubes", + "schange2": "Seurattu Q-Tubes", "schange3": "Estetty Q-Tubes", "schange4": "Hae Q-Tubea", "schange5": "Kansi", @@ -639,7 +639,7 @@ "schange23": "Tämän nimen seuraamisen lopettamisessa tapahtui virhe. Yritä uudelleen!", "schange24": "Tapahtui virhe tämän nimen estämisessä. Yritä uudelleen!", "schange25": "Tapahtui virhe yritettäessä poistaa tämän nimen estoa. Yritä uudelleen!", - "schange26": "Uncategorized", + "schange26": "Luokittelematon", "schange27": "Koko", "schange28": "Tila", "schange29": "Seuraa", @@ -666,7 +666,7 @@ "pchange5": "Otsikko", "pchange6": "Kuvaus", "pchange7": "Valitse luokka", - "pchange8": "Label", + "pchange8": "Tarra", "pchange9": "Palvelu", "pchange10": "Tunnus", "pchange11": "Julkaise", @@ -804,7 +804,7 @@ "cchange37": "Ei tuloksia löytynyt", "cchange38": "Käyttäjä vahvistettu", "cchange39": "Tälle käyttäjälle ei voida lähettää salattua viestiä, koska hänen julkinen avaimensa ei ole lohkoketjussa.", - "cchange40": "PICTURE (näytä napsauttamalla)", + "cchange40": "KUVA (näytä napsauttamalla)", "cchange41": "Saldosi on alle 4 QORT", "cchange42": "Roskapostin torjumiseksi kestää kauan lähettää viestejä Q-Chatissa, jos QORT-osoitteesi saldo on alle 4. Jos haluat nopeuttaa viestien lähetystä Q-Chatissa, hanki vähintään 4 QORT:t. Tämä voidaan tehdä kaupankäyntiportaalin tapahtumilla tai joku lähettää sinulle QORT:n. Jos osoitteessa on enemmän kuin 4 QORTia, Q-Chat-viestit ovat välittömiä. Kiitos, että ymmärrät tämän välttämättömän roskapostin estomenetelmän ja toivomme, että nautit Qortalista alusta!", "cchange43": "Jätä tippi (QORT)", From 512af47b0cd7b66ded96a80bd518a7794cc283e6 Mon Sep 17 00:00:00 2001 From: QuickMythril Date: Sat, 20 Apr 2024 02:00:27 -0400 Subject: [PATCH 11/26] Fix voting on poll names with special characters --- plugins/plugins/core/qdn/browser/browser.src.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index 8e9828cc..8d0c5ad5 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -1556,7 +1556,7 @@ class WebBrowser extends LitElement { try { pollInfo = await parentEpml.request("apiCall", { type: "api", - url: `/polls/${pollName}`, + url: `/polls/${encodeURIComponent(pollName)}`, }) } catch (error) { const errorMsg = (error && error.message) || 'Poll not found' From 87f3a816637bf28ba7f4cb96ca65379adb200d72 Mon Sep 17 00:00:00 2001 From: indasin <140671521+indasin@users.noreply.github.com> Date: Mon, 29 Apr 2024 09:39:42 +0300 Subject: [PATCH 12/26] Update et.json --- core/language/et.json | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/core/language/et.json b/core/language/et.json index 6afb005c..ed0cef21 100644 --- a/core/language/et.json +++ b/core/language/et.json @@ -230,8 +230,8 @@ "wp1": "Mündimine", "wp2": "Ei vermita", "wp3": "Põhiteave", - "wp4": "Sünkroonitud", - "wp5": "Sünkroonimise olek" + "wp4": "sünkroniseeritud", + "wp5": "Sünkroniseerimise olek" }, "general": { "yes": "Jah", @@ -989,7 +989,7 @@ "nchange20": "Väljalaske versioon", "nchange21": "Ühendatud", "nchange22": "Tegevus", - "nchange23": "Sünkroonimise sundimine", + "nchange23": "Sünkroniseerimise sundimine", "nchange24": "Ühendatud partnereid pole", "nchange25": "Alustan sünki partneriga: ", "nchange26": "Partner edukalt eemaldatud: ", @@ -1207,8 +1207,8 @@ "notify1": "Tehingu kinnitamine", "notify2": "Tehing kinnitatud", "explanation": "Sinu tehing kinnitatakse. Edenemise jälgimiseks klõpsa kellaikoonil.", - "status1": "Täielikult sünkroonitud", - "status2": "Pole sünkroonitud", + "status1": "Täielikult sünkroniseeritud", + "status2": "Pole sünkroniseeritud", "notify3": "Märguandeid pole", "notify4": "Tx-teatised" }, @@ -1266,8 +1266,8 @@ "profile26": "Lisa sõbraks" }, "tour": { - "tour1": "Qortali kasutamiseks peab Core olema sünkroonitud. See ikoon on sünkroonimisel sinine.", - "tour2": "Sünkroonitud", + "tour1": "Qortali kasutamiseks peab Core olema sünkroniseeritud. See ikoon on Sünkroniseerimisel sinine.", + "tour2": "sünkroniseeritud", "tour3": "Sünkroonimine ja vermimine", "tour4": "Sünkroonimine", "tour5": "Sünkrooni oma tuum", @@ -1278,13 +1278,13 @@ "tour10": "See on vahekaardi vaikevaade, kus pääsete juurde olulistele Qortali sätetele ja Q-rakendustele, nagu Q-Tube.", "tour11": "Saage täielik kogemus", "tour12": "Qortali täieliku kogemuse saamiseks soovitame järgida seda kontroll-loendit.", - "tour13": "Olete täielikult sünkroonitud! Nüüd saate kogeda Qortali plokiahela võimsust.", + "tour13": "Olete täielikult sünkroniseeritud! Nüüd saate kogeda Qortali plokiahela võimsust.", "tour14": "Proovime külastada Q-Tube'i!", "tour15": "Külastage Q-Tube'i", "tour16": "Kontrollnimekiri", "tour17": "Qortali plokiahelale juurdepääsuks käivitage Core.", "tour18": "Värskenda (bootstrap)", - "tour19": "Praegu sünkroonimine... Qortali kasutamiseks peate olema täielikult sünkroonitud", + "tour19": "Praegu sünkroonimine... Qortali kasutamiseks peate olema täielikult sünkroniseeritud", "tour20": "blokeerib taga. Kas soovite sünkroonimisprotsessi kiirendamiseks värskendada (bootstrap)?", "tour21": "jäänud plokke.", "tour22": "Taotleb värskendamist (bootstrap). Palun oodake." From fbc31bf6e016e46cf600a55100f8093c23a54398 Mon Sep 17 00:00:00 2001 From: crowetic <5431064+crowetic@users.noreply.github.com> Date: Tue, 30 Apr 2024 14:35:03 -0700 Subject: [PATCH 13/26] Update us.json changed wording and made a few corrections to grammar/spelling --- core/language/us.json | 106 +++++++++++++++++++++--------------------- 1 file changed, 53 insertions(+), 53 deletions(-) diff --git a/core/language/us.json b/core/language/us.json index 607dd058..203007d9 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -70,7 +70,7 @@ "tm22": "Remove Plugin", "tm23": "Are you sure to remove this plugin ?", "tm24": "Plugin Type:", - "tm25": "Please select a plugin type !", + "tm25": "Please select a plugin type!", "tm26": "Add New Plugin To Menu", "tm27": "Remove Plugin From Menu", "tm28": "Overview Page", @@ -80,7 +80,7 @@ "tm32": "This account does not follow any user", "tm33": "Import Tab Menu", "tm34": "Export Tab Menu", - "tm35": "Your existing tab menu will be deleted and set to uploaded tab menu.", + "tm35": "Your existing tab menu will be deleted and set to imported tab menu.", "tm36": "Tab Menu Successfully Restored", "tm37": "Tab Menu Successfully Saved As", "tm38": "DEV MODE", @@ -92,49 +92,49 @@ "login": { "login": "Log In", "createaccount": "Create Account", - "name": "Name", + "name": "Display Name", "address": "Address", "password": "Password", "youraccounts": "Your accounts", - "clickto": "Click your account to log in with it", + "clickto": "Click account to login", "needcreate": "You need to create or save an account before you can log in!", - "upload": "Upload your Qortal backup", + "upload": "Upload your Qortal backup file", "howlogin": "How would you like to log in?", "seed": "Seedphrase", "seedphrase": "seedphrase", "saved": "Saved account", - "qora": "Qora address seed", - "backup": "Qortal wallet backup", - "decrypt": "Decrypt backup", + "qora": "QORA address seed", + "backup": "Qortal backup file", + "decrypt": "Decrypt backup file", "save": "Save in this browser.", - "prepare": "Preparing Your Account", - "areyousure": "Are you sure you want to remove this wallet from saved wallets?", - "error1": "Backup must be valid JSON", + "prepare": "Preparing Your Account...", + "areyousure": "Are you sure you want to remove this wallet from saved wallets? (If removed and no backup file exists, account could be lost forever! Ensure you have a backup file before doing this!)", + "error1": "Backup file must be valid JSON", "error2": "Login option not selected", - "createwelcome": "Welcome to Qortal, you will find it to be similar to that of an RPG game, you, as a minter on the Qortal network (if you choose to become one) will have the chance to level your account up, giving you both more of the QORT block reward and also larger influence over the network in terms of voting on decisions for the platform.", + "createwelcome": "Welcome to Qortal! Your decentralized digital future awaits you! On Qortal only you have absolute control over your data. Qortal provides the base level of a new, and fully user-controlled digital world.", "createa": "A", "click": "Click to view seedphrase", "confirmpass": "Confirm Password", - "willbe": "will be randomly generated in the background. This is used as your private key generator for your blockchain account in Qortal.", + "willbe": "will be randomly generated in the background. If you wish to VIEW the seedphrase, click the highlighted 'seedphrase' in this text. This is used as your private key generator for your blockchain account in Qortal. For security by default, seedphrases are not displayed unless specifically chosen to be.", "clicknext": "Create your Qortal account by clicking NEXT below.", - "ready": "Your account is now ready to be created. It will be saved in this browser. If you do not want your new account to be saved in your browser, you can uncheck the box below. You will still be able to log in with your new account (after logging out), using your wallet backup file that you MUST download once you create your account.", + "ready": "Your account is now ready to be created. It will be saved within this copy of the Qortal UI by default, in encrypted form. If you do not want your new account to be saved herein, you may uncheck the box below. You will still be able to log in with your new account (after logging out), using your wallet backup file that you MUST download once you create your account.", "welmessage": "Welcome to Qortal", "pleaseenter": "Please enter a Password!", - "notmatch": "Passwords do not match!", - "lessthen8": "Your password is less than 5 characters! This is not recommended. You can continue to ignore this warning.", + "notmatch": "Oops! Passwords do not match! Try again!", + "lessthen8": "Your password is less than 5 characters! This is not recommended. Clicking continue will ignore this warning.", "lessthen8-2": "Your password is less than 5 characters!", - "entername": "Please enter a Name!", - "downloaded": "Your Wallet BackUp file was downloaded!", + "entername": "Please enter a Display Name!", + "downloaded": "Your Wallet Backup file was saved!", "loading": "Loading, Please wait...", - "createdseed": "Your created Seedphrase", + "createdseed": "Your created Seedphrase:", "saveseed": "Save Seedphrase", - "savein": "Save in browser", - "backup2": "This file is the ONLY way to access your account on a system that doesn't have it saved to the app/browser. BE SURE TO BACKUP THIS FILE IN MULTIPLE PLACES. The file is encrypted very securely and decrypted with your local password you created in the previous step. You can save it anywhere securely, but be sure to do that in multiple locations.", - "savewallet": "Save Wallet BackUp File", + "savein": "Save in this UI", + "backup2": "This file is the ONLY way (by default) to access your account unless saved to the UI. BE SURE TO BACKUP THIS FILE IN MULTIPLE PLACES. The file is encrypted very securely and decrypted with your local password you created in the previous step. You can save it anywhere securely, but be sure to do that in multiple locations.", + "savewallet": "Save Wallet Backup File", "created1": "Your account is now created", - "created2": " and will be saved in this browser.", - "downloadbackup": "Download Wallet BackUp File", - "passwordhint": "A password must be at least 5 characters.", + "created2": " and saved in this UI in encrypted form.", + "downloadbackup": "Save Wallet BackUp File", + "passwordhint": "Password must be at least 5 characters.", "lp1": "Lock Screen", "lp2": "No screen lock password is set!", "lp3": "Please set one", @@ -163,8 +163,8 @@ "confirmlogout": "Are you sure you want to log out?" }, "fragfile": { - "selectfile": "Select file", - "dragfile": "Drag and drop backup here" + "selectfile": "Select backup file", + "dragfile": "Drag and drop or click here to select backup file" }, "settings": { "generalinfo": "General Account Info", @@ -174,26 +174,26 @@ "account": "Account", "security": "Security", "qr_login_menu_item": "QR Login", - "qr_login_description_1": "Scan this code to unlock your wallet on another device using the same password which you logged in with.", + "qr_login_description_1": "Scan this code to save your wallet on another device using the same password that you logged in with.", "qr_login_description_2": "Choose a password which you will use to unlock your wallet on another device after scanning the QR code.", "qr_login_button_1": "Show login QR code", "qr_login_button_2": "Generate login QR code", "notifications": "Notifications", "accountsecurity": "Account Security", "password": "Password", - "download": "Download Backup File", - "choose": "Please choose a password to encrypt your backup with. (This can be the same as the one you logged in with, or different)", + "download": "Export/Save Backup File", + "choose": "Please choose a password to encrypt your backup file. (This can be the same as the one you logged in with, or a new one.)", "playsound": "Play Sound", "shownotifications": "Show Notifications", "nodeurl": "Node Url", - "nodehint": "Select a node from the default list of nodes above or add a custom node to the list above by clicking on the button below", + "nodehint": "Select a node from the default list, or add a custom node to the list by clicking on the button below", "addcustomnode": "Add Custom Node", "addandsave": "Add and Save", "protocol": "Protocol", "domain": "Domain", "port": "Port", - "import": "Import Nodes", - "export": "Export Nodes", + "import": "Import Saved Nodes", + "export": "Export Saved Nodes", "deletecustomnode": "Remove All Custom Nodes", "warning": "Your existing nodes will be deleted and reset to default.", "snack1": "Successfully deleted and added default nodes", @@ -203,17 +203,17 @@ "snack5": "Nodes successfully imported", "snack6": "Successfully removed custom node", "snack7": "Successfully edited custom node", - "exp1": "Export Private Master Key", + "exp1": "Export Master Private Key (xpriv)", "exp2": "Export Master Key", "exp3": "Export", - "exp4": "Please choose a wallet to backup the private master key.", - "core": "Start Core Settings", + "exp4": "Please choose a wallet to backup master private key.", + "core": "Core auto-start settings", "qappNotification1": "Q-App Notifications", "selectnode": "Please select an option", - "arrr1": "ARRR Wallet Not Initialized !", - "arrr2": "Please go to wallet tab and initialize your arrr wallet first.", + "arrr1": "ARRR Wallet Not Initialized!", + "arrr2": "Please go to wallet tab and access ARRR wallet to initialize wallet first.", "arrr3": "Need Core Update !", - "arrr4": "To save the private key of your arrr wallet you need a core update first !", + "arrr4": "To save the private key of your ARRR wallet you must first update the Qortal Core!", "sync_indicator": "Disable sync indicator popup" }, "appinfo": { @@ -283,15 +283,15 @@ }, "startminting": { "smchange1": "Cannot fetch minting accounts", - "smchange2": "Failed to remove key", - "smchange3": "Failed to add minting key", + "smchange2": "Failed to remove minting key", + "smchange3": "Failed to add minting key, if key was just created try waiting a few blocks and adding again", "smchange4": "Cannot create sponsorship key", "smchange5": "Creating relationship", "smchange6": "Awaiting confirmation on blockchain", "smchange7": "Finishing up relationship", "smchange8": "Adding minting key to node", "smchange9": "Complete", - "smchange10": "Only 2 minting keys are allowed per node, you are attempting to assign 3 keys, please go to Management - Node Management, and remove the key you do not want to assign to this node, thank you!" + "smchange10": "Only 2 minting keys are allowed per node, you are attempting to assign 3 keys, please go to Node Management, and remove any unnecessary keys, thank you!" }, "mintingpage": { "mchange1": "General Minting Details", @@ -466,10 +466,10 @@ "rchange6": "Recipient", "rchange7": "Action", "rchange8": "Type", - "rchange9": "Level 1 - 4 can create a Self Share and Level 5 or above can create a Reward Share!", - "rchange10": "Recipient Public Key", + "rchange9": "Levels 1 - 4 can only create a Self-Share (minting) keys. Only Level 5 or above can create a Reward Share!", + "rchange10": "Recipient's Public Key", "rchange11": "Reward share percentage", - "rchange12": "Doing something delicious", + "rchange12": "Executing requested command", "rchange13": "Adding minting account", "rchange14": "Add", "rchange15": "Account is not involved in any reward shares", @@ -507,12 +507,12 @@ "nchange23": "Sell Price", "nchange24": "No Names To Sell", "nchange25": "Name To Sell", - "nchange26": "Are you sure to sell this name?", + "nchange26": "Are you sure you want to sell this name? If name is purchased by another account it will be out of your control!", "nchange27": "For this price in QORT", - "nchange28": "On pressing confirm, the sell name request will be sent!", + "nchange28": "On pressing confirm, your name will be listed for sale!", "nchange29": "Name To Cancel", "nchange30": "Are you sure to cancel the sell for this name?", - "nchange31": "On pressing confirm, the cancel sell name request will be sent!", + "nchange31": "On pressing confirm, the name sale will be canceled!", "nchange32": "Sell Name Request Successful!", "nchange33": "Cancel Sell Name Request Successful!", "nchange34": "Buy Name Request Successful!", @@ -549,7 +549,7 @@ "schange15": "Blocked Websites", "schange16": "You have not blocked any websites", "schange17": "Name Not Found!", - "schange18": "Relay mode is enabled. This means that your node will help to transport encrypted data around the network when a peer requests it. You can opt out by setting", + "schange18": "Relay mode is enabled. This means that your node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting", "schange19": "in", "schange20": "Relay mode is disabled. You can enable it by setting", "schange21": "Publish Website", @@ -586,7 +586,7 @@ "schange15": "Blocked Q-Apps", "schange16": "You have not blocked any Q-Apps", "schange17": "Name Not Found!", - "schange18": "Relay mode is enabled. This means that your node will help to transport encrypted data around the network when a peer requests it. You can opt out by setting", + "schange18": "Relay mode is enabled. This means that your node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting", "schange19": "in", "schange20": "Relay mode is disabled. You can enable it by setting", "schange21": "Publish Q-App", @@ -806,7 +806,7 @@ "cchange39": "Cannot send an encrypted message to this user since they do not have their publickey on chain.", "cchange40": "IMAGE (click to view)", "cchange41": "Your Balance Is Under 4 QORT", - "cchange42": "Out of the need to combat spam, accounts with under 4 QORT balance will take a long time to SEND messages in Q-Chat. If you wish to immediately increase the send speed for Q-Chat messages, obtain over 4 QORT to your address. This can be done with trades in the Trade Portal, or by way of another Qortian giving you the QORT. Once you have over 4 QORT in your account, Q-Chat messages will be instant and this dialog will no more show. Thank you for your understanding of this necessary spam prevention method, and we hope you enjoy Qortal!", + "cchange42": "Out of the need to combat spam, accounts with under 4 QORT balance will take a long time to SEND messages in Q-Chat. If you wish to immediately increase the send speed for Q-Chat messages, obtain over 4 QORT to your address. This can be done with trades in the Trade Portal, or by way of another Qortian giving you the QORT. Once you have over 4 QORT in your account, Q-Chat messages will be instant and this dialog will not show. Thank you for your understanding of this necessary spam prevention method, and we hope you enjoy Qortal!", "cchange43": "Tip QORT to", "cchange44": "SEND MESSAGE", "cchange45": "TIP USER", @@ -1003,7 +1003,7 @@ "nchange34": "Successfully Sent Restart Request!", "nchange35": "Start Node", "nchange36": "Successfully Started Node!", - "nchange37": "Clicking on continue will refresh your Qortal Core, your db will be removed, and you will downoad a new copy of the db, called “bootstrapping“.", + "nchange37": "Clicking on continue will refresh your Qortal Core, your db will be removed, and you will download a new copy of the db, called “bootstrapping“.", "nchange38": "Repair LTC Wallet", "nchange39": "This will repair LTC wallets that show a balance that cannot be spent. It requires a single transaction to be made on the Litecoin network, after confirmation the wallet balance will be functional and the issue will not happen again.", "nchange40": "This transaction will consume a small LTC fee. Continue?", @@ -1176,7 +1176,7 @@ "inf7": "Auto Buy Information", "inf8": "Close Auto Buy Info", "inf9": "'Auto Buy' is a feature that allows 'buy orders' to be placed on the Trade Portal. These 'buy orders' are only visible by the person placing them. They are not 'public' buy orders like the 'open market sells' are, and are NOT stored on the Qortal blockchain. Auto Buy is a UI feature, and as such requires that the UI is RUNNING.", - "inf10": "To place an Auto Buy order click 'Add Auto Buy Order' button and fill out the box that comes up. Input the AMOUNT OF QORT you wish to BUY, and the PRICE you are willing to BUY UP TO. Once the order is active, Auto Buy will buy UP TO that amount of QORT for you, at UP TO the price you set (starting at the lowest order and moving up the books.)", + "inf10": "To place an Auto Buy order click 'Add Auto Buy Order' button and fill out the box that comes up. Input the AMOUNT OF QORT you wish to BUY or the amount of LTC you wish to use, and the PRICE you are willing to BUY UP TO. Once the order is active, Auto Buy will buy UP TO that amount of QORT for you, at UP TO the price you set (starting at the lowest order and moving up the books.)", "inf11": "Simply LEAVE YOUR UI RUNNING and Auto Buy does the rest, automatically!", "inf12": "You CAN browse other plugins in the UI (Q-Chat, wallets, etc.) but you CANNOT CLOSE THE UI if you want your Auto Buy to complete. Leaving the UI 'minimized' on the 'taskbar' or 'panel' is just fine, as long as the UI remains OPEN Auto Buy will function.", "inf13": "Automatically buy", From fa29ff4c43032762d0976ca5d4d479eb7cbc18c5 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 8 May 2024 13:16:23 +0200 Subject: [PATCH 14/26] Update UI Refactor and added new functioms --- README.md | 4 +- build.js | 29 +- config/build.config.js | 16 +- config/coin.config.js | 10 +- config/config.js | 46 +- config/crypto.config.js | 2 +- config/customConfig.js | 8 +- config/default.config.js | 3 +- config/styles.config.js | 2 +- config/user.config.js | 9 +- core/config/config.js | 2 +- core/config/default.build.options.js | 216 +- core/config/default.coin.config.js | 16 +- core/config/default.crypto.config.js | 16 +- core/config/default.styles.config.js | 69 +- core/config/default.user.config.js | 75 +- core/config/load-config.js | 25 +- core/font/switch-theme.css | 2 + core/language/us.json | 11 +- core/public/index.html | 254 +- core/server/ServerFactory.js | 47 +- core/server/routes/createCommonRoutes.js | 192 +- core/server/routes/createPrimaryRoutes.js | 247 +- core/server/server.js | 26 +- core/src/apiKeyUtils.js | 83 +- core/src/components/WebWorkerFile.js | 6 +- core/src/components/app-info.js | 222 +- core/src/components/app-view.js | 5671 +++---- core/src/components/base.js | 29 +- .../beginner-tour/sync-indicator.js | 80 +- .../beginner-tour/tour-component.js | 542 +- core/src/components/check-for-update.js | 15 +- core/src/components/computePowWorker.js | 114 +- core/src/components/computePowWorkerFile.js | 134 +- .../controllers/coin-balances-controller.js | 559 +- .../friends-view/ChatSideNavHeads.js | 391 +- .../friends-view/add-friends-modal.js | 633 +- core/src/components/friends-view/avatar.js | 473 +- .../friends-view/beginner-checklist.js | 454 +- .../friends-view/computePowWorkerFile.src.js | 136 +- .../friends-view/core-sync-status.js | 104 +- core/src/components/friends-view/feed-item.js | 743 +- .../friends-view/friend-item-actions.js | 250 +- .../components/friends-view/friends-feed.js | 733 +- .../friends-view/friends-side-panel-parent.js | 90 +- .../friends-view/friends-side-panel.js | 208 +- .../friends-view/friends-view-css.js | 182 - .../components/friends-view/friends-view.js | 491 +- .../friends-view/profile-modal-update.js | 896 +- core/src/components/friends-view/profile.js | 1617 +- .../friends-view/save-settings-qdn.js | 878 +- core/src/components/language-selector.js | 171 +- .../login-view/create-account-section.js | 1135 +- .../components/login-view/login-section.js | 1359 +- core/src/components/login-view/login-view.js | 655 +- .../src/components/login-view/welcome-page.js | 102 +- .../src/components/logout-view/logout-view.js | 111 +- core/src/components/main-app.js | 117 +- core/src/components/new-selector.js | 200 +- .../notification-bell-general.js | 656 +- .../notification-view/notification-bell.js | 517 +- .../components/notification-view/popover.js | 106 +- core/src/components/qort-theme-toggle.js | 172 +- core/src/components/search-modal.js | 68 +- .../components/settings-view/account-view.js | 202 +- .../components/settings-view/export-keys.js | 916 +- .../settings-view/notifications-view.js | 370 +- .../components/settings-view/qr-login-view.js | 193 +- .../components/settings-view/security-view.js | 406 +- .../components/settings-view/user-settings.js | 405 +- core/src/components/show-plugin.js | 4308 +++-- core/src/components/start-minting.js | 556 +- core/src/components/theme-toggle.js | 65 +- .../user-info-view/user-info-view.js | 3371 ++-- core/src/components/wallet-profile.js | 186 +- core/src/cryptoUtils.js | 101 +- core/src/custom-elements/frag-file-input.js | 115 - core/src/data/defaultQapps.js | 11 + core/src/epml.js | 2 +- .../confirm-transaction-dialog.js | 155 +- .../functional-components/frag-file-input.js | 93 + .../functional-components/loading-ripple.js | 277 +- core/src/functional-components/my-button.js | 60 +- core/src/functional-components/mykey-page.js | 185 +- .../random-sentence-generator.js | 78 +- .../functional-components/settings-page.js | 352 +- .../side-menu-item-style.js | 157 - .../functional-components/side-menu-item.js | 372 +- core/src/functional-components/side-menu.js | 120 +- core/src/functional-components/snackbar.js | 126 +- .../functional-components/verb-past-tense.js | 10 +- core/src/functional-components/wordlists.js | 19 +- core/src/initStore.js | 50 +- core/src/localStorageHelpers.js | 30 +- core/src/lockScreen.js | 16 +- core/src/main.js | 4 +- core/src/notifications/config.js | 18 +- core/src/notifications/controller.js | 144 +- core/src/notifications/dispatcher.js | 22 +- .../notification-actions/index.js | 2 +- .../notification-actions/new-message.js | 467 +- core/src/notifications/types.js | 2 +- core/src/persistState.js | 29 +- core/src/plugins/addPluginRoutes.js | 10 +- core/src/plugins/load-plugins.js | 69 +- core/src/plugins/plugin-mainjs-loader.html | 11 +- core/src/plugins/plugin-mainjs-loader.js | 9 +- core/src/plugins/routes.js | 130 +- core/src/plugins/streams.js | 85 +- core/src/redux/app/actions/app-core.js | 238 +- core/src/redux/app/actions/init-worker.js | 52 +- core/src/redux/app/actions/login.js | 52 +- core/src/redux/app/actions/node-config.js | 156 +- core/src/redux/app/actions/plugins.js | 46 +- core/src/redux/app/app-action-types.js | 2 +- core/src/redux/app/app-actions.js | 38 +- core/src/redux/app/app-reducer.js | 689 +- core/src/redux/app/reducers/init-workers.js | 64 +- core/src/redux/app/reducers/login-reducer.js | 44 +- core/src/redux/app/reducers/manage-node.js | 75 +- core/src/redux/config/config-actions.js | 36 +- core/src/redux/config/config-reducer.js | 56 +- .../config/reducers/load-config-from-api.js | 42 +- core/src/redux/reducers.js | 13 +- core/src/redux/user/actions/claim-airdrop.js | 18 +- .../redux/user/actions/notification-config.js | 63 +- core/src/redux/user/actions/store-wallet.js | 66 +- .../redux/user/actions/update-account-info.js | 18 +- core/src/redux/user/actions/update-name.js | 74 +- core/src/redux/user/user-actions.js | 8 +- core/src/redux/user/user-reducer.js | 122 +- core/src/stateAwait.js | 34 +- core/src/store.js | 13 +- core/src/styles/app-styles.js | 107 +- core/src/styles/app-theme.js | 98 +- core/src/styles/core-css.js | 4753 ++++++ core/src/styles/styles.scss | 4 +- core/src/styles/switch-theme.css | 19 +- core/src/tradebot/addTradeBotRoutes.js | 10 +- core/src/tradebot/trade-bot-routes.js | 62 +- core/src/transactionRequest.js | 12 +- core/src/worker.js | 22 +- core/tooling/build.js | 43 +- core/tooling/generateBuildConfig.js | 157 +- core/tooling/generateES5BuildConfig.js | 122 +- core/tooling/utils.js | 19 +- core/tooling/watch-inlines.js | 26 +- core/tooling/watch.js | 47 +- .../translate/directives/lang-changed-base.js | 58 +- core/translate/directives/lang-changed.js | 7 +- .../directives/translate-unsafe-html.js | 6 +- core/translate/directives/translate.js | 6 +- core/translate/helpers.js | 18 +- core/translate/util.js | 48 +- core/ui-core.js | 12 +- crypto/api/createTransaction.js | 3 - crypto/api/fetch-request.js | 2 + crypto/api/transactions/AirdropTransaction.js | 5 +- .../api/transactions/DelegationTransaction.js | 3 +- .../api/transactions/DeployAtTransaction.js | 17 +- crypto/api/transactions/MessageTransaction.js | 9 +- crypto/api/transactions/PaymentTransaction.js | 7 +- .../api/transactions/PublicizeTransaction.js | 11 +- crypto/api/transactions/TransactionBase.js | 11 +- .../transactions/TransferPrivsTransaction.js | 19 +- .../transactions/arbitrary/signArbitrary.js | 10 +- .../arbitrary/signArbitraryWithFee.js | 12 +- crypto/api/transactions/arbitraryV3.js | 1 + crypto/api/transactions/chat/ChatBase.js | 12 +- .../api/transactions/chat/ChatTransaction.js | 10 +- .../transactions/chat/GroupChatTransaction.js | 8 +- .../transactions/chat/decryptChatMessage.js | 29 +- crypto/api/transactions/chat/signChat.js | 4 +- .../groups/AddGroupAdminTransaction.js | 5 +- .../groups/CancelGroupBanTransaction.js | 5 +- .../groups/CancelGroupInviteTransaction.js | 5 +- .../groups/CreateGroupTransaction.js | 30 +- .../groups/GroupBanTransaction.js | 7 +- .../groups/GroupInviteTransaction.js | 5 +- .../groups/GroupKickTransaction.js | 7 +- .../groups/JoinGroupTransaction.js | 5 +- .../groups/LeaveGroupTransaction.js | 5 +- .../groups/RemoveGroupAdminTransaction.js | 5 +- .../groups/UpdateGroupTransaction.js | 155 +- .../transactions/names/BuyNameTransacion.js | 5 +- .../names/CancelSellNameTransacion.js | 5 +- .../names/RegisterNameTransaction.js | 5 +- .../transactions/names/SellNameTransacion.js | 5 +- .../names/UpdateNameTransaction.js | 5 +- .../polls/CreatePollTransaction.js | 25 +- .../polls/VoteOnPollTransaction.js | 13 +- .../RemoveRewardShareTransaction.js | 9 +- .../reward-share/RewardShareTransaction.js | 21 +- .../tradebot/signTradeBotTransaction.js | 6 +- .../tradeoffer/cancelAllOffers.js | 8 +- crypto/api/transactions/transactions.js | 54 +- electron-builder.yml | 1 + electron.js | 472 +- img/qdcgroup.png | Bin 0 -> 14569 bytes img/qgcgroup.png | Bin 0 -> 28235 bytes lib/detect-platform.js | 6 +- lib/i18n.js | 303 +- lib/preload.js | 2 +- package-lock.json | 922 +- package.json | 26 +- plugins/build-config.js | 202 +- plugins/build.js | 28 +- plugins/default-plugins.js | 6 +- plugins/epml.js | 3 +- .../become-minter/become-minter-css.src.js | 253 - .../core/become-minter/become-minter.src.js | 211 +- .../become-minter/components/not-sponsored.js | 132 - .../become-minter/components/yes-sponsored.js | 107 - .../plugins/core/components/ButtonIconCopy.js | 137 +- plugins/plugins/core/components/ChatGifs.js | 923 ++ .../core/components/ChatGifs/ChatGifs-css.js | 521 - .../core/components/ChatGifs/ChatGifs.js | 980 -- .../ChatGifs/ChatGifsExplore-css.js | 157 - .../components/ChatGifs/ChatGifsExplore.js | 170 - .../core/components/ChatGifsExplore.js | 191 + .../core/components/ChatGroupInvites.js | 346 +- .../core/components/ChatGroupManager.js | 361 +- .../core/components/ChatGroupSettings.js | 358 +- .../core/components/ChatGroupsManagement.js | 411 +- .../core/components/ChatGroupsModal.js | 119 +- plugins/plugins/core/components/ChatHead.js | 482 +- plugins/plugins/core/components/ChatImage.js | 580 +- .../plugins/core/components/ChatLeaveGroup.js | 380 +- .../plugins/core/components/ChatMessage.js | 185 +- plugins/plugins/core/components/ChatModals.js | 662 +- .../plugins/core/components/ChatPage-css.js | 1154 -- plugins/plugins/core/components/ChatPage.js | 6464 ++++---- .../plugins/core/components/ChatRightPanel.js | 430 +- .../components/ChatRightPanelResources.js | 757 +- .../core/components/ChatScroller-css.js | 819 - .../plugins/core/components/ChatScroller.js | 3288 ++-- .../core/components/ChatSeachResults.js | 66 - .../core/components/ChatSearchResults-css.js | 120 - .../core/components/ChatSearchResults.js | 137 +- plugins/plugins/core/components/ChatSelect.js | 342 +- .../core/components/ChatSideNavHeads.js | 330 +- .../core/components/ChatTextEditor copy.js | 825 - .../plugins/core/components/ChatTextEditor.js | 1060 +- .../core/components/ChatWelcomePage.js | 809 +- .../plugins/core/components/ImageComponent.js | 227 +- .../plugins/core/components/LevelFounder.js | 202 +- plugins/plugins/core/components/NameMenu.js | 930 +- plugins/plugins/core/components/QRCode.js | 917 +- .../core/components/QortalFileSaver.js | 276 +- .../core/components/QortalQrcodeGenerator.js | 349 +- .../plugins/core/components/ReusableImage.js | 264 +- plugins/plugins/core/components/TimeAgo.js | 95 +- .../plugins/core/components/TipUser-css.js | 85 - plugins/plugins/core/components/TipUser.js | 517 +- plugins/plugins/core/components/ToolTip.js | 148 +- .../core/components/TradeInfoView-css.js | 1124 -- .../plugins/core/components/TradeInfoView.js | 464 +- .../plugins/core/components/TraderInfoView.js | 3389 ++-- plugins/plugins/core/components/UserInfo.js | 145 + .../core/components/UserInfo/UserInfo-css.js | 68 - .../core/components/UserInfo/UserInfo.js | 133 - .../core/components/WrapperModal-css.js | 57 - .../plugins/core/components/WrapperModal.js | 71 +- .../core/components/computePowWorker.js | 116 +- .../core/components/computePowWorkerFile.js | 136 +- .../core/components/frag-file-input.js | 173 +- .../plugins/core/components/plugins-css.js | 13539 ++++++++++++++++ .../core/components/qdn-action-constants.js | 102 +- .../core/components/qdn-action-encryption.js | 632 +- .../core/components/qdn-action-types.js | 77 +- .../core/components/qortal-info-view.js | 3143 ++-- plugins/plugins/core/components/snackbar.js | 139 +- .../time-elements/extended-time-element.js | 180 +- .../core/components/time-elements/index.js | 1375 +- .../time-elements/local-time-element.js | 177 +- .../time-elements/relative-time-element.js | 92 +- .../components/time-elements/relative-time.js | 554 +- .../time-elements/time-ago-element.js | 39 +- .../time-elements/time-until-element.js | 39 +- .../core/components/time-elements/utils.js | 320 +- .../components/webworkerDecodeMessages.js | 4653 +++--- .../core/components/webworkerSortMessages.js | 20 +- plugins/plugins/core/connect.js | 17 +- .../data-management/data-management.src.js | 932 ++ .../core/{qdn => }/data-management/index.html | 0 .../group-management/group-management.src.js | 6865 ++++---- .../group-transaction.src.js | 169 - .../group-transaction/index.html | 55 - plugins/plugins/core/index.html | 1 - plugins/plugins/core/main.src.js | 226 +- .../chain-messaging/chain-messaging.src.js | 96 - .../core/messaging/chain-messaging/index.html | 55 - plugins/plugins/core/messaging/index.html | 55 - .../plugins/core/messaging/messaging.src.js | 201 - .../messaging/q-chat/computePowWorker.src.js | 82 - .../core/messaging/q-chat/q-chat-css.src.js | 479 - .../core/{minting => minting-info}/index.html | 0 .../core/minting-info/minting-info.src.js | 776 + .../plugins/core/minting/minting-info.src.js | 899 - .../name-registration.src.js | 1878 +-- .../core/names-market/names-market.src.js | 2013 +-- .../node-management/node-management.src.js | 1007 +- .../core/overview-page/overview-page-css.js | 745 - .../core/overview-page/overview-page.src.js | 850 +- plugins/plugins/core/puzzles/puzzles.src.js | 669 +- plugins/plugins/core/q-app/q-apps.src.js | 2502 ++- .../core/{messaging => }/q-chat/index.html | 0 .../core/{messaging => }/q-chat/q-chat.src.js | 616 +- .../core/{qdn => q-website}/index.html | 4 +- .../plugins/core/q-website/q-websites.src.js | 976 ++ .../plugins/core/qdn/browser/browser.src.js | 2025 +-- .../core/qdn/browser/computePowWorker.src.js | 82 - .../qdn/browser/computePowWorkerFile.src.js | 91 - .../data-management/data-management.src.js | 1099 -- .../plugins/core/qdn/publish/publish.src.js | 1263 +- plugins/plugins/core/qdn/websites.src.js | 1116 -- .../core/qortal-lottery/qortal-lottery.src.js | 1428 +- .../core/reward-share/reward-share.src.js | 1139 +- .../sponsorship-list-css.src.js | 484 - .../sponsorship-list/sponsorship-list.src.js | 149 +- .../plugins/core/streams/AddressWatcher.js | 112 +- .../streams/UnconfirmedTransactionWatcher.js | 78 +- plugins/plugins/core/streams/onNewBlock.js | 376 +- plugins/plugins/core/streams/streams.js | 341 +- .../core/trade-bot/trade-bot-portal-css.js | 679 - .../core/trade-bot/trade-bot-portal.src.js | 6469 ++++---- .../core/trade-portal/charts/arrr-charts.js | 68 +- .../core/trade-portal/charts/btc-charts.js | 68 +- .../core/trade-portal/charts/dgb-charts.js | 68 +- .../core/trade-portal/charts/doge-charts.js | 68 +- .../core/trade-portal/charts/ltc-charts.js | 68 +- .../core/trade-portal/charts/rvn-charts.js | 68 +- .../core/trade-portal/trade-portal-css.js | 687 - .../core/trade-portal/trade-portal.src.js | 5366 +++--- plugins/plugins/core/wallet/wallet-app.src.js | 10791 ++++++------ plugins/plugins/utils/blocks-needed.js | 23 - plugins/plugins/utils/bytesToMegabytes.js | 3 - plugins/plugins/utils/classes.js | 926 ++ plugins/plugins/utils/cropAddress.js | 8 - plugins/plugins/utils/functions.js | 208 + .../plugins/utils/getUserNameFromAddress.js | 20 - plugins/plugins/utils/id-generation.js | 14 - plugins/plugins/utils/keyCodes.js | 1 - plugins/plugins/utils/loader.js | 52 - plugins/plugins/utils/publish-image.js | 248 - plugins/plugins/utils/publish-modal.css | 147 - plugins/plugins/utils/publish-modal.js | 270 - plugins/plugins/utils/queue.js | 71 - .../plugins/utils/replace-messages-edited.js | 251 - .../plugins/utils/roundToNearestDecimal.js | 4 - plugins/plugins/utils/warning-modal.js | 252 - plugins/watch.js | 3 +- scripts/afterPack.js | 52 +- scripts/notarize.js | 33 +- server.js | 30 +- watch-inline.js | 25 +- watch.js | 19 +- 357 files changed, 82113 insertions(+), 83085 deletions(-) delete mode 100644 core/src/components/friends-view/friends-view-css.js delete mode 100644 core/src/custom-elements/frag-file-input.js create mode 100644 core/src/functional-components/frag-file-input.js delete mode 100644 core/src/functional-components/side-menu-item-style.js create mode 100644 core/src/styles/core-css.js create mode 100644 img/qdcgroup.png create mode 100644 img/qgcgroup.png delete mode 100644 plugins/plugins/core/become-minter/become-minter-css.src.js delete mode 100644 plugins/plugins/core/become-minter/components/not-sponsored.js delete mode 100644 plugins/plugins/core/become-minter/components/yes-sponsored.js create mode 100644 plugins/plugins/core/components/ChatGifs.js delete mode 100644 plugins/plugins/core/components/ChatGifs/ChatGifs-css.js delete mode 100644 plugins/plugins/core/components/ChatGifs/ChatGifs.js delete mode 100644 plugins/plugins/core/components/ChatGifs/ChatGifsExplore-css.js delete mode 100644 plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js create mode 100644 plugins/plugins/core/components/ChatGifsExplore.js delete mode 100644 plugins/plugins/core/components/ChatPage-css.js delete mode 100644 plugins/plugins/core/components/ChatScroller-css.js delete mode 100644 plugins/plugins/core/components/ChatSeachResults.js delete mode 100644 plugins/plugins/core/components/ChatSearchResults-css.js delete mode 100644 plugins/plugins/core/components/ChatTextEditor copy.js delete mode 100644 plugins/plugins/core/components/TipUser-css.js delete mode 100644 plugins/plugins/core/components/TradeInfoView-css.js create mode 100644 plugins/plugins/core/components/UserInfo.js delete mode 100644 plugins/plugins/core/components/UserInfo/UserInfo-css.js delete mode 100644 plugins/plugins/core/components/UserInfo/UserInfo.js delete mode 100644 plugins/plugins/core/components/WrapperModal-css.js create mode 100644 plugins/plugins/core/components/plugins-css.js create mode 100644 plugins/plugins/core/data-management/data-management.src.js rename plugins/plugins/core/{qdn => }/data-management/index.html (100%) delete mode 100644 plugins/plugins/core/group-management/group-transaction/group-transaction.src.js delete mode 100644 plugins/plugins/core/group-management/group-transaction/index.html delete mode 100644 plugins/plugins/core/index.html delete mode 100644 plugins/plugins/core/messaging/chain-messaging/chain-messaging.src.js delete mode 100644 plugins/plugins/core/messaging/chain-messaging/index.html delete mode 100644 plugins/plugins/core/messaging/index.html delete mode 100644 plugins/plugins/core/messaging/messaging.src.js delete mode 100644 plugins/plugins/core/messaging/q-chat/computePowWorker.src.js delete mode 100644 plugins/plugins/core/messaging/q-chat/q-chat-css.src.js rename plugins/plugins/core/{minting => minting-info}/index.html (100%) create mode 100644 plugins/plugins/core/minting-info/minting-info.src.js delete mode 100644 plugins/plugins/core/minting/minting-info.src.js delete mode 100644 plugins/plugins/core/overview-page/overview-page-css.js rename plugins/plugins/core/{messaging => }/q-chat/index.html (100%) rename plugins/plugins/core/{messaging => }/q-chat/q-chat.src.js (74%) rename plugins/plugins/core/{qdn => q-website}/index.html (94%) create mode 100644 plugins/plugins/core/q-website/q-websites.src.js delete mode 100644 plugins/plugins/core/qdn/browser/computePowWorker.src.js delete mode 100644 plugins/plugins/core/qdn/browser/computePowWorkerFile.src.js delete mode 100644 plugins/plugins/core/qdn/data-management/data-management.src.js delete mode 100644 plugins/plugins/core/qdn/websites.src.js delete mode 100644 plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js delete mode 100644 plugins/plugins/core/trade-bot/trade-bot-portal-css.js delete mode 100644 plugins/plugins/core/trade-portal/trade-portal-css.js delete mode 100644 plugins/plugins/utils/blocks-needed.js delete mode 100644 plugins/plugins/utils/bytesToMegabytes.js create mode 100644 plugins/plugins/utils/classes.js delete mode 100644 plugins/plugins/utils/cropAddress.js create mode 100644 plugins/plugins/utils/functions.js delete mode 100644 plugins/plugins/utils/getUserNameFromAddress.js delete mode 100644 plugins/plugins/utils/id-generation.js delete mode 100644 plugins/plugins/utils/keyCodes.js delete mode 100644 plugins/plugins/utils/loader.js delete mode 100644 plugins/plugins/utils/publish-image.js delete mode 100644 plugins/plugins/utils/publish-modal.css delete mode 100644 plugins/plugins/utils/publish-modal.js delete mode 100644 plugins/plugins/utils/queue.js delete mode 100644 plugins/plugins/utils/replace-messages-edited.js delete mode 100644 plugins/plugins/utils/roundToNearestDecimal.js delete mode 100644 plugins/plugins/utils/warning-modal.js diff --git a/README.md b/README.md index 6af149dc..f9116d7f 100644 --- a/README.md +++ b/README.md @@ -26,8 +26,8 @@ Easiest way to install the lastest required packages on Linux is via nvm. ``` source ~/.profile ``` (For Debian based distro)
``` source ~/.bashrc ``` (For Fedora / CentOS)
``` nvm ls-remote ``` (Fetch list of available versions)
-``` nvm install v18.17.1 ``` (LTS: Hydrogen supported by Electron V27)
-``` npm --location=global install npm@10.5.0 ```
+``` nvm install v20.11.1 ``` (LTS: Iron supported by Electron V30)
+``` npm --location=global install npm@10.7.0 ```
Adding via binary package mirror will only work if you have set the package path. You can do a node or java build via ports instead by downloading ports with portsnap fetch method. diff --git a/build.js b/build.js index b635217e..f0ba308f 100644 --- a/build.js +++ b/build.js @@ -1,28 +1,23 @@ const path = require('path') const uiCore = require('./core/ui-core.js') - +const config = require('./config/config.js') +const pluginsController = require('./plugins/default-plugins.js') const generateBuildConfig = uiCore('generate_build_config') const build = uiCore('build') - -const config = require('./config/config.js') - -const pluginsController = require('./plugins/default-plugins.js') const buildDefalutPlugins = pluginsController('build') - srcConfig = { - ...config.build, - options: { - ...config.build.options, - outputDir: path.join(__dirname, '/builtWWW'), - sassOutputDir: path.join(__dirname, '/builtWWW/styles.bundle.css'), - } + ...config.build, + options: { + ...config.build.options, + outputDir: path.join(__dirname, '/builtWWW'), + sassOutputDir: path.join(__dirname, '/builtWWW/styles.bundle.css') + } } const { buildConfig, inlineConfigs } = generateBuildConfig(srcConfig) -build(buildConfig.options, buildConfig.outputs, buildConfig.outputOptions, buildConfig.inputOptions, inlineConfigs) - .then(() => { - console.log("Building and Bundling Plugins"); - buildDefalutPlugins() - }) +build(buildConfig.options, buildConfig.outputs, buildConfig.outputOptions, buildConfig.inputOptions, inlineConfigs).then(() => { + console.log("Building and Bundling Plugins") + buildDefalutPlugins() +}) \ No newline at end of file diff --git a/config/build.config.js b/config/build.config.js index 938710f4..e40f22bf 100644 --- a/config/build.config.js +++ b/config/build.config.js @@ -2,13 +2,13 @@ const path = require('path') const defaultConfig = require('./default.config.js') const build = { - options: { - outputDir: path.join(__dirname, '../build'), - imgDir: path.join(__dirname, '../img') - }, - aliases: { - 'qortal-ui-crypto': path.join(__dirname, '../crypto/api.js') - } + options: { + outputDir: path.join(__dirname, '../build'), + imgDir: path.join(__dirname, '../img') + }, + aliases: { + 'qortal-ui-crypto': path.join(__dirname, '../crypto/api.js') + } } -module.exports = build +module.exports = build \ No newline at end of file diff --git a/config/coin.config.js b/config/coin.config.js index bcd320e9..0f0f1c3d 100644 --- a/config/coin.config.js +++ b/config/coin.config.js @@ -1,8 +1,8 @@ const defaultConfig = require('./default.config.js') module.exports = { - name: 'Qortal', - symbol: 'Qort', - addressVersion: 58, // Q for Qortal - logo: '/img/QORT_LOGO.svg' -} + name: 'Qortal', + symbol: 'Qort', + addressVersion: 58, // Q for Qortal + logo: '/img/QORT_LOGO.svg' +} \ No newline at end of file diff --git a/config/config.js b/config/config.js index 8fd79649..992f6466 100644 --- a/config/config.js +++ b/config/config.js @@ -1,27 +1,33 @@ let config = require('./default.config.js') -let userConfig = {} -try { - userConfig = require('./customConfig.js') -} catch (e) { - console.warn(e) - console.warn('Error loading user config') -} -const checkKeys = (storeObj, newObj) => { - for (const key in newObj) { - if (!Object.prototype.hasOwnProperty.call(storeObj, key)) return - if (typeof newObj[key] === 'object') { - storeObj[key] = checkKeys(storeObj[key], newObj[key]) - } else { - storeObj[key] = newObj[key] - } - } - return storeObj +let userConfig = {} + +try { + userConfig = require('./customConfig.js') +} catch (e) { + console.warn(e) + console.warn('Error loading user config') +} + +const checkKeys = (storeObj, newObj) => { + for (const key in newObj) { + if (!Object.prototype.hasOwnProperty.call(storeObj, key)) { + return + } + + if (typeof newObj[key] === 'object') { + storeObj[key] = checkKeys(storeObj[key], newObj[key]) + } else { + storeObj[key] = newObj[key] + } + } + + return storeObj } const getConfig = customConfig => { - config = checkKeys(config, customConfig) - return config + config = checkKeys(config, customConfig) + return config } -module.exports = getConfig(userConfig) +module.exports = getConfig(userConfig) \ No newline at end of file diff --git a/config/crypto.config.js b/config/crypto.config.js index 968d2e8e..34ea6e98 100644 --- a/config/crypto.config.js +++ b/config/crypto.config.js @@ -1,3 +1,3 @@ const defaultConfig = require('./default.config.js') -module.exports = {} +module.exports = {} \ No newline at end of file diff --git a/config/customConfig.js b/config/customConfig.js index 6c6d12f3..ab37e550 100644 --- a/config/customConfig.js +++ b/config/customConfig.js @@ -4,10 +4,4 @@ const styles = require('./styles.config.js') const build = require('./build.config.js') const user = require('./user.config.js') -module.exports = { - coin, - styles, - build, - user, - crypto -} +module.exports = { coin, styles, build, user, crypto } \ No newline at end of file diff --git a/config/default.config.js b/config/default.config.js index 8d23d608..d0476954 100644 --- a/config/default.config.js +++ b/config/default.config.js @@ -1,5 +1,4 @@ const uiCore = require('../core/ui-core.js') const defaultConfig = uiCore('default_config') - -module.exports = defaultConfig +module.exports = defaultConfig \ No newline at end of file diff --git a/config/styles.config.js b/config/styles.config.js index 4ba52ba2..7c6d6c73 100644 --- a/config/styles.config.js +++ b/config/styles.config.js @@ -1 +1 @@ -module.exports = {} +module.exports = {} \ No newline at end of file diff --git a/config/user.config.js b/config/user.config.js index ef45ffdb..15f71ce0 100644 --- a/config/user.config.js +++ b/config/user.config.js @@ -1,10 +1,11 @@ const user = require('./default.config.js').user + module.exports = { node: 0, // set to mainnet server: { primary: { port: 12388, // set as default UI port - address: '0.0.0.0', // can specify an IP for a fixed bind - }, - }, -} + address: '0.0.0.0' // can specify an IP for a fixed bind + } + } +} \ No newline at end of file diff --git a/core/config/config.js b/core/config/config.js index 2e228fbc..ef8d5633 100644 --- a/core/config/config.js +++ b/core/config/config.js @@ -4,4 +4,4 @@ const user = require('./default.user.config.js') const styles = require('./default.styles.config.js') const build = require('./default.build.options.js') -module.exports = { coin, crypto, user, styles, build } +module.exports = { coin, crypto, user, styles, build } \ No newline at end of file diff --git a/core/config/default.build.options.js b/core/config/default.build.options.js index 0ad66df8..6940eaa1 100644 --- a/core/config/default.build.options.js +++ b/core/config/default.build.options.js @@ -4,132 +4,132 @@ const { makeSourceAbsolute } = require('../tooling/utils.js') const srcDir = '../src' const options = { - inputFile: path.join(__dirname, '../src/main.js'), - outputDir: path.join(__dirname, '../build'), - sassOutputDir: path.join(__dirname, '../build/styles.bundle.css'), - imgDir: path.join(__dirname, '../img') + inputFile: path.join(__dirname, '../src/main.js'), + outputDir: path.join(__dirname, '../build'), + sassOutputDir: path.join(__dirname, '../build/styles.bundle.css'), + imgDir: path.join(__dirname, '../img') } const aliases = { - 'qortal-ui-crypto': '../../crypto/api.js' + 'qortal-ui-crypto': '../../crypto/api.js' } const apiComponents = { - api: { - file: '../../crypto/api.js', - className: 'api' - } + api: { + file: '../../crypto/api.js', + className: 'api' + } } const functionalComponents = { - 'loading-ripple': { - file: 'functional-components/loading-ripple.js', - className: 'LoadingRipple' - }, - 'confirm-transaction-dialog': { - file: 'functional-components/confirm-transaction-dialog', - className: 'ConfirmTransactionDialog' - } + 'loading-ripple': { + file: 'functional-components/loading-ripple.js', + className: 'LoadingRipple' + }, + 'confirm-transaction-dialog': { + file: 'functional-components/confirm-transaction-dialog', + className: 'ConfirmTransactionDialog' + } } const inlineComponents = [ - { - className: 'worker', - input: path.join(__dirname, srcDir, 'worker.js'), - output: 'worker.js' - }, - { - className: 'PluginMainJSLoader', - input: path.join(__dirname, srcDir, '/plugins/plugin-mainjs-loader.js'), - output: 'plugins/plugin-mainjs-loader.js' - } + { + className: 'worker', + input: path.join(__dirname, srcDir, 'worker.js'), + output: 'worker.js' + }, + { + className: 'PluginMainJSLoader', + input: path.join(__dirname, srcDir, '/plugins/plugin-mainjs-loader.js'), + output: 'plugins/plugin-mainjs-loader.js' + } ] const elementComponents = { - 'main-app': { - file: 'components/main-app.js', - className: 'MainApp', - children: { - 'app-styles': { - file: 'styles/app-styles.js', - className: 'AppStyles', - children: { - 'app-theme': { - className: 'AppTheme', - file: 'styles/app-theme.js' - } - } - }, - 'app-view': { - file: 'components/app-view.js', - className: 'AppView', - children: { - 'show-plugin': { - file: 'components/show-plugin.js', - className: 'ShowPlugin' - }, - 'wallet-profile': { - file: 'components/wallet-profile.js', - className: 'WalletProfile' - }, - 'app-info': { - file: 'components/app-info.js', - className: 'AppInfo' - } - } - }, - 'login-view': { - file: 'components/login-view/login-view.js', - className: 'LoginView', - children: { - 'create-account-section': { - file: 'components/login-view/create-account-section.js', - className: 'CreateAccountSection' - }, - 'login-section': { - file: 'components/login-view/login-section.js', - className: 'LoginSection' - } - } - }, - 'settings-view': { - file: 'components/settings-view/user-settings.js', - className: 'UserSettings', - children: { - 'account-view': { - file: 'components/settings-view/account-view.js', - className: 'AccountView' - }, - 'security-view': { - file: 'components/settings-view/security-view.js', - className: 'SecurityView' - }, - 'qr-login-view': { - file: 'components/settings-view/qr-login-view.js', - className: 'QRLoginView' - }, - 'notifications-view': { - file: 'components/settings-view/notifications-view.js', - className: 'NotificationsView' - } - } - }, - 'user-info-view': { - file: 'components/user-info-view/user-info-view.js', - className: 'UserInfoView' - } - } - } + 'main-app': { + file: 'components/main-app.js', + className: 'MainApp', + children: { + 'app-styles': { + file: 'styles/app-styles.js', + className: 'AppStyles', + children: { + 'app-theme': { + className: 'AppTheme', + file: 'styles/app-theme.js' + } + } + }, + 'app-view': { + file: 'components/app-view.js', + className: 'AppView', + children: { + 'show-plugin': { + file: 'components/show-plugin.js', + className: 'ShowPlugin' + }, + 'wallet-profile': { + file: 'components/wallet-profile.js', + className: 'WalletProfile' + }, + 'app-info': { + file: 'components/app-info.js', + className: 'AppInfo' + } + } + }, + 'login-view': { + file: 'components/login-view/login-view.js', + className: 'LoginView', + children: { + 'create-account-section': { + file: 'components/login-view/create-account-section.js', + className: 'CreateAccountSection' + }, + 'login-section': { + file: 'components/login-view/login-section.js', + className: 'LoginSection' + } + } + }, + 'settings-view': { + file: 'components/settings-view/user-settings.js', + className: 'UserSettings', + children: { + 'account-view': { + file: 'components/settings-view/account-view.js', + className: 'AccountView' + }, + 'security-view': { + file: 'components/settings-view/security-view.js', + className: 'SecurityView' + }, + 'qr-login-view': { + file: 'components/settings-view/qr-login-view.js', + className: 'QRLoginView' + }, + 'notifications-view': { + file: 'components/settings-view/notifications-view.js', + className: 'NotificationsView' + } + } + }, + 'user-info-view': { + file: 'components/user-info-view/user-info-view.js', + className: 'UserInfoView' + } + } + } } makeSourceAbsolute(path.join(__dirname, srcDir), elementComponents) makeSourceAbsolute(path.join(__dirname, srcDir), functionalComponents) module.exports = { - options, - elementComponents, - functionalComponents, - inlineComponents, - apiComponents, - aliases -} + options, + elementComponents, + functionalComponents, + inlineComponents, + apiComponents, + aliases +} \ No newline at end of file diff --git a/core/config/default.coin.config.js b/core/config/default.coin.config.js index ef1dbb00..0f7775d1 100644 --- a/core/config/default.coin.config.js +++ b/core/config/default.coin.config.js @@ -1,11 +1,11 @@ const coin = { - name: 'Qortal', - symbol: 'QORT', - addressCount: 1, - addressVersion: 58, - decimals: 100000000, - logo: '/img/QORT_LOGO.png', - icon: '/img/QORT_LOGO.png' + name: 'Qortal', + symbol: 'QORT', + addressCount: 1, + addressVersion: 58, + decimals: 100000000, + logo: '/img/QORT_LOGO.png', + icon: '/img/QORT_LOGO.png' } -module.exports = coin +module.exports = coin \ No newline at end of file diff --git a/core/config/default.crypto.config.js b/core/config/default.crypto.config.js index f8a1b22d..270f7c5a 100644 --- a/core/config/default.crypto.config.js +++ b/core/config/default.crypto.config.js @@ -1,11 +1,11 @@ const crypto = { - kdfThreads: 16, - staticSalt: '4ghkVQExoneGqZqHTMMhhFfxXsVg2A75QeS1HCM5KAih', // Base58 encoded - bcryptRounds: 11, // Note it's kinda bcryptRounds * log.2.16, cause it runs on all 16 threads - bcryptVersion: '2a', - get staticBcryptSalt () { - return `$${this.bcryptVersion}$${this.bcryptRounds}$IxVE941tXVUD4cW0TNVm.O` - } + kdfThreads: 16, + staticSalt: '4ghkVQExoneGqZqHTMMhhFfxXsVg2A75QeS1HCM5KAih', // Base58 encoded + bcryptRounds: 11, // Note it's kinda bcryptRounds * log.2.16, cause it runs on all 16 threads + bcryptVersion: '2a', + get staticBcryptSalt() { + return `$${this.bcryptVersion}$${this.bcryptRounds}$IxVE941tXVUD4cW0TNVm.O` + } } -module.exports = crypto +module.exports = crypto \ No newline at end of file diff --git a/core/config/default.styles.config.js b/core/config/default.styles.config.js index 17123264..b99bff62 100644 --- a/core/config/default.styles.config.js +++ b/core/config/default.styles.config.js @@ -1,40 +1,41 @@ const styles = { - breakpoints: { - desktop: '', - laptop: '', - tablet: '', - mobile: '' - }, - theme: { - colors: { - primary: '#03a9f4', /* Sets the text color to the theme primary color. */ - primaryBg: '#e8eaf6', /* Sets the background color to the theme primary color. */ - onPrimary: '#fff', /* Sets the text color to the color configured for text on the primary color. */ + breakpoints: { + desktop: '', + laptop: '', + tablet: '', + mobile: '' + }, + theme: { + colors: { + primary: '#03a9f4', /* Sets the text color to the theme primary color. */ + primaryBg: '#e8eaf6', /* Sets the background color to the theme primary color. */ + onPrimary: '#fff', /* Sets the text color to the color configured for text on the primary color. */ - secondary: '#03a9f4', /* Sets the text color to the theme secondary color. */ - secondaryBg: '#fce4ec', /* Sets the background color to the theme secondary color. */ - onSecondary: '#fff', /* Sets the text color to the color configured for text on the secondary color. */ + secondary: '#03a9f4', /* Sets the text color to the theme secondary color. */ + secondaryBg: '#fce4ec', /* Sets the background color to the theme secondary color. */ + onSecondary: '#fff', /* Sets the text color to the color configured for text on the secondary color. */ - surface: '#fff', /* Sets the background color to the surface background color. */ - onSurface: '#333', /* Sets the text color to the color configured for text on the surface color. */ - background: '#eee', /* Sets the background color to the theme background color. */ + surface: '#fff', /* Sets the background color to the surface background color. */ + onSurface: '#333', /* Sets the text color to the color configured for text on the surface color. */ + background: '#eee', /* Sets the background color to the theme background color. */ - warning: '#FFA000', - error: '#F44336' - }, + warning: '#FFA000', + error: '#F44336' + }, - addressColors: [ - '#256480', - '#002530', - '#02564e', - '#d32f2f', - '#795548', - '#004d40', - '#006064', - '#9c27b0', - '#2196f3', - '#d81b60' - ] - } + addressColors: [ + '#256480', + '#002530', + '#02564e', + '#d32f2f', + '#795548', + '#004d40', + '#006064', + '#9c27b0', + '#2196f3', + '#d81b60' + ] + } } -module.exports = styles + +module.exports = styles \ No newline at end of file diff --git a/core/config/default.user.config.js b/core/config/default.user.config.js index fb0363b7..e5f02519 100644 --- a/core/config/default.user.config.js +++ b/core/config/default.user.config.js @@ -1,42 +1,43 @@ const path = require('path') const user = { - node: 0, - nodeSettings: { - pingInterval: 30 * 1000, - }, - server: { - writeHosts: { - enabled: true, - }, - relativeTo: path.join(__dirname, '../'), - primary: { - domain: '0.0.0.0', - address: '0.0.0.0', - port: 12388, - directory: './src/', - page404: './src/404.html', - host: '0.0.0.0', - }, - }, - tls: { - enabled: false, - options: { - key: '', - cert: '', - }, - }, - constants: { - pollingInterval: 30 * 1000, // How long between checking for new unconfirmed transactions and new blocks (in milliseconds). - workerURL: '/build/worker.js', - }, + node: 0, + nodeSettings: { + pingInterval: 30 * 1000 + }, + server: { + writeHosts: { + enabled: true + }, + relativeTo: path.join(__dirname, '../'), + primary: { + domain: '0.0.0.0', + address: '0.0.0.0', + port: 12388, + directory: './src/', + page404: './src/404.html', + host: '0.0.0.0' + } + }, + tls: { + enabled: false, + options: { + key: '', + cert: '' + } + }, + constants: { + pollingInterval: 30 * 1000, // How long between checking for new unconfirmed transactions and new blocks (in milliseconds). + workerURL: '/build/worker.js' + }, - // Notification Settings (All defaults to true) - notifications: { - q_chat: { - playSound: true, - showNotification: true, - }, - }, + // Notification Settings (All defaults to true) + notifications: { + q_chat: { + playSound: true, + showNotification: true + } + } } -module.exports = user + +module.exports = user \ No newline at end of file diff --git a/core/config/load-config.js b/core/config/load-config.js index c6d7ae44..0ad62ace 100644 --- a/core/config/load-config.js +++ b/core/config/load-config.js @@ -1,21 +1,22 @@ let config = require('./config.js') const checkKeys = (storeObj, newObj) => { - for (const key in newObj) { - if (!Object.prototype.hasOwnProperty.call(storeObj, key)) return + for (const key in newObj) { + if (!Object.prototype.hasOwnProperty.call(storeObj, key)) return - if (typeof newObj[key] === 'object') { - storeObj[key] = checkKeys(storeObj[key], newObj[key]) - } else { - storeObj[key] = newObj[key] - } - } - return storeObj + if (typeof newObj[key] === 'object') { + storeObj[key] = checkKeys(storeObj[key], newObj[key]) + } else { + storeObj[key] = newObj[key] + } + } + + return storeObj } const getConfig = customConfig => { - config = checkKeys(config, customConfig) - return config + config = checkKeys(config, customConfig) + return config } -module.exports = getConfig +module.exports = getConfig \ No newline at end of file diff --git a/core/font/switch-theme.css b/core/font/switch-theme.css index e7e27c5b..4c56f166 100644 --- a/core/font/switch-theme.css +++ b/core/font/switch-theme.css @@ -6,6 +6,7 @@ html { --plugback: #ffffff; --border: #d0d6de; --border2: #dde2e8; + --border3: #080808; --copybutton: #707584; --chat-group: #080808; --chat-bubble: #9f9f9f0a; @@ -83,6 +84,7 @@ html[theme="dark"] { --plugback: #0f1a2e; --border: #0b305e; --border2: #0b305e; + --border3: #767676; --copybutton: #d0d6de; --chat-group: #ffffff; --chat-bubble: #9694941a; diff --git a/core/language/us.json b/core/language/us.json index 203007d9..85af3543 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -945,7 +945,16 @@ "gchange56": "Group Name To Search", "gchange57": "Private Group Name Not Found", "gchange58": "Note that group name must be an exact match.", - "gchange59": "Show / Hide Ticker" + "gchange59": "Show / Hide Ticker", + "gchange60": "Please enter an group name", + "gchange61": "Please enter an description", + "gchange62": "Are you sure to update this group?", + "gchange63": "On pressing confirm, the update group request will be sent!", + "gchange64": "Current Owner / New Owner", + "gchange65": "Only replace this address if you want to transfer the group!", + "gchange66": "Invalid Owner / New Owner Address", + "gchange67": "Group Update Successful!", + "gchange68": "Set Group Avatar" }, "puzzlepage": { "pchange1": "Puzzles", diff --git a/core/public/index.html b/core/public/index.html index 4fdc606c..76ff26e4 100644 --- a/core/public/index.html +++ b/core/public/index.html @@ -1,139 +1,121 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Qortal UI - - - - - - - -
- - - - - -
- - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + Qortal UI + + + + +
+ + +
+ + diff --git a/core/server/ServerFactory.js b/core/server/ServerFactory.js index e4d2c5be..4c8b6a3f 100644 --- a/core/server/ServerFactory.js +++ b/core/server/ServerFactory.js @@ -3,32 +3,33 @@ const Hapi = require('@hapi/hapi') const Inert = require('@hapi/inert') function serverFactory(routes, address, port, tls) { - this.server = new Hapi.Server({ - routes: { - files: { - relativeTo: Path.join(__dirname, '../') - } - }, - address: address, - port: port, - tls: tls - }) + this.server = new Hapi.Server({ + routes: { + files: { + relativeTo: Path.join(__dirname, '../') + } + }, + address: address, + port: port, + tls: tls + }) - this.startServer = async () => { - try { - await this.server.register([Inert]) + this.startServer = async () => { + try { + await this.server.register([Inert]) - this.server.route(routes) + this.server.route(routes) - await this.server.start() + await this.server.start() - delete this.startServer - return this.server - } catch (e) { - console.error(e) - throw e - } - } + delete this.startServer + + return this.server + } catch (e) { + console.error(e) + throw e + } + } } -module.exports = serverFactory +module.exports = serverFactory \ No newline at end of file diff --git a/core/server/routes/createCommonRoutes.js b/core/server/routes/createCommonRoutes.js index 4eed35f7..5ba2df12 100644 --- a/core/server/routes/createCommonRoutes.js +++ b/core/server/routes/createCommonRoutes.js @@ -1,106 +1,106 @@ const path = require('path') const routesOptions = { - security: { - hsts: { - maxAge: 15768000, - includeSubDomains: true, - preload: true - }, - xframe: 'sameorigin' - } + security: { + hsts: { + maxAge: 15768000, + includeSubDomains: true, + preload: true + }, + xframe: 'sameorigin' + } } const createRoutes = config => [ + { + method: 'GET', + path: '/img/{param*}', + handler: { + directory: { + path: config.build.options.imgDir, + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/language/{param*}', + handler: { + directory: { + path: path.join(__dirname, '../../language'), + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/font/{param*}', + handler: { + directory: { + path: path.join(__dirname, '../../font'), + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/sound/{param*}', + handler: { + directory: { + path: path.join(__dirname, '../../sound/'), + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/emoji/{param*}', + handler: { + directory: { + path: path.join(__dirname, '../../emoji/'), + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/memory-pow/{param*}', + handler: { + directory: { + path: path.join(__dirname, '../../memory-pow/'), + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/getConfig', + handler: (request, h) => { + const response = { + config: { + ...config + } + } - { - method: 'GET', - path: '/img/{param*}', - handler: { - directory: { - path: config.build.options.imgDir, - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/language/{param*}', - handler: { - directory: { - path: path.join(__dirname, '../../language'), - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/font/{param*}', - handler: { - directory: { - path: path.join(__dirname, '../../font'), - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/sound/{param*}', - handler: { - directory: { - path: path.join(__dirname, '../../sound/'), - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/emoji/{param*}', - handler: { - directory: { - path: path.join(__dirname, '../../emoji/'), - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/memory-pow/{param*}', - handler: { - directory: { - path: path.join(__dirname, '../../memory-pow/'), - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/getConfig', - handler: (request, h) => { - const response = { - config: { - ...config - } - } + delete response.config.user.tls + delete response.config.build - delete response.config.user.tls - delete response.config.build - return JSON.stringify(response) - }, - options: routesOptions - } + return JSON.stringify(response) + }, + options: routesOptions + } ] -module.exports = createRoutes +module.exports = createRoutes \ No newline at end of file diff --git a/core/server/routes/createPrimaryRoutes.js b/core/server/routes/createPrimaryRoutes.js index ef398aae..0eae497c 100644 --- a/core/server/routes/createPrimaryRoutes.js +++ b/core/server/routes/createPrimaryRoutes.js @@ -1,141 +1,140 @@ const path = require('path') - const createCommonRoutes = require('./createCommonRoutes.js') const createPrimaryRoutes = (config, plugins) => { - const routes = createCommonRoutes(config) + const routes = createCommonRoutes(config) - let myPlugins = plugins + let myPlugins = plugins - const pluginFolders = {} + const pluginFolders = {} - const routesOptions = { - security: { - hsts: { - maxAge: 15768000, - includeSubDomains: true, - preload: true - }, - xframe: 'sameorigin' - } - } + const routesOptions = { + security: { + hsts: { + maxAge: 15768000, + includeSubDomains: true, + preload: true + }, + xframe: 'sameorigin' + } + } - plugins.reduce((obj, plugin) => { - obj[plugin.name] = plugin.folder - return obj - }, pluginFolders) + plugins.reduce((obj, plugin) => { + obj[plugin.name] = plugin.folder + return obj + }, pluginFolders) - routes.push( - { - method: 'GET', - path: '/', - handler: (request, reply) => { - return reply.redirect('/app') - }, - options: routesOptions - }, - { - method: 'GET', - path: '/{path*}', - handler: (request, h) => { - const filePath = path.join(__dirname, '../../public/index.html') - const response = h.file(filePath, { - confine: true - }) - response.header('Access-Control-Allow-Origin', request.info.host) - return response - }, - options: routesOptions - }, - { - method: 'GET', - path: '/getPlugins', - handler: (request, h) => { - return { plugins: myPlugins.map(p => p.name) } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/build/{param*}', - handler: { - directory: { - path: config.build.options.outputDir, - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/src/{param*}', - handler: { - directory: { - path: path.join(__dirname, '../../src'), - redirectToSlash: true, - index: true - } - }, - options: routesOptions - }, - { - method: 'GET', - path: '/plugin/{path*}', - handler: (request, h) => { + routes.push( + { + method: 'GET', + path: '/', + handler: (request, reply) => { + return reply.redirect('/app') + }, + options: routesOptions + }, + { + method: 'GET', + path: '/{path*}', + handler: (request, h) => { + const filePath = path.join(__dirname, '../../public/index.html') + const response = h.file(filePath, { + confine: true + }) + response.header('Access-Control-Allow-Origin', request.info.host) + return response + }, + options: routesOptions + }, + { + method: 'GET', + path: '/getPlugins', + handler: (request, h) => { + return { plugins: myPlugins.map(p => p.name) } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/build/{param*}', + handler: { + directory: { + path: config.build.options.outputDir, + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/src/{param*}', + handler: { + directory: { + path: path.join(__dirname, '../../src'), + redirectToSlash: true, + index: true + } + }, + options: routesOptions + }, + { + method: 'GET', + path: '/plugin/{path*}', + handler: (request, h) => { - const plugin = request.params.path.split('/')[0] - const filePath = path.join(pluginFolders[plugin], '../', request.params.path) + const plugin = request.params.path.split('/')[0] + const filePath = path.join(pluginFolders[plugin], '../', request.params.path) - const response = h.file(filePath, { - confine: false - }) - response.header('Access-Control-Allow-Origin', request.info.host) - return response - }, - options: routesOptions - }, - { - method: 'GET', - path: '/plugin/404', - handler: (request, h) => { - const response = h.file(path.join(config.server.primary.page404)) - response.header('Access-Control-Allow-Origin', request.info.host) - return response - }, - options: routesOptions - }, - { - method: 'GET', - path: '/qortal-components/plugin-mainjs-loader.html', - handler: (request, h) => { - const response = h.file(path.join(__dirname, '../../src/plugins/plugin-mainjs-loader.html'), { - confine: false - }) - response.header('Access-Control-Allow-Origin', request.info.host) - return response - }, - options: routesOptions - }, - { - method: 'GET', - path: '/qortal-components/plugin-mainjs-loader.js', - handler: (request, h) => { - const file = path.join(config.build.options.outputDir, '/plugins/plugin-mainjs-loader.js') + const response = h.file(filePath, { + confine: false + }) + response.header('Access-Control-Allow-Origin', request.info.host) + return response + }, + options: routesOptions + }, + { + method: 'GET', + path: '/plugin/404', + handler: (request, h) => { + const response = h.file(path.join(config.server.primary.page404)) + response.header('Access-Control-Allow-Origin', request.info.host) + return response + }, + options: routesOptions + }, + { + method: 'GET', + path: '/qortal-components/plugin-mainjs-loader.html', + handler: (request, h) => { + const response = h.file(path.join(__dirname, '../../src/plugins/plugin-mainjs-loader.html'), { + confine: false + }) + response.header('Access-Control-Allow-Origin', request.info.host) + return response + }, + options: routesOptions + }, + { + method: 'GET', + path: '/qortal-components/plugin-mainjs-loader.js', + handler: (request, h) => { + const file = path.join(config.build.options.outputDir, '/plugins/plugin-mainjs-loader.js') - const response = h.file(file, { - confine: false - }) - response.header('Access-Control-Allow-Origin', request.info.host) - return response - }, - options: routesOptions - }, + const response = h.file(file, { + confine: false + }) + response.header('Access-Control-Allow-Origin', request.info.host) + return response + }, + options: routesOptions + } - ) + ) - return routes + return routes } -module.exports = createPrimaryRoutes +module.exports = createPrimaryRoutes \ No newline at end of file diff --git a/core/server/server.js b/core/server/server.js index 5ccf2618..2a562b55 100644 --- a/core/server/server.js +++ b/core/server/server.js @@ -3,22 +3,20 @@ const ServerFactory = require('./ServerFactory.js') const createPrimaryRoutes = require('./routes/createPrimaryRoutes.js') const createServer = (config, plugins) => { - this.start = async function () { - const primaryServer = new ServerFactory(createPrimaryRoutes(config, plugins), config.user.server.primary.host, config.user.server.primary.port, config.user.tls.enabled ? config.user.tls.options : void 0) - primaryServer.startServer() - .then(server => { - console.log(`Qortal UI Server started at ${server.info.uri} and listening on ${server.info.address}`) - }) - .catch(e => { - console.error(e) - }) - } - return this -} + this.start = async function () { + const primaryServer = new ServerFactory(createPrimaryRoutes(config, plugins), config.user.server.primary.host, config.user.server.primary.port, config.user.tls.enabled ? config.user.tls.options : void 0) + primaryServer.startServer().then(server => { + console.log(`Qortal UI Server started at ${server.info.uri} and listening on ${server.info.address}`) + }).catch(e => { + console.error(e) + }) + } + return this +} const serverExports = { - createServer + createServer } -module.exports = serverExports +module.exports = serverExports \ No newline at end of file diff --git a/core/src/apiKeyUtils.js b/core/src/apiKeyUtils.js index e65772b0..08d23ce1 100644 --- a/core/src/apiKeyUtils.js +++ b/core/src/apiKeyUtils.js @@ -1,54 +1,55 @@ import * as api from 'qortal-ui-crypto' -import mykey from './functional-components/mykey-page.js' - -'use strict' +import mykey from './functional-components/mykey-page' export const checkApiKey = async (nodeConfig) => { + let selectedNode = nodeConfig.knownNodes[nodeConfig.node] + let apiKey = selectedNode.apiKey - let selectedNode = nodeConfig.knownNodes[nodeConfig.node]; - let apiKey = selectedNode.apiKey; + // Attempt to generate an API key + const generateUrl = '/admin/apikey/generate' - // Attempt to generate an API key - const generateUrl = "/admin/apikey/generate"; - let generateRes = await api.request(generateUrl, { - method: "POST" - }); + let generateRes = await api.request(generateUrl, { + method: 'POST' + }) - if (generateRes != null && generateRes.error == null && generateRes.length >= 8) { - console.log("Generated API key"); - apiKey = generateRes; + if (generateRes != null && generateRes.error == null && generateRes.length >= 8) { + console.log('Generated API key') - // Store the generated API key - selectedNode.apiKey = apiKey; - nodeConfig.knownNodes[nodeConfig.node] = selectedNode; - localStorage.setItem('myQortalNodes', JSON.stringify(nodeConfig.knownNodes)); - } - else { - console.log("Unable to generate API key"); - } + apiKey = generateRes - // Now test the API key - let testResult = await testApiKey(apiKey); - if (testResult === true) { - console.log("API key test passed"); - } - else { - console.log("API key test failed"); - mykey.show(); - this.dispatchEvent( + // Store the generated API key + selectedNode.apiKey = apiKey + nodeConfig.knownNodes[nodeConfig.node] = selectedNode + localStorage.setItem('myQortalNodes', JSON.stringify(nodeConfig.knownNodes)) + } else { + console.log("Unable to generate API key") + } + + // Now test the API key + let testResult = await testApiKey(apiKey) + + if (testResult === true) { + console.log('API key test passed') + } else { + console.log('API key test failed') + + mykey.show() + + this.dispatchEvent( new CustomEvent('disable-tour', { - bubbles: true, - composed: true - }), - ); - } + bubbles: true, + composed: true + }) + ) + } } export const testApiKey = async (apiKey) => { - const testUrl = "/admin/apikey/test?apiKey=" + apiKey; - let testRes = await api.request(testUrl, { - method: "GET" - }); - return testRes === true; + const testUrl = '/admin/apikey/test?apiKey=' + apiKey -} + let testRes = await api.request(testUrl, { + method: 'GET' + }) + + return testRes === true +} \ No newline at end of file diff --git a/core/src/components/WebWorkerFile.js b/core/src/components/WebWorkerFile.js index 3b8c2b87..ab699e69 100644 --- a/core/src/components/WebWorkerFile.js +++ b/core/src/components/WebWorkerFile.js @@ -1,5 +1,3 @@ -import WebWorker from 'web-worker:./computePowWorkerFile.js'; +import WebWorker from 'web-worker:./computePowWorkerFile.js' -// You can add any initialization or configuration for the Web Worker here - -export default WebWorker; \ No newline at end of file +export default WebWorker \ No newline at end of file diff --git a/core/src/components/app-info.js b/core/src/components/app-info.js index 46aacbbe..d05fa7ca 100644 --- a/core/src/components/app-info.js +++ b/core/src/components/app-info.js @@ -1,147 +1,107 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {translate} from '../../translate' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { appInfoStyles } from '../styles/core-css' + +// Multi language support +import { translate } from '../../translate' class AppInfo extends connect(store)(LitElement) { - static get properties() { - return { - nodeInfo: { type: Array }, - coreInfo: { type: Array }, - nodeConfig: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + nodeInfo: { type: Array }, + coreInfo: { type: Array }, + nodeConfig: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - } + static get styles() { + return [appInfoStyles] + } - .normal { - --mdc-theme-primary: rgb(3, 169, 244); - } + constructor() { + super() + this.nodeInfo = [] + this.coreInfo = [] + this.nodeConfig = {} + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - #profileInMenu { - flex: 0 0 100px; - padding:12px; - border-top: 1px solid var(--border); - background: var(--sidetopbar); - } + render() { + return html` +
+ ${translate("appinfo.uiversion")}: ${this.nodeConfig.version ? this.nodeConfig.version : ''} + ${this._renderCoreVersion()} + ${translate("appinfo.blockheight")}: ${this.nodeInfo.height ? this.nodeInfo.height : ''} ${this._renderStatus()} + ${translate("appinfo.peers")}: ${this.nodeInfo.numberOfConnections ? this.nodeInfo.numberOfConnections : ''} +
+ ` + } - .info { - margin: 0; - font-size: 14px; - font-weight: 100; - display: inline-block; - width: 100%; - padding-bottom: 8px; - color: var(--black); - } + firstUpdated() { + this.getNodeInfo() + this.getCoreInfo() - .blue { - color: #03a9f4; - margin: 0; - font-size: 14px; - font-weight: 200; - display: inline; - } + setInterval(() => { + this.getNodeInfo() + this.getCoreInfo() + }, 60000) + } - .black { - color: var(--black); - margin: 0; - font-size: 14px; - font-weight: 200; - display: inline; - } - ` - } + async getNodeInfo() { + const appinfoNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const appinfoUrl = appinfoNode.protocol + '://' + appinfoNode.domain + ':' + appinfoNode.port + const url = `${appinfoUrl}/admin/status` - constructor() { - super() - this.nodeInfo = [] - this.coreInfo = [] - this.nodeConfig = {} - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + await fetch(url).then(response => { + return response.json() + }).then(data => { + this.nodeInfo = data + }).catch(err => { + console.error('Request failed', err) + }) + } - render() { - return html` -
- ${translate("appinfo.uiversion")}: ${this.nodeConfig.version ? this.nodeConfig.version : ''} - ${this._renderCoreVersion()} - ${translate("appinfo.blockheight")}: ${this.nodeInfo.height ? this.nodeInfo.height : ''} ${this._renderStatus()} - ${translate("appinfo.peers")}: ${this.nodeInfo.numberOfConnections ? this.nodeInfo.numberOfConnections : ''} - -
- ` - } + async getCoreInfo() { + const appinfoNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const appinfoUrl = appinfoNode.protocol + '://' + appinfoNode.domain + ':' + appinfoNode.port + const url = `${appinfoUrl}/admin/info` - firstUpdated() { - this.getNodeInfo() - this.getCoreInfo() + await fetch(url).then(response => { + return response.json() + }).then(data => { + this.coreInfo = data + }).catch(err => { + console.error('Request failed', err) + }) + } - setInterval(() => { - this.getNodeInfo() - this.getCoreInfo() - }, 60000) - } + _renderStatus() { + if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === true) { + this.cssStatus = 'blue' + return html`${translate("appinfo.minting")}` + } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false) { + this.cssStatus = 'blue' + return html`${translate("appinfo.minting")}` + } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === true) { + this.cssStatus = 'black' + return html`(${translate("appinfo.synchronizing")}... ${this.nodeInfo.syncPercent !== undefined ? this.nodeInfo.syncPercent + '%' : ''})` + } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === false) { + this.cssStatus = 'black' + return '' + } else { + return '' + } + } - async getNodeInfo() { - const appinfoNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const appinfoUrl = appinfoNode.protocol + '://' + appinfoNode.domain + ':' + appinfoNode.port - const url = `${appinfoUrl}/admin/status` + _renderCoreVersion() { + return html`${translate("appinfo.coreversion")}: ${this.coreInfo.buildVersion ? this.coreInfo.buildVersion : ''}` + } - await fetch(url).then(response => { - return response.json() - }).then(data => { - this.nodeInfo = data - }).catch(err => { - console.error('Request failed', err) - }) - } - - async getCoreInfo() { - const appinfoNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const appinfoUrl = appinfoNode.protocol + '://' + appinfoNode.domain + ':' + appinfoNode.port - const url = `${appinfoUrl}/admin/info` - - await fetch(url).then(response => { - return response.json() - }).then(data => { - this.coreInfo = data - }).catch(err => { - console.error('Request failed', err) - }) - } - - _renderStatus() { - if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === true) { - this.cssStatus = 'blue' - return html`${translate("appinfo.minting")}` - } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false) { - this.cssStatus = 'blue' - return html`${translate("appinfo.minting")}` - } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === true) { - this.cssStatus = 'black' - return html`(${translate("appinfo.synchronizing")}... ${this.nodeInfo.syncPercent !== undefined ? this.nodeInfo.syncPercent + '%' : ''})` - } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === false) { - this.cssStatus = 'black' - return '' - } else { - return '' - } - } - - _renderCoreVersion() { - return html`${translate("appinfo.coreversion")}: ${this.coreInfo.buildVersion ? this.coreInfo.buildVersion : ''}` - } - - stateChanged(state) { - this.nodeConfig = state.app.nodeConfig - } + stateChanged(state) { + this.nodeConfig = state.app.nodeConfig + } } -window.customElements.define('app-info', AppInfo) +window.customElements.define('app-info', AppInfo) \ No newline at end of file diff --git a/core/src/components/app-view.js b/core/src/components/app-view.js index 612d3a2a..d458a54e 100644 --- a/core/src/components/app-view.js +++ b/core/src/components/app-view.js @@ -1,20 +1,43 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {Epml} from '../epml.js' -import {addTradeBotRoutes} from '../tradebot/addTradeBotRoutes.js' -import {get, translate} from '../../translate' -import localForage from 'localforage' -import {decryptData, encryptData} from '../lockScreen.js' -import {setChatLastSeen} from '../redux/app/app-actions.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { Epml } from '../epml' +import { addTradeBotRoutes } from '../tradebot/addTradeBotRoutes' +import { get, translate } from '../../translate' +import { decryptData, encryptData } from '../lockScreen' +import { setChatLastSeen } from '../redux/app/app-actions' +import { appViewStyles } from '../styles/core-css' import isElectron from 'is-electron' +import localForage from 'localforage' +import './app-info' +import './check-for-update' +import './new-selector' +import './search-modal' +import './show-plugin' +import './theme-toggle' +import './wallet-profile' +import './controllers/coin-balances-controller' +import './beginner-tour/tour-component' +import './beginner-tour/sync-indicator' +import './friends-view/beginner-checklist' +import './friends-view/core-sync-status' +import './friends-view/friends-side-panel-parent' +import './friends-view/profile' +import './friends-view/save-settings-qdn' +import './logout-view/logout-view' +import './notification-view/notification-bell' +import './notification-view/notification-bell-general' +import './settings-view/user-settings' +import './user-info-view/user-info-view' +import '../functional-components/side-menu' +import '../functional-components/side-menu-item' import '@material/mwc-button' import '@material/mwc-icon' -import '@polymer/paper-icon-button/paper-icon-button.js' -import '@polymer/paper-progress/paper-progress.js' -import '@polymer/paper-dialog/paper-dialog.js' -import '@polymer/iron-icons/iron-icons.js' import '@polymer/app-layout/app-layout.js' +import '@polymer/iron-icons/iron-icons.js' +import '@polymer/paper-icon-button/paper-icon-button.js' +import '@polymer/paper-dialog/paper-dialog.js' +import '@polymer/paper-progress/paper-progress.js' import '@polymer/paper-ripple' import '@vaadin/button' import '@vaadin/icon' @@ -23,3326 +46,3042 @@ import '@vaadin/password-field' import '@vaadin/text-field' import '@vaadin/tooltip' -import './wallet-profile.js' -import './app-info.js' -import './show-plugin.js' -import './theme-toggle.js' -import './new-selector.js' -import './settings-view/user-settings.js' -import './logout-view/logout-view.js' -import './check-for-update.js' -import './search-modal.js' -import './user-info-view/user-info-view.js' -import '../functional-components/side-menu.js' -import '../functional-components/side-menu-item.js' -import './notification-view/notification-bell.js' -import './notification-view/notification-bell-general.js' -import './friends-view/friends-side-panel-parent.js' -import './friends-view/save-settings-qdn.js' -import './friends-view/core-sync-status.js' -import './friends-view/profile.js' -import './beginner-tour/tour-component.js' -import './beginner-tour/sync-indicator.js' -import './friends-view/beginner-checklist.js' -import './controllers/coin-balances-controller.js' - const chatLastSeen = localForage.createInstance({ - name: "chat-last-seen", + name: 'chat-last-seen' }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class AppView extends connect(store)(LitElement) { - static get properties() { - return { - config: { type: Object }, - urls: { type: Object }, - nodeType: { type: String, reflect: true }, - theme: { type: String, reflect: true }, - addressInfo: { type: Object }, - botQortWallet: { type: String }, - botBtcWallet: { type: String }, - botLtcWallet: { type: String }, - botDogeWallet: { type: String }, - botDgbWallet: { type: String }, - botRvnWallet: { type: String }, - botArrrWallet: { type: String }, - arrrWalletAddress: { type: String }, - qortWalletBalance: { type: Number }, - btcWalletBalance: { type: Number }, - ltcWalletBalance: { type: Number }, - dogeWalletBalance: { type: Number }, - dgbWalletBalance: { type: Number }, - rvnWalletBalance: { type: Number }, - arrrWalletBalance: { type: Number }, - failedTradesList: { type: Array }, - tradesOpenBtcQortal: { type: Array }, - myTradesOpenLtcQortal: { type: Array }, - tradesFailedBtcQortal: { type: Array }, - tradesOpenBtcQortalCleaned: { type: Array }, - tradesOpenLtcQortal: { type: Array }, - tradesFailedLtcQortal: { type: Array }, - tradesOpenLtcQortalCleaned: { type: Array }, - tradesOpenDogeQortal: { type: Array }, - tradesFailedDogeQortal: { type: Array }, - tradesOpenDogeQortalCleaned: { type: Array }, - tradesOpenDgbQortal: { type: Array }, - tradesFailedDgbQortal: { type: Array }, - tradesOpenDgbQortalCleaned: { type: Array }, - tradesOpenRvnQortal: { type: Array }, - tradesFailedRvnQortal: { type: Array }, - tradesOpenRvnQortalCleaned: { type: Array }, - tradesOpenArrrQortal: { type: Array }, - tradesFailedArrrQortal: { type: Array }, - tradesOpenArrrQortalCleaned: { type: Array }, - tradeBotBtcBook: { type: Array }, - tradeBotLtcBook: { type: Array }, - tradeBotDogeBook: { type: Array }, - tradeBotDgbBook: { type: Array }, - tradeBotRvnBook: { type: Array }, - tradeBotArrrBook: { type: Array }, - tradeBotBtcAt: { type: Array }, - tradeBotLtcAt: { type: Array }, - tradeBotDogeAt: { type: Array }, - tradeBotDgbAt: { type: Array }, - tradeBotRvnAt: { type: Array }, - tradeBotArrrAt: { type: Array }, - tradeBotAvailableBtcQortal: { type: Array }, - tradeBotAvailableLtcQortal: { type: Array }, - tradeBotAvailableDogeQortal: { type: Array }, - tradeBotAvailableDgbQortal: { type: Array }, - tradeBotAvailableRvnQortal: { type: Array }, - tradeBotAvailableArrrQortal: { type: Array }, - checkBtcAlice: { type: String }, - checkLtcAlice: { type: String }, - checkDogeAlice: { type: String }, - checkDgbAlice: { type: String }, - checkRvnAlice: { type: String }, - checkArrrAlice: { type: String }, - reAddBtcAmount: { type: Number }, - reAddLtcAmount: { type: Number }, - reAddDogeAmount: { type: Number }, - reAddDgbAmount: { type: Number }, - reAddRvnAmount: { type: Number }, - reAddArrrAmount: { type: Number }, - reAddBtcPrice: { type: Number }, - reAddLtcPrice: { type: Number }, - reAddDogePrice: { type: Number }, - reAddDgbPrice: { type: Number }, - reAddRvnPrice: { type: Number }, - reAddArrrPrice: { type: Number }, - botBtcBuyAtAddress: { type: String }, - botLtcBuyAtAddress: { type: String }, - botDogeBuyAtAddress: { type: String }, - botDgbBuyAtAddress: { type: String }, - botRvnBuyAtAddress: { type: String }, - botArrrBuyAtAddress: { type: String }, - balanceTicker: { type: String }, - salt: { type: String }, - storageData: { type: String }, - lockScreenPass: { type: String }, - lockScreenSet: { type: String }, - lockPass: { type: String }, - lockSet: { type: String }, - myLockScreenPass: { type: String }, - myLockScreenSet: { type: String }, - helperMessage: { type: String }, - showSyncMessages: { type: Boolean } - } - } + static get properties() { + return { + config: { type: Object }, + urls: { type: Object }, + nodeType: { type: String, reflect: true }, + theme: { type: String, reflect: true }, + addressInfo: { type: Object }, + botQortWallet: { type: String }, + botBtcWallet: { type: String }, + botLtcWallet: { type: String }, + botDogeWallet: { type: String }, + botDgbWallet: { type: String }, + botRvnWallet: { type: String }, + botArrrWallet: { type: String }, + arrrWalletAddress: { type: String }, + qortWalletBalance: { type: Number }, + btcWalletBalance: { type: Number }, + ltcWalletBalance: { type: Number }, + dogeWalletBalance: { type: Number }, + dgbWalletBalance: { type: Number }, + rvnWalletBalance: { type: Number }, + arrrWalletBalance: { type: Number }, + failedTradesList: { type: Array }, + tradesOpenBtcQortal: { type: Array }, + myTradesOpenLtcQortal: { type: Array }, + tradesFailedBtcQortal: { type: Array }, + tradesOpenBtcQortalCleaned: { type: Array }, + tradesOpenLtcQortal: { type: Array }, + tradesFailedLtcQortal: { type: Array }, + tradesOpenLtcQortalCleaned: { type: Array }, + tradesOpenDogeQortal: { type: Array }, + tradesFailedDogeQortal: { type: Array }, + tradesOpenDogeQortalCleaned: { type: Array }, + tradesOpenDgbQortal: { type: Array }, + tradesFailedDgbQortal: { type: Array }, + tradesOpenDgbQortalCleaned: { type: Array }, + tradesOpenRvnQortal: { type: Array }, + tradesFailedRvnQortal: { type: Array }, + tradesOpenRvnQortalCleaned: { type: Array }, + tradesOpenArrrQortal: { type: Array }, + tradesFailedArrrQortal: { type: Array }, + tradesOpenArrrQortalCleaned: { type: Array }, + tradeBotBtcBook: { type: Array }, + tradeBotLtcBook: { type: Array }, + tradeBotDogeBook: { type: Array }, + tradeBotDgbBook: { type: Array }, + tradeBotRvnBook: { type: Array }, + tradeBotArrrBook: { type: Array }, + tradeBotBtcAt: { type: Array }, + tradeBotLtcAt: { type: Array }, + tradeBotDogeAt: { type: Array }, + tradeBotDgbAt: { type: Array }, + tradeBotRvnAt: { type: Array }, + tradeBotArrrAt: { type: Array }, + tradeBotAvailableBtcQortal: { type: Array }, + tradeBotAvailableLtcQortal: { type: Array }, + tradeBotAvailableDogeQortal: { type: Array }, + tradeBotAvailableDgbQortal: { type: Array }, + tradeBotAvailableRvnQortal: { type: Array }, + tradeBotAvailableArrrQortal: { type: Array }, + checkBtcAlice: { type: String }, + checkLtcAlice: { type: String }, + checkDogeAlice: { type: String }, + checkDgbAlice: { type: String }, + checkRvnAlice: { type: String }, + checkArrrAlice: { type: String }, + reAddBtcAmount: { type: Number }, + reAddLtcAmount: { type: Number }, + reAddDogeAmount: { type: Number }, + reAddDgbAmount: { type: Number }, + reAddRvnAmount: { type: Number }, + reAddArrrAmount: { type: Number }, + reAddBtcPrice: { type: Number }, + reAddLtcPrice: { type: Number }, + reAddDogePrice: { type: Number }, + reAddDgbPrice: { type: Number }, + reAddRvnPrice: { type: Number }, + reAddArrrPrice: { type: Number }, + botBtcBuyAtAddress: { type: String }, + botLtcBuyAtAddress: { type: String }, + botDogeBuyAtAddress: { type: String }, + botDgbBuyAtAddress: { type: String }, + botRvnBuyAtAddress: { type: String }, + botArrrBuyAtAddress: { type: String }, + salt: { type: String }, + storageData: { type: String }, + lockScreenPass: { type: String }, + lockScreenSet: { type: String }, + lockPass: { type: String }, + lockSet: { type: String }, + myLockScreenPass: { type: String }, + myLockScreenSet: { type: String }, + helperMessage: { type: String }, + showSyncMessages: { type: Boolean } + } + } - static get styles() { - return [ - css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-error: rgb(255, 89, 89); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --item-selected-color: var(--nav-selected-color); - --item-selected-color-text: var(--nav-selected-color-text); - --item-color-active: var(--nav-color-active); - --item-color-hover: var(--nav-color-hover); - --item-text-color: var(--nav-text-color); - --item-icon-color: var(--nav-icon-color); - --item-border-color: var(--nav-border-color); - --item-border-selected-color: var(--nav-border-selected-color); - } + static get styles() { + return [appViewStyles] + } - :host { - --app-drawer-width: 260px; - } + constructor() { + super() + this.urls = [] + this.nodeType = '' + this.addressInfo = {} + this.botQortWallet = '' + this.botBtcWallet = '' + this.botLtcWallet = '' + this.botDogeWallet = '' + this.botDgbWallet = '' + this.botRvnWallet = '' + this.botArrrWallet = '' + this.arrrWalletAddress = '' + this.qortWalletBalance = 0 + this.btcWalletBalance = 0 + this.ltcWalletBalance = 0 + this.dogeWalletBalance = 0 + this.dgbWalletBalance = 0 + this.rvnWalletBalance = 0 + this.arrrWalletBalance = 0 + this.failedTradesList = [] + this.tradesOpenBtcQortal = [] + this.myTradesOpenLtcQortal = [] + this.tradesFailedBtcQortal = [] + this.tradesOpenBtcQortalCleaned = [] + this.tradesOpenLtcQortal = [] + this.tradesFailedLtcQortal = [] + this.tradesOpenLtcQortalCleaned = [] + this.tradesOpenDogeQortal = [] + this.tradesFailedDogeQortal = [] + this.tradesOpenDogeQortalCleaned = [] + this.tradesOpenDgbQortal = [] + this.tradesFailedDgbQortal = [] + this.tradesOpenDgbQortalCleaned = [] + this.tradesOpenRvnQortal = [] + this.tradesFailedRvnQortal = [] + this.tradesOpenRvnQortalCleaned = [] + this.tradesOpenArrrQortal = [] + this.tradesFailedArrrQortal = [] + this.tradesOpenArrrQortalCleaned = [] + this.tradeBotBtcBook = [] + this.tradeBotLtcBook = [] + this.tradeBotDogeBook = [] + this.tradeBotDgbBook = [] + this.tradeBotRvnBook = [] + this.tradeBotArrrBook = [] + this.tradeBotBtcAt = [] + this.tradeBotLtcAt = [] + this.tradeBotDogeAt = [] + this.tradeBotDgbAt = [] + this.tradeBotRvnAt = [] + this.tradeBotArrrAt = [] + this.tradeBotAvailableBtcQortal = [] + this.tradeBotAvailableLtcQortal = [] + this.tradeBotAvailableDogeQortal = [] + this.tradeBotAvailableDgbQortal = [] + this.tradeBotAvailableRvnQortal = [] + this.tradeBotAvailableArrrQortal = [] + this.checkBtcAlice = '' + this.checkLtcAlice = '' + this.checkDogeAlice = '' + this.checkDgbAlice = '' + this.checkRvnAlice = '' + this.checkArrrAlice = '' + this.reAddBtcAmount = 0 + this.reAddLtcAmount = 0 + this.reAddDogeAmount = 0 + this.reAddDgbAmount = 0 + this.reAddRvnAmount = 0 + this.reAddArrrAmount = 0 + this.reAddBtcPrice = 0 + this.reAddLtcPrice = 0 + this.reAddDogePrice = 0 + this.reAddDgbPrice = 0 + this.reAddRvnPrice = 0 + this.reAddArrrPrice = 0 + this.botBtcBuyAtAddress = '' + this.botLtcBuyAtAddress = '' + this.botDogeBuyAtAddress = '' + this.botDgbBuyAtAddress = '' + this.botRvnBuyAtAddress = '' + this.botArrrBuyAtAddress = '' + this.salt = '' + this.storageData = '' + this.lockScreenPass = '' + this.lockScreenSet = '' + this.lockPass = '' + this.lockSet = '' + this.myLockScreenPass = '' + this.myLockScreenSet = '' + this.helperMessage = '' + this.getTourElements = this.getTourElements.bind(this) + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - app-drawer-layout:not([narrow]) [drawer-toggle]:not(side-menu-item) { - display: none; - } + render() { + return html` + + + + + + + + + + +
+ + + +
+
+ + + + + + +
+
 
+ +
     
+ +
   
+ +
  
+ ${this.renderLockButton()} +
  
+ +
  
+
+ this.openSettings()} title="${translate("settings.settings")}"> +
+
  
+ +
 
+
+ this.openLogout()} title="${translate("logout.logout")}"> +
+
  
+ + + + + ${!this.showSyncMessages ? html` + + ` : html``} + + + + + + +
+

Qortal UI ${translate("login.lp1")}

+
+
+
+

${translate("login.lp2")}

+

${translate("login.lp3")}

+
+
+ password + +
+
+ password + +
+
+ ${translate("login.lp4")} + ${translate("login.lp5")} +
+ + +
+

Qortal UI ${translate("login.lp1")}

+
+
+
+

${translate("login.lessthen8")}

+
+
+ ${translate("login.lp4")} + ${translate("login.lp5")} +
+ + +
+ UI
+ ${translate("login.lp9")} + ${translate("login.lp10")} +
+
+ password + +
+ ${this.helperMessage} +
+ +
+
+ +
+ + + ` + } - app-drawer { - box-shadow: var(--shadow-2); - } + async firstUpdated() { + addTradeBotRoutes(parentEpml) - app-header { - box-shadow: var(--shadow-2); - } + parentEpml.imReady() - app-toolbar { - background: var(--sidetopbar); - color: var(--black); - border-top: var(--border); - height: 48px; - padding: 3px; - } + this.clearTheCache() + this.helperMessage = this.renderHelperPass() + this.showSyncMessages = store.getState().app.showSyncIndicator + this.salt = '' + this.salt = Base58.encode(store.getState().app.wallet._addresses[0].keyPair.privateKey) + this.storageData = '' + this.storageData = store.getState().app.selectedAddress.address + this.lockScreenPass = '' + this.lockScreenPass = 'lockScreenPass-' + this.storageData + this.lockScreenSet = '' + this.lockScreenSet = 'lockScreenSet-' + this.storageData + this.lockPass = '' + this.lockPass = encryptData(false, this.salt) + this.lockSet = '' + this.lockSet = encryptData(false, this.salt) - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } + if (localStorage.getItem(this.lockScreenPass) === null && localStorage.getItem(this.lockScreenSet) === null) { + localStorage.setItem(this.lockScreenPass, this.lockPass) + localStorage.setItem(this.lockScreenSet, this.lockSet) - .s-menu { - list-style: none; - padding: 0px 0px; - background: var(--sidetopbar); - border-radius: 2px; - width: 100%; - border-top: 1px solid var(--border); - outline: none; - } - - .search { - display: inline; - width: 50%; - align-items: center; - } - - #sideBar { - height: 100vh; - display: flex; - flex-direction: column; - background: var(--sidetopbar); - } - - .sideBarMenu { - overflow-y: auto; - flex: 1 1; - } - - .sideBarMenu::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .sideBarMenu::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .sideBarMenu::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - #balanceheader { - flex: 0 0 24px; - padding: 12px 12px 45px 12px; - border-bottom: 1px solid var(--border); - background: var(--sidetopbar); - } - - .balanceheadertext { - position: absolute; - margin: auto; - font-size: 14px; - font-weight: 400; - width: 250px; - display: inline; - padding-top: 5px; - padding-bottom: 5px; - color: var(--nav-text-color); - } - - #balances { - flex: 0 0 24px; - padding: 12px; - background: var(--sidetopbar); - } - - .balancelist { - align-items: center; - float: left; - opacity: 1; - position: relative; - } - - .balanceinfo { - position: absolute; - margin: auto; - font-size: 14px; - font-weight: 100; - width: 250px; - display: inline; - padding-top: 5px; - padding-bottom: 5px; - color: var(--black); - } - - .qort { - animation: animate1 4s 2s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - .btc { - animation: animate2 4s 8s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - .ltc { - animation: animate3 4s 14s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - .doge { - animation: animate4 4s 20s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - .dgb { - animation: animate5 4s 26s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - .rvn { - animation: animate6 4s 32s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - .arrr { - animation: animate7 4s 38s 1 ease-in-out ; - color: var(--black); - opacity: 0; - } - - @keyframes animate1 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - @keyframes animate2 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - @keyframes animate3 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - @keyframes animate4 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - @keyframes animate5 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - @keyframes animate6 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - @keyframes animate7 { - 0%,100% { opacity: 0; } - 50% { opacity: 10; } - } - - .sideBarMenu::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - .balanceButton { - background-color: #03a9f4; - color: #ffffff; - margin-left: 12px; - margin-right: 12px; - padding-top: 5px; - padding-bottom: 5px; - } - - .red { - --mdc-theme-primary: #C6011F; - } - - .setpass-wrapper { - width: 100%; - min-width: 400px; - max-width: 450px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 10px 10px 0px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + this.myLockScreenPass = '' + this.myLockScreenPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) + this.myLockScreenSet = '' + this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) + } else { + this.myLockScreenPass = '' + this.myLockScreenPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) + this.myLockScreenSet = '' + this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) } - .lock-wrapper { - width: 100%; - height: 100%; - min-width: 600px; - max-width: 600px; - min-height: 400px; - max-height: 400px; - text-align: center; - background: url("/img/qortal-lock.jpg"); - border: 1px solid var(--black); - border-radius: 25px; - padding: 10px 10px 0px; + if (this.myLockScreenSet === true) { + this.shadowRoot.getElementById('lockScreenActive').open() } - .text-wrapper { - width: 100%; - height: 100%; - min-width: 280px; - max-width: 280px; - min-height: 64px; - max-height: 64px; - text-align: center; - margin-left: 35px; - margin-top: 125px; - overflow: hidden; + var drawerTog = this.shadowRoot.getElementById('mb') + var drawerOut = this.shadowRoot.getElementById('appsidebar') + + drawerTog.addEventListener('mouseover', function () { + drawerTog.click() + }) + + drawerOut.addEventListener('mouseleave', function () { + drawerTog.click() + }) + + await this.getNodeType() + + const myAppNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeAppUrl = myAppNode.protocol + '://' + myAppNode.domain + ':' + myAppNode.port + const appDelay = ms => new Promise(res => setTimeout(res, ms)) + + await appDelay(3000) + + this.botQortWallet = store.getState().app.selectedAddress.address + this.botBtcWallet = store.getState().app.selectedAddress.btcWallet.address + this.botLtcWallet = store.getState().app.selectedAddress.ltcWallet.address + this.botDogeWallet = store.getState().app.selectedAddress.dogeWallet.address + this.botDgbWallet = store.getState().app.selectedAddress.dgbWallet.address + this.botRvnWallet = store.getState().app.selectedAddress.rvnWallet.address + this.botArrrWallet = store.getState().app.selectedAddress.arrrWallet.address + + await this.botBtcTradebook() + await this.botLtcTradebook() + await this.botDogeTradebook() + await this.botDgbTradebook() + await this.botRvnTradebook() + await this.botArrrTradebook() + + window.addEventListener('storage', async () => { + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') + }) + + if (localStorage.getItem('failedTrades') === null) { + localStorage.setItem('failedTrades', '') + + var oldFailedTrades = JSON.parse(localStorage.getItem('failedTrades') || '[]') + + const addFixedFail = { + timestamp: 1699792400000, + recipient: 'QSMfgUCXahYHg38RidZ4FuWbVV8KGngDjP' + } + + oldFailedTrades.push(addFixedFail) + + localStorage.setItem('failedTrades', JSON.stringify(oldFailedTrades)) + + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } else { + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') } - .lock-title-white { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #ffffff; + const unconfirmedTransactions = async () => { + const unconfirmedTransactionslUrl = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTrades = JSON.parse(localStorage.getItem('failedTrades') || '[]') + await fetch(unconfirmedTransactionslUrl).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiff = Date.now() - item.timestamp + const timeOneHour = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiff) > Number(timeOneHour)) { + const addIt = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTrades.push(addIt) + } + }) + + localStorage.setItem('failedTrades', JSON.stringify(addFailedTrades)) + + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) } - .lock-title-red { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #df3636; + await unconfirmedTransactions() + + const filterUnconfirmedTransactions = async () => { + let cleanFailedTrades = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } + + return newArray + }, []) + + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTrades)) + + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') } - ` - ] - } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.urls = [] - this.nodeType = '' - this.addressInfo = {} - this.botQortWallet = '' - this.botBtcWallet = '' - this.botLtcWallet = '' - this.botDogeWallet = '' - this.botDgbWallet = '' - this.botRvnWallet = '' - this.botArrrWallet = '' - this.arrrWalletAddress = '' - this.qortWalletBalance = 0 - this.btcWalletBalance = 0 - this.ltcWalletBalance = 0 - this.dogeWalletBalance = 0 - this.dgbWalletBalance = 0 - this.rvnWalletBalance = 0 - this.arrrWalletBalance = 0 - this.failedTradesList = [] - this.tradesOpenBtcQortal = [] - this.myTradesOpenLtcQortal = [] - this.tradesFailedBtcQortal = [] - this.tradesOpenBtcQortalCleaned = [] - this.tradesOpenLtcQortal = [] - this.tradesFailedLtcQortal = [] - this.tradesOpenLtcQortalCleaned = [] - this.tradesOpenDogeQortal = [] - this.tradesFailedDogeQortal = [] - this.tradesOpenDogeQortalCleaned = [] - this.tradesOpenDgbQortal = [] - this.tradesFailedDgbQortal = [] - this.tradesOpenDgbQortalCleaned = [] - this.tradesOpenRvnQortal = [] - this.tradesFailedRvnQortal = [] - this.tradesOpenRvnQortalCleaned = [] - this.tradesOpenArrrQortal = [] - this.tradesFailedArrrQortal = [] - this.tradesOpenArrrQortalCleaned = [] - this.tradeBotBtcBook = [] - this.tradeBotLtcBook = [] - this.tradeBotDogeBook = [] - this.tradeBotDgbBook = [] - this.tradeBotRvnBook = [] - this.tradeBotArrrBook = [] - this.tradeBotBtcAt = [] - this.tradeBotLtcAt = [] - this.tradeBotDogeAt = [] - this.tradeBotDgbAt = [] - this.tradeBotRvnAt = [] - this.tradeBotArrrAt = [] - this.tradeBotAvailableBtcQortal = [] - this.tradeBotAvailableLtcQortal = [] - this.tradeBotAvailableDogeQortal = [] - this.tradeBotAvailableDgbQortal = [] - this.tradeBotAvailableRvnQortal = [] - this.tradeBotAvailableArrrQortal = [] - this.checkBtcAlice = '' - this.checkLtcAlice = '' - this.checkDogeAlice = '' - this.checkDgbAlice = '' - this.checkRvnAlice = '' - this.checkArrrAlice = '' - this.reAddBtcAmount = 0 - this.reAddLtcAmount = 0 - this.reAddDogeAmount = 0 - this.reAddDgbAmount = 0 - this.reAddRvnAmount = 0 - this.reAddArrrAmount = 0 - this.reAddBtcPrice = 0 - this.reAddLtcPrice = 0 - this.reAddDogePrice = 0 - this.reAddDgbPrice = 0 - this.reAddRvnPrice = 0 - this.reAddArrrPrice = 0 - this.botBtcBuyAtAddress = '' - this.botLtcBuyAtAddress = '' - this.botDogeBuyAtAddress = '' - this.botDgbBuyAtAddress = '' - this.botRvnBuyAtAddress = '' - this.botArrrBuyAtAddress = '' - this.balanceTicker = html` -
-
-
- ` - this.salt = '' - this.storageData = '' - this.lockScreenPass = '' - this.lockScreenSet = '' - this.lockPass = '' - this.lockSet = '' - this.myLockScreenPass = '' - this.myLockScreenSet = '' - this.helperMessage = '' - this.getTourElements = this.getTourElements.bind(this) - } + await filterUnconfirmedTransactions() - getTourElements(){ - let els = {} - const el1 = this.shadowRoot.querySelector("core-sync-status").shadowRoot.getElementById("core-sync-status-id") - const el2 = this.shadowRoot.querySelector("show-plugin").shadowRoot.getElementById("showPluginId") - const el3 = this.shadowRoot.querySelector("beginner-checklist").shadowRoot.getElementById("popover-notification") - if(el1) { - els['core-sync-status-id'] = el1 - } - if(el2) { - els['tab'] = el2 - } - if(el3) { - els['checklist'] = el3 - } + const getOpenTradesBTC = async () => { + let timerBTC - return els - } + if (this.isEmptyArray(this.tradeBotBtcBook) === true) { + clearTimeout(timerBTC) + timerBTC = setTimeout(getOpenTradesBTC, 150000) + } else { + await this.updateBtcWalletBalance() + const tradesOpenBtcQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=BITCOIN&limit=0` - render() { - return html` - - - - - - - - - - -
- - - -
-
- - - - - - -
-
 
- -
     
- -
   
- -
  
- ${this.renderLockButton()} -
  
- -
  
-
- this.openSettings()} title="${translate("settings.settings")}"> -
-
  
- -
 
-
- this.openLogout()} title="${translate("logout.logout")}"> -
-
  
- - - - - ${!this.showSyncMessages ? html`` : html``} - - - - - - -
-

Qortal UI ${translate("login.lp1")}

-
-
-
-

${translate("login.lp2")}

-

${translate("login.lp3")}

-
-
- password - -
-
- password - -
-
- ${translate("login.lp4")} - ${translate("login.lp5")} -
- - -
-

Qortal UI ${translate("login.lp1")}

-
-
-
-

${translate("login.lessthen8")}

-
-
- ${translate("login.lp4")} - ${translate("login.lp5")} -
- - -
- UI
- ${translate("login.lp9")} - ${translate("login.lp10")} -
-
- password - -
- ${this.helperMessage} -
- -
-
- -
- -
- - ` - } + const tradesOpenBtcQortal = await fetch(tradesOpenBtcQortalUrl).then(response => { + return response.json() + }) - async firstUpdated() { + this.tradesOpenBtcQortal = tradesOpenBtcQortal.map(item => { + const expiryTime = item.creatorPresenceExpiry + if (Number(expiryTime) > Date.now()) { + const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) + const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) + return { + qortAmount: item.qortAmount, + price: roundedPrice, + foreignAmount: item.expectedForeignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - addTradeBotRoutes(parentEpml) - parentEpml.imReady() + const unconfirmedTransactionsBTC = async () => { + const unconfirmedTransactionsUrlBTC = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTradesBTC = JSON.parse(localStorage.getItem('failedTrades') || '[]') - this.clearTheCache() + await fetch(unconfirmedTransactionsUrlBTC).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiffBTC = Date.now() - item.timestamp + const timeOneHourBTC = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiffBTC) > Number(timeOneHourBTC)) { + const addItBTC = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTradesBTC.push(addItBTC) + } + }) - this.helperMessage = this.renderHelperPass() + localStorage.setItem('failedTrades', JSON.stringify(addFailedTradesBTC)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - this.showSyncMessages = store.getState().app.showSyncIndicator + await unconfirmedTransactionsBTC() - this.salt = '' - this.salt = Base58.encode(store.getState().app.wallet._addresses[0].keyPair.privateKey) + const filterUnconfirmedTransactionsBTC = async () => { + let cleanFailedTradesBTC = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } - this.storageData = '' - this.storageData = store.getState().app.selectedAddress.address + return newArray + }, []) - this.lockScreenPass = '' - this.lockScreenPass = 'lockScreenPass-' + this.storageData + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTradesBTC)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } - this.lockScreenSet = '' - this.lockScreenSet = 'lockScreenSet-' + this.storageData + await filterUnconfirmedTransactionsBTC() - this.lockPass = '' - this.lockPass = encryptData(false, this.salt) + this.tradesOpenBtcQortalCleaned = this.tradesOpenBtcQortal - this.lockSet = '' - this.lockSet = encryptData(false, this.salt) + const filterOpenOfferBTC = async () => { + this.failedTradesList.forEach(item => { + const recipientToRemove = item.recipient - if (localStorage.getItem(this.lockScreenPass) === null && localStorage.getItem(this.lockScreenSet) === null) { - localStorage.setItem(this.lockScreenPass, this.lockPass) - localStorage.setItem(this.lockScreenSet, this.lockSet) - this.myLockScreenPass = '' - this.myLockScreenPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) - this.myLockScreenSet = '' - this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) - } else { - this.myLockScreenPass = '' - this.myLockScreenPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) - this.myLockScreenSet = '' - this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) - } + this.tradesOpenBtcQortalCleaned = this.tradesOpenBtcQortalCleaned.filter(obj => { + return obj.qortalCreatorTradeAddress !== recipientToRemove + }) + }) + } - if (this.myLockScreenSet === true) { - this.shadowRoot.getElementById('lockScreenActive').open() - } + await filterOpenOfferBTC() + await appDelay(1000) + await filterMyBotPriceTradesBTC() - var drawerTog = this.shadowRoot.getElementById("mb") - var drawerOut = this.shadowRoot.getElementById("appsidebar") + setTimeout(getOpenTradesBTC, 150000) + } + } - drawerTog.addEventListener('mouseover', function () { - drawerTog.click() - }) - - drawerOut.addEventListener('mouseleave', function () { - drawerTog.click() - }) - - await this.getNodeType() - - const myAppNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeAppUrl = myAppNode.protocol + '://' + myAppNode.domain + ':' + myAppNode.port - const appDelay = ms => new Promise(res => setTimeout(res, ms)) - - await appDelay(3000) - - this.botQortWallet = store.getState().app.selectedAddress.address - this.botBtcWallet = store.getState().app.selectedAddress.btcWallet.address - this.botLtcWallet = store.getState().app.selectedAddress.ltcWallet.address - this.botDogeWallet = store.getState().app.selectedAddress.dogeWallet.address - this.botDgbWallet = store.getState().app.selectedAddress.dgbWallet.address - this.botRvnWallet = store.getState().app.selectedAddress.rvnWallet.address - this.botArrrWallet = store.getState().app.selectedAddress.arrrWallet.address - - await this.botBtcTradebook() - await this.botLtcTradebook() - await this.botDogeTradebook() - await this.botDgbTradebook() - await this.botRvnTradebook() - await this.botArrrTradebook() - - window.addEventListener('storage', async () => { - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") - }) - - if (localStorage.getItem("failedTrades") === null) { - localStorage.setItem("failedTrades", "") - - var oldFailedTrades = JSON.parse(localStorage.getItem("failedTrades") || "[]") - - const addFixedFail = { - timestamp: 1699792400000, - recipient: 'QSMfgUCXahYHg38RidZ4FuWbVV8KGngDjP' - } - - oldFailedTrades.push(addFixedFail) - - localStorage.setItem("failedTrades", JSON.stringify(oldFailedTrades)) - - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } else { - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } - - const unconfirmedTransactions = async () => { - const unconfirmedTransactionslUrl = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTrades = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionslUrl).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiff = Date.now() - item.timestamp - const timeOneHour = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiff) > Number(timeOneHour)) { - const addIt = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTrades.push(addIt) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTrades)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } - - await unconfirmedTransactions() - - const filterUnconfirmedTransactions = async () => { - let cleanFailedTrades = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTrades)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } - - await filterUnconfirmedTransactions() - - const getOpenTradesBTC = async () => { - let timerBTC - - if (this.isEmptyArray(this.tradeBotBtcBook) === true) { - clearTimeout(timerBTC) - timerBTC = setTimeout(getOpenTradesBTC, 150000) - } else { - await this.updateBtcWalletBalance() - const tradesOpenBtcQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=BITCOIN&limit=0` - - const tradesOpenBtcQortal = await fetch(tradesOpenBtcQortalUrl).then(response => { - return response.json() - }) - - this.tradesOpenBtcQortal = tradesOpenBtcQortal.map(item => { - const expiryTime = item.creatorPresenceExpiry - if (Number(expiryTime) > Date.now()) { - const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) - const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) - return { - qortAmount: item.qortAmount, - price: roundedPrice, - foreignAmount: item.expectedForeignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) - - const unconfirmedTransactionsBTC = async () => { - const unconfirmedTransactionsUrlBTC = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTradesBTC = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionsUrlBTC).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiffBTC = Date.now() - item.timestamp - const timeOneHourBTC = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiffBTC) > Number(timeOneHourBTC)) { - const addItBTC = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTradesBTC.push(addItBTC) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTradesBTC)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } - - await unconfirmedTransactionsBTC() - - const filterUnconfirmedTransactionsBTC = async () => { - let cleanFailedTradesBTC = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTradesBTC)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } - - await filterUnconfirmedTransactionsBTC() - - this.tradesOpenBtcQortalCleaned = this.tradesOpenBtcQortal - - const filterOpenOfferBTC = async () => { - this.failedTradesList.forEach(item => { - const recipientToRemove = item.recipient - this.tradesOpenBtcQortalCleaned = this.tradesOpenBtcQortalCleaned.filter(obj => { - return obj.qortalCreatorTradeAddress !== recipientToRemove - }) - }) - } - - await filterOpenOfferBTC() - await appDelay(1000) - await filterMyBotPriceTradesBTC() - setTimeout(getOpenTradesBTC, 150000) - } - } - - const filterMyBotPriceTradesBTC = async () => { - const tradeBotBtcUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=BITCOIN&apiKey=${this.getApiKey()}` + const filterMyBotPriceTradesBTC = async () => { + const tradeBotBtcUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=BITCOIN&apiKey=${this.getApiKey()}` this.tradeBotBtcAt = await fetch(tradeBotBtcUrl).then(response => { return response.json() }) - await appDelay(1000) + await appDelay(1000) - this.tradeBotAvailableBtcQortal = this.tradesOpenBtcQortalCleaned.map(item => { - const listprice = parseFloat(item.price) - const listamount = parseFloat(item.qortAmount) - const checkprice = parseFloat(this.tradeBotBtcBook[0].botBtcPrice) - const checkamount = parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) - if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { - return { - qortAmount: item.qortAmount, - price: item.price, - foreignAmount: item.foreignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + this.tradeBotAvailableBtcQortal = this.tradesOpenBtcQortalCleaned.map(item => { + const listprice = parseFloat(item.price) + const listamount = parseFloat(item.qortAmount) + const checkprice = parseFloat(this.tradeBotBtcBook[0].botBtcPrice) + const checkamount = parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) - this.tradeBotAvailableBtcQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) + if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { + return { + qortAmount: item.qortAmount, + price: item.price, + foreignAmount: item.foreignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - if (this.isEmptyArray(this.tradeBotAvailableBtcQortal) === true) { - return - } else { - this.checkBtcAlice = this.tradeBotAvailableBtcQortal[0].qortalAtAddress - } + this.tradeBotAvailableBtcQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) - await appDelay(1000) + if (this.isEmptyArray(this.tradeBotAvailableBtcQortal) === true) { + return + } else { + this.checkBtcAlice = this.tradeBotAvailableBtcQortal[0].qortalAtAddress + } - if (this.tradeBotBtcAt.some(item => item.atAddress === this.checkBtcAlice)) { - return - } + await appDelay(1000) - await appDelay(1000) + if (this.tradeBotBtcAt.some(item => item.atAddress === this.checkBtcAlice)) { + return + } - if (this.isEmptyArray(this.tradeBotAvailableBtcQortal) === true) { + await appDelay(1000) - } else { - const botbtcprice = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcPrice)) - const changebtcamount = parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) - const reducebtcamount = parseFloat(this.tradeBotAvailableBtcQortal[0].qortAmount) - const tradebtcataddress = this.tradeBotAvailableBtcQortal[0].qortalAtAddress - const newbtcamount = this.round(parseFloat(changebtcamount - reducebtcamount)) + if (this.isEmptyArray(this.tradeBotAvailableBtcQortal) === true) { - this.reAddBtcAmount = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount)) - this.reAddBtcPrice = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcPrice)) + } else { + const botbtcprice = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcPrice)) + const changebtcamount = parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) + const reducebtcamount = parseFloat(this.tradeBotAvailableBtcQortal[0].qortAmount) + const tradebtcataddress = this.tradeBotAvailableBtcQortal[0].qortalAtAddress + const newbtcamount = this.round(parseFloat(changebtcamount - reducebtcamount)) - localStorage.removeItem(this.botBtcWallet) - localStorage.setItem(this.botBtcWallet, "") + this.reAddBtcAmount = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount)) + this.reAddBtcPrice = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcPrice)) - var oldBtcTradebook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") + localStorage.removeItem(this.botBtcWallet) + localStorage.setItem(this.botBtcWallet, '') - const newBtcTradebookItem = { - botBtcQortAmount: newbtcamount, - botBtcPrice: botbtcprice - } + var oldBtcTradebook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') - oldBtcTradebook.push(newBtcTradebookItem) + const newBtcTradebookItem = { + botBtcQortAmount: newbtcamount, + botBtcPrice: botbtcprice + } - localStorage.setItem(this.botBtcWallet, JSON.stringify(oldBtcTradebook)) + oldBtcTradebook.push(newBtcTradebookItem) - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") + localStorage.setItem(this.botBtcWallet, JSON.stringify(oldBtcTradebook)) - this.botBtcBuyAtAddress = tradebtcataddress + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') - await appDelay(1000) + this.botBtcBuyAtAddress = tradebtcataddress - await this.buyBtcAction() + await appDelay(1000) - if (this.isEmptyArray(this.tradeBotBtcBook) === true) { - return - } else { - const botamount = parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) + await this.buyBtcAction() - if (Number(botamount) === 0) { - this.removeBotBTCTradebook() - } - } + if (this.isEmptyArray(this.tradeBotBtcBook) === true) { + return + } else { + const botamount = parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) - if (this.isEmptyArray(this.tradeBotBtcBook) === true) { + if (Number(botamount) === 0) { + this.removeBotBTCTradebook() + } + } - } else { - const checkBotBtcFunds = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) * parseFloat(this.tradeBotBtcBook[0].botBtcPrice)) - const myBotBtcFunds = this.round(parseFloat(this.btcWalletBalance)) + if (this.isEmptyArray(this.tradeBotBtcBook) === true) { - if (Number(myBotBtcFunds) < Number(checkBotBtcFunds)) { - this.removeBotBTCTradebook() - } - } - } - } + } else { + const checkBotBtcFunds = this.round(parseFloat(this.tradeBotBtcBook[0].botBtcQortAmount) * parseFloat(this.tradeBotBtcBook[0].botBtcPrice)) + const myBotBtcFunds = this.round(parseFloat(this.btcWalletBalance)) - const getOpenTradesLTC = async () => { - let timerLTC + if (Number(myBotBtcFunds) < Number(checkBotBtcFunds)) { + this.removeBotBTCTradebook() + } + } + } + } - if (this.isEmptyArray(this.tradeBotLtcBook) === true) { - clearTimeout(timerLTC) - timerLTC = setTimeout(getOpenTradesLTC, 150000) - } else { - await this.updateLtcWalletBalance() + const getOpenTradesLTC = async () => { + let timerLTC - const getTradesOpenLtcQortal = async () => { - const tradesOpenLtcQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=LITECOIN&limit=0` + if (this.isEmptyArray(this.tradeBotLtcBook) === true) { + clearTimeout(timerLTC) + timerLTC = setTimeout(getOpenTradesLTC, 150000) + } else { + await this.updateLtcWalletBalance() - await fetch(tradesOpenLtcQortalUrl).then(response => { - return response.json() - }).then(data => { - this.myTradesOpenLtcQortal = data - }) - } + const getTradesOpenLtcQortal = async () => { + const tradesOpenLtcQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=LITECOIN&limit=0` - await getTradesOpenLtcQortal() + await fetch(tradesOpenLtcQortalUrl).then(response => { + return response.json() + }).then(data => { + this.myTradesOpenLtcQortal = data + }) + } - const filterTradesOpenLtcQortal = async () => { - this.tradesOpenLtcQortal = this.myTradesOpenLtcQortal.map(item => { - const expiryTime = item.creatorPresenceExpiry - if (Number(expiryTime) > Date.now()) { - const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) - const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) - return { - qortAmount: item.qortAmount, - price: roundedPrice, - foreignAmount: item.expectedForeignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) - } + await getTradesOpenLtcQortal() - await filterTradesOpenLtcQortal() + const filterTradesOpenLtcQortal = async () => { + this.tradesOpenLtcQortal = this.myTradesOpenLtcQortal.map(item => { + const expiryTime = item.creatorPresenceExpiry + if (Number(expiryTime) > Date.now()) { + const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) + const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) + return { + qortAmount: item.qortAmount, + price: roundedPrice, + foreignAmount: item.expectedForeignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) + } - const unconfirmedTransactionsLTC = async () => { - const unconfirmedTransactionsUrlLTC = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTradesLTC = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionsUrlLTC).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiffLTC = Date.now() - item.timestamp - const timeOneHourLTC = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiffLTC) > Number(timeOneHourLTC)) { - const addItLTC = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTradesLTC.push(addItLTC) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTradesLTC)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } + await filterTradesOpenLtcQortal() - await unconfirmedTransactionsLTC() + const unconfirmedTransactionsLTC = async () => { + const unconfirmedTransactionsUrlLTC = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTradesLTC = JSON.parse(localStorage.getItem('failedTrades') || '[]') - const filterUnconfirmedTransactionsLTC = async () => { - let cleanFailedTradesLTC = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTradesLTC)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } + await fetch(unconfirmedTransactionsUrlLTC).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiffLTC = Date.now() - item.timestamp + const timeOneHourLTC = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiffLTC) > Number(timeOneHourLTC)) { + const addItLTC = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTradesLTC.push(addItLTC) + } + }) - await filterUnconfirmedTransactionsLTC() + localStorage.setItem('failedTrades', JSON.stringify(addFailedTradesLTC)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - this.tradesOpenLtcQortalCleaned = this.tradesOpenLtcQortal + await unconfirmedTransactionsLTC() - const filterOpenOfferLTC = async () => { - this.failedTradesList.forEach(item => { - const recipientToRemove = item.recipient - this.tradesOpenLtcQortalCleaned = this.tradesOpenLtcQortalCleaned.filter(obj => { - return obj.qortalCreatorTradeAddress !== recipientToRemove - }) - }) - } + const filterUnconfirmedTransactionsLTC = async () => { + let cleanFailedTradesLTC = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } - await filterOpenOfferLTC() - await appDelay(1000) - await filterMyBotPriceTradesLTC() - setTimeout(getOpenTradesLTC, 150000) - } - } + return newArray + }, []) - const filterMyBotPriceTradesLTC = async () => { - const tradeBotLtcUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=LITECOIN&apiKey=${this.getApiKey()}` + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTradesLTC)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } + + await filterUnconfirmedTransactionsLTC() + + this.tradesOpenLtcQortalCleaned = this.tradesOpenLtcQortal + + const filterOpenOfferLTC = async () => { + this.failedTradesList.forEach(item => { + const recipientToRemove = item.recipient + this.tradesOpenLtcQortalCleaned = this.tradesOpenLtcQortalCleaned.filter(obj => { + return obj.qortalCreatorTradeAddress !== recipientToRemove + }) + }) + } + + await filterOpenOfferLTC() + await appDelay(1000) + await filterMyBotPriceTradesLTC() + + setTimeout(getOpenTradesLTC, 150000) + } + } + + const filterMyBotPriceTradesLTC = async () => { + const tradeBotLtcUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=LITECOIN&apiKey=${this.getApiKey()}` this.tradeBotLtcAt = await fetch(tradeBotLtcUrl).then(response => { return response.json() }) - await appDelay(1000) + await appDelay(1000) - this.tradeBotAvailableLtcQortal = this.tradesOpenLtcQortalCleaned.map(item => { - const listprice = parseFloat(item.price) - const listamount = parseFloat(item.qortAmount) - const checkprice = parseFloat(this.tradeBotLtcBook[0].botLtcPrice) - const checkamount = parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) - if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { - return { - qortAmount: item.qortAmount, - price: item.price, - foreignAmount: item.foreignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + this.tradeBotAvailableLtcQortal = this.tradesOpenLtcQortalCleaned.map(item => { + const listprice = parseFloat(item.price) + const listamount = parseFloat(item.qortAmount) + const checkprice = parseFloat(this.tradeBotLtcBook[0].botLtcPrice) + const checkamount = parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) - this.tradeBotAvailableLtcQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) + if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { + return { + qortAmount: item.qortAmount, + price: item.price, + foreignAmount: item.foreignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - if (this.isEmptyArray(this.tradeBotAvailableLtcQortal) === true) { - return - } else { - this.checkLtcAlice = this.tradeBotAvailableLtcQortal[0].qortalAtAddress - } + this.tradeBotAvailableLtcQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) - await appDelay(1000) + if (this.isEmptyArray(this.tradeBotAvailableLtcQortal) === true) { + return + } else { + this.checkLtcAlice = this.tradeBotAvailableLtcQortal[0].qortalAtAddress + } - if (this.tradeBotLtcAt.some(item => item.atAddress === this.checkLtcAlice)) { - return - } + await appDelay(1000) - await appDelay(1000) + if (this.tradeBotLtcAt.some(item => item.atAddress === this.checkLtcAlice)) { + return + } - if (this.isEmptyArray(this.tradeBotAvailableLtcQortal) === true) { + await appDelay(1000) - } else { - const botltcprice = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcPrice)) - const changeltcamount = parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) - const reduceltcamount = parseFloat(this.tradeBotAvailableLtcQortal[0].qortAmount) - const tradeltcataddress = this.tradeBotAvailableLtcQortal[0].qortalAtAddress - const newltcamount = this.round(parseFloat(changeltcamount - reduceltcamount)) + if (this.isEmptyArray(this.tradeBotAvailableLtcQortal) === true) { - this.reAddLtcAmount = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount)) - this.reAddLtcPrice = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcPrice)) + } else { + const botltcprice = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcPrice)) + const changeltcamount = parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) + const reduceltcamount = parseFloat(this.tradeBotAvailableLtcQortal[0].qortAmount) + const tradeltcataddress = this.tradeBotAvailableLtcQortal[0].qortalAtAddress + const newltcamount = this.round(parseFloat(changeltcamount - reduceltcamount)) - localStorage.removeItem(this.botLtcWallet) - localStorage.setItem(this.botLtcWallet, "") + this.reAddLtcAmount = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount)) + this.reAddLtcPrice = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcPrice)) - var oldLtcTradebook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") + localStorage.removeItem(this.botLtcWallet) + localStorage.setItem(this.botLtcWallet, '') - const newLtcTradebookItem = { - botLtcQortAmount: newltcamount, - botLtcPrice: botltcprice - } + var oldLtcTradebook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') - oldLtcTradebook.push(newLtcTradebookItem) + const newLtcTradebookItem = { + botLtcQortAmount: newltcamount, + botLtcPrice: botltcprice + } - localStorage.setItem(this.botLtcWallet, JSON.stringify(oldLtcTradebook)) + oldLtcTradebook.push(newLtcTradebookItem) - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") + localStorage.setItem(this.botLtcWallet, JSON.stringify(oldLtcTradebook)) - this.botLtcBuyAtAddress = tradeltcataddress + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') - await appDelay(1000) + this.botLtcBuyAtAddress = tradeltcataddress - await this.buyLtcAction() + await appDelay(1000) - if (this.isEmptyArray(this.tradeBotLtcBook) === true) { - return - } else { - const botamount = parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) + await this.buyLtcAction() - if (Number(botamount) === 0) { - this.removeBotLTCTradebook() - } - } + if (this.isEmptyArray(this.tradeBotLtcBook) === true) { + return + } else { + const botamount = parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) - if (this.isEmptyArray(this.tradeBotLtcBook) === true) { + if (Number(botamount) === 0) { + this.removeBotLTCTradebook() + } + } - } else { - const checkBotLtcFunds = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) * parseFloat(this.tradeBotLtcBook[0].botLtcPrice)) - const myBotLtcFunds = this.round(parseFloat(this.ltcWalletBalance)) + if (this.isEmptyArray(this.tradeBotLtcBook) === true) { - if (Number(myBotLtcFunds) < Number(checkBotLtcFunds)) { - this.removeBotLTCTradebook() - } - } - } - } + } else { + const checkBotLtcFunds = this.round(parseFloat(this.tradeBotLtcBook[0].botLtcQortAmount) * parseFloat(this.tradeBotLtcBook[0].botLtcPrice)) + const myBotLtcFunds = this.round(parseFloat(this.ltcWalletBalance)) - const getOpenTradesDOGE = async () => { - let timerDOGE + if (Number(myBotLtcFunds) < Number(checkBotLtcFunds)) { + this.removeBotLTCTradebook() + } + } + } + } - if (this.isEmptyArray(this.tradeBotDogeBook) === true) { - clearTimeout(timerDOGE) - timerDOGE = setTimeout(getOpenTradesDOGE, 150000) - } else { - await this.updateDogeWalletBalance() - const tradesOpenDogeQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=DOGECOIN&limit=0` + const getOpenTradesDOGE = async () => { + let timerDOGE - const tradesOpenDogeQortal = await fetch(tradesOpenDogeQortalUrl).then(response => { - return response.json() - }) + if (this.isEmptyArray(this.tradeBotDogeBook) === true) { + clearTimeout(timerDOGE) + timerDOGE = setTimeout(getOpenTradesDOGE, 150000) + } else { + await this.updateDogeWalletBalance() + const tradesOpenDogeQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=DOGECOIN&limit=0` - this.tradesOpenDogeQortal = tradesOpenDogeQortal.map(item => { - const expiryTime = item.creatorPresenceExpiry - if (Number(expiryTime) > Date.now()) { - const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) - const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) - return { - qortAmount: item.qortAmount, - price: roundedPrice, - foreignAmount: item.expectedForeignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + const tradesOpenDogeQortal = await fetch(tradesOpenDogeQortalUrl).then(response => { + return response.json() + }) - const unconfirmedTransactionsDOGE = async () => { - const unconfirmedTransactionsUrlDOGE = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTradesDOGE = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionsUrlDOGE).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiffDOGE = Date.now() - item.timestamp - const timeOneHourDOGE = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiffDOGE) > Number(timeOneHourDOGE)) { - const addItDOGE = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTradesDOGE.push(addItDOGE) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTradesDOGE)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } + this.tradesOpenDogeQortal = tradesOpenDogeQortal.map(item => { + const expiryTime = item.creatorPresenceExpiry + if (Number(expiryTime) > Date.now()) { + const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) + const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) + return { + qortAmount: item.qortAmount, + price: roundedPrice, + foreignAmount: item.expectedForeignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - await unconfirmedTransactionsDOGE() + const unconfirmedTransactionsDOGE = async () => { + const unconfirmedTransactionsUrlDOGE = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTradesDOGE = JSON.parse(localStorage.getItem('failedTrades') || '[]') - const filterUnconfirmedTransactionsDOGE = async () => { - let cleanFailedTradesDOGE = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTradesDOGE)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } + await fetch(unconfirmedTransactionsUrlDOGE).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiffDOGE = Date.now() - item.timestamp + const timeOneHourDOGE = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiffDOGE) > Number(timeOneHourDOGE)) { + const addItDOGE = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTradesDOGE.push(addItDOGE) + } + }) - await filterUnconfirmedTransactionsDOGE() + localStorage.setItem('failedTrades', JSON.stringify(addFailedTradesDOGE)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - this.tradesOpenDogeQortalCleaned = this.tradesOpenDogeQortal + await unconfirmedTransactionsDOGE() - const filterOpenOfferDOGE = async () => { - this.failedTradesList.forEach(item => { - const recipientToRemove = item.recipient - this.tradesOpenDogeQortalCleaned = this.tradesOpenDogeQortalCleaned.filter(obj => { - return obj.qortalCreatorTradeAddress !== recipientToRemove - }) - }) - } + const filterUnconfirmedTransactionsDOGE = async () => { + let cleanFailedTradesDOGE = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } - await filterOpenOfferDOGE() - await appDelay(1000) - await filterMyBotPriceTradesDOGE() - setTimeout(getOpenTradesDOGE, 150000) - } - } + return newArray + }, []) - const filterMyBotPriceTradesDOGE = async () => { - const tradeBotDogeUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=DOGECOIN&apiKey=${this.getApiKey()}` + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTradesDOGE)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } + + await filterUnconfirmedTransactionsDOGE() + + this.tradesOpenDogeQortalCleaned = this.tradesOpenDogeQortal + + const filterOpenOfferDOGE = async () => { + this.failedTradesList.forEach(item => { + const recipientToRemove = item.recipient + this.tradesOpenDogeQortalCleaned = this.tradesOpenDogeQortalCleaned.filter(obj => { + return obj.qortalCreatorTradeAddress !== recipientToRemove + }) + }) + } + + await filterOpenOfferDOGE() + await appDelay(1000) + await filterMyBotPriceTradesDOGE() + + setTimeout(getOpenTradesDOGE, 150000) + } + } + + const filterMyBotPriceTradesDOGE = async () => { + const tradeBotDogeUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=DOGECOIN&apiKey=${this.getApiKey()}` this.tradeBotDogeAt = await fetch(tradeBotDogeUrl).then(response => { return response.json() }) - await appDelay(1000) + await appDelay(1000) - this.tradeBotAvailableDogeQortal = this.tradesOpenDogeQortalCleaned.map(item => { - const listprice = parseFloat(item.price) - const listamount = parseFloat(item.qortAmount) - const checkprice = parseFloat(this.tradeBotDogeBook[0].botDogePrice) - const checkamount = parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) - if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { - return { - qortAmount: item.qortAmount, - price: item.price, - foreignAmount: item.foreignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + this.tradeBotAvailableDogeQortal = this.tradesOpenDogeQortalCleaned.map(item => { + const listprice = parseFloat(item.price) + const listamount = parseFloat(item.qortAmount) + const checkprice = parseFloat(this.tradeBotDogeBook[0].botDogePrice) + const checkamount = parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) - this.tradeBotAvailableDogeQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) + if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { + return { + qortAmount: item.qortAmount, + price: item.price, + foreignAmount: item.foreignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - if (this.isEmptyArray(this.tradeBotAvailableDogeQortal) === true) { - return - } else { - this.checkDogeAlice = this.tradeBotAvailableDogeQortal[0].qortalAtAddress - } + this.tradeBotAvailableDogeQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) - await appDelay(1000) + if (this.isEmptyArray(this.tradeBotAvailableDogeQortal) === true) { + return + } else { + this.checkDogeAlice = this.tradeBotAvailableDogeQortal[0].qortalAtAddress + } - if (this.tradeBotDogeAt.some(item => item.atAddress === this.checkDogeAlice)) { - return - } + await appDelay(1000) - await appDelay(1000) + if (this.tradeBotDogeAt.some(item => item.atAddress === this.checkDogeAlice)) { + return + } - if (this.isEmptyArray(this.tradeBotAvailableDogeQortal) === true) { + await appDelay(1000) - } else { - const botdogeprice = this.round(parseFloat(this.tradeBotDogeBook[0].botDogePrice)) - const changedogeamount = parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) - const reducedogeamount = parseFloat(this.tradeBotAvailableDogeQortal[0].qortAmount) - const tradedogeataddress = this.tradeBotAvailableDogeQortal[0].qortalAtAddress - const newdogeamount = this.round(parseFloat(changedogeamount - reducedogeamount)) + if (this.isEmptyArray(this.tradeBotAvailableDogeQortal) === true) { - this.reAddDogeAmount = this.round(parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount)) - this.reAddDogePrice = this.round(parseFloat(this.tradeBotDogeBook[0].botDogePrice)) + } else { + const botdogeprice = this.round(parseFloat(this.tradeBotDogeBook[0].botDogePrice)) + const changedogeamount = parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) + const reducedogeamount = parseFloat(this.tradeBotAvailableDogeQortal[0].qortAmount) + const tradedogeataddress = this.tradeBotAvailableDogeQortal[0].qortalAtAddress + const newdogeamount = this.round(parseFloat(changedogeamount - reducedogeamount)) - localStorage.removeItem(this.botDogeWallet) - localStorage.setItem(this.botDogeWallet, "") + this.reAddDogeAmount = this.round(parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount)) + this.reAddDogePrice = this.round(parseFloat(this.tradeBotDogeBook[0].botDogePrice)) - var oldDogeTradebook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") + localStorage.removeItem(this.botDogeWallet) + localStorage.setItem(this.botDogeWallet, '') - const newDogeTradebookItem = { - botDogeQortAmount: newdogeamount, - botDogePrice: botdogeprice - } + var oldDogeTradebook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') - oldDogeTradebook.push(newDogeTradebookItem) + const newDogeTradebookItem = { + botDogeQortAmount: newdogeamount, + botDogePrice: botdogeprice + } - localStorage.setItem(this.botDogeWallet, JSON.stringify(oldDogeTradebook)) + oldDogeTradebook.push(newDogeTradebookItem) - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") + localStorage.setItem(this.botDogeWallet, JSON.stringify(oldDogeTradebook)) - this.botDogeBuyAtAddress = tradedogeataddress + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') - await appDelay(1000) + this.botDogeBuyAtAddress = tradedogeataddress - await this.buyDogeAction() + await appDelay(1000) - if (this.isEmptyArray(this.tradeBotDogeBook) === true) { - return - } else { - const botamount = parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) + await this.buyDogeAction() - if (Number(botamount) === 0) { - this.removeBotDOGETradebook() - } - } + if (this.isEmptyArray(this.tradeBotDogeBook) === true) { + return + } else { + const botamount = parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) - if (this.isEmptyArray(this.tradeBotDogeBook) === true) { + if (Number(botamount) === 0) { + this.removeBotDOGETradebook() + } + } - } else { - const checkBotDogeFunds = this.round(parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) * parseFloat(this.tradeBotDogeBook[0].botDogePrice)) - const myBotDogeFunds = this.round(parseFloat(this.dogeWalletBalance)) + if (this.isEmptyArray(this.tradeBotDogeBook) === true) { - if (Number(myBotDogeFunds) < Number(checkBotDogeFunds)) { - this.removeBotDOGETradebook() - } - } - } - } + } else { + const checkBotDogeFunds = this.round(parseFloat(this.tradeBotDogeBook[0].botDogeQortAmount) * parseFloat(this.tradeBotDogeBook[0].botDogePrice)) + const myBotDogeFunds = this.round(parseFloat(this.dogeWalletBalance)) - const getOpenTradesDGB = async () => { - let timerDGB + if (Number(myBotDogeFunds) < Number(checkBotDogeFunds)) { + this.removeBotDOGETradebook() + } + } + } + } - if (this.isEmptyArray(this.tradeBotDgbBook) === true) { - clearTimeout(timerDGB) - timerDGB = setTimeout(getOpenTradesDGB, 150000) - } else { - await this.updateDgbWalletBalance() - const tradesOpenDgbQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=DIGIYBYTE&limit=0` + const getOpenTradesDGB = async () => { + let timerDGB - const tradesOpenDgbQortal = await fetch(tradesOpenDgbQortalUrl).then(response => { - return response.json() - }) + if (this.isEmptyArray(this.tradeBotDgbBook) === true) { + clearTimeout(timerDGB) + timerDGB = setTimeout(getOpenTradesDGB, 150000) + } else { + await this.updateDgbWalletBalance() + const tradesOpenDgbQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=DIGIYBYTE&limit=0` - this.tradesOpenDgbQortal = tradesOpenDgbQortal.map(item => { - const expiryTime = item.creatorPresenceExpiry - if (Number(expiryTime) > Date.now()) { - const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) - const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) - return { - qortAmount: item.qortAmount, - price: roundedPrice, - foreignAmount: item.expectedForeignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + const tradesOpenDgbQortal = await fetch(tradesOpenDgbQortalUrl).then(response => { + return response.json() + }) - const unconfirmedTransactionsDGB = async () => { - const unconfirmedTransactionsUrlDGB = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTradesDGB = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionsUrlDGB).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiffDGB = Date.now() - item.timestamp - const timeOneHourDGB = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiffDGB) > Number(timeOneHourDGB)) { - const addItDGB = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTradesDGB.push(addItDGB) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTradesDGB)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } + this.tradesOpenDgbQortal = tradesOpenDgbQortal.map(item => { + const expiryTime = item.creatorPresenceExpiry + if (Number(expiryTime) > Date.now()) { + const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) + const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) + return { + qortAmount: item.qortAmount, + price: roundedPrice, + foreignAmount: item.expectedForeignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - await unconfirmedTransactionsDGB() + const unconfirmedTransactionsDGB = async () => { + const unconfirmedTransactionsUrlDGB = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTradesDGB = JSON.parse(localStorage.getItem('failedTrades') || '[]') - const filterUnconfirmedTransactionsDGB = async () => { - let cleanFailedTradesDGB = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTradesDGB)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } + await fetch(unconfirmedTransactionsUrlDGB).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiffDGB = Date.now() - item.timestamp + const timeOneHourDGB = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiffDGB) > Number(timeOneHourDGB)) { + const addItDGB = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTradesDGB.push(addItDGB) + } + }) - await filterUnconfirmedTransactionsDGB() + localStorage.setItem('failedTrades', JSON.stringify(addFailedTradesDGB)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - this.tradesOpenDgbQortalCleaned = this.tradesOpenDgbQortal + await unconfirmedTransactionsDGB() - const filterOpenOfferDGB = async () => { - this.failedTradesList.forEach(item => { - const recipientToRemove = item.recipient - this.tradesOpenDgbQortalCleaned = this.tradesOpenDgbQortalCleaned.filter(obj => { - return obj.qortalCreatorTradeAddress !== recipientToRemove - }) - }) - } + const filterUnconfirmedTransactionsDGB = async () => { + let cleanFailedTradesDGB = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } - await filterOpenOfferDGB() - await appDelay(1000) - await filterMyBotPriceTradesDGB() - setTimeout(getOpenTradesDGB, 150000) - } - } + return newArray + }, []) - const filterMyBotPriceTradesDGB = async () => { - const tradeBotDgbUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=DIGIBYTE&apiKey=${this.getApiKey()}` + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTradesDGB)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } + + await filterUnconfirmedTransactionsDGB() + + this.tradesOpenDgbQortalCleaned = this.tradesOpenDgbQortal + + const filterOpenOfferDGB = async () => { + this.failedTradesList.forEach(item => { + const recipientToRemove = item.recipient + this.tradesOpenDgbQortalCleaned = this.tradesOpenDgbQortalCleaned.filter(obj => { + return obj.qortalCreatorTradeAddress !== recipientToRemove + }) + }) + } + + await filterOpenOfferDGB() + await appDelay(1000) + await filterMyBotPriceTradesDGB() + + setTimeout(getOpenTradesDGB, 150000) + } + } + + const filterMyBotPriceTradesDGB = async () => { + const tradeBotDgbUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=DIGIBYTE&apiKey=${this.getApiKey()}` this.tradeBotDgbAt = await fetch(tradeBotDgbUrl).then(response => { return response.json() }) - await appDelay(1000) + await appDelay(1000) - this.tradeBotAvailableDgbQortal = this.tradesOpenDgbQortalCleaned.map(item => { - const listprice = parseFloat(item.price) - const listamount = parseFloat(item.qortAmount) - const checkprice = parseFloat(this.tradeBotDgbBook[0].botDgbPrice) - const checkamount = parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) - if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { - return { - qortAmount: item.qortAmount, - price: item.price, - foreignAmount: item.foreignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + this.tradeBotAvailableDgbQortal = this.tradesOpenDgbQortalCleaned.map(item => { + const listprice = parseFloat(item.price) + const listamount = parseFloat(item.qortAmount) + const checkprice = parseFloat(this.tradeBotDgbBook[0].botDgbPrice) + const checkamount = parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) - this.tradeBotAvailableDgbQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) + if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { + return { + qortAmount: item.qortAmount, + price: item.price, + foreignAmount: item.foreignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - if (this.isEmptyArray(this.tradeBotAvailableDgbQortal) === true) { - return - } else { - this.checkDgbAlice = this.tradeBotAvailableDgbQortal[0].qortalAtAddress - } + this.tradeBotAvailableDgbQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) - await appDelay(1000) + if (this.isEmptyArray(this.tradeBotAvailableDgbQortal) === true) { + return + } else { + this.checkDgbAlice = this.tradeBotAvailableDgbQortal[0].qortalAtAddress + } - if (this.tradeBotDgbAt.some(item => item.atAddress === this.checkDgbAlice)) { - return - } + await appDelay(1000) - await appDelay(1000) + if (this.tradeBotDgbAt.some(item => item.atAddress === this.checkDgbAlice)) { + return + } - if (this.isEmptyArray(this.tradeBotAvailableDgbQortal) === true) { + await appDelay(1000) - } else { - const botdgbprice = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbPrice)) - const changedgbamount = parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) - const reducedgbamount = parseFloat(this.tradeBotAvailableDgbQortal[0].qortAmount) - const tradedgbataddress = this.tradeBotAvailableDgbQortal[0].qortalAtAddress - const newdgbamount = this.round(parseFloat(changedgbamount - reducedgbamount)) + if (this.isEmptyArray(this.tradeBotAvailableDgbQortal) === true) { - this.reAddDgbAmount = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount)) - this.reAddDgbPrice = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbPrice)) + } else { + const botdgbprice = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbPrice)) + const changedgbamount = parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) + const reducedgbamount = parseFloat(this.tradeBotAvailableDgbQortal[0].qortAmount) + const tradedgbataddress = this.tradeBotAvailableDgbQortal[0].qortalAtAddress + const newdgbamount = this.round(parseFloat(changedgbamount - reducedgbamount)) - localStorage.removeItem(this.botDgbWallet) - localStorage.setItem(this.botDgbWallet, "") + this.reAddDgbAmount = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount)) + this.reAddDgbPrice = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbPrice)) - var oldDgbTradebook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") + localStorage.removeItem(this.botDgbWallet) + localStorage.setItem(this.botDgbWallet, '') - const newDgbTradebookItem = { - botDgbQortAmount: newdgbamount, - botDgbPrice: botdgbprice - } + var oldDgbTradebook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') - oldDgbTradebook.push(newDgbTradebookItem) + const newDgbTradebookItem = { + botDgbQortAmount: newdgbamount, + botDgbPrice: botdgbprice + } - localStorage.setItem(this.botDgbWallet, JSON.stringify(oldDgbTradebook)) + oldDgbTradebook.push(newDgbTradebookItem) - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") + localStorage.setItem(this.botDgbWallet, JSON.stringify(oldDgbTradebook)) - this.botDgbBuyAtAddress = tradedgbataddress + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') - await appDelay(1000) + this.botDgbBuyAtAddress = tradedgbataddress - await this.buyDgbAction() + await appDelay(1000) - if (this.isEmptyArray(this.tradeBotDgbBook) === true) { - return - } else { - const botamount = parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) + await this.buyDgbAction() - if (Number(botamount) === 0) { - this.removeBotDGBTradebook() - } - } + if (this.isEmptyArray(this.tradeBotDgbBook) === true) { + return + } else { + const botamount = parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) - if (this.isEmptyArray(this.tradeBotDgbBook) === true) { + if (Number(botamount) === 0) { + this.removeBotDGBTradebook() + } + } - } else { - const checkBotDgbFunds = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) * parseFloat(this.tradeBotDgbBook[0].botDgbPrice)) - const myBotDgbFunds = this.round(parseFloat(this.dgbWalletBalance)) + if (this.isEmptyArray(this.tradeBotDgbBook) === true) { - if (Number(myBotDgbFunds) < Number(checkBotDgbFunds)) { - this.removeBotDGBTradebook() - } - } - } - } + } else { + const checkBotDgbFunds = this.round(parseFloat(this.tradeBotDgbBook[0].botDgbQortAmount) * parseFloat(this.tradeBotDgbBook[0].botDgbPrice)) + const myBotDgbFunds = this.round(parseFloat(this.dgbWalletBalance)) - const getOpenTradesRVN = async () => { - let timerRVN + if (Number(myBotDgbFunds) < Number(checkBotDgbFunds)) { + this.removeBotDGBTradebook() + } + } + } + } - if (this.isEmptyArray(this.tradeBotRvnBook) === true) { - clearTimeout(timerRVN) - timerRVN = setTimeout(getOpenTradesRVN, 150000) - } else { - await this.updateRvnWalletBalance() - const tradesOpenRvnQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=RAVENCOIN&limit=0` + const getOpenTradesRVN = async () => { + let timerRVN - const tradesOpenRvnQortal = await fetch(tradesOpenRvnQortalUrl).then(response => { - return response.json() - }) + if (this.isEmptyArray(this.tradeBotRvnBook) === true) { + clearTimeout(timerRVN) + timerRVN = setTimeout(getOpenTradesRVN, 150000) + } else { + await this.updateRvnWalletBalance() + const tradesOpenRvnQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=RAVENCOIN&limit=0` - this.tradesOpenRvnQortal = tradesOpenRvnQortal.map(item => { - const expiryTime = item.creatorPresenceExpiry - if (Number(expiryTime) > Date.now()) { - const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) - const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) - return { - qortAmount: item.qortAmount, - price: roundedPrice, - foreignAmount: item.expectedForeignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + const tradesOpenRvnQortal = await fetch(tradesOpenRvnQortalUrl).then(response => { + return response.json() + }) - const unconfirmedTransactionsRVN = async () => { - const unconfirmedTransactionsUrlRVN = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTradesRVN = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionsUrlRVN).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiffRVN = Date.now() - item.timestamp - const timeOneHourRVN = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiffRVN) > Number(timeOneHourRVN)) { - const addItRVN = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTradesRVN.push(addItRVN) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTradesRVN)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } + this.tradesOpenRvnQortal = tradesOpenRvnQortal.map(item => { + const expiryTime = item.creatorPresenceExpiry + if (Number(expiryTime) > Date.now()) { + const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) + const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) + return { + qortAmount: item.qortAmount, + price: roundedPrice, + foreignAmount: item.expectedForeignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - await unconfirmedTransactionsRVN() + const unconfirmedTransactionsRVN = async () => { + const unconfirmedTransactionsUrlRVN = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTradesRVN = JSON.parse(localStorage.getItem('failedTrades') || '[]') - const filterUnconfirmedTransactionsRVN = async () => { - let cleanFailedTradesRVN = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTradesRVN)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } + await fetch(unconfirmedTransactionsUrlRVN).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiffRVN = Date.now() - item.timestamp + const timeOneHourRVN = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiffRVN) > Number(timeOneHourRVN)) { + const addItRVN = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTradesRVN.push(addItRVN) + } + }) - await filterUnconfirmedTransactionsRVN() + localStorage.setItem('failedTrades', JSON.stringify(addFailedTradesRVN)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - this.tradesOpenRvnQortalCleaned = this.tradesOpenRvnQortal + await unconfirmedTransactionsRVN() - const filterOpenOfferRVN = async () => { - this.failedTradesList.forEach(item => { - const recipientToRemove = item.recipient - this.tradesOpenRvnQortalCleaned = this.tradesOpenRvnQortalCleaned.filter(obj => { - return obj.qortalCreatorTradeAddress !== recipientToRemove - }) - }) - } + const filterUnconfirmedTransactionsRVN = async () => { + let cleanFailedTradesRVN = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } - await filterOpenOfferRVN() - await appDelay(1000) - await filterMyBotPriceTradesRVN() - setTimeout(getOpenTradesRVN, 150000) - } - } + return newArray + }, []) - const filterMyBotPriceTradesRVN = async () => { - const tradeBotRvnUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=RAVENCOIN&apiKey=${this.getApiKey()}` + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTradesRVN)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } + + await filterUnconfirmedTransactionsRVN() + + this.tradesOpenRvnQortalCleaned = this.tradesOpenRvnQortal + + const filterOpenOfferRVN = async () => { + this.failedTradesList.forEach(item => { + const recipientToRemove = item.recipient + this.tradesOpenRvnQortalCleaned = this.tradesOpenRvnQortalCleaned.filter(obj => { + return obj.qortalCreatorTradeAddress !== recipientToRemove + }) + }) + } + + await filterOpenOfferRVN() + await appDelay(1000) + await filterMyBotPriceTradesRVN() + + setTimeout(getOpenTradesRVN, 150000) + } + } + + const filterMyBotPriceTradesRVN = async () => { + const tradeBotRvnUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=RAVENCOIN&apiKey=${this.getApiKey()}` this.tradeBotRvnAt = await fetch(tradeBotRvnUrl).then(response => { return response.json() }) - await appDelay(1000) + await appDelay(1000) - this.tradeBotAvailableRvnQortal = this.tradesOpenRvnQortalCleaned.map(item => { - const listprice = parseFloat(item.price) - const listamount = parseFloat(item.qortAmount) - const checkprice = parseFloat(this.tradeBotRvnBook[0].botRvnPrice) - const checkamount = parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) - if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { - return { - qortAmount: item.qortAmount, - price: item.price, - foreignAmount: item.foreignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + this.tradeBotAvailableRvnQortal = this.tradesOpenRvnQortalCleaned.map(item => { + const listprice = parseFloat(item.price) + const listamount = parseFloat(item.qortAmount) + const checkprice = parseFloat(this.tradeBotRvnBook[0].botRvnPrice) + const checkamount = parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) + if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { + return { + qortAmount: item.qortAmount, + price: item.price, + foreignAmount: item.foreignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - this.tradeBotAvailableRvnQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) + this.tradeBotAvailableRvnQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) - if (this.isEmptyArray(this.tradeBotAvailableRvnQortal) === true) { - return - } else { - this.checkRvnAlice = this.tradeBotAvailableRvnQortal[0].qortalAtAddress - } + if (this.isEmptyArray(this.tradeBotAvailableRvnQortal) === true) { + return + } else { + this.checkRvnAlice = this.tradeBotAvailableRvnQortal[0].qortalAtAddress + } - await appDelay(1000) + await appDelay(1000) - if (this.tradeBotRvnAt.some(item => item.atAddress === this.checkRvnAlice)) { - return - } + if (this.tradeBotRvnAt.some(item => item.atAddress === this.checkRvnAlice)) { + return + } - await appDelay(1000) + await appDelay(1000) - if (this.isEmptyArray(this.tradeBotAvailableRvnQortal) === true) { + if (this.isEmptyArray(this.tradeBotAvailableRvnQortal) === true) { - } else { - const botrvnprice = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnPrice)) - const changervnamount = parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) - const reducervnamount = parseFloat(this.tradeBotAvailableRvnQortal[0].qortAmount) - const tradervnataddress = this.tradeBotAvailableRvnQortal[0].qortalAtAddress - const newrvnamount = this.round(parseFloat(changervnamount - reducervnamount)) + } else { + const botrvnprice = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnPrice)) + const changervnamount = parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) + const reducervnamount = parseFloat(this.tradeBotAvailableRvnQortal[0].qortAmount) + const tradervnataddress = this.tradeBotAvailableRvnQortal[0].qortalAtAddress + const newrvnamount = this.round(parseFloat(changervnamount - reducervnamount)) - this.reAddRvnAmount = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount)) - this.reAddRvnPrice = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnPrice)) + this.reAddRvnAmount = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount)) + this.reAddRvnPrice = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnPrice)) - localStorage.removeItem(this.botRvnWallet) - localStorage.setItem(this.botRvnWallet, "") + localStorage.removeItem(this.botRvnWallet) + localStorage.setItem(this.botRvnWallet, '') - var oldRvnTradebook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") + var oldRvnTradebook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') - const newRvnTradebookItem = { - botRvnQortAmount: newrvnamount, - botRvnPrice: botrvnprice - } + const newRvnTradebookItem = { + botRvnQortAmount: newrvnamount, + botRvnPrice: botrvnprice + } - oldRvnTradebook.push(newRvnTradebookItem) + oldRvnTradebook.push(newRvnTradebookItem) - localStorage.setItem(this.botRvnWallet, JSON.stringify(oldRvnTradebook)) + localStorage.setItem(this.botRvnWallet, JSON.stringify(oldRvnTradebook)) - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') - this.botRvnBuyAtAddress = tradervnataddress + this.botRvnBuyAtAddress = tradervnataddress - await appDelay(1000) + await appDelay(1000) - await this.buyRvnAction() + await this.buyRvnAction() - if (this.isEmptyArray(this.tradeBotRvnBook) === true) { - return - } else { - const botamount = parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) + if (this.isEmptyArray(this.tradeBotRvnBook) === true) { + return + } else { + const botamount = parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) - if (Number(botamount) === 0) { - this.removeBotRVNTradebook() - } - } + if (Number(botamount) === 0) { + this.removeBotRVNTradebook() + } + } - if (this.isEmptyArray(this.tradeBotRvnBook) === true) { + if (this.isEmptyArray(this.tradeBotRvnBook) === true) { - } else { - const checkBotRvnFunds = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) * parseFloat(this.tradeBotRvnBook[0].botRvnPrice)) - const myBotRvnFunds = this.round(parseFloat(this.rvnWalletBalance)) + } else { + const checkBotRvnFunds = this.round(parseFloat(this.tradeBotRvnBook[0].botRvnQortAmount) * parseFloat(this.tradeBotRvnBook[0].botRvnPrice)) + const myBotRvnFunds = this.round(parseFloat(this.rvnWalletBalance)) - if (Number(myBotRvnFunds) < Number(checkBotRvnFunds)) { - this.removeBotRVNTradebook() - } - } - } - } + if (Number(myBotRvnFunds) < Number(checkBotRvnFunds)) { + this.removeBotRVNTradebook() + } + } + } + } - const getOpenTradesARRR = async () => { - let timerARRR + const getOpenTradesARRR = async () => { + let timerARRR - if (this.isEmptyArray(this.tradeBotArrrBook) === true) { - clearTimeout(timerARRR) - timerARRR = setTimeout(getOpenTradesARRR, 150000) - } else { - await this.updateArrrWalletBalance() - const tradesOpenArrrQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=PIRATECHAIN&limit=0` + if (this.isEmptyArray(this.tradeBotArrrBook) === true) { + clearTimeout(timerARRR) + timerARRR = setTimeout(getOpenTradesARRR, 150000) + } else { + await this.updateArrrWalletBalance() + const tradesOpenArrrQortalUrl = `${nodeAppUrl}/crosschain/tradeoffers?foreignBlockchain=PIRATECHAIN&limit=0` - const tradesOpenArrrQortal = await fetch(tradesOpenArrrQortalUrl).then(response => { - return response.json() - }) + const tradesOpenArrrQortal = await fetch(tradesOpenArrrQortalUrl).then(response => { + return response.json() + }) - this.tradesOpenArrrQortal = tradesOpenArrrQortal.map(item => { - const expiryTime = item.creatorPresenceExpiry - if (Number(expiryTime) > Date.now()) { - const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) - const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) - return { - qortAmount: item.qortAmount, - price: roundedPrice, - foreignAmount: item.expectedForeignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) + this.tradesOpenArrrQortal = tradesOpenArrrQortal.map(item => { + const expiryTime = item.creatorPresenceExpiry + if (Number(expiryTime) > Date.now()) { + const calcedPrice = parseFloat(item.expectedForeignAmount) / parseFloat(item.qortAmount) + const roundedPrice = (Math.round(parseFloat(calcedPrice) * 1e8) / 1e8).toFixed(8) + return { + qortAmount: item.qortAmount, + price: roundedPrice, + foreignAmount: item.expectedForeignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) - const unconfirmedTransactionsARRR = async () => { - const unconfirmedTransactionsUrlARRR = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - var addFailedTradesARRR = JSON.parse(localStorage.getItem("failedTrades") || "[]") - await fetch(unconfirmedTransactionsUrlARRR).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiffARRR = Date.now() - item.timestamp - const timeOneHourARRR = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiffARRR) > Number(timeOneHourARRR)) { - const addItARRR = { - timestamp: item.timestamp, - recipient: item.recipient - } - addFailedTradesARRR.push(addItARRR) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addFailedTradesARRR)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - }) - } + const unconfirmedTransactionsARRR = async () => { + const unconfirmedTransactionsUrlARRR = `${nodeAppUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + var addFailedTradesARRR = JSON.parse(localStorage.getItem('failedTrades') || '[]') - await unconfirmedTransactionsARRR() + await fetch(unconfirmedTransactionsUrlARRR).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiffARRR = Date.now() - item.timestamp + const timeOneHourARRR = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiffARRR) > Number(timeOneHourARRR)) { + const addItARRR = { + timestamp: item.timestamp, + recipient: item.recipient + } + addFailedTradesARRR.push(addItARRR) + } + }) - const filterUnconfirmedTransactionsARRR = async () => { - let cleanFailedTradesARRR = this.failedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanFailedTradesARRR)) - this.failedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } + localStorage.setItem('failedTrades', JSON.stringify(addFailedTradesARRR)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - await filterUnconfirmedTransactionsARRR() + await unconfirmedTransactionsARRR() - this.tradesOpenArrrQortalCleaned = this.tradesOpenArrrQortal + const filterUnconfirmedTransactionsARRR = async () => { + let cleanFailedTradesARRR = this.failedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } - const filterOpenOfferARRR = async () => { - this.failedTradesList.forEach(item => { - const recipientToRemove = item.recipient - this.tradesOpenArrrQortalCleaned = this.tradesOpenArrrQortalCleaned.filter(obj => { - return obj.qortalCreatorTradeAddress !== recipientToRemove - }) - }) - } + return newArray + }, []) - await filterOpenOfferARRR() - await appDelay(1000) - await filterMyBotPriceTradesARRR() - setTimeout(getOpenTradesARRR, 150000) - } - } + localStorage.setItem('failedTrades', JSON.stringify(cleanFailedTradesARRR)) + this.failedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + } - const filterMyBotPriceTradesARRR = async () => { - const tradeBotArrrUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=PIRATECHAIN&apiKey=${this.getApiKey()}` + await filterUnconfirmedTransactionsARRR() + + this.tradesOpenArrrQortalCleaned = this.tradesOpenArrrQortal + + const filterOpenOfferARRR = async () => { + this.failedTradesList.forEach(item => { + const recipientToRemove = item.recipient + this.tradesOpenArrrQortalCleaned = this.tradesOpenArrrQortalCleaned.filter(obj => { + return obj.qortalCreatorTradeAddress !== recipientToRemove + }) + }) + } + + await filterOpenOfferARRR() + await appDelay(1000) + await filterMyBotPriceTradesARRR() + + setTimeout(getOpenTradesARRR, 150000) + } + } + + const filterMyBotPriceTradesARRR = async () => { + const tradeBotArrrUrl = `${nodeAppUrl}/crosschain/tradebot?foreignBlockchain=PIRATECHAIN&apiKey=${this.getApiKey()}` this.tradeBotArrrAt = await fetch(tradeBotArrrUrl).then(response => { return response.json() }) - await appDelay(1000) + await appDelay(1000) - this.tradeBotAvailableArrrQortal = this.tradesOpenArrrQortalCleaned.map(item => { - const listprice = parseFloat(item.price) - const listamount = parseFloat(item.qortAmount) - const checkprice = parseFloat(this.tradeBotArrrBook[0].botArrrPrice) - const checkamount = parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) - if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { - return { - qortAmount: item.qortAmount, - price: item.price, - foreignAmount: item.foreignAmount, - qortalCreator: item.qortalCreator, - qortalAtAddress: item.qortalAtAddress, - qortalCreatorTradeAddress: item.qortalCreatorTradeAddress - } - } - }).filter(item => !!item) - - this.tradeBotAvailableArrrQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) - - if (this.isEmptyArray(this.tradeBotAvailableArrrQortal) === true) { - return - } else { - this.checkArrrAlice = this.tradeBotAvailableArrrQortal[0].qortalAtAddress - } - - await appDelay(1000) - - if (this.tradeBotArrrAt.some(item => item.atAddress === this.checkArrrAlice)) { - return - } - - await appDelay(1000) - - if (this.isEmptyArray(this.tradeBotAvailableArrrQortal) === true) { - - } else { - const botarrrprice = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrPrice)) - const changearrramount = parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) - const reducearrramount = parseFloat(this.tradeBotAvailableArrrQortal[0].qortAmount) - const tradearrrataddress = this.tradeBotAvailableArrrQortal[0].qortalAtAddress - const newarrramount = this.round(parseFloat(changearrramount - reducearrramount)) - - this.reAddArrrAmount = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount)) - this.reAddArrrPrice = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrPrice)) - - localStorage.removeItem(this.botArrrWallet) - localStorage.setItem(this.botArrrWallet, "") - - var oldArrrTradebook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") - - const newArrrTradebookItem = { - botArrrQortAmount: newarrramount, - botArrrPrice: botarrrprice - } - - oldArrrTradebook.push(newArrrTradebookItem) - - localStorage.setItem(this.botArrrWallet, JSON.stringify(oldArrrTradebook)) - - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") - - this.botArrrBuyAtAddress = tradearrrataddress - - await appDelay(1000) - - await this.buyArrrAction() - - if (this.isEmptyArray(this.tradeBotArrrBook) === true) { - return - } else { - const botamount = parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) - - if (Number(botamount) === 0) { - this.removeBotARRRTradebook() - } - } - - if (this.isEmptyArray(this.tradeBotArrrBook) === true) { - - } else { - const checkBotArrrFunds = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) * parseFloat(this.tradeBotArrrBook[0].botArrrPrice)) - const myBotArrrFunds = this.round(parseFloat(this.arrrWalletBalance)) - - if (Number(myBotArrrFunds) < Number(checkBotArrrFunds)) { - this.removeBotARRRTradebook() - } - } - } - } - - const getChatLastSeen = async () => { - let items = [] - - await chatLastSeen.iterate(function (value, key, iterationNumber) { - items.push({ key, timestamp: value }) - }) - - store.dispatch(setChatLastSeen(items)) - return items - } - - await getOpenTradesBTC() - await appDelay(1000) - await getOpenTradesLTC() - await appDelay(1000) - await getOpenTradesDOGE() - await appDelay(1000) - await getOpenTradesDGB() - await appDelay(1000) - await getOpenTradesRVN() - await appDelay(1000) - await getOpenTradesARRR() - await getChatLastSeen() - setInterval(() => { - this.clearTheCache() - }, 60000) - } - - clearTheCache() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearMyCache() - window.parent.electronAPI.clearCache() - } - } - - async getNodeType() { - const myAppNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeAppUrl = myAppNode.protocol + '://' + myAppNode.domain + ':' + myAppNode.port - const url = `${nodeAppUrl}/admin/info` - await fetch(url).then((response) => { - return response.json() - }).then((data) => { - this.nodeType = data.type - }) - } - - renderNodeTypeMenu() { - const addressInfo = this.addressInfo - const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0 - const isSponsor = +addressInfo?.level >= 5 - - if (this.nodeType === 'lite') { - return html` - - - - - - - - - - - - - - - - - ${this.renderNodeManagement()} - ` - } else { - return html` - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ${this.renderNodeManagement()} - - ` - } - } - - renderLockButton() { - if (this.myLockScreenPass === false && this.myLockScreenSet === false) { - return html` -
- this.openSetScreenLockPass()} title="${translate("login.lp11")}"> -
- ` - } else if (this.myLockScreenSet === false) { - return html` -
- this.setLockQortal()} title="${translate("login.lp11")}"> -
- ` - } else if (this.myLockScreenSet === true) { - return html` -
- -
- ` - } - } - - openSetScreenLockPass() { - this.shadowRoot.getElementById('lockPassword').value = '' - this.shadowRoot.getElementById('lockPasswordConfirm').value = '' - this.shadowRoot.getElementById('setLockScreenPass').open() - } - - closeSetScreenLockPass() { - this.shadowRoot.getElementById('setLockScreenPass').close() - } - - checkPass() { - const password = this.shadowRoot.getElementById('lockPassword').value - const rePassword = this.shadowRoot.getElementById('lockPasswordConfirm').value - - if (password === '') { - let snackbar1string = get("login.pleaseenter") - parentEpml.request('showSnackBar', `${snackbar1string}`) - return - } - - if (password != rePassword) { - let snackbar2string = get("login.notmatch") - parentEpml.request('showSnackBar', `${snackbar2string}`) - return - } - - if (password.length < 8) { - let snackbar3string = get("login.lessthen8") - parentEpml.request('showSnackBar', `${snackbar3string}`) - this.lowPass = '' - this.lowPass = password - this.extraConfirm() - } - - if (password.length >= 8) { - this.setNewScreenPass() - let snackbar4string = get("login.lp6") - parentEpml.request('showSnackBar', `${snackbar4string}`) - } - } - - extraConfirm() { - this.shadowRoot.getElementById('setLockScreenPass').close() - this.shadowRoot.getElementById('extraConfirmPass').open() - } - - closExtraConfirmPass() { - this.shadowRoot.getElementById('extraConfirmPass').close() - this.shadowRoot.getElementById('lockPassword').value = '' - this.shadowRoot.getElementById('lockPasswordConfirm').value = '' - } - - setNewScreenPass() { - const rawPassword = this.shadowRoot.getElementById('lockPassword').value - const cryptPassword = encryptData(rawPassword, this.salt) - localStorage.setItem(this.lockScreenPass, cryptPassword) - this.myLockScreenPass = '' - this.myLockScreenPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) - this.shadowRoot.getElementById('setLockScreenPass').close() - this.shadowRoot.getElementById('extraConfirmPass').close() - this.shadowRoot.getElementById('lockPassword').value = '' - this.shadowRoot.getElementById('lockPasswordConfirm').value = '' - } - - setLockQortal() { - this.helperMessage = this.renderHelperPass() - this.lockSet = '' - this.lockSet = encryptData(true, this.salt) - localStorage.setItem(this.lockScreenSet, this.lockSet) - this.myLockScreenSet = '' - this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) - this.shadowRoot.getElementById('lockScreenActive').open() - } - - passKeyListener(e) { - if (e.key === 'Enter') { - this.closeLockScreenActive() - } - } - - async closeLockScreenActive() { - const myPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) - const checkPass = this.shadowRoot.getElementById('unlockPassword').value - const errDelay = ms => new Promise(res => setTimeout(res, ms)) - - if (checkPass === myPass) { - this.lockSet = '' - this.lockSet = encryptData(false, this.salt) - localStorage.setItem(this.lockScreenSet, this.lockSet) - this.myLockScreenSet = '' - this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) - this.shadowRoot.getElementById('lockScreenActive').close() - this.shadowRoot.getElementById('unlockPassword').value = '' - this.helperMessage = this.renderHelperPass() - } else { - this.shadowRoot.getElementById('unlockPassword').value = '' - this.helperMessage = this.renderHelperErr() - await errDelay(3000) - this.helperMessage = this.renderHelperPass() - - } - } - - renderHelperPass() { - return html`${translate("login.pleaseenter")}` - } - - renderHelperErr() { - return html`${translate("login.lp8")}` - } - - renderNodeManagement() { - const checkNodeManagement = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - if ((checkNodeManagement.enableManagement = true)) { - return html` - - - - ` - } else { - return html`` - } - } - - async updateQortWalletBalance() { - let qortAddress = store.getState().app.selectedAddress.address - - await parentEpml.request('apiCall', { - url: `/addresses/balance/${qortAddress}?apiKey=${this.getApiKey()}`, - }).then((res) => { - this.qortWalletBalance = res - }) - } - - async updateBtcWalletBalance() { - let _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` - let _body = store.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.btcWalletBalance = (Number(res) / 1e8).toFixed(8) - } - }) - } - - async updateLtcWalletBalance() { - let _url = `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}` - let _body = store.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.ltcWalletBalance = (Number(res) / 1e8).toFixed(8) - } - }) - } - - async updateDogeWalletBalance() { - let _url = `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}` - let _body = store.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.dogeWalletBalance = (Number(res) / 1e8).toFixed(8) - } - }) - } - - async updateDgbWalletBalance() { - let _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}` - let _body = store.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.dgbWalletBalance = (Number(res) / 1e8).toFixed(8) - } - }) - } - - async updateRvnWalletBalance() { - let _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}` - let _body = store.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.rvnWalletBalance = (Number(res) / 1e8).toFixed(8) - } - }) - } - - async updateArrrWalletBalance() { - let _url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}` - let _body = store.getState().app.selectedAddress.arrrWallet.seed58 - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.arrrWalletBalance = (Number(res) / 1e8).toFixed(8) - } - }) - } - - botBtcTradebook() { - if (localStorage.getItem(this.botBtcWallet) === null) { - localStorage.setItem(this.botBtcWallet, "") - } else { - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") - } - } - - removeBotBTCTradebook() { - localStorage.removeItem(this.botBtcWallet) - localStorage.setItem(this.botBtcWallet, "") - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") - this.tradeBotAvailableBtcQortal = [] - } - - botLtcTradebook() { - if (localStorage.getItem(this.botLtcWallet) === null) { - localStorage.setItem(this.botLtcWallet, "") - } else { - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") - } - } - - removeBotLTCTradebook() { - localStorage.removeItem(this.botLtcWallet) - localStorage.setItem(this.botLtcWallet, "") - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") - this.tradeBotAvailableLtcQortal = [] - } - - botDogeTradebook() { - if (localStorage.getItem(this.botDogeWallet) === null) { - localStorage.setItem(this.botDogeWallet, "") - } else { - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") - } - } - - removeBotDOGETradebook() { - localStorage.removeItem(this.botDogeWallet) - localStorage.setItem(this.botDogeWallet, "") - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") - this.tradeBotAvailableDogeQortal = [] - } - - botDgbTradebook() { - if (localStorage.getItem(this.botDgbWallet) === null) { - localStorage.setItem(this.botDgbWallet, "") - } else { - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") - } - } - - botRvnTradebook() { - if (localStorage.getItem(this.botRvnWallet) === null) { - localStorage.setItem(this.botRvnWallet, "") - } else { - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") - } - } - - botArrrTradebook() { - if (localStorage.getItem(this.botArrrWallet) === null) { - localStorage.setItem(this.botArrrWallet, "") - } else { - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") - } - } - - async buyBtcAction() { - const makeRequest = async () => { + this.tradeBotAvailableArrrQortal = this.tradesOpenArrrQortalCleaned.map(item => { + const listprice = parseFloat(item.price) + const listamount = parseFloat(item.qortAmount) + const checkprice = parseFloat(this.tradeBotArrrBook[0].botArrrPrice) + const checkamount = parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) + + if (Number(listprice) <= Number(checkprice) && Number(listamount) <= Number(checkamount)) { + return { + qortAmount: item.qortAmount, + price: item.price, + foreignAmount: item.foreignAmount, + qortalCreator: item.qortalCreator, + qortalAtAddress: item.qortalAtAddress, + qortalCreatorTradeAddress: item.qortalCreatorTradeAddress + } + } + }).filter(item => !!item) + + this.tradeBotAvailableArrrQortal.sort((a, b) => parseFloat(a.price) - parseFloat(b.price)) + + if (this.isEmptyArray(this.tradeBotAvailableArrrQortal) === true) { + return + } else { + this.checkArrrAlice = this.tradeBotAvailableArrrQortal[0].qortalAtAddress + } + + await appDelay(1000) + + if (this.tradeBotArrrAt.some(item => item.atAddress === this.checkArrrAlice)) { + return + } + + await appDelay(1000) + + if (this.isEmptyArray(this.tradeBotAvailableArrrQortal) === true) { + + } else { + const botarrrprice = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrPrice)) + const changearrramount = parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) + const reducearrramount = parseFloat(this.tradeBotAvailableArrrQortal[0].qortAmount) + const tradearrrataddress = this.tradeBotAvailableArrrQortal[0].qortalAtAddress + const newarrramount = this.round(parseFloat(changearrramount - reducearrramount)) + + this.reAddArrrAmount = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount)) + this.reAddArrrPrice = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrPrice)) + + localStorage.removeItem(this.botArrrWallet) + localStorage.setItem(this.botArrrWallet, '') + + var oldArrrTradebook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') + + const newArrrTradebookItem = { + botArrrQortAmount: newarrramount, + botArrrPrice: botarrrprice + } + + oldArrrTradebook.push(newArrrTradebookItem) + + localStorage.setItem(this.botArrrWallet, JSON.stringify(oldArrrTradebook)) + + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') + + this.botArrrBuyAtAddress = tradearrrataddress + + await appDelay(1000) + + await this.buyArrrAction() + + if (this.isEmptyArray(this.tradeBotArrrBook) === true) { + return + } else { + const botamount = parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) + + if (Number(botamount) === 0) { + this.removeBotARRRTradebook() + } + } + + if (this.isEmptyArray(this.tradeBotArrrBook) === true) { + + } else { + const checkBotArrrFunds = this.round(parseFloat(this.tradeBotArrrBook[0].botArrrQortAmount) * parseFloat(this.tradeBotArrrBook[0].botArrrPrice)) + const myBotArrrFunds = this.round(parseFloat(this.arrrWalletBalance)) + + if (Number(myBotArrrFunds) < Number(checkBotArrrFunds)) { + this.removeBotARRRTradebook() + } + } + } + } + + const getChatLastSeen = async () => { + let items = [] + + await chatLastSeen.iterate(function (value, key, iterationNumber) { + items.push({ key, timestamp: value }) + }) + + store.dispatch(setChatLastSeen(items)) + return items + } + + await getOpenTradesBTC() + await appDelay(1000) + await getOpenTradesLTC() + await appDelay(1000) + await getOpenTradesDOGE() + await appDelay(1000) + await getOpenTradesDGB() + await appDelay(1000) + await getOpenTradesRVN() + await appDelay(1000) + await getOpenTradesARRR() + await getChatLastSeen() + + setInterval(() => { + this.clearTheCache() + }, 60000) + } + + getTourElements() { + let els = {} + + const el1 = this.shadowRoot.querySelector('core-sync-status').shadowRoot.getElementById('core-sync-status-id') + const el2 = this.shadowRoot.querySelector('show-plugin').shadowRoot.getElementById('showPluginId') + const el3 = this.shadowRoot.querySelector('beginner-checklist').shadowRoot.getElementById('popover-notification') + + if (el1) { + els['core-sync-status-id'] = el1 + } + + if (el2) { + els['tab'] = el2 + } + + if (el3) { + els['checklist'] = el3 + } + + return els + } + + clearTheCache() { + if (!isElectron()) { + } else { + console.clear() + + window.parent.electronAPI.clearMyCache() + window.parent.electronAPI.clearCache() + } + } + + async getNodeType() { + const myAppNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeAppUrl = myAppNode.protocol + '://' + myAppNode.domain + ':' + myAppNode.port + const url = `${nodeAppUrl}/admin/info` + + await fetch(url).then((response) => { + return response.json() + }).then((data) => { + this.nodeType = data.type + }) + } + + renderNodeTypeMenu() { + const addressInfo = this.addressInfo + const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0 + const isSponsor = +addressInfo?.level >= 5 + + if (this.nodeType === 'lite') { + return html` + + + + + + + + + + + + + ${this.renderNodeManagement()} + ` + } else { + return html` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ${this.renderNodeManagement()} + + ` + } + } + + renderLockButton() { + if (this.myLockScreenPass === false && this.myLockScreenSet === false) { + return html` +
+ this.openSetScreenLockPass()} title="${translate("login.lp11")}"> +
+ ` + } else if (this.myLockScreenSet === false) { + return html` +
+ this.setLockQortal()} title="${translate("login.lp11")}"> +
+ ` + } else if (this.myLockScreenSet === true) { + return html` +
+ +
+ ` + } + } + + openSetScreenLockPass() { + this.shadowRoot.getElementById('lockPassword').value = '' + this.shadowRoot.getElementById('lockPasswordConfirm').value = '' + this.shadowRoot.getElementById('setLockScreenPass').open() + } + + closeSetScreenLockPass() { + this.shadowRoot.getElementById('setLockScreenPass').close() + } + + checkPass() { + const password = this.shadowRoot.getElementById('lockPassword').value + const rePassword = this.shadowRoot.getElementById('lockPasswordConfirm').value + + if (password === '') { + let snackbar1string = get("login.pleaseenter") + parentEpml.request('showSnackBar', `${snackbar1string}`) + return + } + + if (password != rePassword) { + let snackbar2string = get("login.notmatch") + parentEpml.request('showSnackBar', `${snackbar2string}`) + return + } + + if (password.length < 8) { + let snackbar3string = get("login.lessthen8") + parentEpml.request('showSnackBar', `${snackbar3string}`) + this.lowPass = '' + this.lowPass = password + this.extraConfirm() + } + + if (password.length >= 8) { + this.setNewScreenPass() + let snackbar4string = get("login.lp6") + parentEpml.request('showSnackBar', `${snackbar4string}`) + } + } + + extraConfirm() { + this.shadowRoot.getElementById('setLockScreenPass').close() + this.shadowRoot.getElementById('extraConfirmPass').open() + } + + closExtraConfirmPass() { + this.shadowRoot.getElementById('extraConfirmPass').close() + this.shadowRoot.getElementById('lockPassword').value = '' + this.shadowRoot.getElementById('lockPasswordConfirm').value = '' + } + + setNewScreenPass() { + const rawPassword = this.shadowRoot.getElementById('lockPassword').value + const cryptPassword = encryptData(rawPassword, this.salt) + + localStorage.setItem(this.lockScreenPass, cryptPassword) + + this.myLockScreenPass = '' + this.myLockScreenPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) + this.shadowRoot.getElementById('setLockScreenPass').close() + this.shadowRoot.getElementById('extraConfirmPass').close() + this.shadowRoot.getElementById('lockPassword').value = '' + this.shadowRoot.getElementById('lockPasswordConfirm').value = '' + } + + setLockQortal() { + this.helperMessage = this.renderHelperPass() + this.lockSet = '' + this.lockSet = encryptData(true, this.salt) + + localStorage.setItem(this.lockScreenSet, this.lockSet) + + this.myLockScreenSet = '' + this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) + this.shadowRoot.getElementById('lockScreenActive').open() + } + + passKeyListener(e) { + if (e.key === 'Enter') { + this.closeLockScreenActive() + } + } + + async closeLockScreenActive() { + const myPass = decryptData(localStorage.getItem(this.lockScreenPass), this.salt) + const checkPass = this.shadowRoot.getElementById('unlockPassword').value + const errDelay = ms => new Promise(res => setTimeout(res, ms)) + + if (checkPass === myPass) { + this.lockSet = '' + this.lockSet = encryptData(false, this.salt) + + localStorage.setItem(this.lockScreenSet, this.lockSet) + + this.myLockScreenSet = '' + this.myLockScreenSet = decryptData(localStorage.getItem(this.lockScreenSet), this.salt) + this.shadowRoot.getElementById('lockScreenActive').close() + this.shadowRoot.getElementById('unlockPassword').value = '' + this.helperMessage = this.renderHelperPass() + } else { + this.shadowRoot.getElementById('unlockPassword').value = '' + this.helperMessage = this.renderHelperErr() + + await errDelay(3000) + + this.helperMessage = this.renderHelperPass() + } + } + + renderHelperPass() { + return html`${translate("login.pleaseenter")}` + } + + renderHelperErr() { + return html`${translate("login.lp8")}` + } + + renderNodeManagement() { + const checkNodeManagement = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + + if ((checkNodeManagement.enableManagement = true)) { + return html` + + + + ` + } else { + return html`` + } + } + + async updateQortWalletBalance() { + let qortAddress = store.getState().app.selectedAddress.address + + await parentEpml.request('apiCall', { + url: `/addresses/balance/${qortAddress}?apiKey=${this.getApiKey()}`, + }).then((res) => { + this.qortWalletBalance = res + }) + } + + async updateBtcWalletBalance() { + let _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` + let _body = store.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.btcWalletBalance = (Number(res) / 1e8).toFixed(8) + } + }) + } + + async updateLtcWalletBalance() { + let _url = `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}` + let _body = store.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.ltcWalletBalance = (Number(res) / 1e8).toFixed(8) + } + }) + } + + async updateDogeWalletBalance() { + let _url = `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}` + let _body = store.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.dogeWalletBalance = (Number(res) / 1e8).toFixed(8) + } + }) + } + + async updateDgbWalletBalance() { + let _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}` + let _body = store.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.dgbWalletBalance = (Number(res) / 1e8).toFixed(8) + } + }) + } + + async updateRvnWalletBalance() { + let _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}` + let _body = store.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.rvnWalletBalance = (Number(res) / 1e8).toFixed(8) + } + }) + } + + async updateArrrWalletBalance() { + let _url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}` + let _body = store.getState().app.selectedAddress.arrrWallet.seed58 + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.arrrWalletBalance = (Number(res) / 1e8).toFixed(8) + } + }) + } + + botBtcTradebook() { + if (localStorage.getItem(this.botBtcWallet) === null) { + localStorage.setItem(this.botBtcWallet, '') + } else { + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') + } + } + + removeBotBTCTradebook() { + localStorage.removeItem(this.botBtcWallet) + localStorage.setItem(this.botBtcWallet, '') + + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') + this.tradeBotAvailableBtcQortal = [] + } + + botLtcTradebook() { + if (localStorage.getItem(this.botLtcWallet) === null) { + localStorage.setItem(this.botLtcWallet, '') + } else { + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') + } + } + + removeBotLTCTradebook() { + localStorage.removeItem(this.botLtcWallet) + localStorage.setItem(this.botLtcWallet, '') + + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') + this.tradeBotAvailableLtcQortal = [] + } + + botDogeTradebook() { + if (localStorage.getItem(this.botDogeWallet) === null) { + localStorage.setItem(this.botDogeWallet, '') + } else { + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') + } + } + + removeBotDOGETradebook() { + localStorage.removeItem(this.botDogeWallet) + localStorage.setItem(this.botDogeWallet, '') + + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') + this.tradeBotAvailableDogeQortal = [] + } + + botDgbTradebook() { + if (localStorage.getItem(this.botDgbWallet) === null) { + localStorage.setItem(this.botDgbWallet, '') + } else { + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') + } + } + + botRvnTradebook() { + if (localStorage.getItem(this.botRvnWallet) === null) { + localStorage.setItem(this.botRvnWallet, '') + } else { + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') + } + } + + botArrrTradebook() { + if (localStorage.getItem(this.botArrrWallet) === null) { + localStorage.setItem(this.botArrrWallet, '') + } else { + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') + } + } + + async buyBtcAction() { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: this.botBtcBuyAtAddress, foreignKey: store.getState().app.selectedAddress.btcWallet.derivedMasterPrivateKey, - receivingAddress: store.getState().app.selectedAddress.address, + receivingAddress: store.getState().app.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - localStorage.removeItem(this.botBtcWallet) - localStorage.setItem(this.botBtcWallet, "") + const manageResponse = (response) => { + if (response === true) { + let snack5string = get('tradepage.tchange23') + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + localStorage.removeItem(this.botBtcWallet) + localStorage.setItem(this.botBtcWallet, '') - var oldBtcTradebook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") + var oldBtcTradebook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') - const newBtcTradebookItem = { - botBtcQortAmount: this.reAddBtcAmount, - botBtcPrice: this.reAddBtcPrice - } + const newBtcTradebookItem = { + botBtcQortAmount: this.reAddBtcAmount, + botBtcPrice: this.reAddBtcPrice + } - oldBtcTradebook.push(newBtcTradebookItem) + oldBtcTradebook.push(newBtcTradebookItem) - localStorage.setItem(this.botBtcWallet, JSON.stringify(oldBtcTradebook)) + localStorage.setItem(this.botBtcWallet, JSON.stringify(oldBtcTradebook)) - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - localStorage.removeItem(this.botBtcWallet) - localStorage.setItem(this.botBtcWallet, "") + let snack6string = get('tradepage.tchange24') + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + localStorage.removeItem(this.botBtcWallet) + localStorage.setItem(this.botBtcWallet, '') - var oldBtcTradebook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") + var oldBtcTradebook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') - const newBtcTradebookItem = { - botBtcQortAmount: this.reAddBtcAmount, - botBtcPrice: this.reAddBtcPrice - } + const newBtcTradebookItem = { + botBtcQortAmount: this.reAddBtcAmount, + botBtcPrice: this.reAddBtcPrice + } - oldBtcTradebook.push(newBtcTradebookItem) + oldBtcTradebook.push(newBtcTradebookItem) - localStorage.setItem(this.botBtcWallet, JSON.stringify(oldBtcTradebook)) + localStorage.setItem(this.botBtcWallet, JSON.stringify(oldBtcTradebook)) - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || "[]") + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.botBtcWallet) || '[]') - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + let snack7string = get('tradepage.tchange25') + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } - async buyLtcAction() { - const makeRequest = async () => { + const res = await makeRequest() + manageResponse(res) + } + + async buyLtcAction() { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: this.botLtcBuyAtAddress, foreignKey: store.getState().app.selectedAddress.ltcWallet.derivedMasterPrivateKey, - receivingAddress: store.getState().app.selectedAddress.address, + receivingAddress: store.getState().app.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - localStorage.removeItem(this.botLtcWallet) - localStorage.setItem(this.botLtcWallet, "") + const manageResponse = (response) => { + if (response === true) { + let snack5string = get('tradepage.tchange23') + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + localStorage.removeItem(this.botLtcWallet) + localStorage.setItem(this.botLtcWallet, '') - var oldLtcTradebook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") + var oldLtcTradebook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') - const newLtcTradebookItem = { - botLtcQortAmount: this.reAddLtcAmount, - botLtcPrice: this.reAddLtcPrice - } + const newLtcTradebookItem = { + botLtcQortAmount: this.reAddLtcAmount, + botLtcPrice: this.reAddLtcPrice + } - oldLtcTradebook.push(newLtcTradebookItem) + oldLtcTradebook.push(newLtcTradebookItem) - localStorage.setItem(this.botLtcWallet, JSON.stringify(oldLtcTradebook)) + localStorage.setItem(this.botLtcWallet, JSON.stringify(oldLtcTradebook)) - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - localStorage.removeItem(this.botLtcWallet) - localStorage.setItem(this.botLtcWallet, "") + let snack6string = get('tradepage.tchange24') + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + localStorage.removeItem(this.botLtcWallet) + localStorage.setItem(this.botLtcWallet, '') - var oldLtcTradebook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") + var oldLtcTradebook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') - const newLtcTradebookItem = { - botLtcQortAmount: this.reAddLtcAmount, - botLtcPrice: this.reAddLtcPrice - } + const newLtcTradebookItem = { + botLtcQortAmount: this.reAddLtcAmount, + botLtcPrice: this.reAddLtcPrice + } - oldLtcTradebook.push(newLtcTradebookItem) + oldLtcTradebook.push(newLtcTradebookItem) - localStorage.setItem(this.botLtcWallet, JSON.stringify(oldLtcTradebook)) + localStorage.setItem(this.botLtcWallet, JSON.stringify(oldLtcTradebook)) - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || "[]") + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.botLtcWallet) || '[]') - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + let snack7string = get('tradepage.tchange25') + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } - async buyDogeAction() { - const makeRequest = async () => { + const res = await makeRequest() + manageResponse(res) + } + + async buyDogeAction() { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: this.botDogeBuyAtAddress, foreignKey: store.getState().app.selectedAddress.dogeWallet.derivedMasterPrivateKey, - receivingAddress: store.getState().app.selectedAddress.address, + receivingAddress: store.getState().app.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - localStorage.removeItem(this.botDogeWallet) - localStorage.setItem(this.botDogeWallet, "") + const manageResponse = (response) => { + if (response === true) { + let snack5string = get('tradepage.tchange23') + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + localStorage.removeItem(this.botDogeWallet) + localStorage.setItem(this.botDogeWallet, '') - var oldDogeTradebook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") + var oldDogeTradebook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') - const newDogeTradebookItem = { - botDogeQortAmount: this.reAddDogeAmount, - botDogePrice: this.reAddDogePrice - } + const newDogeTradebookItem = { + botDogeQortAmount: this.reAddDogeAmount, + botDogePrice: this.reAddDogePrice + } - oldDogeTradebook.push(newDogeTradebookItem) + oldDogeTradebook.push(newDogeTradebookItem) - localStorage.setItem(this.botDogeWallet, JSON.stringify(oldDogeTradebook)) + localStorage.setItem(this.botDogeWallet, JSON.stringify(oldDogeTradebook)) - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - localStorage.removeItem(this.botDogeWallet) - localStorage.setItem(this.botDogeWallet, "") + let snack6string = get('tradepage.tchange24') + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + localStorage.removeItem(this.botDogeWallet) + localStorage.setItem(this.botDogeWallet, '') - var oldDogeTradebook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") + var oldDogeTradebook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') - const newDogeTradebookItem = { - botDogeQortAmount: this.reAddDogeAmount, - botDogePrice: this.reAddDogePrice - } + const newDogeTradebookItem = { + botDogeQortAmount: this.reAddDogeAmount, + botDogePrice: this.reAddDogePrice + } - oldDogeTradebook.push(newDogeTradebookItem) + oldDogeTradebook.push(newDogeTradebookItem) - localStorage.setItem(this.botDogeWallet, JSON.stringify(oldDogeTradebook)) + localStorage.setItem(this.botDogeWallet, JSON.stringify(oldDogeTradebook)) - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || "[]") + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.botDogeWallet) || '[]') - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + let snack7string = get('tradepage.tchange25') + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } - async buyDgbAction() { - const makeRequest = async () => { + const res = await makeRequest() + manageResponse(res) + } + + async buyDgbAction() { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: this.botDgbBuyAtAddress, foreignKey: store.getState().app.selectedAddress.dgbWallet.derivedMasterPrivateKey, - receivingAddress: store.getState().app.selectedAddress.address, + receivingAddress: store.getState().app.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - localStorage.removeItem(this.botDgbWallet) - localStorage.setItem(this.botDgbWallet, "") + const manageResponse = (response) => { + if (response === true) { + let snack5string = get('tradepage.tchange23') + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + localStorage.removeItem(this.botDgbWallet) + localStorage.setItem(this.botDgbWallet, '') - var oldDgbTradebook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") + var oldDgbTradebook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') - const newDgbTradebookItem = { - botDgbQortAmount: this.reAddDgbAmount, - botDgbPrice: this.reAddDgbPrice - } + const newDgbTradebookItem = { + botDgbQortAmount: this.reAddDgbAmount, + botDgbPrice: this.reAddDgbPrice + } - oldDgbTradebook.push(newDgbTradebookItem) + oldDgbTradebook.push(newDgbTradebookItem) - localStorage.setItem(this.botDgbWallet, JSON.stringify(oldDgbTradebook)) + localStorage.setItem(this.botDgbWallet, JSON.stringify(oldDgbTradebook)) - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - localStorage.removeItem(this.botDgbWallet) - localStorage.setItem(this.botDgbWallet, "") + let snack6string = get('tradepage.tchange24') + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + localStorage.removeItem(this.botDgbWallet) + localStorage.setItem(this.botDgbWallet, '') - var oldDgbTradebook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") + var oldDgbTradebook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') - const newDgbTradebookItem = { - botDgbQortAmount: this.reAddDgbAmount, - botDgbPrice: this.reAddDgbPrice - } + const newDgbTradebookItem = { + botDgbQortAmount: this.reAddDgbAmount, + botDgbPrice: this.reAddDgbPrice + } - oldDgbTradebook.push(newDgbTradebookItem) + oldDgbTradebook.push(newDgbTradebookItem) - localStorage.setItem(this.botDgbWallet, JSON.stringify(oldDgbTradebook)) + localStorage.setItem(this.botDgbWallet, JSON.stringify(oldDgbTradebook)) - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || "[]") + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.botDgbWallet) || '[]') - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + let snack7string = get('tradepage.tchange25') + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } - async buyRvnAction() { - const makeRequest = async () => { + const res = await makeRequest() + manageResponse(res) + } + + async buyRvnAction() { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: this.botRvnBuyAtAddress, foreignKey: store.getState().app.selectedAddress.rvnWallet.derivedMasterPrivateKey, - receivingAddress: store.getState().app.selectedAddress.address, + receivingAddress: store.getState().app.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - localStorage.removeItem(this.botRvnWallet) - localStorage.setItem(this.botRvnWallet, "") + const manageResponse = (response) => { + if (response === true) { + let snack5string = get('tradepage.tchange23') + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + localStorage.removeItem(this.botRvnWallet) + localStorage.setItem(this.botRvnWallet, '') - var oldRvnTradebook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") + var oldRvnTradebook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') - const newRvnTradebookItem = { - botRvnQortAmount: this.reAddRvnAmount, - botRvnPrice: this.reAddRvnPrice - } + const newRvnTradebookItem = { + botRvnQortAmount: this.reAddRvnAmount, + botRvnPrice: this.reAddRvnPrice + } - oldRvnTradebook.push(newRvnTradebookItem) + oldRvnTradebook.push(newRvnTradebookItem) - localStorage.setItem(this.botRvnWallet, JSON.stringify(oldRvnTradebook)) + localStorage.setItem(this.botRvnWallet, JSON.stringify(oldRvnTradebook)) - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - localStorage.removeItem(this.botRvnWallet) - localStorage.setItem(this.botRvnWallet, "") + let snack6string = get('tradepage.tchange24') + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + localStorage.removeItem(this.botRvnWallet) + localStorage.setItem(this.botRvnWallet, '') - var oldRvnTradebook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") + var oldRvnTradebook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') - const newRvnTradebookItem = { - botRvnQortAmount: this.reAddRvnAmount, - botRvnPrice: this.reAddRvnPrice - } + const newRvnTradebookItem = { + botRvnQortAmount: this.reAddRvnAmount, + botRvnPrice: this.reAddRvnPrice + } - oldRvnTradebook.push(newRvnTradebookItem) + oldRvnTradebook.push(newRvnTradebookItem) - localStorage.setItem(this.botRvnWallet, JSON.stringify(oldRvnTradebook)) + localStorage.setItem(this.botRvnWallet, JSON.stringify(oldRvnTradebook)) - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || "[]") + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.botRvnWallet) || '[]') - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + let snack7string = get('tradepage.tchange25') + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } - async buyArrrAction() { - const makeRequest = async () => { + const res = await makeRequest() + manageResponse(res) + } + + async buyArrrAction() { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: this.botArrrBuyAtAddress, foreignKey: store.getState().app.selectedAddress.arrrWallet.seed58, - receivingAddress: store.getState().app.selectedAddress.address, + receivingAddress: store.getState().app.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - localStorage.removeItem(this.botArrrWallet) - localStorage.setItem(this.botArrrWallet, "") + const manageResponse = (response) => { + if (response === true) { + let snack5string = get('tradepage.tchange23') + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + localStorage.removeItem(this.botArrrWallet) + localStorage.setItem(this.botArrrWallet, '') - var oldArrrTradebook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") + var oldArrrTradebook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') - const newArrrTradebookItem = { - botArrrQortAmount: this.reAddArrrAmount, - botArrrPrice: this.reAddArrrPrice - } + const newArrrTradebookItem = { + botArrrQortAmount: this.reAddArrrAmount, + botArrrPrice: this.reAddArrrPrice + } - oldArrrTradebook.push(newArrrTradebookItem) + oldArrrTradebook.push(newArrrTradebookItem) - localStorage.setItem(this.botArrrWallet, JSON.stringify(oldArrrTradebook)) + localStorage.setItem(this.botArrrWallet, JSON.stringify(oldArrrTradebook)) - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - localStorage.removeItem(this.botArrrWallet) - localStorage.setItem(this.botArrrWallet, "") + let snack6string = get('tradepage.tchange24') + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + localStorage.removeItem(this.botArrrWallet) + localStorage.setItem(this.botArrrWallet, '') - var oldArrrTradebook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") + var oldArrrTradebook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') - const newArrrTradebookItem = { - botArrrQortAmount: this.reAddArrrAmount, - botArrrPrice: this.reAddArrrPrice - } + const newArrrTradebookItem = { + botArrrQortAmount: this.reAddArrrAmount, + botArrrPrice: this.reAddArrrPrice + } - oldArrrTradebook.push(newArrrTradebookItem) + oldArrrTradebook.push(newArrrTradebookItem) - localStorage.setItem(this.botArrrWallet, JSON.stringify(oldArrrTradebook)) + localStorage.setItem(this.botArrrWallet, JSON.stringify(oldArrrTradebook)) - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || "[]") + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.botArrrWallet) || '[]') - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + let snack7string = get('tradepage.tchange25') + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } - stateChanged(state) { - const split = state.app.url.split('/') - const sideurl = split[2] - this.config = state.config - this.urls = state.app.registeredUrls - this.addressInfo = state.app.accountInfo.addressInfo - this.showSyncMessages = state.app.showSyncIndicator + const res = await makeRequest() + manageResponse(res) + } - if (sideurl === "minting") { - this.shadowRoot.getElementById('qminter').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "become-minter") { - this.shadowRoot.getElementById('qbminter').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "sponsorship-list") { - this.shadowRoot.getElementById('qiminter').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "wallet") { - this.shadowRoot.getElementById('qwallet').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "trade-portal") { - this.shadowRoot.getElementById('qtrade').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "trade-bot-portal") { - this.shadowRoot.getElementById('qbot').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "reward-share") { - this.shadowRoot.getElementById('qrewardshare').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "q-chat") { - this.shadowRoot.getElementById('qchat').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "name-registration") { - this.shadowRoot.getElementById('qnamereg').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "names-market") { - this.shadowRoot.getElementById('qnamemarket').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "websites") { - this.shadowRoot.getElementById('qweb').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "qapps") { - this.shadowRoot.getElementById('qapp').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "group-management") { - this.shadowRoot.getElementById('qgroupmange').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "puzzles") { - this.shadowRoot.getElementById('qpuzzles').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "data-management") { - this.shadowRoot.getElementById('qdata').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnode').removeAttribute('selected') - } - } else if (sideurl === "node-management") { - this.shadowRoot.getElementById('qnode').setAttribute('selected', 'selected') - if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { - this.shadowRoot.getElementById('qiminter').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { - this.shadowRoot.getElementById('qwallet').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { - this.shadowRoot.getElementById('qtrade').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { - this.shadowRoot.getElementById('qbot').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { - this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { - this.shadowRoot.getElementById('qchat').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { - this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { - this.shadowRoot.getElementById('qweb').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { - this.shadowRoot.getElementById('qapp').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { - this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { - this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') - } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { - this.shadowRoot.getElementById('qdata').removeAttribute('selected') - } - } - } + stateChanged(state) { + const split = state.app.url.split('/') + const sideurl = split[2] + this.config = state.config + this.urls = state.app.registeredUrls + this.addressInfo = state.app.accountInfo.addressInfo + this.showSyncMessages = state.app.showSyncIndicator - openSettings() { - const settingsDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('user-settings') - settingsDialog.openSettings() - } + if (sideurl === 'minting') { + this.shadowRoot.getElementById('qminter').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'become-minter') { + this.shadowRoot.getElementById('qbminter').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'sponsorship-list') { + this.shadowRoot.getElementById('qiminter').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'wallet') { + this.shadowRoot.getElementById('qwallet').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'trade-portal') { + this.shadowRoot.getElementById('qtrade').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'trade-bot-portal') { + this.shadowRoot.getElementById('qbot').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'reward-share') { + this.shadowRoot.getElementById('qrewardshare').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'q-chat') { + this.shadowRoot.getElementById('qchat').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'name-registration') { + this.shadowRoot.getElementById('qnamereg').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'names-market') { + this.shadowRoot.getElementById('qnamemarket').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'websites') { + this.shadowRoot.getElementById('qweb').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'qapps') { + this.shadowRoot.getElementById('qapp').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'group-management') { + this.shadowRoot.getElementById('qgroupmange').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'puzzles') { + this.shadowRoot.getElementById('qpuzzles').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'data-management') { + this.shadowRoot.getElementById('qdata').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnode').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnode').removeAttribute('selected') + } + } else if (sideurl === 'node-management') { + this.shadowRoot.getElementById('qnode').setAttribute('selected', 'selected') + if (this.shadowRoot.getElementById('qminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qiminter').hasAttribute('selected')) { + this.shadowRoot.getElementById('qiminter').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qwallet').hasAttribute('selected')) { + this.shadowRoot.getElementById('qwallet').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qtrade').hasAttribute('selected')) { + this.shadowRoot.getElementById('qtrade').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qbot').hasAttribute('selected')) { + this.shadowRoot.getElementById('qbot').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qrewardshare').hasAttribute('selected')) { + this.shadowRoot.getElementById('qrewardshare').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qchat').hasAttribute('selected')) { + this.shadowRoot.getElementById('qchat').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamereg').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamereg').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qnamemarket').hasAttribute('selected')) { + this.shadowRoot.getElementById('qnamemarket').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qweb').hasAttribute('selected')) { + this.shadowRoot.getElementById('qweb').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qapp').hasAttribute('selected')) { + this.shadowRoot.getElementById('qapp').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qgroupmange').hasAttribute('selected')) { + this.shadowRoot.getElementById('qgroupmange').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qpuzzles').hasAttribute('selected')) { + this.shadowRoot.getElementById('qpuzzles').removeAttribute('selected') + } else if (this.shadowRoot.getElementById('qdata').hasAttribute('selected')) { + this.shadowRoot.getElementById('qdata').removeAttribute('selected') + } + } + } - openLogout() { - const logoutDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('logout-view') - logoutDialog.openLogout() - } + openSettings() { + const settingsDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('user-settings') + settingsDialog.openSettings() + } - getApiKey() { - const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + openLogout() { + const logoutDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('logout-view') + logoutDialog.openLogout() + } + + getApiKey() { + const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return apiNode.apiKey - } + } - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { + return true + } - round(number) { + return arr.length === 0 + } + + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } + } } window.customElements.define('app-view', AppView) diff --git a/core/src/components/base.js b/core/src/components/base.js index e5382038..1928cdf0 100644 --- a/core/src/components/base.js +++ b/core/src/components/base.js @@ -1,26 +1,11 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' class MyElement extends connect(store)(LitElement) { - static get properties () { - return { - } - } - - static get styles () { - return css`` - } - - render () { - return html` - - ` - } - - stateChanged (state) { - } + render () { + return html`` + } } -window.customElements.define('my-element', MyElement) +window.customElements.define('my-element', MyElement) \ No newline at end of file diff --git a/core/src/components/beginner-tour/sync-indicator.js b/core/src/components/beginner-tour/sync-indicator.js index 520344b1..6071f535 100644 --- a/core/src/components/beginner-tour/sync-indicator.js +++ b/core/src/components/beginner-tour/sync-indicator.js @@ -1,11 +1,13 @@ -import {css, html, LitElement} from 'lit' -import {store} from '../../store' -import {connect} from 'pwa-helpers' -import {translate} from '../../../translate' -import {parentEpml} from '../show-plugin' - +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { parentEpml } from '../show-plugin' +import { syncIndicator2Styles } from '../../styles/core-css' import '@material/mwc-icon' +// Multi language support +import {translate} from '../../../translate' + class SyncIndicator extends connect(store)(LitElement) { static get properties() { return { @@ -18,6 +20,10 @@ class SyncIndicator extends connect(store)(LitElement) { } } + static get styles() { + return [syncIndicator2Styles] + } + constructor() { super() this.blocksBehind = 0 @@ -32,64 +38,6 @@ class SyncIndicator extends connect(store)(LitElement) { this.hasOpened = false } - static get styles() { - return css` - * { - --mdc-theme-text-primary-on-background: var(--black); - box-sizing: border-box; - } - - :host { - box-sizing: border-box; - position: fixed; - bottom: 50px; - right: 25px; - z-index: 50000; - } - - .parent { - width: 360px; - padding: 10px; - border-radius: 8px; - border: 1px solid var(--black); - display: flex; - align-items: center; - gap: 10px; - user-select: none; - background: var(--white); - } - - .row { - display: flex; - gap: 10px; - width: 100%; - } - - .column { - display: flex; - flex-direction: column; - gap: 10px; - width: 100%; - } - - .bootstrap-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .bootstrap-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - ` - } - render() { return html` ${!this.hasCoreRunning ? html` @@ -225,7 +173,7 @@ class SyncIndicator extends connect(store)(LitElement) { this.dispatchEvent( new CustomEvent('open-welcome-modal-sync', { bubbles: true, - composed: true, + composed: true }) ) } @@ -257,4 +205,4 @@ class SyncIndicator extends connect(store)(LitElement) { } } -customElements.define('sync-indicator', SyncIndicator) \ No newline at end of file +window.customElements.define('sync-indicator', SyncIndicator) \ No newline at end of file diff --git a/core/src/components/beginner-tour/tour-component.js b/core/src/components/beginner-tour/tour-component.js index 26b16276..7496a16d 100644 --- a/core/src/components/beginner-tour/tour-component.js +++ b/core/src/components/beginner-tour/tour-component.js @@ -1,16 +1,19 @@ -import {css, html, LitElement} from 'lit'; -import {driver} from 'driver.js'; -import 'driver.js/dist/driver.css'; -import '@material/mwc-icon'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@vaadin/tooltip'; -import '@material/mwc-button'; -import {get, translate} from '../../../translate'; -import '@polymer/paper-dialog/paper-dialog.js'; -import {setNewTab} from '../../redux/app/app-actions.js'; -import {store} from '../../store.js'; -import {connect} from 'pwa-helpers'; -import './tour.css'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { setNewTab } from '../../redux/app/app-actions' +import { tourComponentStyles } from '../../styles/core-css' +import { driver } from 'driver.js' +import 'driver.js/dist/driver.css' +import './tour.css' +import '@material/mwc-button' +import '@material/mwc-icon' +import '@polymer/paper-dialog/paper-dialog.js' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/tooltip' + +// Multi language support +import { get, translate } from '../../../translate' class TourComponent extends connect(store)(LitElement) { static get properties() { @@ -18,242 +21,112 @@ class TourComponent extends connect(store)(LitElement) { getElements: { attribute: false }, dialogOpenedCongrats: { type: Boolean }, hasViewedTour: { type: Boolean }, - disableTour: {type: Boolean} - }; + disableTour: { type: Boolean }, + nodeUrl: { type: String }, + address: { type: String } + } + } + + static get styles() { + return [tourComponentStyles] } constructor() { - super(); - this.dialogOpenedCongrats = false; - this._controlOpenWelcomeModal = - this._controlOpenWelcomeModal.bind(this); - this.hasName = false; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); + super() + this.dialogOpenedCongrats = false + this._controlOpenWelcomeModal = this._controlOpenWelcomeModal.bind(this) + this.hasName = false + this.nodeUrl = '' + this.address = '' this._disableTour = this._disableTour.bind(this) this.disableTour = false } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - box-sizing: border-box; - color: var(--black); - background: var(--white); - } - - :host { - box-sizing: border-box; - position: fixed; - bottom: 25px; - right: 25px; - z-index: 50000; - } - - .full-info-wrapper { - width: 100%; - min-width: 600px; - max-width: 600px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 25px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - display: block !important; - } - - .buttons { - display: inline; - } - .accept-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: var(--black); - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - font-size: 18px; - justify-content: center; - outline: 1px solid var(--black); - } - - .accept-button:hover { - cursor: pointer; - background-color: #03a8f485; - } - - .close-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: #f44336; - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - font-size: 18px; - width:auto; - } - - .close-button:hover { - cursor: pointer; - background-color: #f4433663; - } - `; + render() { + return html` + + ${this.dialogOpenedCongrats && this.hasViewedTour ? html` + +

Congratulations!

+
+ ${translate("tour.tour13")} +
+
+ ${translate("tour.tour14")} +
+
+ ${translate("tour.tour15")} +
+
+
{ this.onClose() }}> + ${translate("general.close")} +
+
+ + ` : ''} + ` } - _controlOpenWelcomeModal() { - this.isSynced = true - - const seenWelcomeSync = JSON.parse( - localStorage.getItem('welcome-sync') || 'false' - ); - if (this.hasName) return; - if (seenWelcomeSync) return; - if(!this.hasViewedTour) return - this.dialogOpenedCongrats = true; - } - - openWelcomeModal() { - this.dispatchEvent( - new CustomEvent('send-tour-finished', { - bubbles: true, - composed: true, - }) - ); - const seenWelcomeSync = JSON.parse( - localStorage.getItem('welcome-sync') || 'false' - ); - if (this.hasName) return; - if (seenWelcomeSync) return; - if(!this.isSynced) return - this.dialogOpenedCongrats = true; - } - - _disableTour(){ - this.disableTour = true - driver.reset() - } - - connectedCallback() { - super.connectedCallback(); - window.addEventListener( - 'open-welcome-modal-sync', - this._controlOpenWelcomeModal - ); - window.addEventListener( - 'disable-tour', - this._disableTour - ); - } - - disconnectedCallback() { - window.removeEventListener( - 'open-welcome-modal-sync', - this._controlOpenWelcomeModal - ); - window.addEventListener( - 'disable-tour', - this._disableTour - ); - super.disconnectedCallback(); - } - - getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port - } - getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - } - - async getName(recipient) { - try { - const endpoint = `${this.nodeUrl}/names/address/${recipient}`; - const res = await fetch(endpoint); - const getNames = await res.json(); - - if (Array.isArray(getNames) && getNames.length > 0) { - return getNames[0].name; - } else { - return ''; - } - } catch (error) { - return ''; - } - } async firstUpdated() { + this.getNodeUrl() this.address = store.getState().app.selectedAddress.address - const hasViewedTour = JSON.parse( - localStorage.getItem(`hasViewedTour-${this.address}`) || 'false' - ); - const name = await this.getName(this.address); + + const hasViewedTour = JSON.parse(localStorage.getItem(`hasViewedTour-${this.address}`) || 'false') + const name = await this.getName(this.address) + if (name) { - this.hasName = true; + this.hasName = true } - this.hasViewedTour = hasViewedTour; + + this.hasViewedTour = hasViewedTour + if (!hasViewedTour) { try { if (name) { - this.hasViewedTour = true; - this.hasName = true; + this.hasViewedTour = true + this.hasName = true localStorage.setItem(`hasViewedTour-${this.address}`, JSON.stringify(true)) } } catch (error) { - console.log({ error }); + console.log({ error }) } } + await new Promise((res) => { setTimeout(() => { - res(); - }, 1000); - }); + res() + }, 1000) + }) + if (!this.hasViewedTour && this.disableTour !== true) { - const elements = this.getElements(); - let steps = [ - { - popover: { - title: get("tour.tour6"), - description: ` -
- -
-
-

${get("tour.tour7")}

-
-
-

${get("tour.tour8")}

-
-
-

${get("tour.tour9")}

-
- `, - // ... other options - }, - }, - ]; - const step2 = elements['core-sync-status-id']; - const step3 = elements['tab']; - const step4 = elements['checklist']; + const elements = this.getElements() + + let steps = [{ + popover: { + title: get("tour.tour6"), + description: ` +
+ +
+
+
+

${get("tour.tour7")}

+
+
+
+

${get("tour.tour8")}

+
+
+
+

${get("tour.tour9")}

+
+ ` + } + }] + + const step2 = elements['core-sync-status-id'] + const step3 = elements['tab'] + const step4 = elements['checklist'] if (step2) { steps.push({ @@ -261,58 +134,54 @@ class TourComponent extends connect(store)(LitElement) { popover: { title: get("tour.tour5"), description: ` -
-

${get("tour.tour1")}

-
-
- -

${get("tour.tour2")}

-
-
- -

${get("tour.tour3")}

-
-
- -

${get("tour.tour4")}

-
+
+

${get("tour.tour1")}

+
+
+ +

${get("tour.tour2")}

+
+
+ +

${get("tour.tour3")}

+
+
+ +

${get("tour.tour4")}

+
- `, - }, - }); + ` + } + }) } + if (step3) { steps.push({ element: step3, popover: { title: 'Tab View', description: ` -
-

${get("tour.tour10")} -

-
-
- -

You can also bookmark other Q-Apps and Plugins by clicking on the ${get( - 'tabmenu.tm19' - )} button

-
- `, - }, - }); - } - if (step4) { - steps.push( - { - element: step4, - popover: { - title: get("tour.tour11"), - description: get("tour.tour12"), - }, +
+

${get("tour.tour10")}

+
+
+ +

+ You can also bookmark other Q-Apps and Plugins by clicking on the ${get('tabmenu.tm19')} button +

+
+ ` } - );this.hasViewedTour + }) } - let currentStepIndex = 0; + + if (step4) { + steps.push({ element: step4, popover: { title: get("tour.tour11"), description: get("tour.tour12")}}) + this.hasViewedTour + } + + let currentStepIndex = 0 + const driverObj = driver({ popoverClass: 'driverjs-theme', showProgress: true, @@ -321,25 +190,93 @@ class TourComponent extends connect(store)(LitElement) { allowClose: false, onDestroyed: () => { localStorage.setItem(`hasViewedTour-${this.address}`, JSON.stringify(true)) - this.hasViewedTour = true; - this.openWelcomeModal(); + this.hasViewedTour = true + this.openWelcomeModal() } - }); + }) - driverObj.drive(); + driverObj.drive() } else { this.dispatchEvent( new CustomEvent('send-tour-finished', { bubbles: true, - composed: true, + composed: true }) - ); + ) + } + } + + _controlOpenWelcomeModal() { + this.isSynced = true + + const seenWelcomeSync = JSON.parse(localStorage.getItem('welcome-sync') || 'false') + + if (this.hasName) return + if (seenWelcomeSync) return + if (!this.hasViewedTour) return + + this.dialogOpenedCongrats = true + } + + openWelcomeModal() { + this.dispatchEvent( + new CustomEvent('send-tour-finished', { + bubbles: true, + composed: true + }) + ) + + const seenWelcomeSync = JSON.parse(localStorage.getItem('welcome-sync') || 'false') + + if (this.hasName) return + if (seenWelcomeSync) return + if (!this.isSynced) return + + this.dialogOpenedCongrats = true + } + + _disableTour() { + this.disableTour = true + driver.reset() + } + + connectedCallback() { + super.connectedCallback() + window.addEventListener('open-welcome-modal-sync', this._controlOpenWelcomeModal) + window.addEventListener('disable-tour', this._disableTour) + } + + disconnectedCallback() { + window.removeEventListener('open-welcome-modal-sync', this._controlOpenWelcomeModal) + window.addEventListener('disable-tour', this._disableTour) + super.disconnectedCallback() + } + + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const myNodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + this.nodeUrl = myNodeUrl + } + + async getName(recipient) { + try { + const endpoint = `${this.nodeUrl}/names/address/${recipient}` + const res = await fetch(endpoint) + const getNames = await res.json() + + if (Array.isArray(getNames) && getNames.length > 0) { + return getNames[0].name + } else { + return '' + } + } catch (error) { + return '' } } visitQtube() { - this.onClose(); - const query = `?service=APP&name=Q-Tube`; + this.onClose() + const query = `?service=APP&name=Q-Tube` store.dispatch( setNewTab({ url: `qdn/browser/index.html${query}`, @@ -350,59 +287,16 @@ class TourComponent extends connect(store)(LitElement) { page: `qdn/browser/index.html${query}`, title: 'Q-Tube', menus: [], - parent: false, - }, + parent: false + } }) - ); + ) } onClose() { localStorage.setItem(`welcome-sync-${this.address}`, JSON.stringify(true)) - this.dialogOpenedCongrats = false; - } - - render() { - return html` - - ${this.dialogOpenedCongrats && this.hasViewedTour - ? html` - -

Congratulations!

-
- ${translate("tour.tour13")} -
-
- ${translate("tour.tour14")} -
- -
- ${translate("tour.tour15")} -
-
-
{ - this.onClose() - - }} - > - ${translate("general.close")} -
-
- - ` - : ''} - `; + this.dialogOpenedCongrats = false } } -customElements.define('tour-component', TourComponent); + +window.customElements.define('tour-component', TourComponent) \ No newline at end of file diff --git a/core/src/components/check-for-update.js b/core/src/components/check-for-update.js index 26a9a70e..4b9fcacb 100644 --- a/core/src/components/check-for-update.js +++ b/core/src/components/check-for-update.js @@ -1,10 +1,11 @@ -import {css, html, LitElement} from 'lit' -import {translate} from '../../translate' +import { html, LitElement } from 'lit' import isElectron from 'is-electron' - import '@polymer/paper-icon-button/paper-icon-button.js' import '@polymer/iron-icons/iron-icons.js' +// Multi language support +import { translate } from '../../translate' + class CheckForUpdate extends LitElement { static get properties() { return { @@ -17,11 +18,6 @@ class CheckForUpdate extends LitElement { this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } - static styles = [ - css` - ` - ] - render() { return html` ${this.renderUpdateButton()} @@ -29,6 +25,7 @@ class CheckForUpdate extends LitElement { } firstUpdated() { + // ... } renderUpdateButton() { @@ -48,4 +45,4 @@ class CheckForUpdate extends LitElement { } } -window.customElements.define('check-for-update', CheckForUpdate) +window.customElements.define('check-for-update', CheckForUpdate) \ No newline at end of file diff --git a/core/src/components/computePowWorker.js b/core/src/components/computePowWorker.js index b89b9d84..37736224 100644 --- a/core/src/components/computePowWorker.js +++ b/core/src/components/computePowWorker.js @@ -1,82 +1,58 @@ -import {Sha256} from 'asmcrypto.js' +import { Sha256 } from 'asmcrypto.js' - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old } self.addEventListener('message', async e => { - const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) - postMessage(response) + const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) + postMessage(response) }) - const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) const heap = new Uint8Array(memory.buffer) - - const computePow = async (chatBytes, path, difficulty) => { - - let response = null - - await new Promise((resolve, reject)=> { - - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); - const chatBytesArray = new Uint8Array(_chatBytesArray); - const chatBytesHash = new Sha256().process(chatBytesArray).finish().result; - const hashPtr = sbrk(32, heap); - const hashAry = new Uint8Array(memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); - - - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = sbrk(workBufferLength, heap); - - - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - // Fetch the file and compile it - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - - // Create the instance. - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - chatBytesArray - } - - resolve() - - }); - - - }) - - return response -} + let response = null + await new Promise((resolve, reject) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new Sha256().process(chatBytesArray).finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array(memory.buffer, hashPtr, 32) + hashAry.set(chatBytesHash) + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk(workBufferLength, heap) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + // Fetch the file and compile it + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + // Create the instance. + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path) + .then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), + chatBytesArray + } + resolve() + }) + }) + return response +} \ No newline at end of file diff --git a/core/src/components/computePowWorkerFile.js b/core/src/components/computePowWorkerFile.js index d9f5f662..a13e6ec7 100644 --- a/core/src/components/computePowWorkerFile.js +++ b/core/src/components/computePowWorkerFile.js @@ -1,92 +1,68 @@ import { Sha256 } from 'asmcrypto.js' - - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old } - - - self.addEventListener('message', async e => { - const response = await computePow(e.data.convertedBytes, e.data.path) - postMessage(response) - -}) + const response = await computePow(e.data.convertedBytes, e.data.path) + postMessage(response) +}) const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) const heap = new Uint8Array(memory.buffer) - - const computePow = async (convertedBytes, path) => { + let response = null + await new Promise((resolve, reject) => { + const _convertedBytesArray = Object.keys(convertedBytes).map( + function (key) { + return convertedBytes[key] + } + ) + const convertedBytesArray = new Uint8Array(_convertedBytesArray) + const convertedBytesHash = new Sha256() + .process(convertedBytesArray) + .finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array( + memory.buffer, + hashPtr, + 32 + ) + hashAry.set(convertedBytesHash) + const difficulty = 14 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk( + workBufferLength, + heap + ) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path) + .then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - - let response = null - - await new Promise((resolve, reject)=> { - - const _convertedBytesArray = Object.keys(convertedBytes).map( - function (key) { - return convertedBytes[key] - } -) -const convertedBytesArray = new Uint8Array(_convertedBytesArray) -const convertedBytesHash = new Sha256() - .process(convertedBytesArray) - .finish().result -const hashPtr = sbrk(32, heap) -const hashAry = new Uint8Array( - memory.buffer, - hashPtr, - 32 -) - -hashAry.set(convertedBytesHash) -const difficulty = 14 -const workBufferLength = 8 * 1024 * 1024 -const workBufferPtr = sbrk( - workBufferLength, - heap -) - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - - } - resolve() - - }); - - - }) - - return response + } + resolve() + }) + }) + return response } \ No newline at end of file diff --git a/core/src/components/controllers/coin-balances-controller.js b/core/src/components/controllers/coin-balances-controller.js index 7bcdabad..b5b8c483 100644 --- a/core/src/components/controllers/coin-balances-controller.js +++ b/core/src/components/controllers/coin-balances-controller.js @@ -1,320 +1,303 @@ -import {html, LitElement} from 'lit'; -import '@material/mwc-icon'; -import {store} from '../../store'; -import {connect} from 'pwa-helpers'; -import '@vaadin/tooltip'; -import {parentEpml} from '../show-plugin'; -import {setCoinBalances} from '../../redux/app/app-actions'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { parentEpml } from '../show-plugin' +import { setCoinBalances } from '../../redux/app/app-actions' class CoinBalancesController extends connect(store)(LitElement) { static get properties() { return { - coinList: { type: Object }, - }; + coinList: { type: Object } + } } constructor() { super(); this.coinList = {} - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.fetchBalance = this.fetchBalance.bind(this) - this._updateCoinList = this._updateCoinList.bind(this) - this.stop = false + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.fetchBalance = this.fetchBalance.bind(this) + this._updateCoinList = this._updateCoinList.bind(this) + this.stop = false } - getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - store.getState().app.nodeConfig.node - ] + render() { + return html`` + } + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return store.getState().app.nodeConfig.knownNodes[ - store.getState().app.nodeConfig.node - ] + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } + async updateQortWalletBalance() { + let qortAddress = store.getState().app.selectedAddress.address - async updateArrrWalletBalance() { - let _url = `/crosschain/arrr/walletbalance?apiKey=${this.myNode.apiKey}` - let _body = store.getState().app.selectedAddress.arrrWallet.seed58 - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.arrrWalletBalance = (Number(res) / 1e8).toFixed(8) - store.dispatch( - setCoinBalances({ - type: 'arrr', - fullValue: Number(res) - }) - ); - } - }).catch(()=> { - console.log('error') - }) - } - async updateQortWalletBalance() { - let qortAddress = store.getState().app.selectedAddress.address - - await parentEpml.request('apiCall', { - url: `/addresses/balance/${qortAddress}?apiKey=${this.myNode.apiKey}`, - }).then((res) => { - this.qortWalletBalance = res - store.dispatch( - setCoinBalances({ - type: 'qort', - fullValue: Number(res) - }) - ); - }).catch(()=> { - console.log('error') - }) - } - - async updateRvnWalletBalance() { - let _url = `/crosschain/rvn/walletbalance?apiKey=${this.myNode.apiKey}` - let _body = store.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.rvnWalletBalance = (Number(res) / 1e8).toFixed(8) - store.dispatch( - setCoinBalances({ - type: 'rvn', - fullValue: Number(res) - }) - ); - } - }).catch(()=> { - console.log('error') - }) - } - - async updateDgbWalletBalance() { - let _url = `/crosschain/dgb/walletbalance?apiKey=${this.myNode.apiKey}` - let _body = store.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.dgbWalletBalance = (Number(res) / 1e8).toFixed(8) - store.dispatch( - setCoinBalances({ - type: 'dgb', - fullValue: Number(res) - }) - ); - } - }).catch(()=> { - console.log('error') - }) - } - - async updateDogeWalletBalance() { - let _url = `/crosschain/doge/walletbalance?apiKey=${this.myNode.apiKey}` - let _body = store.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.dogeWalletBalance = (Number(res) / 1e8).toFixed(8) - store.dispatch( - setCoinBalances({ - type: 'doge', - fullValue: Number(res) - }) - ); - } - }).catch(()=> { - console.log('error') - }) - } - - async updateBtcWalletBalance() { - let _url = `/crosschain/btc/walletbalance?apiKey=${this.myNode.apiKey}` - let _body = store.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.btcWalletBalance = (Number(res) / 1e8).toFixed(8) - store.dispatch( - setCoinBalances({ - type: 'btc', - fullValue: Number(res) - }) - ); - } - }).catch(()=> { - console.log('error') - }) - } - - async updateLtcWalletBalance() { - let _url = `/crosschain/ltc/walletbalance?apiKey=${this.myNode.apiKey}` - let _body = store.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.ltcWalletBalance = (Number(res) / 1e8).toFixed(8) - store.dispatch( - setCoinBalances({ - type: 'ltc', - fullValue: Number(res) - }) - ); - - } - }).catch(()=> { - console.log('error') - }) - } - - _updateCoinList(event) { - const copyCoinList = {...this.coinList} - const coin = event.detail - if(!copyCoinList[coin]){ - try { - if(coin === 'ltc'){ - this.updateLtcWalletBalance() - } else if(coin === 'qort'){ - this.updateQortWalletBalance() - } else if(coin === 'doge'){ - this.updateDogeWalletBalance() - } else if(coin === 'btc'){ - this.updateBtcWalletBalance() - } else if(coin === 'dgb'){ - this.updateDgbWalletBalance() - } else if(coin === 'rvn'){ - this.updateRvnWalletBalance() - }else if(coin === 'arrr'){ - this.updateArrrWalletBalance() - } - } catch (error) { - - } - } - copyCoinList[coin] = Date.now() + 120000; - this.coinList = copyCoinList - - this.requestUpdate() + await parentEpml.request('apiCall', { + url: `/addresses/balance/${qortAddress}?apiKey=${this.myNode.apiKey}`, + }).then((res) => { + this.qortWalletBalance = res + store.dispatch( + setCoinBalances({ + type: 'qort', + fullValue: Number(res) + }) + ) + }).catch(() => { + console.log('error') + }) } + async updateBtcWalletBalance() { + let _url = `/crosschain/btc/walletbalance?apiKey=${this.myNode.apiKey}` + let _body = store.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey - async fetchCoins(arrayOfCoins){ - const getCoinBalances = (arrayOfCoins || []).map( - async (coin) => { - if(coin === 'ltc'){ - await this.updateLtcWalletBalance() - } else if(coin === 'qort'){ - await this.updateQortWalletBalance() - } else if(coin === 'doge'){ - await this.updateDogeWalletBalance() - } else if(coin === 'btc'){ - await this.updateBtcWalletBalance() - } else if(coin === 'dgb'){ - await this.updateDgbWalletBalance() - } else if(coin === 'rvn'){ - await this.updateRvnWalletBalance() - }else if(coin === 'arrr'){ - await this.updateArrrWalletBalance() - } - }) + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.btcWalletBalance = (Number(res) / 1e8).toFixed(8) + store.dispatch( + setCoinBalances({ + type: 'btc', + fullValue: Number(res) + }) + ) + } + }).catch(() => { + console.log('error') + }) + } - await Promise.all(getCoinBalances); + async updateLtcWalletBalance() { + let _url = `/crosschain/ltc/walletbalance?apiKey=${this.myNode.apiKey}` + let _body = store.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey - } + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.ltcWalletBalance = (Number(res) / 1e8).toFixed(8) + store.dispatch( + setCoinBalances({ + type: 'ltc', + fullValue: Number(res) + }) + ) - async fetchBalance(){ - try { - let arrayOfCoins = [] - const copyObject = {...this.coinList} - const currentDate = Date.now() - const array = Object.keys(this.coinList) - for (const key of array) { - const item = this.coinList[key] + } + }).catch(() => { + console.log('error') + }) + } - if(item < currentDate){ - delete copyObject[key] - } else { - arrayOfCoins.push(key) - } - } - if(!this.stop){ - this.stop = true - await this.fetchCoins(arrayOfCoins) - this.stop = false - } - this.coinList = copyObject - } catch (error) { - this.stop = false - } - } + async updateDogeWalletBalance() { + let _url = `/crosschain/doge/walletbalance?apiKey=${this.myNode.apiKey}` + let _body = store.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey - connectedCallback() { - super.connectedCallback(); - this.intervalID = setInterval(this.fetchBalance, 45000); - window.addEventListener( - 'ping-coin-controller-with-coin', - this._updateCoinList - ); + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.dogeWalletBalance = (Number(res) / 1e8).toFixed(8) + store.dispatch( + setCoinBalances({ + type: 'doge', + fullValue: Number(res) + }) + ) + } + }).catch(() => { + console.log('error') + }) + } + + async updateDgbWalletBalance() { + let _url = `/crosschain/dgb/walletbalance?apiKey=${this.myNode.apiKey}` + let _body = store.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.dgbWalletBalance = (Number(res) / 1e8).toFixed(8) + store.dispatch( + setCoinBalances({ + type: 'dgb', + fullValue: Number(res) + }) + ) + } + }).catch(() => { + console.log('error') + }) + } + + async updateRvnWalletBalance() { + let _url = `/crosschain/rvn/walletbalance?apiKey=${this.myNode.apiKey}` + let _body = store.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.rvnWalletBalance = (Number(res) / 1e8).toFixed(8) + store.dispatch( + setCoinBalances({ + type: 'rvn', + fullValue: Number(res) + }) + ) + } + }).catch(() => { + console.log('error') + }) + } + + async updateArrrWalletBalance() { + let _url = `/crosschain/arrr/walletbalance?apiKey=${this.myNode.apiKey}` + let _body = store.getState().app.selectedAddress.arrrWallet.seed58 + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body, + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.arrrWalletBalance = (Number(res) / 1e8).toFixed(8) + store.dispatch( + setCoinBalances({ + type: 'arrr', + fullValue: Number(res) + }) + ) + } + }).catch(() => { + console.log('error') + }) + } + + _updateCoinList(event) { + const copyCoinList = { ...this.coinList } + const coin = event.detail + + if (!copyCoinList[coin]) { + try { + if (coin === 'qort') { + this.updateQortWalletBalance() + } else if (coin === 'btc') { + this.updateBtcWalletBalance() + } else if (coin === 'ltc') { + this.updateLtcWalletBalance() + } else if (coin === 'doge') { + this.updateDogeWalletBalance() + } else if (coin === 'dgb') { + this.updateDgbWalletBalance() + } else if (coin === 'rvn') { + this.updateRvnWalletBalance() + } else if (coin === 'arrr') { + this.updateArrrWalletBalance() + } + } catch (error) { } + } + + copyCoinList[coin] = Date.now() + 120000 + + this.coinList = copyCoinList + this.requestUpdate() + } + + async fetchCoins(arrayOfCoins) { + const getCoinBalances = (arrayOfCoins || []).map(async (coin) => { + if (coin === 'qort') { + await this.updateQortWalletBalance() + } else if (coin === 'btc') { + await this.updateBtcWalletBalance() + } else if (coin === 'ltc') { + await this.updateLtcWalletBalance() + } else if (coin === 'doge') { + await this.updateDogeWalletBalance() + } else if (coin === 'dgb') { + await this.updateDgbWalletBalance() + } else if (coin === 'rvn') { + await this.updateRvnWalletBalance() + } else if (coin === 'arrr') { + await this.updateArrrWalletBalance() + } + }) + + await Promise.all(getCoinBalances) + } + + async fetchBalance() { + try { + let arrayOfCoins = [] + + const copyObject = { ...this.coinList } + const currentDate = Date.now() + const array = Object.keys(this.coinList) + + for (const key of array) { + const item = this.coinList[key] + + if (item < currentDate) { + delete copyObject[key] + } else { + arrayOfCoins.push(key) + } + } + + if (!this.stop) { + this.stop = true + + await this.fetchCoins(arrayOfCoins) + + this.stop = false + } + + this.coinList = copyObject + } catch (error) { + this.stop = false + } + } + + connectedCallback() { + super.connectedCallback() + this.intervalID = setInterval(this.fetchBalance, 45000) + window.addEventListener('ping-coin-controller-with-coin', this._updateCoinList) } disconnectedCallback() { - - super.disconnectedCallback(); - window.removeEventListener( - 'ping-coin-controller-with-coin', - this._updateCoinList - ); - if(this.intervalID){ - clearInterval(this.intervalID); - - } - - } - - - - render() { - return html``; + if (this.intervalID) { clearInterval(this.intervalID) } + window.removeEventListener('ping-coin-controller-with-coin', this._updateCoinList) + super.disconnectedCallback() } } -customElements.define('coin-balances-controller', CoinBalancesController); +window.customElements.define('coin-balances-controller', CoinBalancesController) \ No newline at end of file diff --git a/core/src/components/friends-view/ChatSideNavHeads.js b/core/src/components/friends-view/ChatSideNavHeads.js index d2f6ebdd..c69b09f8 100644 --- a/core/src/components/friends-view/ChatSideNavHeads.js +++ b/core/src/components/friends-view/ChatSideNavHeads.js @@ -1,221 +1,204 @@ -import {css, html, LitElement} from 'lit' -import {get} from '../../../translate' -import '@material/mwc-icon' -import '@vaadin/tooltip'; - +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { get } from '../../../translate' +import { chatSideNavHeadsStyles } from '../../styles/core-css' import './friend-item-actions' +import '@material/mwc-icon' +import '@vaadin/tooltip' -class ChatSideNavHeads extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - chatInfo: { type: Object }, - iconName: { type: String }, - activeChatHeadUrl: { type: String }, - isImageLoaded: { type: Boolean }, - setActiveChatHeadUrl: {attribute: false}, - openEditFriend: {attribute: false}, - closeSidePanel: {attribute: false, type: Object} - } - } +class ChatSideNavHeads extends connect(store)(LitElement) { + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + chatInfo: { type: Object }, + iconName: { type: String }, + activeChatHeadUrl: { type: String }, + isImageLoaded: { type: Boolean }, + setActiveChatHeadUrl: { attribute: false }, + openEditFriend: { attribute: false }, + closeSidePanel: { attribute: false, type: Object } + } + } - static get styles() { - return css` - :host { - width: 100%; - } - ul { - list-style-type: none; - } - li { - padding: 10px 2px 10px 5px; - cursor: pointer; - width: 100%; - display: flex; - box-sizing: border-box; - font-size: 14px; - transition: 0.2s background-color; - } + static get styles() { + return [chatSideNavHeadsStyles] + } - li:hover { - background-color: var(--lightChatHeadHover); - } - - .active { - background: var(--menuactive); - border-left: 4px solid #3498db; - } - - .img-icon { - font-size:40px; - color: var(--chat-group); - } - - .status { - color: #92959e; - } - - .clearfix { - display: flex; - align-items: center; - } - - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - ` - } - - constructor() { - super() - this.selectedAddress = {} - this.config = { - user: { - node: { - - } - } - } - this.chatInfo = {} - this.iconName = '' - this.activeChatHeadUrl = '' - this.isImageLoaded = false - this.imageFetches = 0 - } - - createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style= "width:30px; height:30px; float: left; border-radius:50%; font-size:14px"; - imageHTMLRes.onclick= () => { - this.openDialogImage = true; - } - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 4) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 500); - } else { - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } - - render() { - let avatarImg = "" - if (this.chatInfo.name) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg = this.createImage(avatarUrl) - } - - return html` -
  • { - const target = e.target - const popover = - this.shadowRoot.querySelector('friend-item-actions'); - if (popover) { - popover.openPopover(target); + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: { } - }} class="clearfix" id=${`friend-item-parent-${this.chatInfo.name}`}> -
    - ${this.isImageLoaded ? html`${avatarImg}` : html``} - ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName - ? html`account_circle` - : html``} - ${!this.isImageLoaded && this.chatInfo.name - ? html`
    - ${this.chatInfo.name.charAt(0)} -
    ` - : ""} - ${!this.isImageLoaded && this.chatInfo.groupName - ? html`
    - ${this.chatInfo.groupName.charAt(0)} -
    ` - : ""} -
    -
    - - ${this.chatInfo.groupName - ? this.chatInfo.groupName - : this.chatInfo.name !== undefined - ? (this.chatInfo.alias || this.chatInfo.name) - : this.chatInfo.address.substr(0, 15)} - -
    -
    + } + } + this.chatInfo = {} + this.iconName = '' + this.activeChatHeadUrl = '' + this.isImageLoaded = false + this.imageFetches = 0 + } -
    -
    - ${this.chatInfo.willFollow ? html` - connect_without_contact - - - ` : ''} -
    -
    • - { - this.openEditFriend(this.chatInfo) - }} - name=${this.chatInfo.name} - .closeSidePanel=${this.closeSidePanel} - > - ` - } + if (this.chatInfo.name) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true` + avatarImg = this.createImage(avatarUrl) + } + return html` +
  • { + const target = e.target + const popover = this.shadowRoot.querySelector('friend-item-actions'); + if (popover) { + popover.openPopover(target); + } + }} + class="clearfix" id=${`friend-item-parent-${this.chatInfo.name}`} + > +
    + ${this.isImageLoaded ? html`${avatarImg}` : html``} + ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? + html` + account_circle + ` + : html`` + } + ${!this.isImageLoaded && this.chatInfo.name ? + html` +
    + ${this.chatInfo.name.charAt(0)} +
    + ` : '' + } + ${!this.isImageLoaded && this.chatInfo.groupName ? + html` +
    + ${this.chatInfo.groupName.charAt(0)} +
    + ` : '' + } +
    +
    + + ${this.chatInfo.groupName + ? this.chatInfo.groupName + : this.chatInfo.name !== undefined + ? (this.chatInfo.alias || this.chatInfo.name) + : this.chatInfo.address.substr(0, 15) + } + +
    +
    +
    +
    + ${this.chatInfo.willFollow ? + html` + connect_without_contact + + ` : '' + } +
    +
    • + { + this.openEditFriend(this.chatInfo) + }} + name=${this.chatInfo.name} + .closeSidePanel=${this.closeSidePanel} + > + ` + } + firstUpdated() { + // ... + } - shouldUpdate(changedProperties) { - if(changedProperties.has('activeChatHeadUrl')){ - return true - } - if(changedProperties.has('chatInfo')){ - return true - } - return !!changedProperties.has('isImageLoaded'); + createImage(imageUrl) { + const imageHTMLRes = new Image() + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "width:30px; height:30px; float: left; border-radius:50%; font-size:14px" + imageHTMLRes.onclick = () => { + this.openDialogImage = true + } - } + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } - getUrl(chatUrl) { - this.setActiveChatHeadUrl(chatUrl) - } + imageHTMLRes.onerror = () => { + if (this.imageFetches < 4) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 500) + } else { + this.isImageLoaded = false + } + } + return imageHTMLRes + } + shouldUpdate(changedProperties) { + if (changedProperties.has('activeChatHeadUrl')) { + return true + } + + if (changedProperties.has('chatInfo')) { + return true + } + + return !!changedProperties.has('isImageLoaded') + } + + getUrl(chatUrl) { + this.setActiveChatHeadUrl(chatUrl) + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('chat-side-nav-heads', ChatSideNavHeads) +window.customElements.define('chat-side-nav-heads', ChatSideNavHeads) \ No newline at end of file diff --git a/core/src/components/friends-view/add-friends-modal.js b/core/src/components/friends-view/add-friends-modal.js index 1e6f4ddd..b2026b8d 100644 --- a/core/src/components/friends-view/add-friends-modal.js +++ b/core/src/components/friends-view/add-friends-modal.js @@ -1,10 +1,11 @@ -import {css, html, LitElement} from 'lit'; -import {translate,} from '../../../translate' -import '@material/mwc-button'; -import '@material/mwc-dialog'; -import '@material/mwc-checkbox'; -import {connect} from 'pwa-helpers'; -import {store} from '../../store'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { translate, } from '../../../translate' +import { addFriendsModalStyles } from '../../styles/core-css' +import '@material/mwc-button' +import '@material/mwc-checkbox' +import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' class AddFriendsModal extends connect(store)(LitElement) { @@ -21,199 +22,195 @@ class AddFriendsModal extends connect(store)(LitElement) { editContent: { type: Object }, onClose: { attribute: false }, mySelectedFeeds: { type: Array }, - availableFeeedSchemas: {type: Array}, - isLoadingSchemas: {type: Boolean} - }; - } - - constructor() { - super(); - this.isOpen = false; - this.isLoading = false; - this.alias = ''; - this.willFollow = true; - this.notes = ''; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.mySelectedFeeds = []; - this.availableFeeedSchemas = []; - this.isLoadingSchemas= false; + availableFeeedSchemas: { type: Array }, + isLoadingSchemas: { type: Boolean } + } } static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 1024px; - box-sizing:border-box; - } - .input { - width: 90%; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - box-sizing: border-box; - } - - .input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .input::placeholder { - opacity: 0.6; - color: var(--black); - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red { - font-family: Roboto, sans-serif; - font-size: 16px; - color: #f44336; - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red:hover { - cursor: pointer; - background-color: #f4433663; - } - - .modal-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } - .modal-overlay { - display: block; - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - background-color: rgba( - 0, - 0, - 0, - 0.5 - ); /* Semi-transparent backdrop */ - z-index: 1000; - } - - .modal-content { - position: fixed; - top: 50vh; - left: 50vw; - transform: translate(-50%, -50%); - background-color: var(--mdc-theme-surface); - width: 80vw; - max-width: 600px; - padding: 20px; - box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; - z-index: 1001; - border-radius: 5px; - display: flex; - flex-direction:column; - } - - - .modal-overlay.hidden { - display: none; - } - .avatar { - width: 36px; - height: 36px; - display: flex; - align-items: center; - } - - .app-name { - display: flex; - gap: 20px; - align-items: center; - width: 100%; - cursor: pointer; - padding: 5px; - border-radius: 5px; - margin-bottom: 10px; - } - .inner-content { - display: flex; - flex-direction: column; - max-height: 75vh; - flex-grow: 1; - overflow: auto; - } - - .inner-content::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .inner-content::-webkit-scrollbar { - width: 12px; - border-radius: 7px; - background-color: whitesmoke; - } - - .inner-content::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - `; + return [addFriendsModalStyles] } - firstUpdated() {} + constructor() { + super() + this.isOpen = false + this.isLoading = false + this.alias = '' + this.willFollow = true + this.notes = '' + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.mySelectedFeeds = [] + this.availableFeeedSchemas = [] + this.isLoadingSchemas = false + } + + render() { + return html` +
    +
    +
    +
    +

    + ${this.editContent + ? translate('friends.friend10') + : translate('friends.friend2')} +

    +
    +
    +

    ${translate('friends.friend3')}

    +
    + + { + this.willFollow = e.target.checked; + }} + ?checked=${this.willFollow} + > +
    +
    +
    + + +
    +
    +
    + + { + this.alias = e.target.value + }} + /> +
    +
    +
    + +
    +
    +

    ${translate('friends.friend15')}

    +
    +

    ${translate('friends.friend16')}

    +
    +
    + ${this.isLoadingSchemas ? + html` +
    + +
    + ` : '' + } + ${this.availableFeeedSchemas.map((schema) => { + const isAlreadySelected = this.mySelectedFeeds.find((item) => item.name === schema.name); + let avatarImgApp; + const avatarUrl2 = `${this.nodeUrl}/arbitrary/THUMBNAIL/${schema.name}/qortal_avatar?async=true&apiKey=${this.myNode.apiKey}`; + avatarImgApp = html``; + return html` +
    { + const copymySelectedFeeds = [...this.mySelectedFeeds]; + const findIndex = copymySelectedFeeds.findIndex((item) => item.name === schema.name); + if (findIndex === -1) { + if (this.mySelectedFeeds.length > 4) return + copymySelectedFeeds.push({name: schema.name, identifier: schema.identifier, service: schema.service}); + this.mySelectedFeeds = copymySelectedFeeds; + } else { + this.mySelectedFeeds = copymySelectedFeeds.filter((item) => item.name !== schema.name); + } + }} + > +
    ${avatarImgApp}
    + ${schema.name} +
    + ` + })} +
    +
    +
    + + ${this.editContent ? + html` + + ` : '' + } + +
    +
    +
    + ` + } + + firstUpdated() { + // ... + } getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port; + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } clearFields() { - this.alias = ''; - this.willFollow = true; - this.notes = ''; + this.alias = '' + this.willFollow = true + this.notes = '' } addFriend() { @@ -223,10 +220,10 @@ class AddFriendsModal extends connect(store)(LitElement) { notes: this.notes, willFollow: this.willFollow, mySelectedFeeds: this.mySelectedFeeds + }) - }); - this.clearFields(); - this.onClose(); + this.clearFields() + this.onClose() } removeFriend() { @@ -239,244 +236,60 @@ class AddFriendsModal extends connect(store)(LitElement) { mySelectedFeeds: this.mySelectedFeeds }, true - ); - this.clearFields(); - this.onClose(); + ) + + this.clearFields() + this.onClose() } async updated(changedProperties) { - if ( - changedProperties && - changedProperties.has('editContent') && - this.editContent - ) { - this.userSelected = { - name: this.editContent.name ?? '', - }; - this.notes = this.editContent.notes ?? ''; - this.willFollow = this.editContent.willFollow ?? true; - this.alias = this.editContent.alias ?? ''; + if (changedProperties && changedProperties.has('editContent') && this.editContent) { + this.userSelected = { name: this.editContent.name ?? '' } + this.notes = this.editContent.notes ?? '' + this.willFollow = this.editContent.willFollow ?? true + this.alias = this.editContent.alias ?? '' this.requestUpdate() } - if ( - changedProperties && - changedProperties.has('isOpen') && this.isOpen - ) { + + if (changedProperties && changedProperties.has('isOpen') && this.isOpen) { await this.getAvailableFeedSchemas() } - } async getAvailableFeedSchemas() { try { - this.isLoadingSchemas= true - const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT&identifier=ui_schema_feed&prefix=true`; - const res = await fetch(url); - const data = await res.json(); + this.isLoadingSchemas = true + const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT&identifier=ui_schema_feed&prefix=true` + const res = await fetch(url) + const data = await res.json() + if (data.error === 401) { - this.availableFeeedSchemas = []; + this.availableFeeedSchemas = [] } else { - this.availableFeeedSchemas = data.filter( - (item) => item.identifier === 'ui_schema_feed' - ); + this.availableFeeedSchemas = data.filter((item) => item.identifier === 'ui_schema_feed') } - this.userFoundModalOpen = true; - } catch (error) {} finally { - this.isLoadingSchemas= false + + this.userFoundModalOpen = true + } catch (error) { + } finally { + this.isLoadingSchemas = false } } - render() { - return html` -
    + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } -
    -
    -
    -

    - ${this.editContent - ? translate('friends.friend10') - : translate('friends.friend2')} -

    -
    -
    -

    ${translate('friends.friend3')}

    -
    - - { - this.willFollow = e.target.checked; - }} - ?checked=${this.willFollow} - > -
    -
    -
    - - -
    -
    -
    - - { - this.alias = e.target.value - }} - /> -
    -
    -
    - -
    -
    -

    ${translate('friends.friend15')}

    -
    -

    ${translate('friends.friend16')}

    -
    -
    - ${this.isLoadingSchemas ? html` -
    - -
    - ` : ''} - ${this.availableFeeedSchemas.map((schema) => { - const isAlreadySelected = this.mySelectedFeeds.find( - (item) => item.name === schema.name - ); - let avatarImgApp; - const avatarUrl2 = `${this.nodeUrl}/arbitrary/THUMBNAIL/${schema.name}/qortal_avatar?async=true&apiKey=${this.myNode.apiKey}`; - avatarImgApp = html``; - return html` -
    { - const copymySelectedFeeds = [ - ...this.mySelectedFeeds, - ]; - const findIndex = - copymySelectedFeeds.findIndex( - (item) => - item.name === schema.name - ); - if (findIndex === -1) { - if(this.mySelectedFeeds.length > 4) return - copymySelectedFeeds.push({ - name: schema.name, - identifier: schema.identifier, - service: schema.service, - }); - this.mySelectedFeeds = - copymySelectedFeeds; - } else { - this.mySelectedFeeds = - copymySelectedFeeds.filter( - (item) => - item.name !== - schema.name - ); - } - }} - > -
    ${avatarImgApp}
    - ${schema.name} -
    - `; - })} -
    -
    -
    - - ${this.editContent - ? html` - - ` - : ''} + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - -
    -
    -
    - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('add-friends-modal', AddFriendsModal); +window.customElements.define('add-friends-modal', AddFriendsModal) \ No newline at end of file diff --git a/core/src/components/friends-view/avatar.js b/core/src/components/friends-view/avatar.js index e0714032..f00a9904 100644 --- a/core/src/components/friends-view/avatar.js +++ b/core/src/components/friends-view/avatar.js @@ -1,16 +1,17 @@ -import {css, html, LitElement} from 'lit'; -import axios from 'axios'; -import '@material/mwc-menu'; -import '@material/mwc-list/mwc-list-item.js'; -import {RequestQueueWithPromise} from '../../../../plugins/plugins/utils/queue'; -import '../../../../plugins/plugins/core/components/TimeAgo'; -import {connect} from 'pwa-helpers'; -import {store} from '../../store'; -import ShortUniqueId from 'short-unique-id'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { RequestQueueWithPromise } from '../../../../plugins/plugins/utils/classes' +import { avatarComponentStyles } from '../../styles/core-css' +import axios from 'axios' +import ShortUniqueId from 'short-unique-id' +import '../../../../plugins/plugins/core/components/TimeAgo' +import '@material/mwc-menu' +import '@material/mwc-list/mwc-list-item.js' -const requestQueue = new RequestQueueWithPromise(3); -const requestQueueRawData = new RequestQueueWithPromise(3); -const requestQueueStatus = new RequestQueueWithPromise(3); +const requestQueue = new RequestQueueWithPromise(3) +const requestQueueRawData = new RequestQueueWithPromise(3) +const requestQueueStatus = new RequestQueueWithPromise(3) export class AvatarComponent extends connect(store)(LitElement) { static get properties() { @@ -18,284 +19,210 @@ export class AvatarComponent extends connect(store)(LitElement) { resource: { type: Object }, isReady: { type: Boolean }, status: { type: Object }, - name: { type: String }, - }; + name: { type: String } + } } static get styles() { - return css` - * { - --mdc-theme-text-primary-on-background: var(--black); - box-sizing: border-box; - } - :host { - width: 100%; - box-sizing: border-box; - } - img { - width: 100%; - max-height: 30vh; - border-radius: 5px; - cursor: pointer; - position: relative; - } - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - - .defaultSize { - width: 100%; - height: 160px; - } - .parent-feed-item { - position: relative; - display: flex; - background-color: var(--chat-bubble-bg); - flex-grow: 0; - flex-direction: column; - align-items: flex-start; - justify-content: center; - border-radius: 5px; - padding: 12px 15px 4px 15px; - min-width: 150px; - width: 100%; - box-sizing: border-box; - cursor: pointer; - font-size: 16px; - } - .avatar { - width: 36px; - height: 36px; - border-radius: 50%; - overflow: hidden; - display: flex; - align-items: center; - } - .avatarApp { - width: 30px; - height: 30px; - border-radius: 50%; - overflow: hidden; - display: flex; - align-items: center; - } - .feed-item-name { - user-select: none; - color: #03a9f4; - margin-bottom: 5px; - } - - .app-name { - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; - } - - mwc-menu { - position: absolute; - } - `; + return [avatarComponentStyles] } constructor() { - super(); + super() this.resource = { identifier: '', name: '', - service: '', - }; + service: '' + } this.status = { - status: '', - }; - this.isReady = false; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.isFetching = false; - this.uid = new ShortUniqueId(); - } - getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - } - getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - } - - getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - return myNode.apiKey; - } - - async fetchResource() { - try { - if (this.isFetching) return; - this.isFetching = true; - await axios.get( - `${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` - ); - this.isFetching = false; - } catch (error) { - this.isFetching = false; + status: '' } - } - - async fetchVideoUrl() { - await this.fetchResource(); - } - - async getRawData() { - const url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`; - return await requestQueueRawData.enqueue(() => { - return axios.get(url); - }); - // const response2 = await fetch(url, { - // method: 'GET', - // headers: { - // 'Content-Type': 'application/json' - // } - // }) - - // const responseData2 = await response2.json() - // return responseData2 - } - - updateDisplayWithPlaceholders(display, resource, rawdata) { - const pattern = /\$\$\{([a-zA-Z0-9_\.]+)\}\$\$/g; - - for (const key in display) { - const value = display[key]; - - display[key] = value.replace(pattern, (match, p1) => { - if (p1.startsWith('rawdata.')) { - const dataKey = p1.split('.')[1]; - if (rawdata[dataKey] === undefined) { - console.error('rawdata key not found:', dataKey); - } - return rawdata[dataKey] || match; - } else if (p1.startsWith('resource.')) { - const resourceKey = p1.split('.')[1]; - if (resource[resourceKey] === undefined) { - console.error('resource key not found:', resourceKey); - } - return resource[resourceKey] || match; - } - return match; - }); - } - } - - async fetchStatus() { - let isCalling = false; - let percentLoaded = 0; - let timer = 24; - const response = await requestQueueStatus.enqueue(() => { - return axios.get( - `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` - ); - }); - if (response && response.data && response.data.status === 'READY') { - this.status = response.data; - - return; - } - const intervalId = setInterval(async () => { - if (isCalling) return; - isCalling = true; - - const data = await requestQueue.enqueue(() => { - return axios.get( - `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` - ); - }); - const res = data.data; - - isCalling = false; - if (res.localChunkCount) { - if (res.percentLoaded) { - if ( - res.percentLoaded === percentLoaded && - res.percentLoaded !== 100 - ) { - timer = timer - 5; - } else { - timer = 24; - } - if (timer < 0) { - clearInterval(intervalId); - } - percentLoaded = res.percentLoaded; - } - - this.status = res; - if (this.status.status === 'DOWNLOADED') { - await this.fetchResource(); - } - } - - // check if progress is 100% and clear interval if true - if (res.status === 'READY') { - clearInterval(intervalId); - this.status = res; - this.isReady = true; - } - }, 5000); // 1 second interval - } - - async _fetchImage() { - try { - await this.fetchVideoUrl(); - await this.fetchStatus(); - } catch (error) { - /* empty */ - } - } - - firstUpdated() { - this._fetchImage(); + this.isReady = false + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.isFetching = false + this.uid = new ShortUniqueId() } render() { return html`
    - ${this.status.status !== 'READY' - ? html` - account_circle - ` - : ''} - ${this.status.status === 'READY' - ? html` -
    - -
    - ` - : ''} + ${this.status.status !== 'READY' ? + html` + account_circle + ` : '' + } + ${this.status.status === 'READY' ? + html` +
    + +
    + ` : '' + }
    - `; + ` + } + + firstUpdated() { + this._fetchImage() + } + + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port + } + + getMyNode() { + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + } + + async fetchResource() { + try { + if (this.isFetching) return + + this.isFetching = true + + await axios.get( + `${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + ) + + this.isFetching = false + } catch (error) { + this.isFetching = false + } + } + + async fetchVideoUrl() { + await this.fetchResource() + } + + async getRawData() { + const url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + + return await requestQueueRawData.enqueue(() => { + return axios.get(url) + }) + } + + updateDisplayWithPlaceholders(display, resource, rawdata) { + const pattern = /\$\$\{([a-zA-Z0-9_\.]+)\}\$\$/g + + for (const key in display) { + const value = display[key] + + display[key] = value.replace(pattern, (match, p1) => { + if (p1.startsWith('rawdata.')) { + const dataKey = p1.split('.')[1] + + if (rawdata[dataKey] === undefined) { + console.error('rawdata key not found:', dataKey) + } + + return rawdata[dataKey] || match + } else if (p1.startsWith('resource.')) { + const resourceKey = p1.split('.')[1] + + if (resource[resourceKey] === undefined) { + console.error('resource key not found:', resourceKey) + } + + return resource[resourceKey] || match + } + + return match + }) + } + } + + async fetchStatus() { + let isCalling = false + let percentLoaded = 0 + let timer = 24 + + const response = await requestQueueStatus.enqueue(() => { + return axios.get( + `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + ) + }) + + if (response && response.data && response.data.status === 'READY') { + this.status = response.data + return + } + + const intervalId = setInterval(async () => { + if (isCalling) return + + isCalling = true + + const data = await requestQueue.enqueue(() => { + return axios.get( + `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + ) + }) + + const res = data.data + + isCalling = false + + if (res.localChunkCount) { + if (res.percentLoaded) { + if (res.percentLoaded === percentLoaded && res.percentLoaded !== 100) { + timer = timer - 5 + } else { + timer = 24 + } + + if (timer < 0) { + clearInterval(intervalId) + } + + percentLoaded = res.percentLoaded + } + + this.status = res + + if (this.status.status === 'DOWNLOADED') { + await this.fetchResource() + } + } + + // check if progress is 100% and clear interval if true + if (res.status === 'READY') { + clearInterval(intervalId) + this.status = res + this.isReady = true + } + }, 5000) // 5 second interval + } + + async _fetchImage() { + try { + await this.fetchVideoUrl() + await this.fetchStatus() + } catch (error) { + /* empty */ + } + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('avatar-component', AvatarComponent); +window.customElements.define('avatar-component', AvatarComponent) \ No newline at end of file diff --git a/core/src/components/friends-view/beginner-checklist.js b/core/src/components/friends-view/beginner-checklist.js index 4a688aed..8ef4bd6c 100644 --- a/core/src/components/friends-view/beginner-checklist.js +++ b/core/src/components/friends-view/beginner-checklist.js @@ -1,344 +1,214 @@ -import {css, html, LitElement} from 'lit'; -import {connect} from 'pwa-helpers'; - -import '@vaadin/item'; -import '@vaadin/list-box'; -import '@polymer/paper-icon-button/paper-icon-button.js'; -import '@polymer/iron-icons/iron-icons.js'; -import {store} from '../../store.js'; -import {setNewTab} from '../../redux/app/app-actions.js'; -import '@material/mwc-icon'; -import {get} from '../../../translate'; -import '../../../../plugins/plugins/core/components/TimeAgo.js'; -import '../notification-view/popover.js'; -import ShortUniqueId from 'short-unique-id'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { setNewTab } from '../../redux/app/app-actions' +import { get } from '../../../translate' +import { beginnerChecklistStyles } from '../../styles/core-css' +import ShortUniqueId from 'short-unique-id' +import '../notification-view/popover' +import '../../../../plugins/plugins/core/components/TimeAgo' +import '@material/mwc-icon' +import '@polymer/paper-icon-button/paper-icon-button.js' +import '@polymer/iron-icons/iron-icons.js' +import '@vaadin/item' +import '@vaadin/list-box' class BeginnerChecklist extends connect(store)(LitElement) { - static properties = { - notifications: { type: Array }, - showChecklist: { type: Boolean }, - theme: { type: String, reflect: true }, - isSynced: { type: Boolean }, - hasName: { type: Boolean }, - hasTourFinished: { type: Boolean }, - }; - - constructor() { - super(); - this.showChecklist = false; - this.initialFetch = false; - this.theme = localStorage.getItem('qortalTheme') - ? localStorage.getItem('qortalTheme') - : 'light'; - this.isSynced = false; - this.hasName = null; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.hasTourFinished = null; - this._controlTourFinished = this._controlTourFinished.bind(this); - this.uid = new ShortUniqueId(); + static get properties() { + return { + notifications: { type: Array }, + showChecklist: { type: Boolean }, + isSynced: { type: Boolean }, + hasName: { type: Boolean }, + hasTourFinished: { type: Boolean }, + theme: { type: String, reflect: true } + } } - _controlTourFinished() { - this.hasTourFinished = true; + static get styles() { + return [beginnerChecklistStyles] + } + + constructor() { + super() + this.showChecklist = false + this.initialFetch = false + this.isSynced = false + this.hasName = null + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.hasTourFinished = null + this._controlTourFinished = this._controlTourFinished.bind(this) + this.uid = new ShortUniqueId() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + return this.hasName === false || this.hasTourFinished === false ? + html` +
    + +
    this._toggleChecklist()}> + + checklist + + +
    +
    +
    +
    +

    Are you synced?

    + ${this.syncPercentage === 100 ? + html` + + task_alt + + ` + : html` + + radio_button_unchecked + + ` + } +
    +
    { + store.dispatch( + setNewTab({ + url: `group-management`, + id: this.uid.rnd(), + myPlugObj: { + url: 'name-registration', + domain: 'core', + page: 'name-registration/index.html', + title: 'Name Registration', + icon: 'vaadin:user-check', + mwcicon: 'manage_accounts', + pluginNumber: 'plugin-qCmtXAQmtu', + menus: [], + parent: false + }, + openExisting: true + }) + ); + this.handleBlur(); + }} + > +

    Do you have a name registered?

    + ${this.hasName ? + html` + + task_alt + + ` : html` + + radio_button_unchecked + + ` + } +
    +
    +
    +
    + ` + : '' } firstUpdated() { - this.address = store.getState().app.selectedAddress.address; - this.hasTourFinished = JSON.parse( - localStorage.getItem(`hasViewedTour-${this.address}`) || 'null' - ); + this.address = store.getState().app.selectedAddress.address + this.hasTourFinished = JSON.parse(localStorage.getItem(`hasViewedTour-${this.address}`) || 'null') + } + + _controlTourFinished() { + this.hasTourFinished = true } connectedCallback() { - super.connectedCallback(); - window.addEventListener( - 'send-tour-finished', - this._controlTourFinished - ); + super.connectedCallback() + window.addEventListener('send-tour-finished', this._controlTourFinished) } disconnectedCallback() { - window.removeEventListener( - 'send-tour-finished', - this._controlTourFinished - ); - - super.disconnectedCallback(); + window.removeEventListener('send-tour-finished', this._controlTourFinished) + super.disconnectedCallback() } getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port; + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } async getName(recipient) { try { - if (!recipient) return ''; - const endpoint = `${this.nodeUrl}/names/address/${recipient}`; - const res = await fetch(endpoint); - const getNames = await res.json(); + if (!recipient) return '' - this.hasName = Array.isArray(getNames) && getNames.length > 0; + const endpoint = `${this.nodeUrl}/names/address/${recipient}` + const res = await fetch(endpoint) + const getNames = await res.json() + + this.hasName = Array.isArray(getNames) && getNames.length > 0 } catch (error) { - return ''; + return '' } } stateChanged(state) { - if ( - state.app.nodeStatus && - state.app.nodeStatus.syncPercent !== this.syncPercentage - ) { - this.syncPercentage = state.app.nodeStatus.syncPercent; + if (state.app.nodeStatus && state.app.nodeStatus.syncPercent !== this.syncPercentage) { + this.syncPercentage = state.app.nodeStatus.syncPercent - if ( - !this.hasAttempted && - state.app.selectedAddress && - state.app.nodeStatus.syncPercent === 100 - ) { - this.hasAttempted = true; - this.getName(state.app.selectedAddress.address); + if (!this.hasAttempted && state.app.selectedAddress && state.app.nodeStatus.syncPercent === 100) { + this.hasAttempted = true + this.getName(state.app.selectedAddress.address) } } - if ( - state.app.accountInfo && - state.app.accountInfo.names.length && - state.app.nodeStatus && - state.app.nodeStatus.syncPercent === 100 && - this.hasName === false && - this.hasAttempted && - state.app.accountInfo && - state.app.accountInfo.names && + + if (state.app.accountInfo && + state.app.accountInfo.names.length && state.app.nodeStatus && state.app.nodeStatus.syncPercent === 100 && + this.hasName === false && this.hasAttempted && state.app.accountInfo && state.app.accountInfo.names && state.app.accountInfo.names.length > 0 ) { - this.hasName = true; + this.hasName = true } } handleBlur() { setTimeout(() => { if (!this.shadowRoot.contains(document.activeElement)) { - this.showChecklist = false; + this.showChecklist = false } - }, 0); - } - - render() { - return this.hasName === false || this.hasTourFinished === false - ? html` -
    - -
    this._toggleChecklist()} - > - checklist - - -
    - -
    -
    -
    -

    Are you synced?

    - ${this.syncPercentage === 100 - ? html` - task_alt - ` - : html` - radio_button_unchecked - `} -
    - -
    { - store.dispatch( - setNewTab({ - url: `group-management`, - id: this.uid.rnd(), - myPlugObj: { - url: 'name-registration', - domain: 'core', - page: 'name-registration/index.html', - title: 'Name Registration', - icon: 'vaadin:user-check', - mwcicon: 'manage_accounts', - pluginNumber: - 'plugin-qCmtXAQmtu', - menus: [], - parent: false, - }, - openExisting: true, - }) - ); - this.handleBlur(); - }} - > -

    Do you have a name registered?

    - ${this.hasName - ? html` - task_alt - ` - : html` - radio_button_unchecked - `} -
    -
    -
    -
    - ` - : ''; + }, 0) } _toggleChecklist() { - this.showChecklist = !this.showChecklist; + this.showChecklist = !this.showChecklist + if (this.showChecklist) { requestAnimationFrame(() => { - this.shadowRoot.getElementById('checklist-panel').focus(); - }); + this.shadowRoot.getElementById('checklist-panel').focus() + }) } } - static styles = css` - .layout { - display: flex; - flex-direction: column; - align-items: center; - position: relative; - } + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } - .count { - position: absolute; - top: -5px; - right: -5px; - font-size: 12px; - background-color: red; - color: white; - border-radius: 50%; - width: 16px; - height: 16px; - display: flex; - align-items: center; - justify-content: center; - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - .nocount { - display: none; - } - - .popover-panel { - position: absolute; - width: 200px; - padding: 10px; - background-color: var(--white); - border: 1px solid var(--black); - border-radius: 4px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - top: 40px; - max-height: 350px; - overflow: auto; - scrollbar-width: thin; - scrollbar-color: #6a6c75 #a1a1a1; - } - - .popover-panel::-webkit-scrollbar { - width: 11px; - } - - .popover-panel::-webkit-scrollbar-track { - background: #a1a1a1; - } - - .popover-panel::-webkit-scrollbar-thumb { - background-color: #6a6c75; - border-radius: 6px; - border: 3px solid #a1a1a1; - } - - .list { - display: flex; - flex-direction: column; - gap: 15px; - } - - .task-list-item { - display: flex; - gap: 15px; - justify-content: space-between; - align-items: center; - } - - .checklist-item { - padding: 5px; - border-bottom: 1px solid; - display: flex; - justify-content: space-between; - cursor: pointer; - transition: 0.2s all; - } - - .checklist-item:hover { - background: var(--nav-color-hover); - } - - p { - font-size: 16px; - color: var(--black); - margin: 0px; - padding: 0px; - } - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('beginner-checklist', BeginnerChecklist); +window.customElements.define('beginner-checklist', BeginnerChecklist) \ No newline at end of file diff --git a/core/src/components/friends-view/computePowWorkerFile.src.js b/core/src/components/friends-view/computePowWorkerFile.src.js index b8bd962d..eb4cb775 100644 --- a/core/src/components/friends-view/computePowWorkerFile.src.js +++ b/core/src/components/friends-view/computePowWorkerFile.src.js @@ -1,91 +1,67 @@ -import {Sha256} from 'asmcrypto.js' +import { Sha256 } from 'asmcrypto.js' - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old } - - - self.addEventListener('message', async e => { - const response = await computePow(e.data.convertedBytes, e.data.path) - postMessage(response) - + const response = await computePow(e.data.convertedBytes, e.data.path) + postMessage(response) }) - const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) const heap = new Uint8Array(memory.buffer) - - const computePow = async (convertedBytes, path) => { + let response = null + await new Promise((resolve, reject) => { + const _convertedBytesArray = Object.keys(convertedBytes).map( + function (key) { + return convertedBytes[key] + } + ) + const convertedBytesArray = new Uint8Array(_convertedBytesArray) + const convertedBytesHash = new Sha256() + .process(convertedBytesArray) + .finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array( + memory.buffer, + hashPtr, + 32 + ) + hashAry.set(convertedBytesHash) + const difficulty = 14 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk( + workBufferLength, + heap + ) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path) + .then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - - let response = null - - await new Promise((resolve, reject)=> { - - const _convertedBytesArray = Object.keys(convertedBytes).map( - function (key) { - return convertedBytes[key] - } -) -const convertedBytesArray = new Uint8Array(_convertedBytesArray) -const convertedBytesHash = new Sha256() - .process(convertedBytesArray) - .finish().result -const hashPtr = sbrk(32, heap) -const hashAry = new Uint8Array( - memory.buffer, - hashPtr, - 32 -) - -hashAry.set(convertedBytesHash) -const difficulty = 14 -const workBufferLength = 8 * 1024 * 1024 -const workBufferPtr = sbrk( - workBufferLength, - heap -) - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - - } - resolve() - - }); - - - }) - - return response -} + } + resolve() + }) + }) + return response +} \ No newline at end of file diff --git a/core/src/components/friends-view/core-sync-status.js b/core/src/components/friends-view/core-sync-status.js index a4345671..8c695b4d 100644 --- a/core/src/components/friends-view/core-sync-status.js +++ b/core/src/components/friends-view/core-sync-status.js @@ -1,7 +1,8 @@ -import {css, html, LitElement} from 'lit' -import {store} from '../../store' -import {connect} from 'pwa-helpers' -import {translate} from '../../../translate' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { translate } from '../../../translate' +import { coreSyncStatusStyles } from '../../styles/core-css' class CoreSyncStatus extends connect(store)(LitElement) { static get properties() { @@ -12,6 +13,10 @@ class CoreSyncStatus extends connect(store)(LitElement) { } } + static get styles() { + return [coreSyncStatusStyles] + } + constructor() { super() this.nodeInfos = [] @@ -19,69 +24,6 @@ class CoreSyncStatus extends connect(store)(LitElement) { this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } - static get styles() { - return css` - .lineHeight { - line-height: 33%; - } - - .tooltip { - display: inline-block; - position: relative; - text-align: left; - } - - .tooltip .bottom { - min-width: 200px; - max-width: 250px; - top: 35px; - left: 50%; - transform: translate(-50%, 0); - padding: 10px 10px; - color: var(--black); - background-color: var(--white); - font-weight: normal; - font-size: 13px; - border-radius: 8px; - position: absolute; - z-index: 99999999; - box-sizing: border-box; - box-shadow: 0 1px 8px rgba(0,0,0,0.5); - border: 1px solid var(--black); - visibility: hidden; - opacity: 0; - transition: opacity 0.8s; - } - - .tooltip:hover .bottom { - visibility: visible; - opacity: 1; - } - - .tooltip .bottom i { - position: absolute; - bottom: 100%; - left: 50%; - margin-left: -12px; - width: 24px; - height: 12px; - overflow: hidden; - } - - .tooltip .bottom i::after { - content: ''; - position: absolute; - width: 12px; - height: 12px; - left: 50%; - transform: translate(-50%,50%) rotate(45deg); - background-color: var(--white); - border: 1px solid var(--black); - box-shadow: 0 1px 8px rgba(0,0,0,0.5); - } - ` - } - render() { return html`
    @@ -136,7 +78,7 @@ class CoreSyncStatus extends connect(store)(LitElement) {

    ${translate("walletprofile.wp3")}

    -

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0,12) : ''}

    +

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0, 12) : ''}

    ${translate("appinfo.synchronizing")}... ${this.nodeInfos.syncPercent !== undefined ? this.nodeInfos.syncPercent + '%' : ''}

    ${translate("appinfo.blockheight")}: ${this.nodeInfos.height ? this.nodeInfos.height : ''}

    ${translate("appinfo.peers")}: ${this.nodeInfos.numberOfConnections ? this.nodeInfos.numberOfConnections : ''}

    @@ -150,7 +92,7 @@ class CoreSyncStatus extends connect(store)(LitElement) {

    ${translate("walletprofile.wp3")}

    -

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0,12) : ''}

    +

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0, 12) : ''}

    ${translate("walletprofile.wp4")} ${translate("walletprofile.wp2")}

    ${translate("appinfo.blockheight")}: ${this.nodeInfos.height ? this.nodeInfos.height : ''}

    ${translate("appinfo.peers")}: ${this.nodeInfos.numberOfConnections ? this.nodeInfos.numberOfConnections : ''}

    @@ -164,7 +106,7 @@ class CoreSyncStatus extends connect(store)(LitElement) {

    ${translate("walletprofile.wp3")}

    -

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0,12) : ''}

    +

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0, 12) : ''}

    ${translate("walletprofile.wp4")} ${translate("walletprofile.wp2")}

    ${translate("appinfo.blockheight")}: ${this.nodeInfos.height ? this.nodeInfos.height : ''}

    ${translate("appinfo.peers")}: ${this.nodeInfos.numberOfConnections ? this.nodeInfos.numberOfConnections : ''}

    @@ -178,7 +120,7 @@ class CoreSyncStatus extends connect(store)(LitElement) {

    ${translate("walletprofile.wp3")}

    -

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0,12) : ''}

    +

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0, 12) : ''}

    ${translate("walletprofile.wp4")} ( ${translate("walletprofile.wp1")} )

    ${translate("appinfo.blockheight")}: ${this.nodeInfos.height ? this.nodeInfos.height : ''}

    ${translate("appinfo.peers")}: ${this.nodeInfos.numberOfConnections ? this.nodeInfos.numberOfConnections : ''}

    @@ -192,7 +134,7 @@ class CoreSyncStatus extends connect(store)(LitElement) {

    ${translate("walletprofile.wp3")}

    -

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0,12) : ''}

    +

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0, 12) : ''}

    ${translate("walletprofile.wp4")} ( ${translate("walletprofile.wp1")} )

    ${translate("appinfo.blockheight")}: ${this.nodeInfos.height ? this.nodeInfos.height : ''}

    ${translate("appinfo.peers")}: ${this.nodeInfos.numberOfConnections ? this.nodeInfos.numberOfConnections : ''}

    @@ -206,7 +148,7 @@ class CoreSyncStatus extends connect(store)(LitElement) {

    ${translate("walletprofile.wp3")}

    -

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0,12) : ''}

    +

    ${translate("appinfo.coreversion")}: ${this.coreInfos.buildVersion ? (this.coreInfos.buildVersion).substring(0, 12) : ''}

    ${translate("appinfo.synchronizing")}... ${this.nodeInfos.syncPercent !== undefined ? this.nodeInfos.syncPercent + '%' : ''}

    ${translate("appinfo.blockheight")}: ${this.nodeInfos.height ? this.nodeInfos.height : ''}

    ${translate("appinfo.peers")}: ${this.nodeInfos.numberOfConnections ? this.nodeInfos.numberOfConnections : ''}

    @@ -221,6 +163,20 @@ class CoreSyncStatus extends connect(store)(LitElement) { // ... } + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('core-sync-status', CoreSyncStatus) \ No newline at end of file +window.customElements.define('core-sync-status', CoreSyncStatus) \ No newline at end of file diff --git a/core/src/components/friends-view/feed-item.js b/core/src/components/friends-view/feed-item.js index 2410c5ff..07e11d64 100644 --- a/core/src/components/friends-view/feed-item.js +++ b/core/src/components/friends-view/feed-item.js @@ -1,366 +1,282 @@ -import {css, html, LitElement} from 'lit'; -import {translate,} from '../../../translate' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { setNewTab } from '../../redux/app/app-actions' +import { RequestQueueWithPromise } from '../../../../plugins/plugins/utils/classes' +import { translate, } from '../../../translate' +import { feedItemStyles } from '../../styles/core-css' import axios from 'axios' -import '@material/mwc-menu'; -import '@material/mwc-list/mwc-list-item.js' -import {RequestQueueWithPromise} from '../../../../plugins/plugins/utils/queue'; +import ShortUniqueId from 'short-unique-id' import '../../../../plugins/plugins/core/components/TimeAgo' -import {connect} from 'pwa-helpers'; -import {store} from '../../store'; -import {setNewTab} from '../../redux/app/app-actions'; -import ShortUniqueId from 'short-unique-id'; - -const requestQueue = new RequestQueueWithPromise(3); -const requestQueueRawData = new RequestQueueWithPromise(3); -const requestQueueStatus = new RequestQueueWithPromise(3); +import '@material/mwc-menu' +import '@material/mwc-list/mwc-list-item.js' +const requestQueue = new RequestQueueWithPromise(3) +const requestQueueRawData = new RequestQueueWithPromise(3) +const requestQueueStatus = new RequestQueueWithPromise(3) export class FeedItem extends connect(store)(LitElement) { - static get properties() { - return { - resource: { type: Object }, - isReady: { type: Boolean}, - status: {type: Object}, - feedItem: {type: Object}, - appName: {type: String}, - link: {type: String} - }; - } - - static get styles() { - return css` - * { - --mdc-theme-text-primary-on-background: var(--black); - box-sizing: border-box; - } - :host { - width: 100%; - box-sizing: border-box; - } - img { - width:100%; - max-height:30vh; - border-radius: 5px; - cursor: pointer; - position: relative; - } - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - - .smallLoading { - border-width: 0.8em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 30px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - .defaultSize { - width: 100%; - height: 160px; - } - .parent-feed-item { - position: relative; - display: flex; - background-color: var(--chat-bubble-bg); - flex-grow: 0; - flex-direction: column; - align-items: flex-start; - justify-content: center; - border-radius: 5px; - padding: 12px 15px 4px 15px; - min-width: 150px; - width: 100%; - box-sizing: border-box; - cursor: pointer; - font-size: 16px; - } - .avatar { - width: 36px; - height: 36px; - border-radius:50%; - overflow: hidden; - display:flex; - align-items:center; - } - .avatarApp { - width: 30px; - height: 30px; - border-radius:50%; - overflow: hidden; - display:flex; - align-items:center; - } - .feed-item-name { - user-select: none; - color: #03a9f4; - margin-bottom: 5px; + static get properties() { + return { + resource: { type: Object }, + isReady: { type: Boolean }, + status: { type: Object }, + feedItem: { type: Object }, + appName: { type: String }, + link: { type: String } + } } - .app-name { - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; - } + static get styles() { + return [feedItemStyles] + } - mwc-menu { - position: absolute; - } + constructor() { + super() + this.resource = { + identifier: "", + name: "", + service: "" + } + this.status = { + status: '' + } + this.isReady = false + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.hasCalledWhenDownloaded = false + this.isFetching = false + this.uid = new ShortUniqueId() + this.observer = new IntersectionObserver(entries => { + for (const entry of entries) { + if (entry.isIntersecting && this.status.status !== 'READY') { + this._fetchImage() + // Stop observing after the image has started loading + this.observer.unobserve(this) + } + } + }) + this.feedItem = null + } + render() { + let avatarImg + const avatarUrl = `${this.nodeUrl}/arbitrary/THUMBNAIL/${this.resource.name}/qortal_avatar?async=true` + avatarImg = html`` + let avatarImgApp + const avatarUrl2 = `${this.nodeUrl}/arbitrary/THUMBNAIL/${this.appName}/qortal_avatar?async=true` + avatarImgApp = html`` + return html` +
    + ${this.status.status !== 'READY' ? + html` +
    +
    +

    + ${`${Math.round(this.status.percentLoaded || 0).toFixed(0)}% `}${translate('chatpage.cchange94')} +

    +
    + ` + : '' + } + ${this.status.status === 'READY' && this.feedItem ? + html` +
    +
    +
    ${avatarImg}
    + ${this.resource.name} +
    +
    +

    ${this.feedItem.title}

    +
    +
    +
    ${avatarImgApp}
    + +
    +
    + ` + : '' + } +
    + ` + } - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } + firstUpdated() { + this.observer.observe(this) + } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - `; - } + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port + } - constructor() { - super(); - this.resource = { - identifier: "", - name: "", - service: "" - } - this.status = { - status: '' - } - this.isReady = false - this.nodeUrl = this.getNodeUrl() - this.myNode = this.getMyNode() - this.hasCalledWhenDownloaded = false - this.isFetching = false - this.uid = new ShortUniqueId() + getMyNode() { + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + } - this.observer = new IntersectionObserver(entries => { - for (const entry of entries) { - if (entry.isIntersecting && this.status.status !== 'READY') { - this._fetchImage(); - // Stop observing after the image has started loading - this.observer.unobserve(this); - } - } - }); - this.feedItem = null - } - getNodeUrl(){ - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + async fetchResource() { + try { + if (this.isFetching) return + this.isFetching = true + await axios.get(`${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) + this.isFetching = false - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port -} -getMyNode(){ - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] -} + } catch (error) { + this.isFetching = false + } + } - getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - return myNode.apiKey; - } + async fetchVideoUrl() { + await this.fetchResource() + } - async fetchResource() { - try { - if(this.isFetching) return - this.isFetching = true - await axios.get(`${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) - this.isFetching = false + async getRawData() { + const url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` - } catch (error) { - this.isFetching = false - } - } + return await requestQueueRawData.enqueue(() => { + return axios.get(url) + }) + } - async fetchVideoUrl() { + updateDisplayWithPlaceholders(display, resource, rawdata) { + const pattern = /\$\$\{([a-zA-Z0-9_\.]+)\}\$\$/g - await this.fetchResource() + for (const key in display) { + const value = display[key] - } + display[key] = value.replace(pattern, (match, p1) => { + if (p1.startsWith('rawdata.')) { + const dataKey = p1.split('.')[1] + if (rawdata[dataKey] === undefined) { + console.error("rawdata key not found:", dataKey) + } + return rawdata[dataKey] || match + } else if (p1.startsWith('resource.')) { + const resourceKey = p1.split('.')[1] + if (resource[resourceKey] === undefined) { + console.error("resource key not found:", resourceKey) + } + return resource[resourceKey] || match + } + return match + }) + } + } - async getRawData(){ - const url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` - return await requestQueueRawData.enqueue(()=> { - return axios.get(url) - }) - // const response2 = await fetch(url, { - // method: 'GET', - // headers: { - // 'Content-Type': 'application/json' - // } - // }) + async fetchStatus() { + let isCalling = false + let percentLoaded = 0 + let timer = 24 - // const responseData2 = await response2.json() - // return responseData2 - } + const response = await requestQueueStatus.enqueue(() => { + return axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) + }) - updateDisplayWithPlaceholders(display, resource, rawdata) { - const pattern = /\$\$\{([a-zA-Z0-9_\.]+)\}\$\$/g; + if (response && response.data && response.data.status === 'READY') { + const rawData = await this.getRawData() - for (const key in display) { - const value = display[key]; + const object = { + ...this.resource.schema.display + } - display[key] = value.replace(pattern, (match, p1) => { - if (p1.startsWith('rawdata.')) { - const dataKey = p1.split('.')[1]; - if (rawdata[dataKey] === undefined) { - console.error("rawdata key not found:", dataKey); - } - return rawdata[dataKey] || match; - } else if (p1.startsWith('resource.')) { - const resourceKey = p1.split('.')[1]; - if (resource[resourceKey] === undefined) { - console.error("resource key not found:", resourceKey); - } - return resource[resourceKey] || match; - } - return match; - }); - } -} + this.updateDisplayWithPlaceholders(object, {}, rawData.data) + this.feedItem = object + this.status = response.data + return + } + const intervalId = setInterval(async () => { + if (isCalling) return + isCalling = true + const data = await requestQueue.enqueue(() => { + return axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) + }) - async fetchStatus(){ - let isCalling = false - let percentLoaded = 0 - let timer = 24 - const response = await requestQueueStatus.enqueue(()=> { - return axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) - }) - if(response && response.data && response.data.status === 'READY'){ - const rawData = await this.getRawData() - const object = { - ...this.resource.schema.display - } - this.updateDisplayWithPlaceholders(object, {},rawData.data) - this.feedItem = object - this.status = response.data + const res = data.data - return - } - const intervalId = setInterval(async () => { - if (isCalling) return - isCalling = true + isCalling = false + if (res.localChunkCount) { + if (res.percentLoaded) { + if (res.percentLoaded === percentLoaded && res.percentLoaded !== 100) { + timer = timer - 5 + } else { + timer = 24 + } + if (timer < 0) { + timer = 24 + isCalling = true + this.status = { + ...res, + status: 'REFETCHING' + } - const data = await requestQueue.enqueue(() => { - return axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) - }); - const res = data.data + setTimeout(() => { + isCalling = false + this.fetchResource() + }, 25000) - isCalling = false - if (res.localChunkCount) { - if (res.percentLoaded) { - if ( - res.percentLoaded === percentLoaded && - res.percentLoaded !== 100 - ) { - timer = timer - 5 - } else { - timer = 24 - } - if (timer < 0) { - timer = 24 - isCalling = true - this.status = { - ...res, - status: 'REFETCHING' - } + return + } + percentLoaded = res.percentLoaded + } - setTimeout(() => { - isCalling = false - this.fetchResource() - }, 25000) - return - } - percentLoaded = res.percentLoaded - } + this.status = res - this.status = res - if(this.status.status === 'DOWNLOADED'){ - await this.fetchResource() - } - } + if (this.status.status === 'DOWNLOADED') { + await this.fetchResource() + } + } - // check if progress is 100% and clear interval if true - if (res.status === 'READY') { - const rawData = await this.getRawData() - const object = { - ...this.resource.schema.display - } - this.updateDisplayWithPlaceholders(object, {},rawData.data) - this.feedItem = object - clearInterval(intervalId) - this.status = res - this.isReady = true - } - }, 5000) // 1 second interval - } + // check if progress is 100% and clear interval if true + if (res.status === 'READY') { + const rawData = await this.getRawData() + const object = { + ...this.resource.schema.display + } + this.updateDisplayWithPlaceholders(object, {}, rawData.data) + this.feedItem = object + clearInterval(intervalId) + this.status = res + this.isReady = true + } + }, 5000) // 5 second interval + } - async _fetchImage() { - try { - await this.fetchVideoUrl() - await this.fetchStatus() - } catch (error) { /* empty */ } - } + async _fetchImage() { + try { + await this.fetchVideoUrl() + await this.fetchStatus() + } catch (error) { /* empty */ } + } - firstUpdated(){ - this.observer.observe(this); + async goToFeedLink() { + try { + let newQuery = this.link + if (newQuery.endsWith('/')) { + newQuery = newQuery.slice(0, -1) + } + const res = await this.extractComponents(newQuery) + if (!res) return + const { service, name, identifier, path } = res + let query = `?service=${service}` + if (name) { + query = query + `&name=${name}` + } + if (identifier) { + query = query + `&identifier=${identifier}` + } + if (path) { + query = query + `&path=${path}` + } - } - - - - async goToFeedLink(){ - try { - let newQuery = this.link - if (newQuery.endsWith('/')) { - newQuery = newQuery.slice(0, -1) - } - const res = await this.extractComponents(newQuery) - if (!res) return - const { service, name, identifier, path } = res - let query = `?service=${service}` - if (name) { - query = query + `&name=${name}` - } - if (identifier) { - query = query + `&identifier=${identifier}` - } - if (path) { - query = query + `&path=${path}` - } - - store.dispatch(setNewTab({ + store.dispatch(setNewTab({ url: `qdn/browser/index.html${query}`, id: this.uid.rnd(), myPlugObj: { @@ -373,137 +289,72 @@ getMyNode(){ "menus": [], "parent": false }, - openExisting: true + openExisting: true })) - } catch (error) { - console.log({error}) - } - } + } catch (error) { + console.log({ error }) + } + } + async extractComponents(url) { + if (!url.startsWith("qortal://")) { + return null + } + url = url.replace(/^(qortal\:\/\/)/, "") - async extractComponents(url) { - if (!url.startsWith("qortal://")) { - return null - } + if (url.includes("/")) { + let parts = url.split("/") + const service = parts[0].toUpperCase() + parts.shift() + const name = parts[0] + parts.shift() + let identifier - url = url.replace(/^(qortal\:\/\/)/, "") - if (url.includes("/")) { - let parts = url.split("/") - const service = parts[0].toUpperCase() - parts.shift() - const name = parts[0] - parts.shift() - let identifier + if (parts.length > 0) { + identifier = parts[0] // Do not shift yet + // Check if a resource exists with this service, name and identifier combination + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${myNode.apiKey}}` - if (parts.length > 0) { - identifier = parts[0] // Do not shift yet - // Check if a resource exists with this service, name and identifier combination - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${myNode.apiKey}}` + const res = await fetch(url); + const data = await res.json(); + if (data.totalChunkCount > 0) { + // Identifier exists, so don't include it in the path + parts.shift() + } + else { + identifier = null + } + } - const res = await fetch(url); - const data = await res.json(); - if (data.totalChunkCount > 0) { - // Identifier exists, so don't include it in the path - parts.shift() - } - else { - identifier = null - } - } + const path = parts.join("/") - const path = parts.join("/") + const components = {} + components["service"] = service + components["name"] = name + components["identifier"] = identifier + components["path"] = path + return components + } + return null + } - const components = {} - components["service"] = service - components["name"] = name - components["identifier"] = identifier - components["path"] = path - return components - } - return null + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } - - - - - - - - render() { - let avatarImg - const avatarUrl = `${this.nodeUrl}/arbitrary/THUMBNAIL/${this.resource.name}/qortal_avatar?async=true&apiKey=${this.myNode.apiKey}`; - avatarImg = html``; - let avatarImgApp - const avatarUrl2 = `${this.nodeUrl}/arbitrary/THUMBNAIL/${this.appName}/qortal_avatar?async=true&apiKey=${this.myNode.apiKey}`; - avatarImgApp = html``; - return html` -
    - ${ - this.status.status !== 'READY' - ? html` -
    -
    -

    ${`${Math.round(this.status.percentLoaded || 0 - ).toFixed(0)}% `}${translate('chatpage.cchange94')}

    -
    - ` - : '' - } - ${this.status.status === 'READY' && this.feedItem ? html` -
    -
    -
    - ${avatarImg}
    ${this.resource.name} -
    -
    -

    ${this.feedItem.title}

    -
    -
    -
    - ${avatarImgApp} -
    - -
    -
    - ` : ''} - -
    - - ` - - - } -} - -customElements.define('feed-item', FeedItem); +window.customElements.define('feed-item', FeedItem) \ No newline at end of file diff --git a/core/src/components/friends-view/friend-item-actions.js b/core/src/components/friends-view/friend-item-actions.js index 06b1217a..1f57893c 100644 --- a/core/src/components/friends-view/friend-item-actions.js +++ b/core/src/components/friends-view/friend-item-actions.js @@ -1,146 +1,42 @@ -// popover-component.js -import {css, html, LitElement} from 'lit'; -import {createPopper} from '@popperjs/core'; -import '@material/mwc-icon'; -import {translate} from '../../../translate' -import {store} from '../../store'; -import {connect} from 'pwa-helpers'; -import {setNewTab, setSideEffectAction} from '../../redux/app/app-actions'; -import ShortUniqueId from 'short-unique-id'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { createPopper } from '@popperjs/core' +import { setNewTab, setSideEffectAction } from '../../redux/app/app-actions' +import { translate } from '../../../translate' +import { friendItemActionsStyles } from '../../styles/core-css' +import ShortUniqueId from 'short-unique-id' +import '@material/mwc-icon' export class FriendItemActions extends connect(store)(LitElement) { - static styles = css` - :host { - display: none; - position: absolute; - background-color: var(--white); - border: 1px solid #ddd; - padding: 8px; - z-index: 10; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - color: var(--black); - max-width: 250px; - } - - .close-icon { - cursor: pointer; - float: right; - margin-left: 10px; - color: var(--black); - } - - .send-message-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: var(--mdc-theme-primary); - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - } - - .send-message-button:hover { - cursor: pointer; - background-color: #03a8f485; - } - .action-parent { - display: flex; - flex-direction: column; - width: 100%; - } - - div[tabindex='0']:focus { - outline: none; - } - `; - static get properties() { return { for: { type: String, reflect: true }, message: { type: String }, openEditFriend: { attribute: false }, name: { type: String }, - closeSidePanel: { attribute: false, type: Object }, - }; + closeSidePanel: { attribute: false, type: Object } + } + } + + static get styles() { + return [friendItemActionsStyles] } constructor() { - super(); - this.message = ''; - this.nodeUrl = this.getNodeUrl(); - this.uid = new ShortUniqueId(); - this.getUserAddress = this.getUserAddress.bind(this); - } - getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port - } - - firstUpdated() { - // We'll defer the popper attachment to the openPopover() method to ensure target availability - } - - attachToTarget(target) { - if (!this.popperInstance && target) { - this.popperInstance = createPopper(target, this, { - placement: 'bottom', - }); - } - } - - openPopover(target) { - this.attachToTarget(target); - this.style.display = 'block'; - setTimeout(() => { - this.shadowRoot.getElementById('parent-div').focus(); - }, 50); - } - - closePopover() { - this.style.display = 'none'; - if (this.popperInstance) { - this.popperInstance.destroy(); - this.popperInstance = null; - } - this.requestUpdate(); - } - handleBlur() { - setTimeout(() => { - this.closePopover(); - }, 0); - } - - async getUserAddress() { - try { - const url = `${this.nodeUrl}/names/${this.name}`; - const res = await fetch(url); - const result = await res.json(); - if (result.error === 401) { - return ''; - } else { - return result.owner; - } - } catch (error) { - return ''; - } + super() + this.message = '' + this.nodeUrl = this.getNodeUrl() + this.uid = new ShortUniqueId() + this.getUserAddress = this.getUserAddress.bind(this) } render() { return html`
    - close + + close +
    - person + person ${translate('profile.profile18')}
    - `; + ` + } + + firstUpdated() { + // ... + } + + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port + } + + attachToTarget(target) { + if (!this.popperInstance && target) { + this.popperInstance = createPopper(target, this, { + placement: 'bottom' + }) + } + } + + openPopover(target) { + this.attachToTarget(target) + this.style.display = 'block' + setTimeout(() => { + this.shadowRoot.getElementById('parent-div').focus() + }, 50) + } + + closePopover() { + this.style.display = 'none' + if (this.popperInstance) { + this.popperInstance.destroy() + this.popperInstance = null + } + this.requestUpdate() + } + + handleBlur() { + setTimeout(() => { + this.closePopover() + }, 0) + } + + async getUserAddress() { + try { + const url = `${this.nodeUrl}/names/${this.name}` + const res = await fetch(url) + const result = await res.json() + if (result.error === 401) { + return '' + } else { + return result.owner + } + } catch (error) { + return '' + } + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('friend-item-actions', FriendItemActions); +window.customElements.define('friend-item-actions', FriendItemActions) diff --git a/core/src/components/friends-view/friends-feed.js b/core/src/components/friends-view/friends-feed.js index 597fa8e1..b20a18e2 100644 --- a/core/src/components/friends-view/friends-feed.js +++ b/core/src/components/friends-view/friends-feed.js @@ -1,476 +1,461 @@ -import {html, LitElement} from 'lit'; -import '@material/mwc-icon'; -import './friends-view' -import {friendsViewStyles} from './friends-view-css'; -import {connect} from 'pwa-helpers'; -import {store} from '../../store'; +import { html, LitElement } from 'lit' +import { store } from '../../store' +import { connect } from 'pwa-helpers' +import { translate } from '../../../translate' +import { friendsViewStyles } from '../../styles/core-css' import './feed-item' -import {translate} from '../../../translate' - +import './friends-view' +import '@material/mwc-icon' import '@polymer/paper-spinner/paper-spinner-lite.js' +const perEndpointCount = 20 +const totalDesiredCount = 100 +const maxResultsInMemory = 300 -const perEndpointCount = 20; -const totalDesiredCount = 100; -const maxResultsInMemory = 300; class FriendsFeed extends connect(store)(LitElement) { - static get properties() { + static get properties() { return { - feed: {type: Array}, - setHasNewFeed: {attribute:false}, - isLoading: {type: Boolean}, - hasFetched: {type: Boolean}, - mySelectedFeeds: {type: Array} - }; - } - constructor(){ - super() - this.feed = [] - this.feedToRender = [] - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.endpoints = [] - this.endpointOffsets = [] // Initialize offsets for each endpoint to 0 - - this.loadAndMergeData = this.loadAndMergeData.bind(this) - this.hasInitialFetch = false - this.observerHandler = this.observerHandler.bind(this); - this.elementObserver = this.elementObserver.bind(this) - this.mySelectedFeeds = [] - this.getSchemas = this.getSchemas.bind(this) - this.hasFetched = false - this._updateFeeds = this._updateFeeds.bind(this) - + feed: { type: Array }, + setHasNewFeed: { attribute: false }, + isLoading: { type: Boolean }, + hasFetched: { type: Boolean }, + mySelectedFeeds: { type: Array } + } } static get styles() { - return [friendsViewStyles]; + return [friendsViewStyles] + } + + constructor() { + super() + this.feed = [] + this.feedToRender = [] + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.endpoints = [] + this.endpointOffsets = [] // Initialize offsets for each endpoint to 0 + this.loadAndMergeData = this.loadAndMergeData.bind(this) + this.hasInitialFetch = false + this.observerHandler = this.observerHandler.bind(this) + this.elementObserver = this.elementObserver.bind(this) + this.mySelectedFeeds = [] + this.getSchemas = this.getSchemas.bind(this) + this.hasFetched = false + this._updateFeeds = this._updateFeeds.bind(this) + } + + render() { + return html` +
    +
    + ${this.isLoading ? html` +
    + +
    + ` : ''} + ${this.hasFetched && !this.isLoading && this.feed.length === 0 ? html` +
    +

    ${translate('friends.friend17')}

    +
    + ` : ''} + ${this.feedToRender.map((item) => { + return html` + + + ` + })} +
    +
    +
    + ` } + async firstUpdated() { + this.viewElement = this.shadowRoot.getElementById('viewElement') + this.downObserverElement = this.shadowRoot.getElementById('downObserver') + this.elementObserver() + + try { + await new Promise((res) => { + setTimeout(() => { + res() + }, 5000) + }) + + if (this.mySelectedFeeds.length === 0) { + await this.getEndpoints() + await this.loadAndMergeData() + } + + this.getFeedOnInterval() + } catch (error) { + console.log(error) + } + } getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } - _updateFeeds(event) { + _updateFeeds(event) { this.mySelectedFeeds = event.detail - this.reFetchFeedData() - this.requestUpdate() + this.reFetchFeedData() + this.requestUpdate() } connectedCallback() { super.connectedCallback() - window.addEventListener('friends-my-selected-feeds-event', this._updateFeeds) } + window.addEventListener('friends-my-selected-feeds-event', this._updateFeeds) + } disconnectedCallback() { window.removeEventListener('friends-my-selected-feeds-event', this._updateFeeds) super.disconnectedCallback() } - async getSchemas(){ - this.mySelectedFeeds = JSON.parse(localStorage.getItem('friends-my-selected-feeds') || "[]") - const schemas = this.mySelectedFeeds - const getAllSchemas = (schemas || []).map( - async (schema) => { - try { - const url = `${this.nodeUrl}/arbitrary/${schema.service}/${schema.name}/${schema.identifier}`; - const res = await fetch(url) - const data = await res.json() - if(data.error) return false - return data - } catch (error) { - console.log(error); - return false - } - } - ); - const res = await Promise.all(getAllSchemas); - return res.filter((item)=> !!item) - } + async getSchemas() { + this.mySelectedFeeds = JSON.parse(localStorage.getItem('friends-my-selected-feeds') || "[]") + const schemas = this.mySelectedFeeds - getFeedOnInterval(){ - let interval = null; - let stop = false; - const getAnswer = async () => { - - if (!stop) { - stop = true; + const getAllSchemas = (schemas || []).map( + async (schema) => { try { - await this.reFetchFeedData() - } catch (error) {} - stop = false; + const url = `${this.nodeUrl}/arbitrary/${schema.service}/${schema.name}/${schema.identifier}` + const res = await fetch(url) + const data = await res.json() + if (data.error) return false + return data + } catch (error) { + console.log(error) + return false + } } - }; - interval = setInterval(getAnswer, 900000); + ) - } - - async getEndpoints(){ - const dynamicVars = { - - } - const schemas = await this.getSchemas() - const friendList = JSON.parse(localStorage.getItem('friends-my-friend-list') || "[]") - const names = friendList.map(friend => `name=${friend.name}`).join('&'); - if(names.length === 0){ - this.endpoints= [] - this.endpointOffsets = Array(this.endpoints.length).fill(0); - return - } - const baseurl = `${this.nodeUrl}/arbitrary/resources/search?reverse=true&mode=ALL&exactmatchnames=true&${names}` - let formEndpoints = [] - schemas.forEach((schema)=> { - const feedData = schema.feed[0] - if(feedData){ - const copyFeedData = {...feedData} - const fullUrl = constructUrl(baseurl, copyFeedData.search, dynamicVars); - if(fullUrl){ - formEndpoints.push({ - url: fullUrl, schemaName: schema.name, schema: copyFeedData - }) - } - } - - - }) - this.endpoints= formEndpoints - this.endpointOffsets = Array(this.endpoints.length).fill(0); - } - - async firstUpdated(){ - this.viewElement = this.shadowRoot.getElementById('viewElement'); - this.downObserverElement = - this.shadowRoot.getElementById('downObserver'); - this.elementObserver(); - - - try { - await new Promise((res)=> { - setTimeout(() => { - res() - }, 5000); - }) - if(this.mySelectedFeeds.length === 0){ - await this.getEndpoints() - -await this.loadAndMergeData(); - } - -this.getFeedOnInterval() - - } catch (error) { - console.log(error) - } + const res = await Promise.all(getAllSchemas) + return res.filter((item) => !!item) } - getMoreFeed(){ - if(!this.hasInitialFetch) return - if(this.feedToRender.length === this.feed.length ) return - this.feedToRender = this.feed.slice(0, this.feedToRender.length + 20) - this.requestUpdate() - } + getFeedOnInterval() { + let interval = null + let stop = false - async refresh(){ - try { - await this.getEndpoints() - await this.reFetchFeedData() - } catch (error) { + const getAnswer = async () => { + if (!stop) { + stop = true + try { + await this.reFetchFeedData() + } catch (error) { } + stop = false + } + } - } - } + interval = setInterval(getAnswer, 900000) + } + async getEndpoints() { + const dynamicVars = { } + const schemas = await this.getSchemas() + const friendList = JSON.parse(localStorage.getItem('friends-my-friend-list') || "[]") + const names = friendList.map(friend => `name=${friend.name}`).join('&') + + if (names.length === 0) { + this.endpoints = [] + this.endpointOffsets = Array(this.endpoints.length).fill(0) + return + } + + const baseurl = `${this.nodeUrl}/arbitrary/resources/search?reverse=true&mode=ALL&exactmatchnames=true&${names}` + let formEndpoints = [] + + schemas.forEach((schema) => { + const feedData = schema.feed[0] + if (feedData) { + const copyFeedData = { ...feedData } + const fullUrl = constructUrl(baseurl, copyFeedData.search, dynamicVars) + if (fullUrl) { + formEndpoints.push({ + url: fullUrl, schemaName: schema.name, schema: copyFeedData + }) + } + } + }) + + this.endpoints = formEndpoints + this.endpointOffsets = Array(this.endpoints.length).fill(0) + } + + getMoreFeed() { + if (!this.hasInitialFetch) return + if (this.feedToRender.length === this.feed.length) return + this.feedToRender = this.feed.slice(0, this.feedToRender.length + 20) + this.requestUpdate() + } + + async refresh() { + try { + await this.getEndpoints() + await this.reFetchFeedData() + } catch (error) { + + } + } elementObserver() { const options = { rootMargin: '0px', - threshold: 1, - }; + threshold: 1 + } + // identify an element to observe - const elementToObserve = this.downObserverElement; + const elementToObserve = this.downObserverElement + // passing it a callback function const observer = new IntersectionObserver( this.observerHandler, options - ); + ) + // call `observe()` on that MutationObserver instance, // passing it the element to observe, and the options object - observer.observe(elementToObserve); + observer.observe(elementToObserve) } observerHandler(entries) { if (!entries[0].isIntersecting) { - } else { if (this.feedToRender.length < 20) { - return; + return } - this.getMoreFeed(); + this.getMoreFeed() } } - async fetchDataFromEndpoint(endpointIndex, count) { - const offset = this.endpointOffsets[endpointIndex]; - const url = `${this.endpoints[endpointIndex].url}&limit=${count}&offset=${offset}`; - const res = await fetch(url) - const data = await res.json() - return data.map((i)=> { - return { - ...this.endpoints[endpointIndex], - ...i - } - }) + async fetchDataFromEndpoint(endpointIndex, count) { + const offset = this.endpointOffsets[endpointIndex] + const url = `${this.endpoints[endpointIndex].url}&limit=${count}&offset=${offset}` + const res = await fetch(url) + const data = await res.json() - } + return data.map((i) => { + return { + ...this.endpoints[endpointIndex], + ...i + } + }) + } + async initialLoad() { + let results = [] + let totalFetched = 0 + let i = 0 + let madeProgress = true + let exhaustedEndpoints = new Set() - async initialLoad() { - let results = []; - let totalFetched = 0; - let i = 0; - let madeProgress = true; - let exhaustedEndpoints = new Set(); + while (totalFetched < totalDesiredCount && madeProgress) { + madeProgress = false + this.isLoading = true + for (i = 0; i < this.endpoints.length; i++) { + if (exhaustedEndpoints.has(i)) { + continue + } - while (totalFetched < totalDesiredCount && madeProgress) { - madeProgress = false; - this.isLoading = true - for (i = 0; i < this.endpoints.length; i++) { - if (exhaustedEndpoints.has(i)) { - continue; - } + const remainingCount = totalDesiredCount - totalFetched - const remainingCount = totalDesiredCount - totalFetched; + // If we've already reached the desired count, break + if (remainingCount <= 0) { + break; + } - // If we've already reached the desired count, break - if (remainingCount <= 0) { - break; - } + let fetchCount = Math.min(perEndpointCount, remainingCount) + let data = await this.fetchDataFromEndpoint(i, fetchCount) - let fetchCount = Math.min(perEndpointCount, remainingCount); - let data = await this.fetchDataFromEndpoint(i, fetchCount); + // Increment the offset for this endpoint by the number of items fetched + this.endpointOffsets[i] += data.length - // Increment the offset for this endpoint by the number of items fetched - this.endpointOffsets[i] += data.length; + if (data.length > 0) { + madeProgress = true + } - if (data.length > 0) { - madeProgress = true; - } + if (data.length < fetchCount) { + exhaustedEndpoints.add(i) + } - if (data.length < fetchCount) { - exhaustedEndpoints.add(i); - } + results = results.concat(data) + totalFetched += data.length + } - results = results.concat(data); - totalFetched += data.length; - } + if (exhaustedEndpoints.size === this.endpoints.length) { + break + } + } - if (exhaustedEndpoints.size === this.endpoints.length) { - break; - } - } - this.isLoading = false - this.hasFetched = true; - // Trim the results if somehow they are over the totalDesiredCount - return results.slice(0, totalDesiredCount); - } + this.isLoading = false + this.hasFetched = true + // Trim the results if somehow they are over the totalDesiredCount + return results.slice(0, totalDesiredCount) + } + trimDataToLimit(data, limit) { + return data.slice(0, limit) + } + mergeData(newData, existingData) { + const existingIds = new Set(existingData.map(item => item.identifier)) // Assume each item has a unique 'id' + const uniqueNewData = newData.filter(item => !existingIds.has(item.identifier)) + return uniqueNewData.concat(existingData) + } + async addExtraData(data) { + let newData = [] + for (let item of data) { + let newItem = { + ...item, + schema: { + ...item.schema, + customParams: { ...item.schema.customParams } - trimDataToLimit(data, limit) { - return data.slice(0, limit); - } + } + } - mergeData(newData, existingData) { - const existingIds = new Set(existingData.map(item => item.identifier)); // Assume each item has a unique 'id' - const uniqueNewData = newData.filter(item => !existingIds.has(item.identifier)); - return uniqueNewData.concat(existingData); - } + let newResource = { + identifier: newItem.identifier, + service: newItem.service, + name: newItem.name + } + if (newItem.schema) { + const resource = newItem - async addExtraData(data){ - let newData = [] - for (let item of data) { - let newItem = { - ...item, - schema: { - ...item.schema, - customParams: {...item.schema.customParams} - - } - } - let newResource = { - identifier: newItem.identifier, - service: newItem.service, - name: newItem.name - } - if(newItem.schema){ - const resource = newItem - - let clickValue1 = newItem.schema.click; + let clickValue1 = newItem.schema.click; newItem.link = replacePlaceholders(clickValue1, resource, newItem.schema.customParams) - newData.push(newItem) - } - } - return newData + newData.push(newItem) + } + } + return newData + } - } - async reFetchFeedData() { - // Resetting offsets to start fresh. - this.endpointOffsets = Array(this.endpoints.length).fill(0); - await this.getEndpoints() - const oldIdentifiers = new Set(this.feed.map(item => item.identifier)); - const newData = await this.initialLoad(); + async reFetchFeedData() { + // Resetting offsets to start fresh. + this.endpointOffsets = Array(this.endpoints.length).fill(0) + await this.getEndpoints() + const oldIdentifiers = new Set(this.feed.map(item => item.identifier)) + const newData = await this.initialLoad() - // Filter out items that are already in the feed - const trulyNewData = newData.filter(item => !oldIdentifiers.has(item.identifier)); + // Filter out items that are already in the feed + const trulyNewData = newData.filter(item => !oldIdentifiers.has(item.identifier)) - if (trulyNewData.length > 0) { - // Adding extra data and merging with old data - const enhancedNewData = await this.addExtraData(trulyNewData); + if (trulyNewData.length > 0) { + // Adding extra data and merging with old data + const enhancedNewData = await this.addExtraData(trulyNewData) - // Merge new data with old data immutably - this.feed = [...enhancedNewData, ...this.feed]; - this.feed = this.removeDuplicates(this.feed) - this.feed.sort((a, b) => new Date(b.created) - new Date(a.created)); // Sort by timestamp, most recent first - this.feed = this.trimDataToLimit(this.feed, maxResultsInMemory); // Trim to the maximum allowed in memory - this.feedToRender = this.feed.slice(0, 20); - this.hasInitialFetch = true; + // Merge new data with old data immutably + this.feed = [...enhancedNewData, ...this.feed] + this.feed = this.removeDuplicates(this.feed) + this.feed.sort((a, b) => new Date(b.created) - new Date(a.created)) // Sort by timestamp, most recent first + this.feed = this.trimDataToLimit(this.feed, maxResultsInMemory) // Trim to the maximum allowed in memory + this.feedToRender = this.feed.slice(0, 20) + this.hasInitialFetch = true - const created = trulyNewData[0].created; - let value = localStorage.getItem('lastSeenFeed'); - if (((+value || 0) < created)) { - this.setHasNewFeed(true); - } - } - } - - - removeDuplicates(array) { - const seenIds = new Set(); - return array.filter(item => { - if (!seenIds.has(item.identifier)) { - seenIds.add(item.identifier); - return true; - } - return false; - }); - } - - - async loadAndMergeData() { - let allData = this.feed - const newData = await this.initialLoad(); - allData = await this.addExtraData(newData) - allData = this.mergeData(newData, allData); - allData.sort((a, b) => new Date(b.created) - new Date(a.created)); // Sort by timestamp, most recent first - allData = this.trimDataToLimit(allData, maxResultsInMemory); // Trim to the maximum allowed in memory - allData = this.removeDuplicates(allData) - this.feed = [...allData] - this.feedToRender = this.feed.slice(0,20) - this.hasInitialFetch = true - if(allData.length > 0){ - const created = allData[0].created - let value = localStorage.getItem('lastSeenFeed') + const created = trulyNewData[0].created + let value = localStorage.getItem('lastSeenFeed') if (((+value || 0) < created)) { this.setHasNewFeed(true) } - } - } - - - - - - render() { - return html` -
    -
    - ${this.isLoading ? html` -
    - -
    - ` : ''} - ${this.hasFetched && !this.isLoading && this.feed.length === 0 ? html` -
    -

    ${translate('friends.friend17')}

    -
    - ` : ''} - ${this.feedToRender.map((item) => { - return html``; - })} -
    -
    -
    - `; + } } + removeDuplicates(array) { + const seenIds = new Set() + return array.filter(item => { + if (!seenIds.has(item.identifier)) { + seenIds.add(item.identifier) + return true + } + return false + }) + } + + async loadAndMergeData() { + let allData = this.feed + const newData = await this.initialLoad(); + allData = await this.addExtraData(newData) + allData = this.mergeData(newData, allData); + allData.sort((a, b) => new Date(b.created) - new Date(a.created)); // Sort by timestamp, most recent first + allData = this.trimDataToLimit(allData, maxResultsInMemory); // Trim to the maximum allowed in memory + allData = this.removeDuplicates(allData) + this.feed = [...allData] + this.feedToRender = this.feed.slice(0, 20) + this.hasInitialFetch = true + if (allData.length > 0) { + const created = allData[0].created + let value = localStorage.getItem('lastSeenFeed') + if (((+value || 0) < created)) { + this.setHasNewFeed(true) + } + } + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('friends-feed', FriendsFeed); +window.customElements.define('friends-feed', FriendsFeed) export function substituteDynamicVar(value, dynamicVars) { - if (typeof value !== 'string') return value; - - const pattern = /\$\$\{([a-zA-Z0-9_]+)\}\$\$/g; // Adjusted pattern to capture $${name}$$ with curly braces - - return value.replace(pattern, (match, p1) => { - return dynamicVars[p1] !== undefined ? dynamicVars[p1] : match; - }); + if (typeof value !== 'string') return value + const pattern = /\$\$\{([a-zA-Z0-9_]+)\}\$\$/g // Adjusted pattern to capture $${name}$$ with curly braces + return value.replace(pattern, (match, p1) => { + return dynamicVars[p1] !== undefined ? dynamicVars[p1] : match + }) } export function constructUrl(base, search, dynamicVars) { - let queryStrings = []; - - for (const [key, value] of Object.entries(search)) { - const substitutedValue = substituteDynamicVar(value, dynamicVars); - queryStrings.push(`${key}=${encodeURIComponent(substitutedValue)}`); - } - - return queryStrings.length > 0 ? `${base}&${queryStrings.join('&')}` : base; + let queryStrings = [] + for (const [key, value] of Object.entries(search)) { + const substitutedValue = substituteDynamicVar(value, dynamicVars) + queryStrings.push(`${key}=${encodeURIComponent(substitutedValue)}`) + } + return queryStrings.length > 0 ? `${base}&${queryStrings.join('&')}` : base } - - - - - - - export function replacePlaceholders(template, resource, customParams) { - const dataSource = { resource, customParams }; - - return template.replace(/\$\$\{(.*?)\}\$\$/g, (match, p1) => { - const keys = p1.split('.'); - let value = dataSource; - - for (let key of keys) { - if (value[key] !== undefined) { - value = value[key]; - } else { - return match; // Return placeholder unchanged - } - } - return value; - }); -} - - - - + const dataSource = { resource, customParams } + return template.replace(/\$\$\{(.*?)\}\$\$/g, (match, p1) => { + const keys = p1.split('.') + let value = dataSource + for (let key of keys) { + if (value[key] !== undefined) { + value = value[key] + } else { + return match // Return placeholder unchanged + } + } + return value + }) +} \ No newline at end of file diff --git a/core/src/components/friends-view/friends-side-panel-parent.js b/core/src/components/friends-view/friends-side-panel-parent.js index 42984e65..1af1c69e 100644 --- a/core/src/components/friends-view/friends-side-panel-parent.js +++ b/core/src/components/friends-view/friends-side-panel-parent.js @@ -1,68 +1,43 @@ -import {css, html, LitElement} from 'lit' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { translate } from '../../../translate' +import { friendsSidePanelParentStyles } from '../../styles/core-css' +import './friends-side-panel' import '@material/mwc-icon' -import './friends-side-panel.js' import '@vaadin/tooltip' -import {translate} from '../../../translate' -class FriendsSidePanelParent extends LitElement { +class FriendsSidePanelParent extends connect(store)(LitElement) { static get properties() { return { - isOpen: {type: Boolean}, - hasNewFeed: {type: Boolean} + isOpen: { type: Boolean }, + hasNewFeed: { type: Boolean } } } + static get styles() { + return [friendsSidePanelParentStyles] + } + constructor() { super() this.isOpen = false this.hasNewFeed = false } - static styles = css` - .header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px; - border-bottom: 1px solid #e0e0e0; - } - - .content { - padding: 16px; - } - .close { - visibility: hidden; - position: fixed; - z-index: -100; - right: -1000px; - } - - .parent-side-panel { - transform: translateX(100%); /* start from outside the right edge */ - transition: transform 0.3s ease-in-out; - } - .parent-side-panel.open { - transform: translateX(0); /* slide in to its original position */ - - } - ` - - setHasNewFeed(val){ - this.hasNewFeed = val - } - render() { return html` { + @click=${() => { this.isOpen = !this.isOpen - if(this.isOpen && this.hasNewFeed) { + if (this.isOpen && this.hasNewFeed) { localStorage.setItem('lastSeenFeed', Date.now()) this.hasNewFeed = false this.shadowRoot.querySelector("friends-side-panel").selected = 'feed' } - }} style="color: ${this.hasNewFeed ? 'green' : 'var(--black)'}; cursor:pointer;user-select:none" + }} + style="color: ${this.hasNewFeed ? 'green' : 'var(--black)'}; cursor:pointer;user-select:none" > group @@ -72,12 +47,33 @@ class FriendsSidePanelParent extends LitElement { hover-delay=${400} hide-delay=${1} text=${translate('friends.friend12')} - > - - this.setHasNewFeed(val)} ?isOpen=${this.isOpen} .setIsOpen=${(val)=> this.isOpen = val}> - + > + this.setHasNewFeed(val)} ?isOpen=${this.isOpen} .setIsOpen=${(val) => this.isOpen = val}> ` } + + firstUpdated() { + // ... + } + + setHasNewFeed(val) { + this.hasNewFeed = val + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('friends-side-panel-parent', FriendsSidePanelParent) +window.customElements.define('friends-side-panel-parent', FriendsSidePanelParent) \ No newline at end of file diff --git a/core/src/components/friends-view/friends-side-panel.js b/core/src/components/friends-view/friends-side-panel.js index 3e4a0370..11485887 100644 --- a/core/src/components/friends-view/friends-side-panel.js +++ b/core/src/components/friends-view/friends-side-panel.js @@ -1,158 +1,94 @@ -import {css, html, LitElement} from 'lit'; -import '@material/mwc-icon'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { translate } from '../../../translate' +import { friendsSidePanelStyles } from '../../styles/core-css' import './friends-view' import './friends-feed' -import {translate} from '../../../translate' +import '@material/mwc-icon' -class FriendsSidePanel extends LitElement { - static get properties() { +class FriendsSidePanel extends connect(store)(LitElement) { + static get properties() { return { - setIsOpen: { attribute: false}, - isOpen: {type: Boolean}, - selected: {type: String}, - setHasNewFeed: {attribute: false}, - closeSidePanel: {attribute: false, type: Object}, - openSidePanel: {attribute: false, type: Object} - }; + setIsOpen: { attribute: false }, + isOpen: { type: Boolean }, + selected: { type: String }, + setHasNewFeed: { attribute: false }, + closeSidePanel: { attribute: false, type: Object }, + openSidePanel: { attribute: false, type: Object } + } } - constructor(){ + static get styles() { + return [friendsSidePanelStyles] + } + + constructor() { super() this.selected = 'friends' this.closeSidePanel = this.closeSidePanel.bind(this) this.openSidePanel = this.openSidePanel.bind(this) - - } - - static styles = css` - :host { - display: block; - position: fixed; - top: 55px; - right: 0px; - width: 420px; - max-width: 95%; - height: calc(100vh - 55px); - background-color: var(--white); - border-left: 1px solid rgb(224, 224, 224); - z-index: 1; - transform: translateX(100%); /* start from outside the right edge */ - transition: transform 0.3s ease-in-out; - } - :host([isOpen]) { - transform: unset; /* slide in to its original position */ - } - - .header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px; - border-bottom: 1px solid #e0e0e0; - } - - .content { - padding: 16px; - display: flex; - flex-direction: column; - flex-grow: 1; - overflow: auto; - } - .content::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .content::-webkit-scrollbar { - width: 12px; - border-radius: 7px; - background-color: whitesmoke; - } - - .content::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - .parent { - display: flex; - flex-direction: column; - height: 100%; - } - - .active { - font-size: 16px; - background: var(--black); - color: var(--white); - padding: 5px; - border-radius: 2px; - cursor: pointer; - } - - .default { - font-size: 16px; - color: var(--black); - padding: 5px; - border-radius: 2px; - cursor: pointer; - } - - .default-content { - visibility: hidden; - position: absolute; - z-index: -50; - } - - `; - - refreshFeed(){ - - this.shadowRoot.querySelector('friends-feed').refresh() - - - } - - closeSidePanel(){ - this.setIsOpen(false) - } - openSidePanel(){ - this.setIsOpen(true) } render() { return html`
    -
    -
    - this.selected = 'friends'} class="${this.selected === 'friends' ? 'active' : 'default'}">${translate('friends.friend12')} - this.selected = 'feed'} class="${this.selected === 'feed' ? 'active' : 'default'}">${translate('friends.friend13')} -
    -
    - { - this.refreshFeed() - }} style="color: var(--black); cursor:pointer;">refresh - { - this.setIsOpen(false) - }}>close -
    - -
    -
    -
    - this.refreshFeed()}> +
    +
    + this.selected = 'friends'} class="${this.selected === 'friends' ? 'active' : 'default'}">${translate('friends.friend12')} + this.selected = 'feed'} class="${this.selected === 'feed' ? 'active' : 'default'}">${translate('friends.friend13')} +
    +
    + { this.refreshFeed(); }} style="color: var(--black); cursor:pointer;"> + refresh + + { this.setIsOpen(false); }}> + close + +
    -
    - this.setHasNewFeed(val)}> +
    +
    + this.refreshFeed()}> +
    +
    + this.setHasNewFeed(val)}> +
    - - - -
    -
    - `; + ` } + firstUpdated() { + // ... + } + + refreshFeed() { + this.shadowRoot.querySelector('friends-feed').refresh() + } + + closeSidePanel() { + this.setIsOpen(false) + } + + openSidePanel() { + this.setIsOpen(true) + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('friends-side-panel', FriendsSidePanel); +window.customElements.define('friends-side-panel', FriendsSidePanel) \ No newline at end of file diff --git a/core/src/components/friends-view/friends-view-css.js b/core/src/components/friends-view/friends-view-css.js deleted file mode 100644 index aa3aa5be..00000000 --- a/core/src/components/friends-view/friends-view-css.js +++ /dev/null @@ -1,182 +0,0 @@ -import {css} from 'lit' - -export const friendsViewStyles = css` -* { - box-sizing: border-box; -} - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: 0.2s all; - } - - .top-bar-icon:hover { - color: var(--black); - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .close-row { - width: 100%; - display: flex; - justify-content: flex-end; - height: 50px; - flex:0 - - } - - .container-body { - width: 100%; - display: flex; - flex-direction: column; - flex-grow: 1; - margin-top: 5px; - padding: 0px 6px; - box-sizing: border-box; - align-items: center; - gap: 10px; - } - - .container-body::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .container-body::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .container-body::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .container-body::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - p { - color: var(--black); - margin: 0px; - padding: 0px; - word-break: break-all; - } - - .container { - display: flex; - width: 100%; - flex-direction: column; - height: 100%; - } - - .chat-right-panel-label { - font-family: Montserrat, sans-serif; - color: var(--group-header); - padding: 5px; - font-size: 13px; - user-select: none; - } - - .group-info { - display: flex; - flex-direction: column; - justify-content: flex-start; - gap: 10px; - } - - .group-name { - font-family: Raleway, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - text-align: center; - user-select: none; - } - - .group-description { - font-family: Roboto, sans-serif; - color: var(--chat-bubble-msg-color); - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - margin-top: 15px; - word-break: break-word; - user-select: none; - } - - .group-subheader { - font-family: Montserrat, sans-serif; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - - .group-data { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - .search-results-div { - position: absolute; - top: 25px; - right: 25px; - } - - .name-input { - width: 100%; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - box-sizing: border-box; - } - - .name-input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .name-input::placeholder { - opacity: 0.9; - color: var(--black); - } - - .search-field { - width: 100%; - position: relative; - } - - .search-icon { - position: absolute; - right: 3px; - color: var(--chat-bubble-msg-color); - transition: hover 0.3s ease-in-out; - background: none; - border-radius: 50%; - padding: 6px 3px; - font-size: 21px; - } - - .search-icon:hover { - cursor: pointer; - background: #d7d7d75c; - } -` diff --git a/core/src/components/friends-view/friends-view.js b/core/src/components/friends-view/friends-view.js index 94e4b128..6d320f39 100644 --- a/core/src/components/friends-view/friends-view.js +++ b/core/src/components/friends-view/friends-view.js @@ -1,22 +1,20 @@ -import {html, LitElement} from 'lit'; -import {connect} from 'pwa-helpers'; - -import '@material/mwc-button'; -import '@material/mwc-dialog'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@polymer/paper-progress/paper-progress.js'; -import '@material/mwc-icon'; +import { html, LitElement } from 'lit' +import { store } from '../../store' +import { connect } from 'pwa-helpers' +import { parentEpml } from '../show-plugin' +import { translate } from '../../../translate' +import { friendsViewStyles } from '../../styles/core-css' +import './add-friends-modal' +import './ChatSideNavHeads' +import '../../../../plugins/plugins/core/components/ChatSearchResults' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@polymer/paper-progress/paper-progress.js' import '@vaadin/icon' import '@vaadin/icons' -import '@vaadin/button'; -import './ChatSideNavHeads'; -import '../../../../plugins/plugins/core/components/ChatSearchResults' -import './add-friends-modal' - -import {translate,} from '../../../translate' -import {store} from '../../store'; -import {friendsViewStyles} from './friends-view-css'; -import {parentEpml} from '../show-plugin'; +import '@vaadin/button' class FriendsView extends connect(store)(LitElement) { static get properties() { @@ -29,94 +27,159 @@ class FriendsView extends connect(store)(LitElement) { setUserName: { attribute: false }, friendList: { type: Array }, userSelected: { type: Object }, - isLoading: {type: Boolean}, - userFoundModalOpen: {type: Boolean}, - userFound: { type: Array}, - isOpenAddFriendsModal: {type: Boolean}, - editContent: {type: Object}, - mySelectedFeeds: {type: Array}, - refreshFeed: {attribute: false}, - closeSidePanel: {attribute: false, type: Object}, - openSidePanel: {attribute:false, type: Object} - }; + isLoading: { type: Boolean }, + userFoundModalOpen: { type: Boolean }, + userFound: { type: Array }, + isOpenAddFriendsModal: { type: Boolean }, + editContent: { type: Object }, + mySelectedFeeds: { type: Array }, + refreshFeed: { attribute: false }, + closeSidePanel: { attribute: false, type: Object }, + openSidePanel: { attribute: false, type: Object } + } } + static get styles() { - return [friendsViewStyles]; + return [friendsViewStyles] } constructor() { - super(); - this.error = false; - this.observerHandler = this.observerHandler.bind(this); - this.viewElement = ''; - this.downObserverElement = ''; - this.myAddress = - window.parent.reduxStore.getState().app.selectedAddress.address; - this.errorMessage = ''; - this.successMessage = ''; - this.friendList = []; - this.userSelected = {}; - this.isLoading = false; + super() + this.error = false + this.observerHandler = this.observerHandler.bind(this) + this.viewElement = '' + this.downObserverElement = '' + this.myAddress = store.getState().app.selectedAddress.address + this.errorMessage = '' + this.successMessage = '' + this.friendList = [] + this.userSelected = {} + this.isLoading = false this.userFoundModalOpen = false - this.userFound = []; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); + this.userFound = [] + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() this.isOpenAddFriendsModal = false this.editContent = null this.addToFriendList = this.addToFriendList.bind(this) this._updateFriends = this._updateFriends.bind(this) this._updateFeed = this._updateFeed.bind(this) this._addFriend = this._addFriend.bind(this) + } + render() { + return html` +
    +
    +

    My Friends

    +
    + { + if (e.key === 'Enter') { + this.userSearch() + } + }} + > + + +
    +
    + { + this.userSelected = result; + this.isOpenAddFriendsModal = true + this.userFound = []; + this.userFoundModalOpen = false; + }} + .closeFunc=${() => { + this.userFoundModalOpen = false; + this.userFound = []; + }} + .searchResults=${this.userFound} + ?isOpen=${this.userFoundModalOpen} + ?loading=${this.isLoading} + > + +
    + ${this.friendList.map((item) => { + return html` + { }} + .chatInfo=${item} + .openEditFriend=${(val) => this.openEditFriend(val)} + .closeSidePanel=${this.closeSidePanel} + > + + ` + })} +
    +
    +
    + { + this.isOpenAddFriendsModal = val + }} + .userSelected=${this.userSelected} + .onSubmit=${(val, isRemove) => this.addToFriendList(val, isRemove)} + .editContent=${this.editContent} + .onClose=${() => this.onClose()} + .mySelectedFeeds=${this.mySelectedFeeds} + > + + ` + } + + firstUpdated() { + this.viewElement = this.shadowRoot.getElementById('viewElement') + this.downObserverElement = this.shadowRoot.getElementById('downObserver') + this.elementObserver() + this.mySelectedFeeds = JSON.parse(localStorage.getItem('friends-my-selected-feeds') || "[]") + this.friendList = JSON.parse(localStorage.getItem('friends-my-friend-list') || "[]") } getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } - getMoreFriends() {} - - firstUpdated() { - this.viewElement = this.shadowRoot.getElementById('viewElement'); - this.downObserverElement = - this.shadowRoot.getElementById('downObserver'); - this.elementObserver(); - this.mySelectedFeeds = JSON.parse(localStorage.getItem('friends-my-selected-feeds') || "[]") - this.friendList = JSON.parse(localStorage.getItem('friends-my-friend-list') || "[]") - - - - - } + getMoreFriends() { } _updateFriends(event) { this.friendList = event.detail } + _updateFeed(event) { this.mySelectedFeeds = event.detail this.requestUpdate() } - _addFriend(event){ - const name = event.detail; - const findFriend = this.friendList.find((friend)=> friend.name === name) - if(findFriend){ - this.editContent = {...findFriend, mySelectedFeeds: this.mySelectedFeeds} - this.userSelected = findFriend; + _addFriend(event) { + const name = event.detail; + const findFriend = this.friendList.find((friend) => friend.name === name) + if (findFriend) { + this.editContent = { ...findFriend, mySelectedFeeds: this.mySelectedFeeds } + this.userSelected = findFriend } else { this.userSelected = { name - }; + } } this.isOpenAddFriendsModal = true @@ -134,7 +197,6 @@ class FriendsView extends connect(store)(LitElement) { window.removeEventListener('friends-my-friend-list-event', this._updateFriends) window.removeEventListener('friends-my-selected-feeds-event', this._updateFeed) window.removeEventListener('add-friend', this._addFriend) - super.disconnectedCallback() } @@ -142,18 +204,21 @@ class FriendsView extends connect(store)(LitElement) { const options = { root: this.viewElement, rootMargin: '0px', - threshold: 1, - }; + threshold: 1 + } + // identify an element to observe - const elementToObserve = this.downObserverElement; + const elementToObserve = this.downObserverElement + // passing it a callback function const observer = new IntersectionObserver( this.observerHandler, options - ); + ) + // call `observe()` on that MutationObserver instance, // passing it the element to observe, and the options object - observer.observe(elementToObserve); + observer.observe(elementToObserve) } observerHandler(entries) { @@ -163,112 +228,121 @@ class FriendsView extends connect(store)(LitElement) { if (this.friendList.length < 20) { return; } - this.getMoreFriends(); + + this.getMoreFriends() } } async userSearch() { const nameValue = this.shadowRoot.getElementById('sendTo').value - if(!nameValue) { + + if (!nameValue) { + this.userFound = [] + this.userFoundModalOpen = true + return; + } + + try { + const url = `${this.nodeUrl}/names/${nameValue}` + const res = await fetch(url) + const result = await res.json() + + if (result.error === 401) { this.userFound = [] - this.userFoundModalOpen = true - return; - } - try { - const url = `${this.nodeUrl}/names/${nameValue}` - const res = await fetch(url) - const result = await res.json() - if (result.error === 401) { - this.userFound = [] - } else { - this.userFound = [ - result - ]; - } - this.userFoundModalOpen = true; - } catch (error) { - // let err4string = get("chatpage.cchange35"); - // parentEpml.request('showSnackBar', `${err4string}`) + } else { + this.userFound = [ + result + ] } + + this.userFoundModalOpen = true; + } catch (error) { + // let err4string = get("chatpage.cchange35") + // parentEpml.request('showSnackBar', `${err4string}`) } + } - getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return apiNode.apiKey - } + async myFollowName(name) { + let items = [ + name + ] - async myFollowName(name) { - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + let namesJsonString = JSON.stringify({ "items": items }) - return await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - } + return await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + } - async unFollowName(name) { - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + async unFollowName(name) { + let items = [ + name + ] - return await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - } - async addToFriendList(val, isRemove){ - const copyVal = {...val} + let namesJsonString = JSON.stringify({ "items": items }) + + return await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + } + + async addToFriendList(val, isRemove) { + const copyVal = { ...val } delete copyVal.mySelectedFeeds - if(isRemove){ - this.friendList = this.friendList.filter((item)=> item.name !== copyVal.name) - }else if(this.editContent){ - const findFriend = this.friendList.findIndex(item=> item.name === copyVal.name) - if(findFriend !== -1){ + + if (isRemove) { + this.friendList = this.friendList.filter((item) => item.name !== copyVal.name) + } else if (this.editContent) { + const findFriend = this.friendList.findIndex(item => item.name === copyVal.name) + if (findFriend !== -1) { const copyList = [...this.friendList] copyList[findFriend] = copyVal this.friendList = copyList } - } else { this.friendList = [...this.friendList, copyVal] } - if(!copyVal.willFollow || isRemove) { + + if (!copyVal.willFollow || isRemove) { await this.unFollowName(copyVal.name) - } else if(copyVal.willFollow){ + } else if (copyVal.willFollow) { await this.myFollowName(copyVal.name) } + this.setMySelectedFeeds(val.mySelectedFeeds) - await new Promise((res)=> { - setTimeout(()=> { + + await new Promise((res) => { + setTimeout(() => { res() - },50) + }, 50) }) - this.userSelected = {}; + + this.userSelected = {} this.shadowRoot.getElementById('sendTo').value = '' - this.isLoading = false; + this.isLoading = false this.isOpenAddFriendsModal = false this.editContent = null this.setMyFriends(this.friendList) - if(!isRemove && this.friendList.length === 1){ + + if (!isRemove && this.friendList.length === 1) { this.refreshFeed() } } - setMyFriends(friendList){ + + setMyFriends(friendList) { localStorage.setItem('friends-my-friend-list', JSON.stringify(friendList)); - const tempSettingsData= JSON.parse(localStorage.getItem('temp-settings-data') || "{}") + const tempSettingsData = JSON.parse(localStorage.getItem('temp-settings-data') || "{}") const newTemp = { ...tempSettingsData, userLists: { @@ -277,18 +351,20 @@ class FriendsView extends connect(store)(LitElement) { } } - localStorage.setItem('temp-settings-data', JSON.stringify(newTemp)); + localStorage.setItem('temp-settings-data', JSON.stringify(newTemp)) + this.dispatchEvent( new CustomEvent('temp-settings-data-event', { - bubbles: true, - composed: true - }), - ); - + bubbles: true, + composed: true + }) + ) } - setMySelectedFeeds(mySelectedFeeds){ + + setMySelectedFeeds(mySelectedFeeds) { this.mySelectedFeeds = mySelectedFeeds - const tempSettingsData= JSON.parse(localStorage.getItem('temp-settings-data') || "{}") + const tempSettingsData = JSON.parse(localStorage.getItem('temp-settings-data') || "{}") + const newTemp = { ...tempSettingsData, friendsFeed: { @@ -297,98 +373,37 @@ class FriendsView extends connect(store)(LitElement) { } } - localStorage.setItem('temp-settings-data', JSON.stringify(newTemp)); - localStorage.setItem('friends-my-selected-feeds', JSON.stringify(mySelectedFeeds)); - } - openEditFriend(val){ - this.isOpenAddFriendsModal = true - this.userSelected = val - this.editContent = {...val, mySelectedFeeds: this.mySelectedFeeds} + localStorage.setItem('temp-settings-data', JSON.stringify(newTemp)) + localStorage.setItem('friends-my-selected-feeds', JSON.stringify(mySelectedFeeds)) } - onClose(){ + openEditFriend(val) { + this.isOpenAddFriendsModal = true + this.userSelected = val + this.editContent = { ...val, mySelectedFeeds: this.mySelectedFeeds } + } + + onClose() { this.isLoading = false; this.isOpenAddFriendsModal = false this.editContent = null this.userSelected = {} } - render() { - return html` -
    -
    -

    My Friends

    -
    - { - if(e.key === 'Enter'){ - this.userSearch() - } - }} - /> + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } - - + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } -
    -
    - { - this.userSelected = result; - this.isOpenAddFriendsModal = true - - this.userFound = []; - this.userFoundModalOpen = false; - }} - .closeFunc=${() => { - this.userFoundModalOpen = false; - this.userFound = []; - }} - .searchResults=${this.userFound} - ?isOpen=${this.userFoundModalOpen} - ?loading=${this.isLoading}> - -
    - - - ${this.friendList.map((item) => { - return html` { - - }} - .chatInfo=${item} - .openEditFriend=${(val)=> this.openEditFriend(val)} - .closeSidePanel=${this.closeSidePanel} - >`; - })} -
    -
    -
    - { - this.isOpenAddFriendsModal = val - }} - .userSelected=${this.userSelected} - .onSubmit=${(val, isRemove)=> this.addToFriendList(val, isRemove)} - .editContent=${this.editContent} - .onClose=${()=> this.onClose()} - .mySelectedFeeds=${this.mySelectedFeeds} - > - - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('friends-view', FriendsView); +window.customElements.define('friends-view', FriendsView) \ No newline at end of file diff --git a/core/src/components/friends-view/profile-modal-update.js b/core/src/components/friends-view/profile-modal-update.js index 8e1418bf..9f84c738 100644 --- a/core/src/components/friends-view/profile-modal-update.js +++ b/core/src/components/friends-view/profile-modal-update.js @@ -1,14 +1,15 @@ -import {css, html, LitElement} from 'lit'; -import {get, translate} from '../../../translate' -import '@material/mwc-button'; -import '@material/mwc-icon'; -import '@vaadin/tooltip'; -import '@material/mwc-dialog'; -import '@material/mwc-checkbox'; -import {connect} from 'pwa-helpers'; -import {store} from '../../store'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import {parentEpml} from '../show-plugin'; +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { parentEpml } from '../show-plugin' +import { get, translate } from '../../../translate' +import { profileModalUpdateStyles } from '../../styles/core-css' +import '@material/mwc-button' +import '@material/mwc-checkbox' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/tooltip' class ProfileModalUpdate extends connect(store)(LitElement) { static get properties() { @@ -25,420 +26,57 @@ class ProfileModalUpdate extends connect(store)(LitElement) { hasFetchedArrr: { type: Boolean }, isOpenCustomDataModal: { type: Boolean }, customData: { type: Object }, - newCustomDataField: {type: Object}, - newFieldName: {type: String}, - qortalRequestCustomData: {type: Object}, - newCustomDataKey: {type: String}, - newCustomDataValue: {type: String}, - isSaving: {type: Boolean} - }; + newCustomDataField: { type: Object }, + newFieldName: { type: String }, + qortalRequestCustomData: { type: Object }, + newCustomDataKey: { type: String }, + newCustomDataValue: { type: String }, + isSaving: { type: Boolean } + } + } + + static get styles() { + return [profileModalUpdateStyles] } constructor() { super(); - this.isOpen = false; - this.isLoading = false; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.tagline = ''; - this.bio = ''; - this.walletList = ['btc', 'ltc', 'doge', 'dgb', 'rvn', 'arrr']; - let wallets = {}; + this.isOpen = false + this.isLoading = false + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.tagline = '' + this.bio = '' + this.walletList = ['btc', 'ltc', 'doge', 'dgb', 'rvn', 'arrr'] + let wallets = {} this.walletList.forEach((item) => { - wallets[item] = ''; - }); - this.wallets = wallets; - this.walletsUi = new Map(); + wallets[item] = '' + }) + this.wallets = wallets + this.walletsUi = new Map() let coinProp = { - wallet: null, - }; - + wallet: null + } this.walletList.forEach((c, i) => { - this.walletsUi.set(c, { ...coinProp }); - }); - this.walletsUi.get('btc').wallet = - window.parent.reduxStore.getState().app.selectedAddress.btcWallet; - this.walletsUi.get('ltc').wallet = - window.parent.reduxStore.getState().app.selectedAddress.ltcWallet; - this.walletsUi.get('doge').wallet = - window.parent.reduxStore.getState().app.selectedAddress.dogeWallet; - this.walletsUi.get('dgb').wallet = - window.parent.reduxStore.getState().app.selectedAddress.dgbWallet; - this.walletsUi.get('rvn').wallet = - window.parent.reduxStore.getState().app.selectedAddress.rvnWallet; - this.hasFetchedArrr = false; - this.isOpenCustomDataModal = false; - this.customData = {}; - this.newCustomDataKey = ""; - this.newCustomDataValue = ""; - this.newCustomDataField = {}; - this.newFieldName = ''; - this.isSaving = false; - this.addPrivate = this.addPrivate.bind(this); - this.checkForPrivate = this.checkForPrivate.bind(this); - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 1024px; - box-sizing: border-box; - } - .input { - width: 90%; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - box-sizing: border-box; - } - .input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .input::placeholder { - opacity: 0.6; - color: var(--black); - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red { - font-family: Roboto, sans-serif; - font-size: 16px; - color: #f44336; - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red:hover { - cursor: pointer; - background-color: #f4433663; - } - - .modal-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } - .modal-overlay { - display: block; - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; - background-color: rgba( - 0, - 0, - 0, - 0.5 - ); /* Semi-transparent backdrop */ - z-index: 1000; - } - - .modal-content { - position: fixed; - top: 50vh; - left: 50vw; - transform: translate(-50%, -50%); - background-color: var(--mdc-theme-surface); - width: 80vw; - padding: 20px; - box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; - z-index: 1001; - border-radius: 5px; - display: flex; - flex-direction: column; - } - - .modal-overlay.hidden { - display: none; - } - - .avatar { - width: 36px; - height: 36px; - display: flex; - align-items: center; - } - - .app-name { - display: flex; - gap: 20px; - align-items: center; - width: 100%; - cursor: pointer; - padding: 5px; - border-radius: 5px; - margin-bottom: 10px; - } - .inner-content { - display: flex; - flex-direction: column; - max-height: 75vh; - flex-grow: 1; - overflow: auto; - } - - .inner-content::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .inner-content::-webkit-scrollbar { - width: 12px; - border-radius: 7px; - background-color: whitesmoke; - } - - .inner-content::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } - `; - } - - async updated(changedProperties) { - if ( - changedProperties && - changedProperties.has('editContent') && - this.editContent - ) { - const {bio, tagline, wallets, customData} = this.editContent - this.bio = bio ?? ''; - this.tagline = tagline ?? ''; - let formWallets = {...this.wallets} - if(wallets && Object.keys(wallets).length){ - Object.keys(formWallets).forEach((key)=> { - if(wallets[key]){ - formWallets[key] = wallets[key] - } - }) - } - this.wallets = formWallets - - this.customData = {...customData} - this.requestUpdate(); - } - if ( - changedProperties && - changedProperties.has('qortalRequestCustomData') && - this.qortalRequestCustomData - ) { - this.isOpenCustomDataModal = true - this.newCustomDataField = {...this.qortalRequestCustomData.payload.customData} - this.newCustomDataKey = this.qortalRequestCustomData.property - this.requestUpdate(); - } - - - } - - async firstUpdated() { - try { - await this.fetchWalletAddress('arrr'); - } catch (error) { - console.log({ error }); - } finally { - } - } - - async fetchWalletAddress(coin) { - switch (coin) { - case 'arrr': - const arrrWalletName = `${coin}Wallet`; - - let res = await parentEpml.request('apiCall', { - url: `/crosschain/${coin}/walletaddress?apiKey=${this.myNode.apiKey}`, - method: 'POST', - body: `${ - window.parent.reduxStore.getState().app.selectedAddress[ - arrrWalletName - ].seed58 - }`, - }); - if (res != null && res.error != 1201 && res.length === 78) { - this.arrrWalletAddress = res; - this.hasFetchedArrr = true; - } - break; - - default: - // Not used for other coins yet - break; - } - } - - async getSelectedWalletAddress(wallet) { - switch (wallet) { - case 'arrr': - if(!this.arrrWalletAddress){ - try { - await this.fetchWalletAddress('arrr'); - } catch (error) { - console.log({error}) - } - } - // Use address returned by core API - return this.arrrWalletAddress; - - default: - // Use locally derived address - return this.walletsUi.get(wallet).wallet.address; - } - } - - getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port - } - getMyNode() { - return store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - } - - clearFields() { - this.bio = ''; - this.tagline = ''; - } - - async fillAddress(coin) { - const address = await this.getSelectedWalletAddress(coin); - if (address) { - this.wallets = { - ...this.wallets, - [coin]: address, - }; - } - } - - async saveProfile() { - try { - const data = { - version: 1, - tagline: this.tagline, - bio: this.bio, - wallets: this.wallets, - customData: this.customData - }; - this.isSaving = true - await this.onSubmit(data); - this.setIsOpen(false); - this.clearFields(); - this.onClose('success'); - } catch (error) {} finally { - this.isSaving = false - } - } - - removeField(key){ - const copyObj = {...this.newCustomDataField} - delete copyObj[key] - this.newCustomDataField = copyObj - } - - addField(){ - if (!this.newFieldName || !this.newCustomDataValue) { - let snack5string = get("profile.profile24"); - parentEpml.request('showSnackBar', `${snack5string}`); - return; - } - const copyObj = {...this.newCustomDataField} - copyObj[this.newFieldName] = this.newCustomDataValue - this.newCustomDataField = copyObj - this.newFieldName = "" - this.newCustomDataValue = "" - } - - addCustomData(){ - const copyObj = {...this.customData} - copyObj[this.newCustomDataKey] = this.newCustomDataField - this.customData = copyObj + this.walletsUi.set(c, { ...coinProp }) + }) + this.walletsUi.get('btc').wallet = store.getState().app.selectedAddress.btcWallet + this.walletsUi.get('ltc').wallet = store.getState().app.selectedAddress.ltcWallet + this.walletsUi.get('doge').wallet = store.getState().app.selectedAddress.dogeWallet + this.walletsUi.get('dgb').wallet = store.getState().app.selectedAddress.dgbWallet + this.walletsUi.get('rvn').wallet = store.getState().app.selectedAddress.rvnWallet + this.hasFetchedArrr = false + this.isOpenCustomDataModal = false + this.customData = {} this.newCustomDataKey = "" - this.newCustomDataField = {}; + this.newCustomDataValue = "" + this.newCustomDataField = {} this.newFieldName = '' - this.newCustomDataValue = '' - this.isOpenCustomDataModal = false; + this.isSaving = false + this.addPrivate = this.addPrivate.bind(this) + this.checkForPrivate = this.checkForPrivate.bind(this) } - updateCustomData(key, data){ - this.isOpenCustomDataModal = true - this.newCustomDataField = data - this.newCustomDataKey = key - - } - - removeCustomData(key){ - const copyObj = {...this.customData} - delete copyObj[key] - this.customData = copyObj - } - - checkForPrivate(){ - let isPrivate = false - if(this.newCustomDataKey.includes('-private')) isPrivate = true - return isPrivate - } - - addPrivate(e){ - if (e.target.checked) { - if(this.newCustomDataKey.includes('-private')){ - - } else { - this.newCustomDataKey = this.newCustomDataKey + '-private' - } - } else { - this.newCustomDataKey = this.newCustomDataKey.replace('-private', ''); - } - } - render() { return html`
    @@ -491,9 +129,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
    ${Object.keys(this.wallets).map((key) => { return html` -
    +
    -
    +
    { @@ -516,65 +150,51 @@ class ProfileModalUpdate extends connect(store)(LitElement) { }; }} /> - - this.fillAddress(key)} + this.fillAddress(key)} style="color:var(--black);cursor:pointer" - >upload_2 + upload_2 + - + for=${`${key}-upload`} + position="bottom" + hover-delay=${200} + hide-delay=${1} + text=${translate('profile.profile21')} + >
    - `; + ` })}
    ${Object.keys(this.customData).map((key) => { return html` -
    - -
    -

    - ${key} -

    - +
    +
    +

    ${key}

    - this.updateCustomData(key,this.customData[key])} + @click=${() => this.updateCustomData(key, this.customData[key])} style="color:var(--black);cursor:pointer" - >edit + edit + - this.removeCustomData(key)} + @click=${() => this.removeCustomData(key)} style="color:var(--black);cursor:pointer" - >remove + remove +
    - `; + ` })}
    -
    +
    -
    - - - + +
    -
    -
    -
    - - this.addPrivate(e)} ?checked=${this.checkForPrivate()}> - +
    +
    + + this.addPrivate(e)} ?checked=${this.checkForPrivate()}> +
    -
    -
    +
    -
    +

    - ${translate('profile.profile10')} -

    + ${translate('profile.profile10')} +

    ${Object.keys(this.newCustomDataField).map((key) => { return html` -
    - -
    +
    + +
    - - this.removeField(key)} + @click=${() => this.removeField(key)} style="color:var(--black);cursor:pointer" - >remove + remove +
    - `; + ` })}
    -
    - { - this.newFieldName = e.target.value - }} - /> - { - this.newCustomDataValue = e.target.value; - }} - /> -
    - +
    + { + this.newFieldName = e.target.value + }} + /> + { + this.newCustomDataValue = e.target.value; + }} + /> +
    +
    -
    +
    -
    - `; + ` + } + + async firstUpdated() { + try { + await this.fetchWalletAddress('arrr') + } catch (error) { + console.log({ error }) + } finally { + } + } + + async updated(changedProperties) { + if (changedProperties && changedProperties.has('editContent') && this.editContent) { + const { bio, tagline, wallets, customData } = this.editContent + this.bio = bio ?? '' + this.tagline = tagline ?? '' + let formWallets = { ...this.wallets } + if (wallets && Object.keys(wallets).length) { + Object.keys(formWallets).forEach((key) => { + if (wallets[key]) { + formWallets[key] = wallets[key] + } + }) + } + this.wallets = formWallets + + this.customData = { ...customData } + this.requestUpdate(); + } + if (changedProperties && changedProperties.has('qortalRequestCustomData') && this.qortalRequestCustomData) { + this.isOpenCustomDataModal = true + this.newCustomDataField = { ...this.qortalRequestCustomData.payload.customData } + this.newCustomDataKey = this.qortalRequestCustomData.property + this.requestUpdate() + } + } + + async fetchWalletAddress(coin) { + switch (coin) { + case 'arrr': + const arrrWalletName = `${coin}Wallet`; + + let res = await parentEpml.request('apiCall', { + url: `/crosschain/${coin}/walletaddress?apiKey=${this.myNode.apiKey}`, + method: 'POST', + body: `${store.getState().app.selectedAddress[arrrWalletName].seed58}` + }) + if (res != null && res.error != 1201 && res.length === 78) { + this.arrrWalletAddress = res + this.hasFetchedArrr = true + } + break + + default: + // Not used for other coins yet + break + } + } + + async getSelectedWalletAddress(wallet) { + switch (wallet) { + case 'arrr': + if (!this.arrrWalletAddress) { + try { + await this.fetchWalletAddress('arrr') + } catch (error) { + console.log({ error }) + } + } + // Use address returned by core API + return this.arrrWalletAddress + + default: + // Use locally derived address + return this.walletsUi.get(wallet).wallet.address + } + } + + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port + } + + getMyNode() { + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + } + + clearFields() { + this.bio = '' + this.tagline = '' + } + + async fillAddress(coin) { + const address = await this.getSelectedWalletAddress(coin) + + if (address) { + this.wallets = { + ...this.wallets, + [coin]: address + } + } + } + + async saveProfile() { + try { + const data = { + version: 1, + tagline: this.tagline, + bio: this.bio, + wallets: this.wallets, + customData: this.customData + } + this.isSaving = true + await this.onSubmit(data) + this.setIsOpen(false) + this.clearFields() + this.onClose('success') + } catch (error) { } finally { + this.isSaving = false + } + } + + removeField(key) { + const copyObj = { ...this.newCustomDataField } + delete copyObj[key] + this.newCustomDataField = copyObj + } + + addField() { + if (!this.newFieldName || !this.newCustomDataValue) { + let snack5string = get("profile.profile24") + parentEpml.request('showSnackBar', `${snack5string}`) + return + } + const copyObj = { ...this.newCustomDataField } + copyObj[this.newFieldName] = this.newCustomDataValue + this.newCustomDataField = copyObj + this.newFieldName = '' + this.newCustomDataValue = '' + } + + addCustomData() { + const copyObj = { ...this.customData } + copyObj[this.newCustomDataKey] = this.newCustomDataField + this.customData = copyObj + this.newCustomDataKey = '' + this.newCustomDataField = {} + this.newFieldName = '' + this.newCustomDataValue = '' + this.isOpenCustomDataModal = false + } + + updateCustomData(key, data) { + this.isOpenCustomDataModal = true + this.newCustomDataField = data + this.newCustomDataKey = key + + } + + removeCustomData(key) { + const copyObj = { ...this.customData } + delete copyObj[key] + this.customData = copyObj + } + + checkForPrivate() { + let isPrivate = false + if (this.newCustomDataKey.includes('-private')) isPrivate = true + return isPrivate + } + + addPrivate(e) { + if (e.target.checked) { + if (this.newCustomDataKey.includes('-private')) { + + } else { + this.newCustomDataKey = this.newCustomDataKey + '-private' + } + } else { + this.newCustomDataKey = this.newCustomDataKey.replace('-private', '') + } + } + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('profile-modal-update', ProfileModalUpdate); +window.customElements.define('profile-modal-update', ProfileModalUpdate) \ No newline at end of file diff --git a/core/src/components/friends-view/profile.js b/core/src/components/friends-view/profile.js index d1e934c3..f7484967 100644 --- a/core/src/components/friends-view/profile.js +++ b/core/src/components/friends-view/profile.js @@ -1,28 +1,27 @@ -import {css, html, LitElement} from 'lit'; -import '@material/mwc-icon'; -import './friends-side-panel.js'; -import {connect} from 'pwa-helpers'; -import {store} from '../../store.js'; -import WebWorker2 from '../WebWorkerFile.js'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@vaadin/tooltip'; -import {get, translate} from '../../../translate' -import ShortUniqueId from 'short-unique-id'; -import '@polymer/paper-dialog/paper-dialog.js'; - +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { parentEpml } from '../show-plugin' +import { publishData, modalHelper } from '../../../../plugins/plugins/utils/classes' +import { setNewTab, setProfileData, setSideEffectAction } from '../../redux/app/app-actions' import { decryptGroupData, encryptDataGroup, objectToBase64, - uint8ArrayToObject, -} from '../../../../plugins/plugins/core/components/qdn-action-encryption.js'; -import {publishData} from '../../../../plugins/plugins/utils/publish-image.js'; -import {parentEpml} from '../show-plugin.js'; -import '../notification-view/popover.js'; -import './avatar.js'; -import {setNewTab, setProfileData, setSideEffectAction,} from '../../redux/app/app-actions.js'; -import './profile-modal-update.js'; -import {modalHelper} from '../../../../plugins/plugins/utils/publish-modal.js'; + uint8ArrayToObject +} from '../../../../plugins/plugins/core/components/qdn-action-encryption' +import { get, translate } from '../../../translate' +import { profileQdnStyles } from '../../styles/core-css' +import ShortUniqueId from 'short-unique-id' +import WebWorker2 from '../WebWorkerFile.js' +import './avatar' +import './friends-side-panel' +import './profile-modal-update' +import '../notification-view/popover' +import '@material/mwc-icon' +import '@polymer/paper-dialog/paper-dialog.js' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/tooltip' class ProfileQdn extends connect(store)(LitElement) { static get properties() { @@ -45,533 +44,672 @@ class ProfileQdn extends connect(store)(LitElement) { hasName: { type: Boolean }, resourceExistsVisiting: { type: Boolean }, error: { type: String }, - isFriend: { type: Boolean }, - }; + isFriend: { type: Boolean } + } + } + + static get styles() { + return [profileQdnStyles] } constructor() { - super(); - this.isOpen = false; - this.getProfile = this.getProfile.bind(this); - this._handleQortalRequestSetData = - this._handleQortalRequestSetData.bind(this); - this._handleOpenVisiting = this._handleOpenVisiting.bind(this); - this.setValues = this.setValues.bind(this); - this.saveToQdn = this.saveToQdn.bind(this); - this.syncPercentage = 0; - this.hasRetrievedResource = false; - this.hasAttemptedToFetchResource = false; - this.resourceExists = undefined; - this.settingsRawData = null; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.valuesToBeSavedOnQdn = {}; - this.isSaving = false; - this.fee = null; - this.name = undefined; - this.uid = new ShortUniqueId(); - this.isOpenProfileModalUpdate = false; - this.editContent = null; - this.profileData = null; - this.qortalRequestCustomData = null; - this.imageUrl = ''; - this.dialogOpenedProfile = false; - this.profileDataVisiting = null; - this.nameVisiting = ''; - this.hasName = false; - this.resourceExistsVisiting = undefined; - this.error = ''; - this.getUserAddress = this.getUserAddress.bind(this); - this.checkIfInFriendsList = this.checkIfInFriendsList.bind(this); - this.isFriend = undefined; + super() + this.isOpen = false + this.getProfile = this.getProfile.bind(this) + this._handleQortalRequestSetData = this._handleQortalRequestSetData.bind(this) + this._handleOpenVisiting = this._handleOpenVisiting.bind(this) + this.setValues = this.setValues.bind(this) + this.saveToQdn = this.saveToQdn.bind(this) + this.syncPercentage = 0 + this.hasRetrievedResource = false + this.hasAttemptedToFetchResource = false + this.resourceExists = undefined + this.settingsRawData = null + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.valuesToBeSavedOnQdn = {} + this.isSaving = false + this.fee = null + this.name = undefined + this.uid = new ShortUniqueId() + this.isOpenProfileModalUpdate = false + this.editContent = null + this.profileData = null + this.qortalRequestCustomData = null + this.imageUrl = '' + this.dialogOpenedProfile = false + this.profileDataVisiting = null + this.nameVisiting = '' + this.hasName = false + this.resourceExistsVisiting = undefined + this.error = '' + this.getUserAddress = this.getUserAddress.bind(this) + this.checkIfInFriendsList = this.checkIfInFriendsList.bind(this) + this.isFriend = undefined } - static styles = css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - box-sizing: border-box; - } - .header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px; - border-bottom: 1px solid #e0e0e0; - } + render() { + return html` + ${this.isSaving || (!this.error && this.resourceExists === undefined) ? + html` + + ` + : !this.name ? html` + { + const target = this.shadowRoot.getElementById('popover-notification'); + const popover = this.shadowRoot.querySelector('popover-component'); + if (popover) { + popover.openPopover(target); + } + }} + style="user-select:none;cursor:pointer" + > + account_circle + + + +
    +

    + ${translate('profile.profile1')} +

    +
    +
    +
    + ${translate('profile.profile2')} +
    +
    +     + ` + : this.error ? html` +
    + +
    + + ` + : html` +
    { + if (this.resourceExists && this.profileData) { + this.editContent = this.profileData; + } else if (this.resourceExists && !this.profileData) { + return; + } + if (this.profileData) { + this.profileDataVisiting = this.profileData; + this.nameVisiting = this.name; + this.dialogOpenedProfile = true; + } else { + this.isOpenProfileModalUpdate = !this.isOpenProfileModalUpdate; + } + }} + > + +
    + ` + } + { + this.isOpenProfileModalUpdate = val; + }} + .onSubmit=${this.saveToQdn} + .editContent=${this.editContent} + .onClose=${(val) => this.onClose(val)} + .qortalRequestCustomData=${this.qortalRequestCustomData} + > + + ${this.dialogOpenedProfile ? + html` + + +

    ${this.nameVisiting}

    +
    + ${this.nameVisiting !== this.name ? + html` +
    + send + +
    + ` + : '' + } + ${this.nameVisiting !== this.name ? + html` +
    + mail + +
    + ` + : '' + } + ${this.nameVisiting !== this.name && this.isFriend === false ? + html` +
    + person_add + +
    + ` + : '' + } + ${this.nameVisiting !== this.name && this.isFriend === true ? + html` +
    + person + +
    + ` + : '' + } +
    +
    + ${this.isLoadingVisitingProfile ? + html` +
    + +
    + ` + : this.resourceExistsVisiting === false ? + html` +
    +

    ${translate('profile.profile16')}

    +
    + ` + : this.profileDataVisiting === null ? + html` +
    +

    ${translate('profile.profile17')}

    +
    + ` + : html` +

    + ${translate('profile.profile4')} +

    +

    + ${this.profileDataVisiting.tagline || translate('profile.profile15')} +

    +

    + ${translate('profile.profile5')} +

    +

    + ${this.profileDataVisiting.bio || translate('profile.profile15')} +

    +

    + ${translate('profile.profile6')} +

    + ${Object.keys(this.profileDataVisiting.wallets).map((key, i) => { + return html` +

    + ${key}: + ${this.profileDataVisiting.wallets[key] || translate('profile.profile15')} +

    + ` + })} + ` + } +
    +
    + + this.openUserInfo()}>${translate('profile.profile14')} + + + ${this.nameVisiting === this.name ? + html` + this.openEdit()}>${translate('profile.profile3')} + ` : '' + } + {this.dialogOpenedProfile = false;}}>${translate('general.close')} + +
    +     + `: '' + } + ` + } - .content { - padding: 16px; - } - .close { - visibility: hidden; - position: fixed; - z-index: -100; - right: -1000px; - } - - .parent-side-panel { - transform: translateX(100%); /* start from outside the right edge */ - transition: transform 0.3s ease-in-out; - } - .parent-side-panel.open { - transform: translateX(0); /* slide in to its original position */ - } - .notActive { - opacity: 0.5; - cursor: default; - color: var(--black); - } - .active { - opacity: 1; - cursor: pointer; - color: green; - } - .accept-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: var(--mdc-theme-primary); - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - font-size: 18px; - } - - .accept-button:hover { - cursor: pointer; - background-color: #03a8f485; - } - - .undo-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: #f44336; - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - font-size: 18px; - } - - .undo-button:hover { - cursor: pointer; - background-color: #f4433663; - } - .full-info-wrapper { - width: 100%; - min-width: 600px; - max-width: 600px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 25px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - display: block !important; - } - - .full-info-logo { - width: 120px; - height: 120px; - background: var(--white); - border: 1px solid var(--black); - border-radius: 50%; - position: relative; - top: -110px; - left: 210px; - } - - .data-info { - margin-top: 10px; - margin-right: 25px; - display: flex; - flex-direction: column; - align-items: flex-start; - min-height: 55vh; - max-height: 55vh; - overflow: auto; - } - - .data-info::-webkit-scrollbar-track { - background: #a1a1a1; - } - - .data-info::-webkit-scrollbar-thumb { - background-color: #6a6c75; - border-radius: 6px; - border: 3px solid #a1a1a1; - } - .data-info > * { - flex-shrink: 0; - } - .decline { - --mdc-theme-primary: var(--mdc-theme-error); - } - - .warning { - --mdc-theme-primary: #f0ad4e; - } - - .green { - --mdc-theme-primary: #198754; - } - - .buttons { - display: inline; - float: right; - margin-bottom: 5px; - } - - .paybutton { - display: inline; - float: left; - margin-bottom: 5px; - } - .round-fullinfo { - position: relative; - width: 120px; - height: 120px; - border-radius: 50%; - right: 25px; - top: -1px; - } - - h2 { - margin: 10px 0; - } - - h3 { - margin-top: -80px; - color: #03a9f4; - font-size: 18px; - } - - h4 { - margin: 5px 0; - } - - p { - margin-top: 5px; - line-height: 1.2; - font-size: 16px; - color: var(--black); - text-align: start; - overflow: hidden; - word-break: break-word; - } - .send-message-button { - cursor: pointer; - transition: all 0.2s; - } - .send-message-button:hover { - transform: scale(1.1); - } - `; + firstUpdated() { + // ... + } getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } async getRawData(dataItem) { - const url = `${this.nodeUrl}/arbitrary/${dataItem.service}/${dataItem.name}/${dataItem.identifier}`; - const res = await fetch(url); - const data = await res.json(); - if (data.error) throw new Error('Cannot retrieve your data from qdn'); - return data; + const url = `${this.nodeUrl}/arbitrary/${dataItem.service}/${dataItem.name}/${dataItem.identifier}` + const res = await fetch(url) + const data = await res.json() + if (data.error) throw new Error('Cannot retrieve your data from qdn') + return data } async getMyFollowedNames() { - let myFollowedNames = []; + let myFollowedNames = [] + try { myFollowedNames = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.myNode.apiKey}`, - }); - } catch (error) {} + url: `/lists/followedNames?apiKey=${this.myNode.apiKey}` + }) + } catch (error) { } - return myFollowedNames; + return myFollowedNames } async followNames(names) { - let namesJsonString = JSON.stringify({ items: names }); + let namesJsonString = JSON.stringify({ items: names }) return await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.myNode.apiKey}`, method: 'POST', headers: { - 'Content-Type': 'application/json', + 'Content-Type': 'application/json' }, - body: `${namesJsonString}`, - }); + body: `${namesJsonString}` + }) } async setValues(response, resource) { if (response) { - let data = { ...response }; - let customData = {}; + let data = { ...response } + let customData = {} + for (const key of Object.keys(data.customData || {})) { if (key.includes('-private')) { try { - const decryptedData = decryptGroupData( - data.customData[key] - ); + const decryptedData = decryptGroupData(data.customData[key]) + if (decryptedData && !decryptedData.error) { const decryptedDataToBase64 = - uint8ArrayToObject(decryptedData); - if ( - decryptedDataToBase64 && - !decryptedDataToBase64.error - ) { - customData[key] = decryptedDataToBase64; + uint8ArrayToObject(decryptedData) + if (decryptedDataToBase64 && !decryptedDataToBase64.error) { + customData[key] = decryptedDataToBase64 } } } catch (error) { - console.log({ error }); + console.log({ error }) } } else { - customData[key] = data.customData[key]; + customData[key] = data.customData[key] } } + this.profileData = { ...response, - customData, - }; + customData + } - store.dispatch(setProfileData(this.profileData)); + store.dispatch(setProfileData(this.profileData)) } } async getVisitingProfile(name) { try { - this.isLoadingVisitingProfile = true; - this.nameVisiting = name; - this.checkIfInFriendsList(this.nameVisiting); - const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT&identifier=qortal_profile&mode=ALL&name=${name}&prefix=true&exactmatchnames=true&excludeblocked=true&limit=20`; - const res = await fetch(url); - let data = ''; + this.isLoadingVisitingProfile = true + this.nameVisiting = name + this.checkIfInFriendsList(this.nameVisiting) + const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT&identifier=qortal_profile&mode=ALL&name=${name}&prefix=true&exactmatchnames=true&excludeblocked=true&limit=20` + const res = await fetch(url) + let data = '' + try { data = await res.json(); if (Array.isArray(data)) { data = data.filter( (item) => item.identifier === 'qortal_profile' - ); + ) if (data.length > 0) { - this.resourceExistsVisiting = true; - const dataItem = data[0]; + this.resourceExistsVisiting = true + const dataItem = data[0] + try { - const response = await this.getRawData(dataItem); + const response = await this.getRawData(dataItem) + if (response.wallets) { - this.profileDataVisiting = response; - // this.setValues(response, dataItem); + this.profileDataVisiting = response } else { - // this.error = 'Cannot get saved user settings'; + // this.error = 'Cannot get saved user settings' } } catch (error) { - console.log({ error }); - // this.error = 'Cannot get saved user settings'; + console.log({ error }) } } else { - this.resourceExistsVisiting = false; + this.resourceExistsVisiting = false } } else { - // this.error = 'Unable to perform query'; + // this.error = 'Unable to perform query' } } catch (error) { - console.log({ error }); + console.log({ error }) data = { - error: 'No resource found', - }; + error: 'No resource found' + } } } catch (error) { - console.log({ error }); + console.log({ error }) } finally { - this.isLoadingVisitingProfile = false; + this.isLoadingVisitingProfile = false } } async getProfile() { try { - this.error = ''; - this.fee = await this.getArbitraryFee(); - this.hasAttemptedToFetchResource = true; - let resource; + this.error = '' + this.fee = await this.getArbitraryFee() + this.hasAttemptedToFetchResource = true + let resource + let nameObject - let nameObject; try { - nameObject = store.getState().app.accountInfo.names[0]; - } catch (error) {} + nameObject = store.getState().app.accountInfo.names[0] + } catch (error) { } + if (!nameObject) { - this.name = null; - this.error = 'no name'; - throw new Error('no name'); + this.name = null + this.error = 'no name' + throw new Error('no name') } - this.hasName = true; - const name = nameObject.name; - this.name = name; - const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT&mode=ALL&identifier=qortal_profile&name=${name}&prefix=true&exactmatchnames=true&excludeblocked=true&limit=20`; - const res = await fetch(url); - let data = ''; + + this.hasName = true + const name = nameObject.name + this.name = name + const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT&mode=ALL&identifier=qortal_profile&name=${name}&prefix=true&exactmatchnames=true&excludeblocked=true&limit=20` + const res = await fetch(url) + let data = '' + try { - data = await res.json(); + data = await res.json() + if (Array.isArray(data)) { data = data.filter( (item) => item.identifier === 'qortal_profile' - ); + ) if (data.length > 0) { - this.resourceExists = true; - const dataItem = data[0]; + this.resourceExists = true + const dataItem = data[0] + try { - const response = await this.getRawData(dataItem); + const response = await this.getRawData(dataItem) + if (response.wallets) { - await this.setValues(response, dataItem); + await this.setValues(response, dataItem) } else { - this.error = 'Cannot get saved user settings'; + this.error = 'Cannot get saved user settings' } } catch (error) { - this.error = 'Cannot get saved user settings'; + this.error = 'Cannot get saved user settings' } } else { - this.resourceExists = false; + this.resourceExists = false } } else { - this.error = 'Unable to perform query'; + this.error = 'Unable to perform query' } } catch (error) { data = { - error: 'No resource found', - }; + error: 'No resource found' + } } if (resource) { - this.hasRetrievedResource = true; + this.hasRetrievedResource = true } } catch (error) { - console.log({ error }); + console.log({ error }) } } stateChanged(state) { - if ( - state.app.nodeStatus && - state.app.nodeStatus.syncPercent !== this.syncPercentage - ) { - this.syncPercentage = state.app.nodeStatus.syncPercent; + if (state.app.nodeStatus && state.app.nodeStatus.syncPercent !== this.syncPercentage) { + this.syncPercentage = state.app.nodeStatus.syncPercent - if ( - !this.hasAttemptedToFetchResource && - state.app.nodeStatus.syncPercent === 100 - ) { - this.getProfile(); + if (!this.hasAttemptedToFetchResource && state.app.nodeStatus.syncPercent === 100) { + this.getProfile() } } + if ( - state.app.accountInfo && - state.app.accountInfo.names.length && - state.app.nodeStatus && - state.app.nodeStatus.syncPercent === 100 && - this.hasName === false && - this.hasAttemptedToFetchResource && - state.app.accountInfo && - state.app.accountInfo.names && + state.app.accountInfo && state.app.accountInfo.names.length && + state.app.nodeStatus && state.app.nodeStatus.syncPercent === 100 && + this.hasName === false && this.hasAttemptedToFetchResource && + state.app.accountInfo && state.app.accountInfo.names && state.app.accountInfo.names.length > 0 ) { - this.getProfile(); + this.getProfile() } } async getArbitraryFee() { - const timestamp = Date.now(); - const url = `${this.nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}`; - const response = await fetch(url); + const timestamp = Date.now() + const url = `${this.nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` + const response = await fetch(url) + if (!response.ok) { - throw new Error('Error when fetching arbitrary fee'); + throw new Error('Error when fetching arbitrary fee') } - const data = await response.json(); - const arbitraryFee = (Number(data) / 1e8).toFixed(8); + + const data = await response.json() + const arbitraryFee = (Number(data) / 1e8).toFixed(8) + return { timestamp, fee: Number(data), - feeToShow: arbitraryFee, - }; + feeToShow: arbitraryFee + } } async saveToQdn(data) { try { - this.isSaving = true; - if (this.resourceExists === true && this.error) - throw new Error('Unable to save'); + this.isSaving = true - const nameObject = store.getState().app.accountInfo.names[0]; - if (!nameObject) throw new Error('no name'); + if (this.resourceExists === true && this.error) throw new Error('Unable to save') - const arbitraryFeeData = await modalHelper.getArbitraryFee(); + const nameObject = store.getState().app.accountInfo.names[0] + + if (!nameObject) throw new Error('no name') + + const arbitraryFeeData = await modalHelper.getArbitraryFee() const res = await modalHelper.showModalAndWaitPublish({ feeAmount: arbitraryFeeData.feeToShow, - }); - if (res.action !== 'accept') - throw new Error('User declined publish'); - const name = nameObject.name; - const identifer = 'qortal_profile'; - const filename = 'qortal_profile.json'; - const selectedAddress = store.getState().app.selectedAddress; - const getArbitraryFee = await this.getArbitraryFee(); - const feeAmount = getArbitraryFee.fee; + }) - let newObject = structuredClone(data); + if (res.action !== 'accept') throw new Error('User declined publish') + + const name = nameObject.name + const identifer = 'qortal_profile' + const filename = 'qortal_profile.json' + const selectedAddress = store.getState().app.selectedAddress + const getArbitraryFee = await this.getArbitraryFee() + const feeAmount = getArbitraryFee.fee + + let newObject = structuredClone(data) for (const key of Object.keys(newObject.customData || {})) { if (key.includes('-private')) { - const dataKey = newObject.customData[key]; - let isBase64 = false; + const dataKey = newObject.customData[key] + let isBase64 = false + try { - const decodedString = atob(dataKey); - isBase64 = decodedString.includes( - 'qortalGroupEncryptedData' - ); + const decodedString = atob(dataKey) + isBase64 = decodedString.includes('qortalGroupEncryptedData') } catch (e) { - console.log(e); + console.log(e) } + if (isBase64) { - newObject['customData'][key] = - newObject.customData[key]; + newObject['customData'][key] = newObject.customData[key] } else { - const toBase64 = await objectToBase64( - newObject.customData[key] - ); + const toBase64 = await objectToBase64(newObject.customData[key]) + newObject['customData'][key] = encryptDataGroup({ data64: toBase64, - publicKeys: [], - }); + publicKeys: [] + }) } } else { - newObject['customData'][key] = newObject.customData[key]; + newObject['customData'][key] = newObject.customData[key] } } - const newObjectToBase64 = await objectToBase64(newObject); - const worker = new WebWorker2(); + const newObjectToBase64 = await objectToBase64(newObject) + const worker = new WebWorker2() + try { const resPublish = await publishData({ registeredName: encodeURIComponent(name), @@ -586,695 +724,206 @@ class ProfileQdn extends connect(store)(LitElement) { filename: filename, apiVersion: 2, withFee: true, - feeAmount: feeAmount, - }); + feeAmount: feeAmount + }) - this.resourceExists = true; - this.profileData = data; - store.dispatch(setProfileData(data)); - parentEpml.request('showSnackBar', get('profile.profile22')); + this.resourceExists = true + this.profileData = data + store.dispatch(setProfileData(data)) + parentEpml.request('showSnackBar', get('profile.profile22')) - worker.terminate(); + worker.terminate() } catch (error) { - worker.terminate(); + worker.terminate() } } catch (error) { - console.log({ error }); - throw new Error(error.message); + console.log({ error }) + throw new Error(error.message) } finally { - this.isSaving = false; + this.isSaving = false } } sendBackEvent(detail) { - let iframes; + let iframes + + const mainApp = document.getElementById('main-app') - const mainApp = document.getElementById('main-app'); if (mainApp && mainApp.shadowRoot) { - const appView = mainApp.shadowRoot.querySelector('app-view'); + const appView = mainApp.shadowRoot.querySelector('app-view') if (appView && appView.shadowRoot) { - const showPlugin = - appView.shadowRoot.querySelector('show-plugin'); + const showPlugin = appView.shadowRoot.querySelector('show-plugin') if (showPlugin && showPlugin.shadowRoot) { - iframes = showPlugin.shadowRoot.querySelectorAll('iframe'); + iframes = showPlugin.shadowRoot.querySelectorAll('iframe') } } } iframes.forEach((iframe) => { const iframeWindow = iframe.contentWindow; - const customEvent = new CustomEvent( - 'qortal-request-set-profile-data-response', - { - detail: detail, - } - ); + const customEvent = new CustomEvent('qortal-request-set-profile-data-response', { detail: detail }) - iframeWindow.dispatchEvent(customEvent); - }); + iframeWindow.dispatchEvent(customEvent) + }) } async _handleQortalRequestSetData(event) { - const detail = event.detail; + const detail = event.detail try { - if (!detail.property || !detail.payload) - throw new Error('not saved'); - if ( - !this.profileData && - (this.resourceExists || this.resourceExists === undefined) - ) - throw new Error("unable to fetch the user's profile data"); - this.isOpenProfileModalUpdate = true; - this.editContent = { - ...(this.profileData || {}), - }; + if (!detail.property || !detail.payload) throw new Error('not saved') + if (!this.profileData && (this.resourceExists || this.resourceExists === undefined)) throw new Error('unable to fetch the users profile data') + + this.isOpenProfileModalUpdate = true + + this.editContent = {...(this.profileData || {}),} + if (detail.payload.customData) { - this.qortalRequestCustomData = detail; + this.qortalRequestCustomData = detail } // Wait for response event const response = await new Promise((resolve, reject) => { function handleResponseEvent(event) { // Handle the data from the event, if any - const responseData = event.detail; + const responseData = event.detail + // Clean up by removing the event listener once we've received the response - window.removeEventListener( - 'send-back-event', - handleResponseEvent - ); + window.removeEventListener('send-back-event', handleResponseEvent) if (responseData.response === 'saved') { - resolve(responseData); + resolve(responseData) } else { - reject(new Error(responseData.error)); + reject(new Error(responseData.error)) } } // Set up an event listener to wait for the response - window.addEventListener('send-back-event', handleResponseEvent); - }); + window.addEventListener('send-back-event', handleResponseEvent) + }) this.sendBackEvent({ response: response.response, - uniqueId: detail.uniqueId, - }); + uniqueId: detail.uniqueId + }) } catch (error) { this.sendBackEvent({ response: 'error', - uniqueId: detail.uniqueId, - }); + uniqueId: detail.uniqueId + }) } } _handleOpenVisiting(event) { try { - const name = event.detail; - this.getVisitingProfile(name); - this.dialogOpenedProfile = true; - } catch (error) {} + const name = event.detail + this.getVisitingProfile(name) + this.dialogOpenedProfile = true + } catch (error) { } } connectedCallback() { - super.connectedCallback(); - window.addEventListener( - 'qortal-request-set-profile-data', - this._handleQortalRequestSetData - ); - window.addEventListener( - 'open-visiting-profile', - this._handleOpenVisiting - ); + super.connectedCallback() + window.addEventListener('qortal-request-set-profile-data', this._handleQortalRequestSetData) + window.addEventListener('open-visiting-profile', this._handleOpenVisiting) } disconnectedCallback() { - window.removeEventListener( - 'qortal-request-set-profile-data', - this._handleQortalRequestSetData - ); - window.removeEventListener( - 'open-visiting-profile', - this._handleOpenVisiting - ); - super.disconnectedCallback(); + window.removeEventListener('qortal-request-set-profile-data', this._handleQortalRequestSetData) + window.removeEventListener('open-visiting-profile', this._handleOpenVisiting) + super.disconnectedCallback() } onClose(isSuccess) { - this.isOpenProfileModalUpdate = false; - this.editContent = null; + this.isOpenProfileModalUpdate = false + this.editContent = null + if (this.qortalRequestCustomData) { // Create and dispatch custom event const customEvent = new CustomEvent('send-back-event', { detail: { - response: isSuccess ? 'saved' : 'not saved', - }, - }); - window.dispatchEvent(customEvent); + response: isSuccess ? 'saved' : 'not saved' + } + }) - this.qortalRequestCustomData = null; + window.dispatchEvent(customEvent) + + this.qortalRequestCustomData = null } } avatarFullImage() { - this.imageUrl = `${this.nodeUrl}/arbitrary/THUMBNAIL/${this.nameVisiting}/qortal_avatar?async=true&apiKey=${this.myNode.apiKey}`; + this.imageUrl = `${this.nodeUrl}/arbitrary/THUMBNAIL/${this.nameVisiting}/qortal_avatar?async=true&apiKey=${this.myNode.apiKey}` - return html``; + return html`` } openUserInfo() { const infoDialog = document .getElementById('main-app') .shadowRoot.querySelector('app-view') - .shadowRoot.querySelector('user-info-view'); - infoDialog.openUserInfo(this.nameVisiting); + .shadowRoot.querySelector('user-info-view') + infoDialog.openUserInfo(this.nameVisiting) } openEdit() { - this.isOpenProfileModalUpdate = !this.isOpenProfileModalUpdate; + this.isOpenProfileModalUpdate = !this.isOpenProfileModalUpdate } onCloseVisitingProfile() { - this.profileDataVisiting = null; - this.nameVisiting = ''; - this.imageUrl = ''; - this.resourceExistsVisiting = undefined; - this.isFriend = undefined; + this.profileDataVisiting = null + this.nameVisiting = '' + this.imageUrl = '' + this.resourceExistsVisiting = undefined + this.isFriend = undefined } updated(changedProperties) { - if ( - changedProperties && - changedProperties.has('dialogOpenedProfile') && - this.dialogOpenedProfile === false - ) { - const prevVal = changedProperties.get('dialogOpenedProfile'); - if (prevVal === true) this.onCloseVisitingProfile(); + if (changedProperties && changedProperties.has('dialogOpenedProfile') && this.dialogOpenedProfile === false) { + const prevVal = changedProperties.get('dialogOpenedProfile') + if (prevVal === true) this.onCloseVisitingProfile() } } + async getUserAddress() { try { - const url = `${this.nodeUrl}/names/${this.nameVisiting}`; - const res = await fetch(url); - const result = await res.json(); + const url = `${this.nodeUrl}/names/${this.nameVisiting}` + const res = await fetch(url) + const result = await res.json() + if (result.error === 401) { - return ''; + return '' } else { - return result.owner; + return result.owner } } catch (error) { - return ''; + return '' } } checkIfInFriendsList(name) { try { - this.isFriend = undefined; - const friendList = JSON.parse( - localStorage.getItem('friends-my-friend-list') || '[]' - ); - const findIndex = friendList.findIndex( - (friend) => friend.name === name - ); - this.isFriend = findIndex !== -1; - } catch (error) {} + this.isFriend = undefined + const friendList = JSON.parse(localStorage.getItem('friends-my-friend-list') || '[]') + const findIndex = friendList.findIndex((friend) => friend.name === name) + this.isFriend = findIndex !== -1 + } catch (error) { } } - render() { - return html` - ${this.isSaving || - (!this.error && this.resourceExists === undefined) - ? html` - - ` - : !this.name - ? html` - { - const target = this.shadowRoot.getElementById( - 'popover-notification' - ); - const popover = - this.shadowRoot.querySelector( - 'popover-component' - ); - if (popover) { - popover.openPopover(target); - } - }} - style="user-select:none;cursor:pointer" - >account_circle - - - -
    -

    - ${translate('profile.profile1')} -

    -
    -
    -
    - ${translate('profile.profile2')} -
    -
    -     - ` - : this.error - ? html` -
    - -
    - - - ` - : html` -
    { - if (this.resourceExists && this.profileData) { - this.editContent = this.profileData; - } else if ( - this.resourceExists && - !this.profileData - ) { - return; - } - if (this.profileData) { - this.profileDataVisiting = this.profileData; - this.nameVisiting = this.name; - this.dialogOpenedProfile = true; - } else { - this.isOpenProfileModalUpdate = - !this.isOpenProfileModalUpdate; - } - }} - > - -
    - `} + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } - { - this.isOpenProfileModalUpdate = val; - }} - .onSubmit=${this.saveToQdn} - .editContent=${this.editContent} - .onClose=${(val) => this.onClose(val)} - .qortalRequestCustomData=${this.qortalRequestCustomData} - > + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - - ${this.dialogOpenedProfile - ? html` - - -

    ${this.nameVisiting}

    -
    - ${this.nameVisiting !== this.name - ? html` -
    - send - - -
    - ` - : ''} - ${this.nameVisiting !== this.name - ? html` -
    - mail - - -
    - ` - : ''} - ${this.nameVisiting !== this.name && - this.isFriend === false - ? html` -
    - person_add - - -
    - ` - : ''} - ${this.nameVisiting !== this.name && - this.isFriend === true - ? html` -
    - person - - -
    - ` - : ''} -
    - -
    - ${this.isLoadingVisitingProfile - ? html` -
    - -
    - ` - : this.resourceExistsVisiting === false - ? html` -
    -

    - ${translate( - 'profile.profile16' - )} -

    -
    - ` - : this.profileDataVisiting === null - ? html` -
    -

    - ${translate( - 'profile.profile17' - )} -

    -
    - ` - : html` -

    - ${translate('profile.profile4')} -

    -

    - ${this.profileDataVisiting - .tagline || - translate('profile.profile15')} -

    -

    - ${translate('profile.profile5')} -

    -

    - ${this.profileDataVisiting - .bio || - translate('profile.profile15')} -

    -

    - ${translate('profile.profile6')} -

    - ${Object.keys( - this.profileDataVisiting.wallets - ).map((key, i) => { - return html` -

    - ${key}: - ${this - .profileDataVisiting - .wallets[key] || - translate( - 'profile.profile15' - )} -

    - `; - })} - `} -
    - -
    - - this.openUserInfo()} - >${translate( - 'profile.profile14' - )} - - - ${this.nameVisiting === this.name - ? html` - - this.openEdit()} - >${translate( - 'profile.profile3' - )} - ` - : ''} - - { - this.dialogOpenedProfile = false; - }} - >${translate( - 'general.close' - )} - -
    -     - ` - : ''} - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('profile-qdn', ProfileQdn); +window.customElements.define('profile-qdn', ProfileQdn) \ No newline at end of file diff --git a/core/src/components/friends-view/save-settings-qdn.js b/core/src/components/friends-view/save-settings-qdn.js index 0b303a33..ecb84ebb 100644 --- a/core/src/components/friends-view/save-settings-qdn.js +++ b/core/src/components/friends-view/save-settings-qdn.js @@ -1,24 +1,24 @@ -import {css, html, LitElement} from 'lit'; -import '@material/mwc-icon'; -import './friends-side-panel.js'; -import {connect} from 'pwa-helpers'; -import {store} from '../../store.js'; -import WebWorker from '../WebWorkerFile.js'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@vaadin/tooltip'; -import {translate} from '../../../translate' -import ShortUniqueId from 'short-unique-id'; - +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { parentEpml } from '../show-plugin' +import { setNewTab } from '../../redux/app/app-actions' +import { publishData } from '../../../../plugins/plugins/utils/classes' import { decryptGroupData, encryptDataGroup, objectToBase64, - uint8ArrayToObject, -} from '../../../../plugins/plugins/core/components/qdn-action-encryption.js'; -import {publishData} from '../../../../plugins/plugins/utils/publish-image.js'; -import {parentEpml} from '../show-plugin.js'; -import '../notification-view/popover.js'; -import {setNewTab} from '../../redux/app/app-actions.js'; + uint8ArrayToObject +} from '../../../../plugins/plugins/core/components/qdn-action-encryption' +import { translate } from '../../../translate' +import { saveSettingsQdnStyles } from '../../styles/core-css' +import ShortUniqueId from 'short-unique-id' +import WebWorker from '../WebWorkerFile.js' +import './friends-side-panel' +import '../notification-view/popover' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/tooltip' class SaveSettingsQdn extends connect(store)(LitElement) { static get properties() { @@ -30,151 +30,207 @@ class SaveSettingsQdn extends connect(store)(LitElement) { resourceExists: { type: Boolean }, isSaving: { type: Boolean }, fee: { type: Object }, - hasName: {type: Boolean}, - error: {type: String}, - name: {type: String} - }; + hasName: { type: Boolean }, + error: { type: String }, + name: { type: String } + } + } + + static get styles() { + return [saveSettingsQdnStyles] } constructor() { - super(); - this.isOpen = false; - this.getGeneralSettingsQdn = this.getGeneralSettingsQdn.bind(this); - this._updateTempSettingsData = this._updateTempSettingsData.bind(this); - this.setValues = this.setValues.bind(this); - this.saveToQdn = this.saveToQdn.bind(this); - this.syncPercentage = 0; - this.hasRetrievedResource = false; - this.hasAttemptedToFetchResource = false; - this.resourceExists = undefined; - this.settingsRawData = null; - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - this.valuesToBeSavedOnQdn = {}; - this.isSaving = false; - this.fee = null; - this.hasName = false; - this.error = ""; - this.uid = new ShortUniqueId(); - this.name = undefined; - + super() + this.isOpen = false + this.getGeneralSettingsQdn = this.getGeneralSettingsQdn.bind(this) + this._updateTempSettingsData = this._updateTempSettingsData.bind(this) + this.setValues = this.setValues.bind(this) + this.saveToQdn = this.saveToQdn.bind(this) + this.syncPercentage = 0 + this.hasRetrievedResource = false + this.hasAttemptedToFetchResource = false + this.resourceExists = undefined + this.settingsRawData = null + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.valuesToBeSavedOnQdn = {} + this.isSaving = false + this.fee = null + this.hasName = false + this.error = '' + this.uid = new ShortUniqueId() + this.name = undefined } - static styles = css` - :host { - margin-right: 20px; - } - .header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px; - border-bottom: 1px solid #e0e0e0; - } - .content { - padding: 16px; - } - .close { - visibility: hidden; - position: fixed; - z-index: -100; - right: -1000px; - } + render() { + return html` + ${this.isSaving || (!this.error && this.resourceExists === undefined) ? + html` + + ` : !this.name ? html` + { + const target = this.shadowRoot.getElementById('popover-notification'); + const popover = this.shadowRoot.querySelector('popover-component'); + if (popover) { + popover.openPopover(target); + } + }} + style="user-select:none;cursor:pointer" + > + save + + + + +
    +

    + ${translate('profile.profile1')} +

    +
    +
    +
    + ${translate('profile.profile2')} +
    +
    +     + ` : html` + 0 || this.resourceExists === false? 'active' : 'notActive'} + @click=${() => { + if (Object.values(this.valuesToBeSavedOnQdn).length > 0 || this.resourceExists === false) { + if (!this.fee) return; + const target = this.shadowRoot.getElementById('popover-notification'); + const popover = this.shadowRoot.querySelector('popover-component'); + if (popover) { + popover.openPopover(target); + } + } + }} + style="user-select:none" + > + save + + 0 || this.resourceExists === false + ? translate('save.saving3') : translate('save.saving2') + } + > + +
    +

    + ${translate('walletpage.wchange12')}: ${this.fee ? this.fee.feeToShow : ''} +

    +
    +
    +
    + ${translate('save.saving4')} +
    +
    + ${translate('browserpage.bchange28')} +
    +
    +     + ` + } + ` + } - .parent-side-panel { - transform: translateX(100%); /* start from outside the right edge */ - transition: transform 0.3s ease-in-out; - } - .parent-side-panel.open { - transform: translateX(0); /* slide in to its original position */ - } - .notActive { - opacity: 0.5; - cursor: default; - color: var(--black); - } - .active { - opacity: 1; - cursor: pointer; - color: green; - } - .accept-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: var(--mdc-theme-primary); - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - font-size: 18px; - } - - .accept-button:hover { - cursor: pointer; - background-color: #03a8f485; - } - - .undo-button { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - padding: 8px 5px; - border-radius: 3px; - text-align: center; - color: #f44336; - transition: all 0.3s ease-in-out; - display: flex; - align-items: center; - gap: 10px; - font-size: 18px; - } - - .undo-button:hover { - cursor: pointer; - background-color: #f4433663; - } - `; + firstUpdated() { + // ... + } getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } + getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] } async getRawData(dataItem) { - const url = `${this.nodeUrl}/arbitrary/${dataItem.service}/${dataItem.name}/${dataItem.identifier}?encoding=base64`; - const res = await fetch(url); - const data = await res.text(); - if (data.error) throw new Error('Cannot retrieve your data from qdn'); - const decryptedData = decryptGroupData(data); - return uint8ArrayToObject(decryptedData); + const url = `${this.nodeUrl}/arbitrary/${dataItem.service}/${dataItem.name}/${dataItem.identifier}?encoding=base64` + const res = await fetch(url) + const data = await res.text() + if (data.error) throw new Error('Cannot retrieve your data from qdn') + const decryptedData = decryptGroupData(data) + return uint8ArrayToObject(decryptedData) } async getMyFollowedNames() { + let myFollowedNames = [] - let myFollowedNames = [] try { - myFollowedNames = await parentEpml.request('apiCall', { + myFollowedNames = await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.myNode.apiKey}` }) - } catch (error) { + } catch (error) { } - } - - return myFollowedNames - } + return myFollowedNames + } async followNames(names) { let namesJsonString = JSON.stringify({ "items": names }) @@ -190,300 +246,255 @@ class SaveSettingsQdn extends connect(store)(LitElement) { } async setValues(response, resource) { - this.settingsRawData = response; - const rawDataTimestamp = resource.updated; + this.settingsRawData = response + const rawDataTimestamp = resource.updated const tempSettingsData = JSON.parse( localStorage.getItem('temp-settings-data') || '{}' - ); + ) - const userLists = response.userLists || []; - const friendsFeed = response.friendsFeed; - const myMenuPlugs = response.myMenuPlugs; + const userLists = response.userLists || [] + const friendsFeed = response.friendsFeed + const myMenuPlugs = response.myMenuPlugs - this.valuesToBeSavedOnQdn = {}; - if ( - userLists.length > 0 && - (!tempSettingsData.userLists || - (tempSettingsData.userLists && - tempSettingsData.userLists.timestamp < rawDataTimestamp)) - ) { - const friendList = userLists[0]; - const copyPayload = [...friendList]; - const onlyNames = copyPayload.map((item)=> item.name) + this.valuesToBeSavedOnQdn = {} + + if (userLists.length > 0 && (!tempSettingsData.userLists || (tempSettingsData.userLists && tempSettingsData.userLists.timestamp < rawDataTimestamp))) { + const friendList = userLists[0] + const copyPayload = [...friendList] + const onlyNames = copyPayload.map((item) => item.name) const followedList = await this.getMyFollowedNames() + const namesNotInFollowedList = onlyNames.filter(name => !followedList.includes(name)) - const namesNotInFollowedList = onlyNames.filter(name => !followedList.includes(name)); - if(namesNotInFollowedList.length > 0){ + if (namesNotInFollowedList.length > 0) { await this.followNames(namesNotInFollowedList) - } - localStorage.setItem( - 'friends-my-friend-list', - JSON.stringify(friendList) - ); + localStorage.setItem('friends-my-friend-list', JSON.stringify(friendList)) + this.dispatchEvent( new CustomEvent('friends-my-friend-list-event', { bubbles: true, composed: true, - detail: copyPayload, + detail: copyPayload }) - ); - } else if ( - tempSettingsData.userLists && - tempSettingsData.userLists.timestamp > rawDataTimestamp - ) { + ) + } else if (tempSettingsData.userLists && tempSettingsData.userLists.timestamp > rawDataTimestamp) { this.valuesToBeSavedOnQdn = { ...this.valuesToBeSavedOnQdn, userLists: { - data: tempSettingsData.userLists.data, - }, - }; + data: tempSettingsData.userLists.data + } + } } - if ( - friendsFeed && - (!tempSettingsData.friendsFeed || - (tempSettingsData.friendsFeed && - tempSettingsData.friendsFeed.timestamp < rawDataTimestamp)) - ) { - const copyPayload = [...friendsFeed]; + if (friendsFeed && (!tempSettingsData.friendsFeed || (tempSettingsData.friendsFeed && tempSettingsData.friendsFeed.timestamp < rawDataTimestamp))) { + const copyPayload = [...friendsFeed] + + localStorage.setItem('friends-my-selected-feeds', JSON.stringify(friendsFeed)) - localStorage.setItem( - 'friends-my-selected-feeds', - JSON.stringify(friendsFeed) - ); this.dispatchEvent( new CustomEvent('friends-my-selected-feeds-event', { bubbles: true, composed: true, - detail: copyPayload, + detail: copyPayload }) - ); - } else if ( - tempSettingsData.friendsFeed && - tempSettingsData.friendsFeed.timestamp > rawDataTimestamp - ) { + ) + } else if (tempSettingsData.friendsFeed && tempSettingsData.friendsFeed.timestamp > rawDataTimestamp) { this.valuesToBeSavedOnQdn = { ...this.valuesToBeSavedOnQdn, friendsFeed: { - data: tempSettingsData.friendsFeed.data, - }, - }; + data: tempSettingsData.friendsFeed.data + } + } } - if ( - myMenuPlugs && - (!tempSettingsData.myMenuPlugs || - (tempSettingsData.myMenuPlugs && - tempSettingsData.myMenuPlugs.timestamp < rawDataTimestamp)) - ) { + if (myMenuPlugs && (!tempSettingsData.myMenuPlugs || (tempSettingsData.myMenuPlugs && tempSettingsData.myMenuPlugs.timestamp < rawDataTimestamp))) { if (Array.isArray(myMenuPlugs)) { - const copyPayload = [...myMenuPlugs]; + const copyPayload = [...myMenuPlugs] - localStorage.setItem( - 'myMenuPlugs', - JSON.stringify(myMenuPlugs) - ); + localStorage.setItem('myMenuPlugs', JSON.stringify(myMenuPlugs)) this.dispatchEvent( new CustomEvent('myMenuPlugs-event', { bubbles: true, composed: true, - detail: copyPayload, + detail: copyPayload }) - ); + ) } - } else if ( - tempSettingsData.myMenuPlugs && - tempSettingsData.myMenuPlugs.timestamp > rawDataTimestamp - ) { + } else if (tempSettingsData.myMenuPlugs && tempSettingsData.myMenuPlugs.timestamp > rawDataTimestamp) { this.valuesToBeSavedOnQdn = { ...this.valuesToBeSavedOnQdn, myMenuPlugs: { - data: tempSettingsData.myMenuPlugs.data, - }, - }; + data: tempSettingsData.myMenuPlugs.data + } + } } } async getGeneralSettingsQdn() { try { this.error = "" - this.fee = await this.getArbitraryFee(); - this.hasAttemptedToFetchResource = true; - let resource; + this.fee = await this.getArbitraryFee() + this.hasAttemptedToFetchResource = true + let resource let nameObject + try { - nameObject = store.getState().app.accountInfo.names[0]; + nameObject = store.getState().app.accountInfo.names[0] + } catch (error) { } - } catch (error) { - - } if (!nameObject) { - this.name = null; + this.name = null this.error = 'no name' - throw new Error('no name'); + throw new Error('no name') } - const name = nameObject.name; - this.name = name; + + const name = nameObject.name + this.name = name this.hasName = true - this.error = ''; - const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT_PRIVATE&mode=ALL&identifier=qortal_general_settings&name=${name}&prefix=true&exactmatchnames=true&excludeblocked=true&limit=20`; - const res = await fetch(url); - let data = ''; + this.error = '' + const url = `${this.nodeUrl}/arbitrary/resources/search?service=DOCUMENT_PRIVATE&mode=ALL&identifier=qortal_general_settings&name=${name}&prefix=true&exactmatchnames=true&excludeblocked=true&limit=20` + const res = await fetch(url) + let data = '' + try { - data = await res.json(); + data = await res.json() + if (Array.isArray(data)) { data = data.filter( (item) => item.identifier === 'qortal_general_settings' - ); + ) if (data.length > 0) { - this.resourceExists = true; - const dataItem = data[0]; + this.resourceExists = true + const dataItem = data[0] + try { - const response = await this.getRawData(dataItem); + const response = await this.getRawData(dataItem) + if (response.version) { - await this.setValues(response, dataItem); + await this.setValues(response, dataItem) } else { - this.error = 'Cannot get saved user settings'; + this.error = 'Cannot get saved user settings' } } catch (error) { - console.log({ error }); - this.error = 'Cannot get saved user settings'; + console.log({ error }) + this.error = 'Cannot get saved user settings' } } else { - this.resourceExists = false; + this.resourceExists = false } } else { - this.error = 'Unable to perform query'; + this.error = 'Unable to perform query' } } catch (error) { - data = { - error: 'No resource found', - }; + data = {error: 'No resource found'} } if (resource) { - this.hasRetrievedResource = true; + this.hasRetrievedResource = true } } catch (error) { - console.log({ error }); + console.log({ error }) } } stateChanged(state) { - if ( - state.app.nodeStatus && - state.app.nodeStatus.syncPercent !== this.syncPercentage - ) { - this.syncPercentage = state.app.nodeStatus.syncPercent; + if (state.app.nodeStatus && state.app.nodeStatus.syncPercent !== this.syncPercentage) { + this.syncPercentage = state.app.nodeStatus.syncPercent - if ( - !this.hasAttemptedToFetchResource && - state.app.nodeStatus.syncPercent === 100 - ) { - this.getGeneralSettingsQdn(); + if (!this.hasAttemptedToFetchResource && state.app.nodeStatus.syncPercent === 100) { + this.getGeneralSettingsQdn() } } if ( - state.app.accountInfo && - state.app.accountInfo.names.length && - state.app.nodeStatus && - state.app.nodeStatus.syncPercent === 100 && this.hasName === false && this.hasAttemptedToFetchResource && state.app.accountInfo && state.app.accountInfo.names && state.app.accountInfo.names.length > 0 + state.app.accountInfo && state.app.accountInfo.names.length && state.app.nodeStatus && + state.app.nodeStatus.syncPercent === 100 && this.hasName === false && this.hasAttemptedToFetchResource && + state.app.accountInfo && state.app.accountInfo.names && state.app.accountInfo.names.length > 0 ) { - this.getGeneralSettingsQdn(); + this.getGeneralSettingsQdn() } } async getArbitraryFee() { - const timestamp = Date.now(); - const url = `${this.nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}`; - const response = await fetch(url); + const timestamp = Date.now() + const url = `${this.nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` + const response = await fetch(url) + if (!response.ok) { - throw new Error('Error when fetching arbitrary fee'); + throw new Error('Error when fetching arbitrary fee') } - const data = await response.json(); - const arbitraryFee = (Number(data) / 1e8).toFixed(8); + + const data = await response.json() + const arbitraryFee = (Number(data) / 1e8).toFixed(8) + return { timestamp, fee: Number(data), - feeToShow: arbitraryFee, - }; + feeToShow: arbitraryFee + } } async saveToQdn() { try { - this.isSaving = true; - if (this.resourceExists === true && this.error) - throw new Error('Unable to save'); + this.isSaving = true - const nameObject = store.getState().app.accountInfo.names[0]; - if (!nameObject) throw new Error('no name'); - const name = nameObject.name; - const identifer = 'qortal_general_settings'; - const filename = 'qortal_general_settings.json'; - const selectedAddress = store.getState().app.selectedAddress; - const getArbitraryFee = await this.getArbitraryFee(); - const feeAmount = getArbitraryFee.fee; - const friendsList = JSON.parse( - localStorage.getItem('friends-my-friend-list') || '[]' - ); - const friendsFeed = JSON.parse( - localStorage.getItem('friends-my-selected-feeds') || '[]' - ); - const myMenuPlugs = JSON.parse( - localStorage.getItem('myMenuPlugs') || '[]' - ); + if (this.resourceExists === true && this.error) throw new Error('Unable to save') - let newObject; + const nameObject = store.getState().app.accountInfo.names[0] + + if (!nameObject) throw new Error('no name') + + const name = nameObject.name + const identifer = 'qortal_general_settings' + const filename = 'qortal_general_settings.json' + const selectedAddress = store.getState().app.selectedAddress + const getArbitraryFee = await this.getArbitraryFee() + const feeAmount = getArbitraryFee.fee + const friendsList = JSON.parse(localStorage.getItem('friends-my-friend-list') || '[]') + const friendsFeed = JSON.parse(localStorage.getItem('friends-my-selected-feeds') || '[]') + const myMenuPlugs = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + + let newObject if (this.resourceExists === false) { newObject = { version: 1, userLists: [friendsList], friendsFeed, - myMenuPlugs, - }; + myMenuPlugs + } } else if (this.settingsRawData) { - const tempSettingsData = JSON.parse( - localStorage.getItem('temp-settings-data') || '{}' - ); - newObject = { - ...this.settingsRawData, - }; + const tempSettingsData = JSON.parse(localStorage.getItem('temp-settings-data') || '{}') + + newObject = {...this.settingsRawData} + for (const key in tempSettingsData) { if (tempSettingsData[key].hasOwnProperty('data')) { - if ( - key === 'userLists' && - !Array.isArray(tempSettingsData[key].data) - ) - continue; - if ( - key === 'friendsFeed' && - !Array.isArray(tempSettingsData[key].data) - ) - continue; - if ( - key === 'myMenuPlugs' && - !Array.isArray(tempSettingsData[key].data) - ) - continue; - newObject[key] = tempSettingsData[key].data; + if (key === 'userLists' && !Array.isArray(tempSettingsData[key].data)) { + continue + } + + if (key === 'friendsFeed' && !Array.isArray(tempSettingsData[key].data)) { + continue + } + + if (key === 'myMenuPlugs' && !Array.isArray(tempSettingsData[key].data)) { + continue + } + + newObject[key] = tempSettingsData[key].data } } } - const newObjectToBase64 = await objectToBase64(newObject); - const encryptedData = encryptDataGroup({ - data64: newObjectToBase64, - publicKeys: [], - }); + const newObjectToBase64 = await objectToBase64(newObject) + const encryptedData = encryptDataGroup({data64: newObjectToBase64, publicKeys: []}) + const worker = new WebWorker() - const worker = new WebWorker(); try { const resPublish = await publishData({ registeredName: encodeURIComponent(name), @@ -498,225 +509,52 @@ class SaveSettingsQdn extends connect(store)(LitElement) { filename: filename, apiVersion: 2, withFee: true, - feeAmount: feeAmount, - }); + feeAmount: feeAmount + }) - this.resourceExists = true; - await this.setValues(newObject, { - updated: Date.now(), - }); - localStorage.setItem('temp-settings-data', JSON.stringify({})); - this.valuesToBeSavedOnQdn = {}; - worker.terminate(); + this.resourceExists = true + await this.setValues(newObject, { updated: Date.now() }) + localStorage.setItem('temp-settings-data', JSON.stringify({})) + this.valuesToBeSavedOnQdn = {} + worker.terminate() } catch (error) { - worker.terminate(); + worker.terminate() } } catch (error) { - console.log({ error }); + console.log({ error }) } finally { - this.isSaving = false; + this.isSaving = false } } _updateTempSettingsData() { - this.valuesToBeSavedOnQdn = JSON.parse( - localStorage.getItem('temp-settings-data') || '{}' - ); + this.valuesToBeSavedOnQdn = JSON.parse(localStorage.getItem('temp-settings-data') || '{}') } connectedCallback() { - super.connectedCallback(); - window.addEventListener( - 'temp-settings-data-event', - this._updateTempSettingsData - ); + super.connectedCallback() + window.addEventListener('temp-settings-data-event', this._updateTempSettingsData) } disconnectedCallback() { - window.removeEventListener( - 'temp-settings-data-event', - this._updateTempSettingsData - ); - super.disconnectedCallback(); + window.removeEventListener('temp-settings-data-event', this._updateTempSettingsData) + super.disconnectedCallback() } - render() { - return html` - ${this.isSaving || - (!this.error && this.resourceExists === undefined) - ? html` - - ` - : !this.name ? html` - { - const target = this.shadowRoot.getElementById( - 'popover-notification' - ); - const popover = - this.shadowRoot.querySelector( - 'popover-component' - ); - if (popover) { - popover.openPopover(target); - } - }} - style="user-select:none;cursor:pointer" - >save - - - -
    -

    - ${translate('profile.profile1')} -

    -
    -
    -
    - ${translate('profile.profile2')} -
    -
    -     - ` : html` - 0 || this.resourceExists === false - ? 'active' - : 'notActive'} - @click=${() => { - if ( - Object.values(this.valuesToBeSavedOnQdn) - .length > 0 || - this.resourceExists === false - ) { - if (!this.fee) return; - // this.saveToQdn() - const target = - this.shadowRoot.getElementById( - 'popover-notification' - ); - const popover = - this.shadowRoot.querySelector( - 'popover-component' - ); - if (popover) { - popover.openPopover(target); - } - } - // this.isOpen = !this.isOpen - }} - style="user-select:none" - >save - 0 || - this.resourceExists === false - ? translate('save.saving3') - : translate('save.saving2')} - > - - -
    -

    - ${translate('walletpage.wchange12')}: ${ - this.fee ? this.fee.feeToShow : '' - } -

    -
    -
    -
    - ${translate('save.saving4')} -
    -
    - ${translate('browserpage.bchange28')} -
    -
    -     - `} - `; + + // Standard functions + getApiKey() { + const coreNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return coreNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('save-settings-qdn', SaveSettingsQdn); +window.customElements.define('save-settings-qdn', SaveSettingsQdn) \ No newline at end of file diff --git a/core/src/components/language-selector.js b/core/src/components/language-selector.js index 0cfaf8ef..eec17725 100644 --- a/core/src/components/language-selector.js +++ b/core/src/components/language-selector.js @@ -1,125 +1,88 @@ -import {css, html, LitElement} from 'lit' -import {registerTranslateConfig, translate, use} from '../../translate' +import { html, LitElement } from 'lit' +import { languageSelectorStyles } from '../styles/core-css' + +// Multi language support +import { registerTranslateConfig, translate, use } from '../../translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const checkLanguage = localStorage.getItem('qortalLanguage') if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') + localStorage.setItem('qortalLanguage', 'us') + use('us') } else { - use(checkLanguage) + use(checkLanguage) } class LanguageSelector extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + theme: { type: String, reflect: true } + } + } - static get styles() { - return [ - css` - select { - width: 175px; - height: 34px; - padding: 5px 0px 5px 5px; - font-size: 16px; - border: 1px solid var(--black); - border-radius: 3px; - color: var(--black); - background: - linear-gradient(45deg, transparent 50%, white 50%), - linear-gradient(135deg, white 50%, transparent 50%), - linear-gradient(to right, #03a9f4, #03a9f4); - background-position: - calc(100% - 17px) calc(0.5em + 4px), - calc(100% - 7px) calc(0.5em + 4px), - 100% 0; - background-size: - 10px 10px, - 10px 10px, - 2.2em 2.2em; - background-repeat: no-repeat; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-appearance:none; - -moz-appearance:none; - } + static get styles() { + return [languageSelectorStyles] + } - *:focus { - outline: none; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - select option { - color: var(--black); - background: var(--white); - line-height: 34px; - } - ` - ] - } + render() { + return html` +
    + +
    + ` + } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + firstUpdated() { + const myElement = this.shadowRoot.getElementById('languageSelect') - render() { - return html` -
    - -
    - ` - } + myElement.addEventListener('change', () => { + this.selectElement() + }) - firstUpdated() { - const myElement = this.shadowRoot.getElementById('languageSelect') + this.selectElement() + } - myElement.addEventListener("change", () => { - this.selectElement() - }) + selectElement() { + const selectedLanguage = localStorage.getItem('qortalLanguage') + let element = this.shadowRoot.getElementById('languageSelect') + element.value = selectedLanguage + } - this.selectElement() - } - - selectElement() { - const selectedLanguage = localStorage.getItem('qortalLanguage') - let element = this.shadowRoot.getElementById('languageSelect') - element.value = selectedLanguage - } - - changeLanguage(event) { - use(event.target.value) - localStorage.setItem('qortalLanguage', event.target.value) - } + changeLanguage(event) { + use(event.target.value) + localStorage.setItem('qortalLanguage', event.target.value) + } } -window.customElements.define('language-selector', LanguageSelector) +window.customElements.define('language-selector', LanguageSelector) \ No newline at end of file diff --git a/core/src/components/login-view/create-account-section.js b/core/src/components/login-view/create-account-section.js index fa7d570e..093e385c 100644 --- a/core/src/components/login-view/create-account-section.js +++ b/core/src/components/login-view/create-account-section.js @@ -1,635 +1,646 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {get, translate} from '../../../translate' - -import {createWallet} from '../../../../crypto/api/createWallet.js' -import {doLogin, doLogout, doSelectAddress} from '../../redux/app/app-actions.js' -import {doStoreWallet} from '../../redux/user/user-actions.js' -import {checkApiKey} from '../../apiKeyUtils.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { createWallet } from '../../../../crypto/api/createWallet' +import { doLogin, doLogout, doSelectAddress } from '../../redux/app/app-actions' +import { doStoreWallet } from '../../redux/user/user-actions' +import { checkApiKey } from '../../apiKeyUtils' +import { createAccountSectionStyles } from '../../styles/core-css' import FileSaver from 'file-saver' -import ripple from '../../functional-components/loading-ripple.js' -import snackbar from '../../functional-components/snackbar.js' -import '../../functional-components/random-sentence-generator.js' +import ripple from '../../functional-components/loading-ripple' +import snackbar from '../../functional-components/snackbar' +import '../../functional-components/random-sentence-generator' import '@material/mwc-button' import '@material/mwc-checkbox' -import '@material/mwc-textfield' -import '@material/mwc-icon' import '@material/mwc-dialog' import '@material/mwc-formfield' +import '@material/mwc-icon' +import '@material/mwc-textfield' import '@polymer/iron-pages' import '@polymer/paper-button/paper-button.js' import '@polymer/paper-input/paper-input-container.js' import '@polymer/paper-input/paper-input.js' import '@polymer/paper-tooltip/paper-tooltip.js' -import '@vaadin/text-field/vaadin-text-field.js' import '@vaadin/password-field/vaadin-password-field.js' +import '@vaadin/text-field/vaadin-text-field.js' + +// Multi language support +import { get, translate } from '../../../translate' let lastPassword = '' class CreateAccountSection extends connect(store)(LitElement) { - static get properties() { - return { - nextHidden: { type: Boolean, notify: true }, - nextDisabled: { type: Boolean, notify: true }, - nextText: { type: String, notify: true }, - backHidden: { type: Boolean, notify: true }, - backDisabled: { type: Boolean, notify: true }, - backText: { type: String, notify: true }, - hideNav: { type: Boolean, notify: true }, - selectedPage: { type: String }, - error: { type: Boolean }, - errorMessage: { type: String }, - nextButtonText: { type: String }, - saveAccount: { type: Boolean }, - createAccountLoading: { type: Boolean }, - showSeedphrase: { type: Boolean }, - _wallet: { type: Object }, - _pass: { type: String }, - _name: { type: String }, - isDownloadedBackup: { type: Boolean }, - nodeConfig: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + nextHidden: { type: Boolean, notify: true }, + nextDisabled: { type: Boolean, notify: true }, + nextText: { type: String, notify: true }, + backHidden: { type: Boolean, notify: true }, + backDisabled: { type: Boolean, notify: true }, + backText: { type: String, notify: true }, + hideNav: { type: Boolean, notify: true }, + selectedPage: { type: String }, + error: { type: Boolean }, + errorMessage: { type: String }, + nextButtonText: { type: String }, + saveAccount: { type: Boolean }, + createAccountLoading: { type: Boolean }, + showSeedphrase: { type: Boolean }, + _wallet: { type: Object }, + _pass: { type: String }, + _name: { type: String }, + isDownloadedBackup: { type: Boolean }, + nodeConfig: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return [ - css` - * { - --mdc-theme-primary: var(--login-button); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-checkbox-unchecked-color: var(--black); - --lumo-primary-text-color: var(--login-border); - --lumo-primary-color-50pct: var(--login-border-50pct); - --lumo-primary-color-10pct: var(--login-border-10pct); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [createAccountSectionStyles] + } - .red { - --mdc-theme-primary: red; - } - ` - ] - } + constructor() { + super() + this.nextText = this.renderNextText() + this.backText = this.renderBackText() + this.nextDisabled = false + this._pass = '' + this._name = '' + this.selectedPage = 'info' + this.nextButtonText = this.renderNextText() + this.saveAccount = true + this.showSeedphrase = false + this.isDownloadedBackup = true + this.createAccountLoading = false + const welcomeMessage = this.renderWelcomeText() + this.welcomeMessage = welcomeMessage + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - constructor() { - super() - this.nextText = this.renderNextText() - this.backText = this.renderBackText() - this.nextDisabled = false - this._pass = '' - this._name = '' - this.selectedPage = 'info' - this.nextButtonText = this.renderNextText() - this.saveAccount = true - this.showSeedphrase = false - this.isDownloadedBackup = true - this.createAccountLoading = false - const welcomeMessage = this.renderWelcomeText() - this.welcomeMessage = welcomeMessage - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.pages = { + info: { + next: e => { + this.error = false + this.errorMessage = '' + this.nextButtonText = this.renderCreateText() + this.selectPage('password') + this.updateNext() + }, + back: () => { + this.navigate('welcome') + } + }, + password: { + next: e => { + // Create account and login :) + this.createAccountLoading = true - this.pages = { - info: { - next: e => { - this.error = false - this.errorMessage = '' - this.nextButtonText = this.renderCreateText() - this.selectPage('password') - this.updateNext() - }, - back: () => { - this.navigate('welcome') - } - }, - password: { - next: e => { - // Create account and login :) - this.createAccountLoading = true - const nameInput = this.shadowRoot.getElementById('nameInput').value - const password = this.shadowRoot.getElementById('password').value - const rePassword = this.shadowRoot.getElementById('rePassword').value + const nameInput = this.shadowRoot.getElementById('nameInput').value + const password = this.shadowRoot.getElementById('password').value + const rePassword = this.shadowRoot.getElementById('rePassword').value - if (password === '') { - let snackbar1string = get("login.pleaseenter") - snackbar.add({ - labelText: `${snackbar1string}`, - dismiss: true - }) - return - } + if (password === '') { + let snackbar1string = get("login.pleaseenter") - if (password != rePassword) { - let snackbar2string = get("login.notmatch") - snackbar.add({ - labelText: `${snackbar2string}`, - dismiss: true - }) - return - } + snackbar.add({ + labelText: `${snackbar1string}`, + dismiss: true + }) - if (password.length < 8 && lastPassword !== password) { - let snackbar3string = get("login.lessthen8") - snackbar.add({ - labelText: `${snackbar3string}`, - dismiss: true - }) - lastPassword = password - return - } + return + } - if (this.saveAccount === true && nameInput === '') { - let snackbar4string = get("login.entername") - snackbar.add({ - labelText: `${snackbar4string}`, - dismiss: true - }) - return - } + if (password != rePassword) { + let snackbar2string = get("login.notmatch") - this._name = nameInput - this._pass = password + snackbar.add({ + labelText: `${snackbar2string}`, + dismiss: true + }) - let seedObj = {} - const seedPhrase = this.shadowRoot.getElementById('randSentence').parsedString - seedObj = { seedPhrase: seedPhrase } + return + } - ripple.welcomeMessage = welcomeMessage - ripple.open({ - x: e.clientX, - y: e.clientY - }) - .then(() => createWallet('phrase', seedObj, status => { - ripple.loadingMessage = status - })) - .then(wallet => { - this._wallet = wallet - return ripple.fade() - }) - .then(() => { - this.selectPage('backup') - this.updateNext() - }) - .catch(e => { - snackbar.add({ - labelText: e, - dismiss: true - }) - console.error('== Error == \n', e) - store.dispatch(doLogout()) - ripple.close() - }) - }, - back: () => { - this.selectPage('info') - this.updateNext() - } - }, - backup: { - next: e => { - if (!this.isDownloadedBackup) { - let snackbar5string = get("login.downloaded") - snackbar.add({ - labelText: `${snackbar5string}`, - dismiss: true - }) - } else { - if (this.saveAccount) { - ripple.welcomeMessage = this.renderPrepareText() - ripple.open({ - x: e.clientX, - y: e.clientY - }) - .then(() => { - store.dispatch(doStoreWallet(this._wallet, this._pass, this._name, () => { - ripple.loadingMessage = this.renderLoadingText() - })) - .then(() => { - store.dispatch(doLogin(this._wallet)) - store.dispatch(doSelectAddress(this._wallet.addresses[0])) - checkApiKey(this.nodeConfig); - this.cleanup() - return ripple.fade() - }) - .catch(err => console.error(err)) - }).catch(err => { - console.error(err) - }) - } else { - store.dispatch(doLogin(this._wallet)) - store.dispatch(doSelectAddress(this._wallet.addresses[0])) - checkApiKey() - this.cleanup() - } - } - }, - back: () => { - this.navigate('welcome') - } - } - } - this.pageIndexes = { - info: 0, - password: 1, - backup: 2 - } + if (password.length < 8 && lastPassword !== password) { + let snackbar3string = get("login.lessthen8") - this.nextEnabled = false - this.prevEnabled = false - } + snackbar.add({ + labelText: `${snackbar3string}`, + dismiss: true + }) - render() { - return html` - + this.cleanup() + } + } + }, + back: () => { + this.navigate('welcome') + } + } + } -
    - -
    -
    -
    -

    ${translate("login.createaccount")}

    -

    - ${translate("login.createwelcome")} -

    -

    - ${translate("login.createa")} ‘ this.shadowRoot.querySelector('#mySeedDialog').show()}>${translate("login.seedphrase")}${translate("login.click")}’ ${translate("login.willbe")} -

    -

    - ${translate("login.clicknext")} -


    -
    - -
    -
    -

    ${translate("login.createdseed")}

    -
    -
    -
    -
    -
    - - -
    - -

    -
    - this.downloadSeedphrase()}> -
    -
    - ${translate("general.close")} -     -
    + this.pageIndexes = { + info: 0, + password: 1, + backup: 2 + } -
    -
    -

    ${translate("login.savein")}

    -

    ${translate("login.ready")}

    -
    - perm_identity - -
    -
    - password - -
    -
    - password - -
    -
    - - - { this.saveAccount = !e.target.checked }} ?checked=${this.saveAccount}> - -
    -
    -
    + this.nextEnabled = false + this.prevEnabled = false + } -
    -
    -

    ${translate("login.savewallet")}

    -

    ${translate("login.created1")}${this.saveAccount ? this.renderCreateSaveText() : '.'}

    -

    - ${translate("login.backup")} -


    -
    -
    - ${translate("login.downloadbackup")} - this.downloadBackup(this._wallet)} style="dispay: inline; text-align: center;"> - cloud_download  ${translate("general.save")} - -
    -
    -
    -
    -     -
    - ` - } + render() { + return html` + +
    + +
    +
    +
    +

    ${translate("login.createaccount")}

    +

    + ${translate("login.createwelcome")} +

    +

    + ${translate("login.createa")} ‘ + this.shadowRoot.querySelector('#mySeedDialog').show()}>${translate("login.seedphrase")} + ${translate("login.click")} + ’ ${translate("login.willbe")} +

    +

    + ${translate("login.clicknext")} +

    +
    +
    + +
    +
    +

    ${translate("login.createdseed")}

    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    + this.downloadSeedphrase()}> +
    +
    + ${translate("general.close")} +     +
    +
    +
    +

    ${translate("login.savein")}

    +

    ${translate("login.ready")}

    +
    + perm_identity + +
    +
    + password + +
    +
    + password + +
    +
    + + + { this.saveAccount = !e.target.checked }} ?checked=${this.saveAccount}> + +
    +
    +
    +
    +
    +

    ${translate("login.savewallet")}

    +

    ${translate("login.created1")}${this.saveAccount ? this.renderCreateSaveText() : '.'}

    +

    ${translate("login.backup")}

    +
    +
    +
    + ${translate("login.downloadbackup")} + + this.downloadBackup(this._wallet)} style="dispay: inline; text-align: center;"> + + cloud_download +   ${translate("general.save")} + + +
    +
    +
    +
    +     +
    + ` + } - async downloadSeedphrase() { - let seedname = "" - const seed = this.shadowRoot.getElementById('randSentence').parsedString - const blob = new Blob([seed], { type: 'text/plain;charset=utf-8' }) - seedname = "qortal_seedphrase.txt" - await this.saveFileToDisk(blob, seedname) - } + cleanup() { + this.shadowRoot.getElementById('randSentence').generate() + this.shadowRoot.getElementById('nameInput').value = '' + this.shadowRoot.getElementById('password').value = '' + this.shadowRoot.getElementById('rePassword').value = '' + this.showSeedphrase = false + this.selectPage('info') + this.error = false + this.errorMessage = '' + this.nextButtonText = 'Next' + this.createAccountLoading = false + this.saveAccount = true + this.isDownloadedBackup = true + this._wallet = '' + this._pass = '' + this._name = '' + } - async saveFileToDisk(blob, fileName) { - try { - const fileHandle = await self.showSaveFilePicker({ - suggestedName: fileName, - types: [{ - description: "File", - }] - }) - const writeFile = async (fileHandle, contents) => { - const writable = await fileHandle.createWritable() - await writable.write(contents) - await writable.close() - } - writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) - let snack4string = get("general.save") - snackbar.add({ - labelText: `${snack4string} ${fileName} ✅`, - dismiss: true - }) - } catch (error) { - if (error.name === 'AbortError') { - return - } - FileSaver.saveAs(blob, fileName) - } - } + renderBackText() { + return html`${translate("general.back")}` + } + + renderNextText() { + return html`${translate("general.next")}` + } + + renderCreateText() { + return html`${translate("general.create")}` + } + + renderContinueText() { + return html`${translate("general.continue")}` + } + + renderPrepareText() { + return html`${translate("login.prepare")}` + } + + renderWelcomeText() { + return html`${translate("login.welmessage")}` + } + + renderLoadingText() { + return html`${translate("login.loading")}` + } + + renderCreateAccountText() { + return html`${translate("login.createaccount")}` + } + + renderCreateSaveText() { + return html`${translate("login.created2")}` + } + + _pageChange(newPage, oldPage) { + if (!this.shadowRoot.querySelector('#createAccountPages') || !newPage) { + return + } + + const pages = this.shadowRoot.querySelector('#createAccountPages').children + + // Run the animation on the newly selected page + const newIndex = this.pageIndexes[newPage] + + if (!pages[newIndex].className.includes('animated')) { + pages[newIndex].className += ' animated' + } + + if (typeof oldPage !== 'undefined') { + const oldIndex = this.pageIndexes[oldPage] + + // Stop the animation of hidden pages + pages[oldIndex].classList.remove('animated') + } + } + + selectPage(newPage) { + const oldPage = this.selectedPage + + this.selectedPage = newPage + this._pageChange(newPage, oldPage) + } + + updateNext() { + if (this.selectedPage === 'info') { + this.nextText = this.renderNextText() + this.nextDisabled = false + } else if (this.selectedPage === 'password') { + this.nextDisabled = false + this.nextText = this.renderCreateAccountText() + } else if (this.selectedPage === 'backup') { + this.downloadBackup(this._wallet) + this.nextDisabled = false + this.backHidden = true + this.nextText = this.renderContinueText() + } + + this.updatedProperty() + } + + back(e) { + this.pages[this.selectedPage].back(e) + } + + next(e) { + this.pages[this.selectedPage].next(e) + } + + updatedProperty() { + this.dispatchEvent(new CustomEvent('updatedProperty', { + detail: {}, + bubbles: true, + composed: true + })) + } + + navigate(page) { + this.dispatchEvent(new CustomEvent('navigate', { + detail: { page }, + bubbles: true, + composed: true + })) + } + + stateChanged(state) { + this.nodeConfig = state.app.nodeConfig + } + + async downloadBackup(wallet) { + let backupname = "" + + const state = store.getState() + const data = await wallet.generateSaveWalletData(this._pass, state.config.crypto.kdfThreads, () => { }) + const dataString = JSON.stringify(data) + const blob = new Blob([dataString], { type: 'text/plain;charset=utf-8' }) + + backupname = "qortal_backup_" + wallet.addresses[0].address + ".json" + + await this.saveFileToDisk(blob, backupname) + } + + async downloadSeedphrase() { + let seedname = "" + + const seed = this.shadowRoot.getElementById('randSentence').parsedString + const blob = new Blob([seed], { type: 'text/plain;charset=utf-8' }) + + seedname = "qortal_seedphrase.txt" + + await this.saveFileToDisk(blob, seedname) + } + + async saveFileToDisk(blob, fileName) { + try { + const fileHandle = await self.showSaveFilePicker({ + suggestedName: fileName, + types: [{ + description: "File" + }] + }) + + const writeFile = async (fileHandle, contents) => { + const writable = await fileHandle.createWritable() + + await writable.write(contents) + await writable.close() + } + + writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) + + let snack4string = get("general.save") + + snackbar.add({ + labelText: `${snack4string} ${fileName} ✅`, + dismiss: true + }) + } catch (error) { + if (error.name === 'AbortError') { + return + } + + FileSaver.saveAs(blob, fileName) + } + } } -window.customElements.define('create-account-section', CreateAccountSection) +window.customElements.define('create-account-section', CreateAccountSection) \ No newline at end of file diff --git a/core/src/components/login-view/login-section.js b/core/src/components/login-view/login-section.js index 2bb713ab..4c98f03e 100644 --- a/core/src/components/login-view/login-section.js +++ b/core/src/components/login-view/login-section.js @@ -1,15 +1,14 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {checkApiKey} from '../../apiKeyUtils.js' -import {translate} from '../../../translate' -import {doLogin, doSelectAddress} from '../../redux/app/app-actions.js' -import {doRemoveWallet, doStoreWallet} from '../../redux/user/user-actions.js' -import {createWallet} from '../../../../crypto/api/createWallet.js' -import snackbar from '../../functional-components/snackbar.js' -import '../../custom-elements/frag-file-input.js' -import ripple from '../../functional-components/loading-ripple.js' - +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { checkApiKey } from '../../apiKeyUtils' +import { doLogin, doSelectAddress } from '../../redux/app/app-actions' +import { doRemoveWallet, doStoreWallet } from '../../redux/user/user-actions' +import { createWallet } from '../../../../crypto/api/createWallet' +import { createAccountSectionStyles } from '../../styles/core-css' +import ripple from '../../functional-components/loading-ripple' +import snackbar from '../../functional-components/snackbar' +import '../../functional-components/frag-file-input' import '@material/mwc-button' import '@material/mwc-checkbox' import '@material/mwc-dialog' @@ -26,699 +25,649 @@ import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/text-field/vaadin-text-field.js' import '@vaadin/password-field/vaadin-password-field.js' +// Multi language support +import { translate } from '../../../translate' + class LoginSection extends connect(store)(LitElement) { - static get properties() { - return { - nextHidden: { type: Boolean, notify: true }, - nextDisabled: { type: Boolean, notify: true }, - nextText: { type: String, notify: true }, - backHidden: { type: Boolean, notify: true }, - backDisabled: { type: Boolean, notify: true }, - backText: { type: String, notify: true }, - hideNav: { type: Boolean, notify: true }, - loginFunction: { type: Object }, - selectedWallet: { type: Object }, - selectedPage: { type: String }, - wallets: { type: Object }, - loginErrorMessage: { type: String }, - hasStoredWallets: { type: Boolean }, - saveInBrowser: { type: Boolean }, - backedUpWalletJSON: { type: Object }, - backedUpSeedLoading: { type: Boolean }, - nodeConfig: { type: Object }, - theme: { type: String, reflect: true } - } - } - - static get styles() { - return [ - css` - * { - --mdc-theme-primary: var(--login-button); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-checkbox-unchecked-color: var(--black); - --lumo-primary-text-color: var(--login-border); - --lumo-primary-color-50pct: var(--login-border-50pct); - --lumo-primary-color-10pct: var(--login-border-10pct); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - mwc-formfield { - color: var(--black); - } - - .red { - --mdc-theme-primary: red; - } - ` - ] - } - - constructor() { - super() - this.nextHidden = true - this.backText = this.renderBackText() - this.backedUpSeedLoading = false - this.hasStoredWallets = Object.keys(store.getState().user.storedWallets).length > 0 - this.selectedPage = this.hasStoredWallets ? 'storedWallet' : 'loginOptions' - this.selectedWallet = {} - this.loginErrorMessage = '' - this.saveInBrowser = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - - this.loginOptions = [ - { - page: 'phrase', - linkText: this.renderSeedText(), - icon: 'short_text' - }, - { - page: 'storedWallet', - linkText: this.renderSavedText(), - icon: 'save' - }, - { - page: 'seed', - linkText: this.renderQoraText(), - icon: 'clear_all' - }, - { - page: 'backedUpSeed', - linkText: this.renderBackupText(), - icon: 'insert_drive_file' - } - ] - - this.showPasswordCheckboxPages = ['seed', 'phrase', 'V1Seed', 'unlockBackedUpSeed'] - } - - render() { - return html` - - -
    -
    - -
    -

    ${translate("login.howlogin")}

    - ${this.loginOptions.map(({ page, linkText, icon }) => html` - - `)} -
    - -
    -
    -

    ${translate("login.youraccounts")}

    -

    ${translate("login.clickto")}

    -
    -
    - ${(Object.entries(this.wallets || {}).length < 1) ? html` -

    ${translate("login.needcreate")}

    - ` : ''} - ${Object.entries(this.wallets || {}).map(wallet => html` -
    -
    this.selectWallet(wallet[1])}> - -
    -

    ${translate("login.name")}${wallet[1].name || "No saved name"}

    -

    ${translate("login.address")}${wallet[1].address0}

    -
    -
    - - -
    -

    Qortal UI

    -
    -
    -
    -

    ${translate("login.areyousure")}

    - - ${translate("general.yes")} - - - ${translate("general.no")} - -     -
    - `)} -
    -
    - -
    -
    -
    - short_text - -
    -
    -
    - -
    -
    -
    - clear_all - -
    -
    -
    - -
    -
    - account_circle -
    - ${this.selectedWallet.address0} -
    -
    - -
    - ${!this.backedUpSeedLoading ? html` -

    ${translate("login.upload")}

    - - ` : html` - - `} -
    - -
    -

    ${translate("login.decrypt")}

    -
    -     - - -
    - perm_identity - -
    -     - - -
    - password - this.keyupEnter(e, e => this.emitNext(e))} autofocus> -
    -     - -
    - ${this.loginErrorMessage} -
    - ${this.showPasswordCheckboxPages.includes(this.selectedPage) ? html` -
    - - - { this.saveInBrowser = !e.target.checked }} ?checked="${this.saveInBrowser}"> - -
    - ` : ''} -
    -
    -
    - ` - } - - firstUpdated() { - this.loadingRipple = ripple - const pages = this.shadowRoot.querySelector('#loginPages') - pages.addEventListener('selected-item-changed', () => { - if (!pages.selectedItem) { - // ... - } else { - this.updateNext() - this.shadowRoot.querySelector('#nameInput').value = '' - this.shadowRoot.querySelector('#password').value = '' - this.loginErrorMessage = '' - } - }) - } - - renderBackText() { - return html`${translate("general.back")}` - } - - renderNextText() { - return html`${translate("general.next")}` - } - - renderLoginText() { - return html`${translate("login.login")}` - } - - renderSeedText() { - return html`${translate("login.seed")}` - } - - renderSavedText() { - return html`${translate("login.saved")}` - } - - renderQoraText() { - return html`${translate("login.qora")}` - } - - renderBackupText() { - return html`${translate("login.backup")}` - } - - renderPrepareText() { - return html`${translate("login.prepare")}` - } - - renderError1Text() { - return html`${translate("login.error1")}` - } - - renderError2Text() { - return html`${translate("login.error2")}` - } - - renderError3Text() { - return html`${translate("login.lp8")}` - } - - selectWallet(wallet) { - this.selectedWallet = wallet - this.selectedPage = 'unlockStored' - } - - toDeleteWallet(deleteAddress) { - this.myToDeleteWallet = deleteAddress - this.shadowRoot.querySelector('#deleteWalletDialog').show() - } - - removeWallet(walletAddress) { - delete store.getState().user.storedWallets[walletAddress] - this.wallets = store.getState().user.storedWallets - store.dispatch( - doRemoveWallet(walletAddress) - ) - this.cleanup() - } - - stateChanged(state) { - this.loggedIn = state.app.loggedIn - this.wallets = state.user.storedWallets - this.hasStoredWallets = this.wallets.length > 0 - this.nodeConfig = state.app.nodeConfig - } - - seedListener(e) { - if (e.key === 'Enter') { - this.emitNext(e) - } - } - - keyupEnter(e, action) { - if (e.keyCode === 13) { - e.preventDefault() - action(e) - } - } - - emitNext(e) { - this.dispatchEvent(new CustomEvent('next', { - detail: {} - })) - } - - loadBackup(file) { - let error = '' - let pf - this.selectedPage = 'unlockBackedUpSeed' - - try { - pf = JSON.parse(file) - } catch (e) { - this.loginErrorMessage = this.renderError1Text() - } - - try { - const requiredFields = ['address0', 'salt', 'iv', 'version', 'encryptedSeed', 'mac', 'kdfThreads'] - for (const field of requiredFields) { - if (!(field in pf)) throw new Error(field + ' not found in JSON') - } - } catch (e) { - error = e - } - - if (error !== '') { - snackbar.add({ - labelText: error - }) - this.selectedPage = 'backedUpSeed' - return - } - this.backedUpWalletJSON = pf - } - - showName(selectedPage) { - return ( - this.saveInBrowser && [ - 'unlockBackedUpSeed', - 'seed', - 'phrase' - ].includes(selectedPage) - ) || - ( - [ - '' - ].includes(selectedPage) - ) - } - - showPassword(selectedPage) { - let willBeShown = ( - this.saveInBrowser && [ - 'unlockBackedUpSeed', - 'seed', - 'phrase' - ].includes(selectedPage) - ) || (['unlockBackedUpSeed', 'unlockStored'].includes(selectedPage)) - - if (willBeShown) - this.shadowRoot.getElementById('password').focus() - - return willBeShown - } - - get walletSources() { - return { - seed: () => { - const seed = this.shadowRoot.querySelector('#v1SeedInput').value - const name = this.shadowRoot.getElementById('nameInput').value - const password = this.shadowRoot.getElementById('password').value - return { - seed, - password, - name - } - }, - storedWallet: () => { - const wallet = this.selectedWallet - const password = this.shadowRoot.getElementById('password').value - return { - wallet, - password - } - }, - phrase: () => { - const seedPhrase = this.shadowRoot.querySelector('#existingSeedPhraseInput').value - if (seedPhrase == "") { - throw new Error('Please enter a seedphrase') - return - } - const name = this.shadowRoot.getElementById('nameInput').value - const password = this.shadowRoot.getElementById('password').value - return { - seedPhrase, - name, - password - } - }, - backedUpSeed: () => { - const wallet = this.backedUpWalletJSON - const name = this.shadowRoot.getElementById('nameInput').value - const password = this.shadowRoot.getElementById('password').value - return { - password, - wallet, - name - } - } - } - } - - loginOptionIsSelected(type) { - return this.loginOptions.map(op => op.page).includes(type) - } - - login(e) { - let type = this.selectedPage === 'unlockStored' ? 'storedWallet' : this.selectedPage - type = type === 'unlockBackedUpSeed' ? 'backedUpSeed' : type - - if (!this.loginOptionIsSelected(type)) { - throw new Error(this.renderError2Text()) - } - - // First decrypt... - this.loadingRipple.welcomeMessage = this.renderPrepareText() - - this.loadingRipple.open({ - x: e.clientX, - y: e.clientY - }).then(() => { - const source = this.walletSources[type]() - return createWallet(type, source, status => { - this.loadingRipple.loadingMessage = status - }).then(wallet => { - store.dispatch(doLogin(wallet)) - store.dispatch(doSelectAddress(wallet.addresses[0])) - this.navigate('show-address') - const storedWallets = store.getState().user.storedWallets - const storedWalletAddress = storedWallets[wallet.addresses[0].address] - - if (!storedWalletAddress) { - if (this.saveInBrowser && type !== 'storedWallet') { - store.dispatch(doStoreWallet(wallet, source.password, source.name, () => { - ripple.loadingMessage = status - })).catch(err => console.error(err)) - } - } - checkApiKey(this.nodeConfig) - this.cleanup() - return this.loadingRipple.fade() - }) - }).catch(e => { - this.loginErrorMessage = this.renderError3Text() - console.error(e) - return this.loadingRipple.close() - }) - } - - back() { - if (['seed', 'phrase', 'storedWallet', 'backedUpSeed'].includes(this.selectedPage)) { - this.selectedPage = 'loginOptions' - } else if (this.selectedPage === 'loginOptions') { - this.navigate('welcome') - } else if (this.selectedPage === 'unlockStored') { - this.selectedPage = 'storedWallet' - } else if (this.selectedPage === 'unlockBackedUpSeed') { - this.selectedPage = 'backedUpSeed' - } - } - - next(e) { - this.login(e) - } - - // clicks next for parent - clickNext() { - } - - updateNext() { - if (['phrase', 'seed', 'unlockStored', 'unlockBackedUpSeed'].includes(this.selectedPage)) { - this.nextText = this.renderLoginText() - this.nextHidden = false - // Should enable/disable the next button based on whether or not password are inputted - } else if (['storedWallet', 'loginOptions', 'backedUpSeed'].includes(this.selectedPage)) { - this.nextHidden = true - this.nextText = this.renderNextText() - } - - this.updatedProperty() - } - - updatedProperty() { - this.dispatchEvent(new CustomEvent('updatedProperty', { - detail: {}, - bubbles: true, - composed: true - })) - } - - navigate(page) { - this.dispatchEvent(new CustomEvent('navigate', { - detail: { page }, - bubbles: true, - composed: true - })) - } - - cleanup() { - this.wallet = {} - this.shadowRoot.querySelector('#nameInput').value = '' - this.shadowRoot.querySelector('#password').value = '' - this.hasStoredWallets = Object.keys(store.getState().user.storedWallets).length > 0 - this.selectedPage = this.hasStoredWallets ? 'storedWallet' : 'loginOptions' - this.shadowRoot.querySelector('#deleteWalletDialog').close() - } + static get properties() { + return { + nextHidden: { type: Boolean, notify: true }, + nextDisabled: { type: Boolean, notify: true }, + nextText: { type: String, notify: true }, + backHidden: { type: Boolean, notify: true }, + backDisabled: { type: Boolean, notify: true }, + backText: { type: String, notify: true }, + hideNav: { type: Boolean, notify: true }, + loginFunction: { type: Object }, + selectedWallet: { type: Object }, + selectedPage: { type: String }, + wallets: { type: Object }, + loginErrorMessage: { type: String }, + hasStoredWallets: { type: Boolean }, + saveInBrowser: { type: Boolean }, + backedUpWalletJSON: { type: Object }, + backedUpSeedLoading: { type: Boolean }, + nodeConfig: { type: Object }, + theme: { type: String, reflect: true } + } + } + + static get styles() { + return [createAccountSectionStyles] + } + + constructor() { + super() + this.nextHidden = true + this.backText = this.renderBackText() + this.backedUpSeedLoading = false + this.hasStoredWallets = Object.keys(store.getState().user.storedWallets).length > 0 + this.selectedPage = this.hasStoredWallets ? 'storedWallet' : 'loginOptions' + this.selectedWallet = {} + this.loginErrorMessage = '' + this.saveInBrowser = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + + this.loginOptions = [ + { + page: 'phrase', + linkText: this.renderSeedText(), + icon: 'short_text' + }, + { + page: 'storedWallet', + linkText: this.renderSavedText(), + icon: 'save' + }, + { + page: 'seed', + linkText: this.renderQoraText(), + icon: 'clear_all' + }, + { + page: 'backedUpSeed', + linkText: this.renderBackupText(), + icon: 'insert_drive_file' + } + ] + + this.showPasswordCheckboxPages = ['seed', 'phrase', 'V1Seed', 'unlockBackedUpSeed'] + } + + render() { + return html` + + +
    +
    + +
    +

    ${translate("login.howlogin")}

    + ${this.loginOptions.map(({ page, linkText, icon }) => html` + + `)} +
    +
    +
    +

    ${translate("login.youraccounts")}

    +

    ${translate("login.clickto")}

    +
    +
    + ${(Object.entries(this.wallets || {}).length < 1) ? html` +

    ${translate("login.needcreate")}

    + ` : ''} + ${Object.entries(this.wallets || {}).map(wallet => html` +
    +
    this.selectWallet(wallet[1])}> + +
    +

    ${translate("login.name")}${wallet[1].name || "No saved name"}

    +

    ${translate("login.address")}${wallet[1].address0}

    +
    +
    + + +
    +

    Qortal UI

    +
    +
    +
    +

    ${translate("login.areyousure")}

    + + ${translate("general.yes")} + + + ${translate("general.no")} + +     +
    + `)} +
    +
    +
    +
    +
    + short_text + +
    +
    +
    +
    +
    +
    + clear_all + +
    +
    +
    +
    +
    + account_circle +
    + ${this.selectedWallet.address0} +
    +
    +
    + ${!this.backedUpSeedLoading ? html` +

    ${translate("login.upload")}

    + + ` : html` + + `} +
    +
    +

    ${translate("login.decrypt")}

    +
    +     + +
    + perm_identity + +
    +     + +
    + password + this.keyupEnter(e, e => this.emitNext(e))} autofocus> +
    +     +
    + ${this.loginErrorMessage} +
    + ${this.showPasswordCheckboxPages.includes(this.selectedPage) ? html` +
    + + + { this.saveInBrowser = !e.target.checked }} ?checked="${this.saveInBrowser}"> + +
    + ` : ''} +
    +
    + ` + } + + firstUpdated() { + this.loadingRipple = ripple + + const pages = this.shadowRoot.querySelector('#loginPages') + + pages.addEventListener('selected-item-changed', () => { + if (!pages.selectedItem) { + // ... + } else { + this.updateNext() + this.shadowRoot.querySelector('#nameInput').value = '' + this.shadowRoot.querySelector('#password').value = '' + this.loginErrorMessage = '' + } + }) + } + + renderBackText() { + return html`${translate("general.back")}` + } + + renderNextText() { + return html`${translate("general.next")}` + } + + renderLoginText() { + return html`${translate("login.login")}` + } + + renderSeedText() { + return html`${translate("login.seed")}` + } + + renderSavedText() { + return html`${translate("login.saved")}` + } + + renderQoraText() { + return html`${translate("login.qora")}` + } + + renderBackupText() { + return html`${translate("login.backup")}` + } + + renderPrepareText() { + return html`${translate("login.prepare")}` + } + + renderError1Text() { + return html`${translate("login.error1")}` + } + + renderError2Text() { + return html`${translate("login.error2")}` + } + + renderError3Text() { + return html`${translate("login.lp8")}` + } + + selectWallet(wallet) { + this.selectedWallet = wallet + this.selectedPage = 'unlockStored' + } + + toDeleteWallet(deleteAddress) { + this.myToDeleteWallet = deleteAddress + this.shadowRoot.querySelector('#deleteWalletDialog').show() + } + + removeWallet(walletAddress) { + delete store.getState().user.storedWallets[walletAddress] + + this.wallets = store.getState().user.storedWallets + + store.dispatch( + doRemoveWallet(walletAddress) + ) + + this.cleanup() + } + + stateChanged(state) { + this.loggedIn = state.app.loggedIn + this.wallets = state.user.storedWallets + this.hasStoredWallets = this.wallets.length > 0 + this.nodeConfig = state.app.nodeConfig + } + + seedListener(e) { + if (e.key === 'Enter') { + this.emitNext(e) + } + } + + keyupEnter(e, action) { + if (e.keyCode === 13) { + e.preventDefault() + action(e) + } + } + + emitNext(e) { + this.dispatchEvent(new CustomEvent('next', { detail: {} })) + } + + loadBackup(file) { + let error = '' + let pf + + this.selectedPage = 'unlockBackedUpSeed' + + try { + pf = JSON.parse(file) + } catch (e) { + this.loginErrorMessage = this.renderError1Text() + } + + try { + const requiredFields = ['address0', 'salt', 'iv', 'version', 'encryptedSeed', 'mac', 'kdfThreads'] + + for (const field of requiredFields) { + if (!(field in pf)) throw new Error(field + ' not found in JSON') + } + } catch (e) { + error = e + } + + if (error !== '') { + snackbar.add({ + labelText: error + }) + + this.selectedPage = 'backedUpSeed' + + return + } + + this.backedUpWalletJSON = pf + } + + showName(selectedPage) { + return (this.saveInBrowser && ['unlockBackedUpSeed', 'seed', 'phrase'].includes(selectedPage)) || ([''].includes(selectedPage)) + } + + showPassword(selectedPage) { + let willBeShown = (this.saveInBrowser && ['unlockBackedUpSeed', 'seed', 'phrase'].includes(selectedPage)) || (['unlockBackedUpSeed', 'unlockStored'].includes(selectedPage)) + + if (willBeShown) this.shadowRoot.getElementById('password').focus() + + return willBeShown + } + + get walletSources() { + return { + seed: () => { + const seed = this.shadowRoot.querySelector('#v1SeedInput').value + const name = this.shadowRoot.getElementById('nameInput').value + const password = this.shadowRoot.getElementById('password').value + + return { + seed, + password, + name + } + }, + storedWallet: () => { + const wallet = this.selectedWallet + const password = this.shadowRoot.getElementById('password').value + + return { + wallet, + password + } + }, + phrase: () => { + const seedPhrase = this.shadowRoot.querySelector('#existingSeedPhraseInput').value + + if (seedPhrase == '') { + throw new Error('Please enter a seedphrase') + return + } + + const name = this.shadowRoot.getElementById('nameInput').value + const password = this.shadowRoot.getElementById('password').value + + return { + seedPhrase, + name, + password + } + }, + backedUpSeed: () => { + const wallet = this.backedUpWalletJSON + const name = this.shadowRoot.getElementById('nameInput').value + const password = this.shadowRoot.getElementById('password').value + + return { + password, + wallet, + name + } + } + } + } + + loginOptionIsSelected(type) { + return this.loginOptions.map(op => op.page).includes(type) + } + + login(e) { + let type = this.selectedPage === 'unlockStored' ? 'storedWallet' : this.selectedPage + + type = type === 'unlockBackedUpSeed' ? 'backedUpSeed' : type + + if (!this.loginOptionIsSelected(type)) { + throw new Error(this.renderError2Text()) + } + + // First decrypt... + this.loadingRipple.welcomeMessage = this.renderPrepareText() + + this.loadingRipple.open({ + x: e.clientX, + y: e.clientY + }).then(() => { + const source = this.walletSources[type]() + return createWallet(type, source, status => { + this.loadingRipple.loadingMessage = status + }).then(wallet => { + store.dispatch(doLogin(wallet)) + store.dispatch(doSelectAddress(wallet.addresses[0])) + this.navigate('show-address') + const storedWallets = store.getState().user.storedWallets + const storedWalletAddress = storedWallets[wallet.addresses[0].address] + + if (!storedWalletAddress) { + if (this.saveInBrowser && type !== 'storedWallet') { + store.dispatch(doStoreWallet(wallet, source.password, source.name, () => { + ripple.loadingMessage = status + })).catch(err => console.error(err)) + } + } + checkApiKey(this.nodeConfig) + this.cleanup() + return this.loadingRipple.fade() + }) + }).catch(e => { + this.loginErrorMessage = this.renderError3Text() + console.error(e) + return this.loadingRipple.close() + }) + } + + back() { + if (['seed', 'phrase', 'storedWallet', 'backedUpSeed'].includes(this.selectedPage)) { + this.selectedPage = 'loginOptions' + } else if (this.selectedPage === 'loginOptions') { + this.navigate('welcome') + } else if (this.selectedPage === 'unlockStored') { + this.selectedPage = 'storedWallet' + } else if (this.selectedPage === 'unlockBackedUpSeed') { + this.selectedPage = 'backedUpSeed' + } + } + + next(e) { + this.login(e) + } + + // clicks next for parent + clickNext() { + } + + updateNext() { + if (['phrase', 'seed', 'unlockStored', 'unlockBackedUpSeed'].includes(this.selectedPage)) { + this.nextText = this.renderLoginText() + this.nextHidden = false + // Should enable/disable the next button based on whether or not password are inputted + } else if (['storedWallet', 'loginOptions', 'backedUpSeed'].includes(this.selectedPage)) { + this.nextHidden = true + this.nextText = this.renderNextText() + } + + this.updatedProperty() + } + + updatedProperty() { + this.dispatchEvent(new CustomEvent('updatedProperty', { + detail: {}, + bubbles: true, + composed: true + })) + } + + navigate(page) { + this.dispatchEvent(new CustomEvent('navigate', { + detail: { page }, + bubbles: true, + composed: true + })) + } + + cleanup() { + this.wallet = {} + this.shadowRoot.querySelector('#nameInput').value = '' + this.shadowRoot.querySelector('#password').value = '' + this.hasStoredWallets = Object.keys(store.getState().user.storedWallets).length > 0 + this.selectedPage = this.hasStoredWallets ? 'storedWallet' : 'loginOptions' + this.shadowRoot.querySelector('#deleteWalletDialog').close() + } } -window.customElements.define('login-section', LoginSection) +window.customElements.define('login-section', LoginSection) \ No newline at end of file diff --git a/core/src/components/login-view/login-view.js b/core/src/components/login-view/login-view.js index e8fd22b8..566530ef 100644 --- a/core/src/components/login-view/login-view.js +++ b/core/src/components/login-view/login-view.js @@ -1,20 +1,7 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {stateAwait} from '../../stateAwait.js' -import {get} from '../../../translate' - -import '@material/mwc-button' -import '@material/mwc-icon' -import '@material/mwc-fab' -import '@polymer/iron-pages' -import '@polymer/paper-icon-button/paper-icon-button.js' -import './welcome-page.js' -import './create-account-section.js' -import './login-section.js' -import '../qort-theme-toggle.js' - -import settings from '../../functional-components/settings-page.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { stateAwait } from '../../stateAwait' import { addAutoLoadImageChat, addChatLastSeen, @@ -32,352 +19,388 @@ import { setNewTab, setSideEffectAction, setTabNotifications -} from '../../redux/app/app-actions.js' +} from '../../redux/app/app-actions' +import settings from '../../functional-components/settings-page' +import './welcome-page' +import './create-account-section' +import './login-section' +import '../qort-theme-toggle' +import '@material/mwc-button' +import '@material/mwc-icon' +import '@material/mwc-fab' +import '@polymer/iron-pages' +import '@polymer/paper-icon-button/paper-icon-button.js' + +// Multi language support +import { get } from '../../../translate' window.reduxStore = store + window.reduxAction = { - addAutoLoadImageChat: addAutoLoadImageChat, - removeAutoLoadImageChat: removeAutoLoadImageChat, - addChatLastSeen: addChatLastSeen, - allowQAPPAutoAuth: allowQAPPAutoAuth, - removeQAPPAutoAuth: removeQAPPAutoAuth, - allowQAPPAutoLists: allowQAPPAutoLists, - removeQAPPAutoLists: removeQAPPAutoLists, - addTabInfo: addTabInfo, - setTabNotifications: setTabNotifications, - setNewTab: setNewTab, - setNewNotification: setNewNotification, - setSideEffectAction: setSideEffectAction, - allowQAPPAutoFriendsList: allowQAPPAutoFriendsList, - removeQAPPAutoFriendsList: removeQAPPAutoFriendsList, - allowShowSyncIndicator: allowShowSyncIndicator, - removeShowSyncIndicator: removeShowSyncIndicator + addAutoLoadImageChat: addAutoLoadImageChat, + removeAutoLoadImageChat: removeAutoLoadImageChat, + addChatLastSeen: addChatLastSeen, + allowQAPPAutoAuth: allowQAPPAutoAuth, + removeQAPPAutoAuth: removeQAPPAutoAuth, + allowQAPPAutoLists: allowQAPPAutoLists, + removeQAPPAutoLists: removeQAPPAutoLists, + addTabInfo: addTabInfo, + setTabNotifications: setTabNotifications, + setNewTab: setNewTab, + setNewNotification: setNewNotification, + setSideEffectAction: setSideEffectAction, + allowQAPPAutoFriendsList: allowQAPPAutoFriendsList, + removeQAPPAutoFriendsList: removeQAPPAutoFriendsList, + allowShowSyncIndicator: allowShowSyncIndicator, + removeShowSyncIndicator: removeShowSyncIndicator } const animationDuration = 0.7 // Seconds class LoginView extends connect(store)(LitElement) { - static get properties() { - return { - loggedIn: { type: Boolean }, - selectedPage: { type: String }, - pages: { type: Object }, - rippleIsOpen: { type: Boolean }, - config: { type: Object }, - rippleLoadingMessage: { type: String }, - selectedPageElement: {}, - nodeConfig: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + loggedIn: { type: Boolean }, + selectedPage: { type: String }, + pages: { type: Object }, + rippleIsOpen: { type: Boolean }, + config: { type: Object }, + rippleLoadingMessage: { type: String }, + selectedPageElement: {}, + nodeConfig: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return [ - css`` - ] - } + constructor() { + super() + this.selectedPage = this.getPreSelectedPage() + this.selectedPageElement = {} + this.rippleIsOpen = false + this.pages = { + welcome: 0, + 'create-account': 1, + login: 2 + } + this.rippleLoadingMessage = 'Getting information' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - getPreSelectedPage() { - return 'welcome' - } + render() { + return html` + - - ` - } + .corner-box { + border-color: var(--mdc-theme-primary) !important; + } - renderSelectedNodeOnStart() { - const selectedNodeIndexOnStart = localStorage.getItem('mySelectedNode') - const catchSavedNodes = JSON.parse(localStorage.getItem('myQortalNodes')) - const selectedNodeOnStart = catchSavedNodes[selectedNodeIndexOnStart] - const selectedNameOnStart = `${selectedNodeOnStart.name}` - const selectedNodeUrlOnStart = `${selectedNodeOnStart.protocol + '://' + selectedNodeOnStart.domain +':' + selectedNodeOnStart.port}` + [hidden] { + visibility: hidden; + display: none; + } + + + ` + } - let connectString = get('settings.snack2') + firstUpdated() { + stateAwait(state => { + return 'primary' in state.config.styles.theme.colors + }).catch(e => console.error(e)) - return html`
    ${connectString} : ${selectedNameOnStart} ${selectedNodeUrlOnStart}
    ` - } + const loginContainerPages = this.shadowRoot.querySelector('#loginContainerPages') + const loginCard = this.shadowRoot.querySelector('#login-card') - selectPage(newPage) { - this.selectedPage = newPage - } + const navigate = e => { + this.selectPage(e.detail.page) + } - stateChanged(state) { - if (this.loggedIn && !state.app.loggedIn) this.cleanup() - this.loggedIn = state.app.loggedIn - this.config = state.config - this.nodeConfig = state.app.nodeConfig - } + const updatedProperty = e => { + const selectedPageElement = this.selectedPageElement - cleanup() { - this.selectedPage = 'welcome' - } + this.selectedPageElement = {} + + setTimeout(() => { this.selectedPageElement = selectedPageElement }, 1) + } + + loginContainerPages.addEventListener('selected-item-changed', () => { + if (!loginContainerPages.selectedItem) { + + if (this.selectedPageElement.removeEventListener) { + this.selectedPageElement.removeEventListener('navigate', navigate) + this.selectedPageElement.removeEventListener('updatedProperty', updatedProperty) + } + + this.selectedPageElement = {} + + loginCard.classList.remove('animated') + loginCard.className += ' animated' + } else { + setTimeout(() => { + this.selectedPageElement = loginContainerPages.selectedItem + this.selectedPageElement.addEventListener('navigate', navigate) + this.selectedPageElement.addEventListener('updatedProperty', updatedProperty) + + setTimeout(() => loginCard.classList.remove('animated'), animationDuration * 1000) + }, 1) + } + }) + } + + getPreSelectedPage() { + return 'welcome' + } + + renderSelectedNodeOnStart() { + const selectedNodeIndexOnStart = localStorage.getItem('mySelectedNode') + const catchSavedNodes = JSON.parse(localStorage.getItem('myQortalNodes')) + const selectedNodeOnStart = catchSavedNodes[selectedNodeIndexOnStart] + const selectedNameOnStart = `${selectedNodeOnStart.name}` + const selectedNodeUrlOnStart = `${selectedNodeOnStart.protocol + '://' + selectedNodeOnStart.domain + ':' + selectedNodeOnStart.port}` + + let connectString = get('settings.snack2') + + return html`
    ${connectString} : ${selectedNameOnStart} ${selectedNodeUrlOnStart}
    ` + } + + selectPage(newPage) { + this.selectedPage = newPage + } + + stateChanged(state) { + if (this.loggedIn && !state.app.loggedIn) this.cleanup() + + this.loggedIn = state.app.loggedIn + this.config = state.config + this.nodeConfig = state.app.nodeConfig + } + + cleanup() { + this.selectedPage = 'welcome' + } } -window.customElements.define('login-view', LoginView) +window.customElements.define('login-view', LoginView) \ No newline at end of file diff --git a/core/src/components/login-view/welcome-page.js b/core/src/components/login-view/welcome-page.js index a3f209e3..d2c7eb1c 100644 --- a/core/src/components/login-view/welcome-page.js +++ b/core/src/components/login-view/welcome-page.js @@ -1,76 +1,44 @@ -import {css, html, LitElement} from 'lit' -import {translate} from '../../../translate' - +import { html, LitElement } from 'lit' +import { welcomePageStyles } from '../../styles/core-css' import '@material/mwc-button' +// Multi language support +import { translate } from '../../../translate' + class WelcomePage extends LitElement { - static get properties() { - return { - nextHidden: { type: Boolean, notify: true }, - nextEnabled: { type: Boolean, notify: true }, - nextText: { type: String, notify: true }, - backHidden: { type: Boolean, notify: true }, - backDisabled: { type: Boolean, notify: true }, - backText: { type: String, notify: true }, - hideNav: { type: Boolean, notify: true }, - welcomeMessage: { type: String }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + hideNav: { type: Boolean, notify: true }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: var(--login-button); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-button-outline-color: var(--general-color-blue); - } + static get styles() { + return [welcomePageStyles] + } - .button-outline { - margin: 6px; - width: 90%; - max-width:90vw; - border-top: 0; - border-bottom: 0; - } + constructor() { + super() + this.hideNav = true + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - .welcome-page { - padding: 12px 0; - overflow: hidden; - } - ` - } + render() { + return html` +
    + this.navigate('login')} outlined>${translate("login.login")} + this.navigate('create-account')} outlined>${translate("login.createaccount")} +
    + ` + } - constructor() { - super() - this.hideNav = true - this.nextText = '' - this.welcomeMessage = 'Welcome to Qortal' - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - firstUpdated() {} - - render() { - return html` -
    - this.navigate('login')} outlined>${translate("login.login")} - this.navigate('create-account')} outlined>${translate("login.createaccount")} -
    - ` - } - - back() {} - - next() {} - - navigate(page) { - this.dispatchEvent(new CustomEvent('navigate', { - detail: { page }, - bubbles: true, - composed: true - })) - } + navigate(page) { + this.dispatchEvent(new CustomEvent('navigate', { + detail: { page }, + bubbles: true, + composed: true + })) + } } -window.customElements.define('welcome-page', WelcomePage) +window.customElements.define('welcome-page', WelcomePage) \ No newline at end of file diff --git a/core/src/components/logout-view/logout-view.js b/core/src/components/logout-view/logout-view.js index 487aa7c8..ec428bc0 100644 --- a/core/src/components/logout-view/logout-view.js +++ b/core/src/components/logout-view/logout-view.js @@ -1,72 +1,61 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {doLogout} from '../../redux/app/app-actions.js' -import {translate} from '../../../translate' - -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store.js' +import { doLogout } from '../../redux/app/app-actions.js' +import { logoutViewStyles } from '../../styles/core-css' import '@material/mwc-button' +import '@polymer/paper-dialog/paper-dialog.js' + +// Multi language support +import { translate } from '../../../translate' class LogoutView extends connect(store)(LitElement) { - static get properties() { - return { - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - } + static get styles() { + return [logoutViewStyles] + } - .decline { - --mdc-theme-primary: var(--mdc-theme-error) - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - .buttons { - text-align:right; - } - ` - } + render() { + return html` + +
    +

    Qortal UI

    +
    +
    +
    +

    ${translate("logout.confirmlogout")}

    +
    +
    + this.decline()} dialog-dismiss>${translate("general.no")} + this.confirm(e)} dialog-confirm autofocus>${translate("general.yes")} +
    +     + ` + } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + openLogout() { + this.shadowRoot.getElementById('userLogoutDialog').open() + } - render() { - return html` - -
    -

    Qortal UI

    -
    -
    -
    -

    ${translate("logout.confirmlogout")}

    -
    -
    - this.decline(e)} dialog-dismiss>${translate("general.no")} - this.confirm(e)} dialog-confirm autofocus>${translate("general.yes")} -
    -     - ` - } + async confirm(e) { + store.dispatch(doLogout()) + e.stopPropagation() + } - openLogout() { - this.shadowRoot.getElementById('userLogoutDialog').open() - } - - async confirm(e) { - store.dispatch(doLogout()) - } - - decline(e) { - this.shadowRoot.getElementById('userLogoutDialog').close() - } + decline() { + this.shadowRoot.getElementById('userLogoutDialog').close() + this.requestUpdate() + } } -window.customElements.define('logout-view', LogoutView) +window.customElements.define('logout-view', LogoutView) \ No newline at end of file diff --git a/core/src/components/main-app.js b/core/src/components/main-app.js index 1e69f9b1..446f55cf 100644 --- a/core/src/components/main-app.js +++ b/core/src/components/main-app.js @@ -1,77 +1,66 @@ -import {html, LitElement} from 'lit' -import {installRouter} from 'pwa-helpers/router.js' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {doNavigate} from '../redux/app/app-actions.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { installRouter } from 'pwa-helpers/router' +import { doNavigate } from '../redux/app/app-actions' +import { loadPlugins } from '../plugins/load-plugins' import isElectron from 'is-electron' -import '../plugins/streams.js' - -import {loadPlugins} from '../plugins/load-plugins.js' - -import '../styles/app-styles.js' -import './login-view/login-view.js' -import './app-view.js' +import './login-view/login-view' +import './app-view' +import '../plugins/streams' +import '../styles/app-styles' installRouter((location) => store.dispatch(doNavigate(location))) class MainApp extends connect(store)(LitElement) { - static get properties() { - return { - name: { type: String }, - loggedIn: { type: Boolean } - } - } + static get properties() { + return { + name: { type: String }, + loggedIn: { type: Boolean } + } + } - static get styles() { - return [] - } + render() { + return html`${this.renderViews(this.loggedIn)}` + } - render() { - return html`${this.renderViews(this.loggedIn)}` - } + connectedCallback() { + super.connectedCallback() + this.initial = 0 - /** - * Dynamic renderViews method to introduce conditional rendering of views based on user's logged in state. - * @param {Boolean} isLoggedIn - */ + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.electronAPI.showMyMenu() + }) + } + } - renderViews(isLoggedIn) { - if (isLoggedIn) { - return html` - - ` - } else { - return html` - - ` - } - } + /** + * Dynamic renderViews method to introduce conditional rendering of views based on user's logged in state. + * @param {Boolean} isLoggedIn + */ + renderViews(isLoggedIn) { + if (isLoggedIn) { + return html`` + } else { + return html`` + } + } - stateChanged(state) { - this.loggedIn = state.app.loggedIn - if (this.loggedIn === true && this.initial === 0) { - this.initial = this.initial + 1 - this._loadPlugins() - } - document.title = state.config.coin.name - } + _loadPlugins() { + loadPlugins() + } - _loadPlugins() { - loadPlugins() - } - - connectedCallback() { - super.connectedCallback() - this.initial = 0 - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.electronAPI.showMyMenu() - }) - } - } + stateChanged(state) { + this.loggedIn = state.app.loggedIn + if (this.loggedIn === true && this.initial === 0) { + this.initial = this.initial + 1 + this._loadPlugins() + } + document.title = state.config.coin.name + } } -window.customElements.define('main-app', MainApp) +window.customElements.define('main-app', MainApp) \ No newline at end of file diff --git a/core/src/components/new-selector.js b/core/src/components/new-selector.js index 91a49326..63485df7 100644 --- a/core/src/components/new-selector.js +++ b/core/src/components/new-selector.js @@ -1,140 +1,114 @@ -import {css, html, LitElement} from 'lit' -import {registerTranslateConfig, translate, use} from '../../translate' +import { html, LitElement } from 'lit' +import { newSelectorStyles } from '../styles/core-css' + +// Multi language support +import { registerTranslateConfig, translate, use } from '../../translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const checkLanguage = localStorage.getItem('qortalLanguage') if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') + localStorage.setItem('qortalLanguage', 'us') + use('us') } else { - use(checkLanguage) + use(checkLanguage) } class NewSelector extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + theme: { type: String, reflect: true } + } + } - static get styles() { - return [ - css` - select { - width: auto; - height: auto; - position: absolute; - top: 50px; - padding: 5px 5px 5px 5px; - font-size: 16px; - border: 1px solid var(--black); - border-radius: 3px; - color: var(--black); - background: var(--white); - overflow: auto; - } + static get styles() { + return [newSelectorStyles] + } - *:focus { - outline: none; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - select option { - color: var(--black); - background: var(--white); - line-height: 34px; - } + render() { + return html` +
    + + this.toggleMenu()}> + + +
    - select option:hover { - color: var(--white); - background: var(--black); - line-height: 34px; - cursor: pointer; - } - ` - ] - } + ` + } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + firstUpdated() { + const myElement = this.shadowRoot.getElementById('languageNew') - render() { - return html` -
    - - this.toggleMenu()}> - - -
    + myElement.addEventListener('change', () => { + this.selectElement() + }) - ` - } + myElement.addEventListener('click', () => { + const element1 = localStorage.getItem('qortalLanguage') + const element2 = this.shadowRoot.getElementById('languageNew').value - firstUpdated() { - const myElement = this.shadowRoot.getElementById('languageNew') + if (element1 === element2) { + myElement.style.display = 'none' + } + }) - myElement.addEventListener("change", () => { - this.selectElement() - }) + this.selectElement() + } - myElement.addEventListener("click", () => { - const element1 = localStorage.getItem('qortalLanguage') - const element2 = this.shadowRoot.getElementById('languageNew').value - if (element1 === element2) { - myElement.style.display = "none" - } - }) + selectElement() { + const selectedLanguage = localStorage.getItem('qortalLanguage') - this.selectElement() - } + let element = this.shadowRoot.getElementById('languageNew') - selectElement() { - const selectedLanguage = localStorage.getItem('qortalLanguage') - let element = this.shadowRoot.getElementById('languageNew') - element.value = selectedLanguage - element.style.display = "none" - } + element.value = selectedLanguage + element.style.display = 'none' + } - changeLanguage(event) { - use(event.target.value) - localStorage.setItem('qortalLanguage', event.target.value) - } + changeLanguage(event) { + use(event.target.value) + localStorage.setItem('qortalLanguage', event.target.value) + } - toggleMenu() { - let mySwitchDisplay = this.shadowRoot.getElementById('languageNew') - if(mySwitchDisplay.style.display == "none") { - mySwitchDisplay.style.display = "block" - } else { - mySwitchDisplay.style.display = "none" - } - } + toggleMenu() { + let mySwitchDisplay = this.shadowRoot.getElementById('languageNew') + + if (mySwitchDisplay.style.display == 'none') { + mySwitchDisplay.style.display = 'block' + } else { + mySwitchDisplay.style.display = 'none' + } + } } -window.customElements.define('new-selector', NewSelector) +window.customElements.define('new-selector', NewSelector) \ No newline at end of file diff --git a/core/src/components/notification-view/notification-bell-general.js b/core/src/components/notification-view/notification-bell-general.js index 7c90a12d..b2fde2ed 100644 --- a/core/src/components/notification-view/notification-bell-general.js +++ b/core/src/components/notification-view/notification-bell-general.js @@ -1,163 +1,71 @@ -import {css, html, LitElement} from 'lit'; -import {connect} from 'pwa-helpers'; - -import '@vaadin/item'; -import '@vaadin/list-box'; -import '@polymer/paper-icon-button/paper-icon-button.js'; -import '@polymer/iron-icons/iron-icons.js'; -import {store} from '../../store.js'; -import {setNewNotification} from '../../redux/app/app-actions.js'; -import '@material/mwc-icon'; -import {get, translate} from '../../../translate' -import {repeat} from 'lit/directives/repeat.js'; -import '../../../../plugins/plugins/core/components/TimeAgo.js'; -import './popover.js'; +import { html, LitElement } from 'lit' +import { repeat } from 'lit/directives/repeat.js' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { setNewNotification } from '../../redux/app/app-actions' +import { notificationBellGeneralStyles, notificationItemTxStyles } from '../../styles/core-css' +import './popover.js' +import '../../../../plugins/plugins/core/components/TimeAgo' +import '@material/mwc-icon' +import '@polymer/paper-icon-button/paper-icon-button.js' +import '@polymer/iron-icons/iron-icons.js' +import '@vaadin/item' +import '@vaadin/list-box' +// Multi language support +import { get, translate } from '../../../translate' class NotificationBellGeneral extends connect(store)(LitElement) { - static properties = { - notifications: { type: Array }, - showNotifications: { type: Boolean }, - notificationCount: { type: Boolean }, - theme: { type: String, reflect: true }, - currentNotification: { type: Object }, - }; + static get properties() { + return { + notifications: { type: Array }, + showNotifications: { type: Boolean }, + notificationCount: { type: Boolean }, + currentNotification: { type: Object }, + theme: { type: String, reflect: true } + } + } + + static get styles() { + return [notificationBellGeneralStyles] + } constructor() { - super(); - this.notifications = []; - this.showNotifications = false; - this.notificationCount = false; - this.initialFetch = false; - this.theme = localStorage.getItem('qortalTheme') - ? localStorage.getItem('qortalTheme') - : 'light'; - this.currentNotification = null; - } - - firstUpdated() { - try { - let value = JSON.parse(localStorage.getItem('isFirstTimeUser')); - if (!value && value !== false) { - value = true; - } - this.isFirstTimeUser = value; - } catch (error) {} - } - - async stateChanged(state) { - if (state.app.newNotification) { - const newNotification = state.app.newNotification; - this.notifications = [newNotification, ...this.notifications]; - store.dispatch(setNewNotification(null)); - if (this.isFirstTimeUser) { - const target = this.shadowRoot.getElementById( - 'popover-notification' - ); - const popover = - this.shadowRoot.querySelector('popover-component'); - if (popover) { - popover.openPopover(target); - } - - localStorage.setItem('isFirstTimeUser', JSON.stringify(false)); - this.isFirstTimeUser = false; - } - } - } - - handleBlur() { - setTimeout(() => { - if (!this.shadowRoot.contains(document.activeElement)) { - this.showNotifications = false; - } - }, 0); - } - - changeStatus(signature, statusTx) { - const copyNotifications = [...this.notifications]; - const findNotification = this.notifications.findIndex( - (notification) => notification.reference.signature === signature - ); - if (findNotification !== -1) { - copyNotifications[findNotification] = { - ...copyNotifications[findNotification], - status: statusTx, - }; - this.notifications = copyNotifications; - - } + super() + this.notifications = [] + this.showNotifications = false + this.notificationCount = false + this.initialFetch = false + this.currentNotification = null + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } render() { const hasOngoing = this.notifications.find( (notification) => notification.status !== 'confirmed' - ); + ) + return html`
    - -
    this._toggleNotifications()} - > - ${hasOngoing - ? html` - notifications - - - ` - : html` - notifications - - - `} + +
    this._toggleNotifications()}> + ${hasOngoing ? html` + notifications + + ` : html` + notifications + + `}
    - ${hasOngoing - ? html` - this._toggleNotifications()} - > - pending - - ` - : ''} - -
    + ${hasOngoing ? html` + this._toggleNotifications()}> + pending + + ` : ''} +
    ${this.notifications.length === 0 ? html` -

    ${translate('notifications.notify3')}

    +

    ${translate('notifications.notify3')}

    ` : ''} ${repeat( this.notifications, @@ -166,18 +74,82 @@ class NotificationBellGeneral extends connect(store)(LitElement) { this.changeStatus(val1, val2)} - status=${notification.status} - timestamp=${notification.timestamp} - type=${notification.type} - signature=${notification.reference - .signature} + status=${notification.status} + timestamp=${notification.timestamp} + type=${notification.type} + signature=${notification.reference + .signature + } > ` )}
    - `; + ` + } + + firstUpdated() { + try { + let value = JSON.parse(localStorage.getItem('isFirstTimeUser')) + + if (!value && value !== false) { + value = true + } + + this.isFirstTimeUser = value + } catch (error) { } + } + + async stateChanged(state) { + if (state.app.newNotification) { + const newNotification = state.app.newNotification + + this.notifications = [newNotification, ...this.notifications] + + store.dispatch(setNewNotification(null)) + + if (this.isFirstTimeUser) { + const target = this.shadowRoot.getElementById( + 'popover-notification' + ) + + const popover = this.shadowRoot.querySelector('popover-component') + + if (popover) { + popover.openPopover(target) + } + + localStorage.setItem('isFirstTimeUser', JSON.stringify(false)) + + this.isFirstTimeUser = false + } + } + } + + handleBlur() { + setTimeout(() => { + if (!this.shadowRoot.contains(document.activeElement)) { + this.showNotifications = false + } + }, 0) + } + + changeStatus(signature, statusTx) { + const copyNotifications = [...this.notifications] + + const findNotification = this.notifications.findIndex( + (notification) => notification.reference.signature === signature + ) + + if (findNotification !== -1) { + copyNotifications[findNotification] = { + ...copyNotifications[findNotification], + status: statusTx + } + + this.notifications = copyNotifications + } } _toggleNotifications() { @@ -188,153 +160,34 @@ class NotificationBellGeneral extends connect(store)(LitElement) { }); } } - - static styles = css` - .layout { - display: flex; - flex-direction: column; - align-items: center; - position: relative; - } - - .count { - position: absolute; - top: -5px; - right: -5px; - font-size: 12px; - background-color: red; - color: white; - border-radius: 50%; - width: 16px; - height: 16px; - display: flex; - align-items: center; - justify-content: center; - } - - .nocount { - display: none; - } - - .popover-panel { - position: absolute; - width: 200px; - padding: 10px; - background-color: var(--white); - border: 1px solid var(--black); - border-radius: 4px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - top: 40px; - max-height: 350px; - overflow: auto; - scrollbar-width: thin; - scrollbar-color: #6a6c75 #a1a1a1; - } - - .popover-panel::-webkit-scrollbar { - width: 11px; - } - - .popover-panel::-webkit-scrollbar-track { - background: #a1a1a1; - } - - .popover-panel::-webkit-scrollbar-thumb { - background-color: #6a6c75; - border-radius: 6px; - border: 3px solid #a1a1a1; - } - - .notifications-list { - display: flex; - flex-direction: column; - } - - .notification-item { - padding: 5px; - border-bottom: 1px solid; - display: flex; - justify-content: space-between; - cursor: pointer; - transition: 0.2s all; - } - - .notification-item:hover { - background: var(--nav-color-hover); - } - - p { - font-size: 14px; - color: var(--black); - margin: 0px; - padding: 0px; - } - `; } -customElements.define('notification-bell-general', NotificationBellGeneral); +window.customElements.define('notification-bell-general', NotificationBellGeneral) class NotificationItemTx extends connect(store)(LitElement) { - static properties = { - status: { type: String }, - type: { type: String }, - timestamp: { type: Number }, - signature: { type: String }, - changeStatus: { attribute: false }, - }; + static get properties() { + return { + status: { type: String }, + type: { type: String }, + timestamp: { type: Number }, + signature: { type: String }, + changeStatus: { attribute: false } + } + } + + static get styles() { + return [notificationItemTxStyles] + } constructor() { - super(); - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - } - - getNodeUrl() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port - } - getMyNode() { - return store.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - } - - async getStatus() { - let interval = null; - let stop = false; - const getAnswer = async () => { - const getTx = async (minterAddr) => { - const url = `${this.nodeUrl}/transactions/signature/${this.signature}` - const res = await fetch(url) - return await res.json() - } - - if (!stop) { - stop = true; - try { - const txTransaction = await getTx(); - if (!txTransaction.error && txTransaction.signature && txTransaction.blockHeight) { - clearInterval(interval); - this.changeStatus(this.signature, 'confirmed'); - } - } catch (error) {} - stop = false; - } - }; - interval = setInterval(getAnswer, 20000); - } - - firstUpdated() { - this.getStatus(); + super() + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() } render() { return html` -
    {}}> +
    { }}>

    ${translate('transpage.tchange1')} @@ -345,187 +198,66 @@ class NotificationItemTx extends connect(store)(LitElement) { ${translate('walletpage.wchange35')}: ${this.type}

    - ${translate('tubespage.schange28')}: - ${this.status === 'confirming' - ? translate('notifications.notify1') - : translate('notifications.notify2')} + ${translate('tubespage.schange28')}: ${this.status === 'confirming' ? translate('notifications.notify1') : translate('notifications.notify2')}

    - ${this.status !== 'confirmed' - ? html` -
    -
    Loading...
    -
    - ` - : ''} -
    - - ${this.status === 'confirmed' - ? html` - done - ` - : ''} + ${this.status !== 'confirmed' ? html`
    Loading...
    ` : ''} +
    + + ${this.status === 'confirmed' ? html`done` : ''}
    - `; + ` + } + + firstUpdated() { + this.getStatus() + } + + getNodeUrl() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + return myNode.protocol + '://' + myNode.domain + ':' + myNode.port + } + + getMyNode() { + return store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + } + + async getStatus() { + let interval = null + let stop = false + + const getAnswer = async () => { + const getTx = async (minterAddr) => { + const url = `${this.nodeUrl}/transactions/signature/${this.signature}` + const res = await fetch(url) + + return await res.json() + } + + if (!stop) { + stop = true + + try { + const txTransaction = await getTx() + + if (!txTransaction.error && txTransaction.signature && txTransaction.blockHeight) { + clearInterval(interval) + this.changeStatus(this.signature, 'confirmed') + } + } catch (error) { } + + stop = false + } + } + + interval = setInterval(getAnswer, 20000) } _toggleNotifications() { - if (this.notifications.length === 0) return; - this.showNotifications = !this.showNotifications; + if (this.notifications.length === 0) return + this.showNotifications = !this.showNotifications } - - static styles = css` - .centered { - display: flex; - justify-content: center; - align-items: center; - } - .layout { - width: 100px; - display: flex; - flex-direction: column; - align-items: center; - position: relative; - } - - .count { - position: absolute; - top: -5px; - right: -5px; - font-size: 12px; - background-color: red; - color: white; - border-radius: 50%; - width: 16px; - height: 16px; - display: flex; - align-items: center; - justify-content: center; - } - - .nocount { - display: none; - } - - .popover-panel { - position: absolute; - width: 200px; - padding: 10px; - background-color: var(--white); - border: 1px solid var(--black); - border-radius: 4px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - top: 40px; - max-height: 350px; - overflow: auto; - scrollbar-width: thin; - scrollbar-color: #6a6c75 #a1a1a1; - } - - .popover-panel::-webkit-scrollbar { - width: 11px; - } - - .popover-panel::-webkit-scrollbar-track { - background: #a1a1a1; - } - - .popover-panel::-webkit-scrollbar-thumb { - background-color: #6a6c75; - border-radius: 6px; - border: 3px solid #a1a1a1; - } - - .notifications-list { - display: flex; - flex-direction: column; - } - - .notification-item { - padding: 5px; - border-bottom: 1px solid; - display: flex; - flex-direction: column; - cursor: default; - } - - .notification-item:hover { - background: var(--nav-color-hover); - } - - p { - font-size: 14px; - color: var(--black); - margin: 0px; - padding: 0px; - } - - .loader, - .loader:before, - .loader:after { - border-radius: 50%; - width: 10px; - height: 10px; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation: load7 1.8s infinite ease-in-out; - animation: load7 1.8s infinite ease-in-out; - } - .loader { - color: var(--black); - font-size: 5px; - margin-bottom: 20px; - position: relative; - text-indent: -9999em; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; - } - .loader:before, - .loader:after { - content: ''; - position: absolute; - top: 0; - } - .loader:before { - left: -3.5em; - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; - } - .loader:after { - left: 3.5em; - } - @-webkit-keyframes load7 { - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em; - } - 40% { - box-shadow: 0 2.5em 0 0; - } - } - @keyframes load7 { - 0%, - 80%, - 100% { - box-shadow: 0 2.5em 0 -1.3em; - } - 40% { - box-shadow: 0 2.5em 0 0; - } - } - `; } -customElements.define('notification-item-tx', NotificationItemTx); +window.customElements.define('notification-item-tx', NotificationItemTx) \ No newline at end of file diff --git a/core/src/components/notification-view/notification-bell.js b/core/src/components/notification-view/notification-bell.js index f2ae228e..31976f75 100644 --- a/core/src/components/notification-view/notification-bell.js +++ b/core/src/components/notification-view/notification-bell.js @@ -1,329 +1,262 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' - +import { css, html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { setNewTab } from '../../redux/app/app-actions' +import { routes } from '../../plugins/routes' +import { notificationBellStyles } from '../../styles/core-css' +import config from '../../notifications/config' +import '../../../../plugins/plugins/core/components/TimeAgo' +import '@material/mwc-icon' +import '@polymer/paper-icon-button/paper-icon-button' +import '@polymer/iron-icons/iron-icons.js' import '@vaadin/item' import '@vaadin/list-box' -import '@polymer/paper-icon-button/paper-icon-button.js' -import '@polymer/iron-icons/iron-icons.js' -import {store} from '../../store.js' -import {setNewTab} from '../../redux/app/app-actions.js' -import {routes} from '../../plugins/routes.js' -import '@material/mwc-icon'; - -import config from '../../notifications/config.js' -import '../../../../plugins/plugins/core/components/TimeAgo.js' class NotificationBell extends connect(store)(LitElement) { + static get properties() { + return { + notifications: { type: Array }, + showNotifications: { type: Boolean }, + notificationCount: { type: Boolean }, + theme: { type: String, reflect: true } + } + } - static properties = { - notifications: { type: Array }, - showNotifications: { type: Boolean }, - notificationCount: { type: Boolean }, - theme: { type: String, reflect: true }, - } + static get styles() { + return [notificationBellStyles] + } - constructor() { - super() - this.notifications = [] - this.showNotifications = false - this.notificationCount = false - this.initialFetch = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + constructor() { + super() + this.notifications = [] + this.showNotifications = false + this.notificationCount = false + this.initialFetch = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - firstUpdated() { - this.getNotifications(); - document.addEventListener('click', (event) => { - const path = event.composedPath() - if (!path.includes(this)) { - this.showNotifications = false - } - }) - } + render() { + return html` +
    + ${this.notificationCount ? html` + this._toggleNotifications()} id="notification-mail-icon" style="color: green;cursor:pointer;user-select:none"> + mail + + + + ` : html` + this._openTabQmail()} id="notification-mail-icon" style="color: var(--black); cursor:pointer;user-select:none"> + mail + + + + `} + ${this.notificationCount ? html` + ${this.notifications.length} + ` : ''} +
    +
    + ${this.notifications.map(notification => html` +
    { + const query = `?service=APP&name=Q-Mail` + store.dispatch(setNewTab({ + url: `qdn/browser/index.html${query}`, + id: 'q-mail-notification', + myPlugObj: { + "url": "myapp", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": "Q-Mail", + "icon": "vaadin:mailbox", + "mwcicon": "mail_outline", + "menus": [], + "parent": false + } + })) + this.showNotifications = false + this.notifications = [] + }} + > +
    +

    Q-Mail

    + +
    +
    +

    ${notification.name}

    +
    +
    + `)} +
    +
    +
    + ` + } - getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + firstUpdated() { + this.getNotifications() + + document.addEventListener('click', (event) => { + const path = event.composedPath() + if (!path.includes(this)) { + this.showNotifications = false + } + }) + } + + getApiKey() { + const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return apiNode.apiKey - } + } - async getNotifications() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getNotifications() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - let interval = null - let stop = false + let interval = null + let stop = false - const getNewMail = async () => { + const getNewMail = async () => { + const getMail = async (recipientName, recipientAddress) => { + const query = `qortal_qmail_${recipientName.slice( + 0, + 20 + )}_${recipientAddress.slice(-6)}_mail_` - const getMail = async (recipientName, recipientAddress) => { - const query = `qortal_qmail_${recipientName.slice( - 0, - 20 - )}_${recipientAddress.slice(-6)}_mail_` - const url = `${nodeUrl}/arbitrary/resources/search?service=MAIL_PRIVATE&query=${query}&limit=10&includemetadata=false&offset=0&reverse=true&excludeblocked=true` - const response = await fetch(url, { - method: 'GET', - headers: { - 'Content-Type': 'application/json' - } - }) + const url = `${nodeUrl}/arbitrary/resources/search?service=MAIL_PRIVATE&query=${query}&limit=10&includemetadata=false&offset=0&reverse=true&excludeblocked=true` + + const response = await fetch(url, { + method: 'GET', + headers: { + 'Content-Type': 'application/json' + } + }) return await response.json() - } + } - if (!stop && !this.showNotifications) { - stop = true - try { - const address = window.parent.reduxStore.getState().app?.selectedAddress?.address; - const name = window.parent.reduxStore.getState().app?.accountInfo?.names[0]?.name + if (!stop && !this.showNotifications) { + stop = true - if (!name || !address) return - const mailArray = await getMail(name, address) - let notificationsToShow = [] - if (mailArray.length > 0) { - const lastVisited = localStorage.getItem("Q-Mail-last-visited") + try { + const address = window.parent.reduxStore.getState().app?.selectedAddress?.address; + const name = window.parent.reduxStore.getState().app?.accountInfo?.names[0]?.name - if (lastVisited) { - mailArray.forEach((mail) => { - if (mail.created > lastVisited) notificationsToShow.push(mail) - }) - } else { - notificationsToShow = mailArray - } + if (!name || !address) return - } - if (!this.initialFetch && notificationsToShow.length > 0) { - const mail = notificationsToShow[0] - const urlPic = `${nodeUrl}/arbitrary/THUMBNAIL/${mail.name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - await routes.showNotification({ - data: { - title: "New Q-Mail", - type: "qapp", - sound: config.messageAlert, - url: "", - options: { - body: `You have an unread mail from ${mail.name}`, - icon: urlPic, - badge: urlPic - } - } - }) - } else if (notificationsToShow.length > 0) { - if (notificationsToShow[0].created > (this.notifications[0]?.created || 0)) { - const mail = notificationsToShow[0] - const urlPic = `${nodeUrl}/arbitrary/THUMBNAIL/${mail.name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - await routes.showNotification({ - data: { - title: "New Q-Mail", - type: "qapp", - sound: config.messageAlert, - url: "", - options: { - body: `You have an unread mail from ${mail.name}`, - icon: urlPic, - badge: urlPic - } - } - }) - } - } - this.notifications = notificationsToShow + const mailArray = await getMail(name, address) - this.notificationCount = this.notifications.length !== 0; + let notificationsToShow = [] - if (!this.initialFetch) this.initialFetch = true - } catch (error) { - console.error(error) - } - stop = false - } - } - try { + if (mailArray.length > 0) { + const lastVisited = localStorage.getItem("Q-Mail-last-visited") - setTimeout(() => { - getNewMail() - }, 5000) + if (lastVisited) { + mailArray.forEach((mail) => { + if (mail.created > lastVisited) notificationsToShow.push(mail) + }) + } else { + notificationsToShow = mailArray + } - interval = setInterval(getNewMail, 60000) - } catch (error) { - console.error(error) - } - } + } - render() { - return html` -
    - ${this.notificationCount ? html` - this._toggleNotifications()} id="notification-mail-icon" style="color: green;cursor:pointer;user-select:none" - >mail - - + if (!this.initialFetch && notificationsToShow.length > 0) { + const mail = notificationsToShow[0] + const urlPic = `${nodeUrl}/arbitrary/THUMBNAIL/${mail.name}/qortal_avatar?async=true}` - ` : html` - this._openTabQmail()} id="notification-mail-icon" style="color: var(--black); cursor:pointer;user-select:none" - >mail - - + await routes.showNotification({ + data: { + title: 'New Q-Mail', + type: 'qapp', + sound: config.messageAlert, + url: '', + options: { + body: `You have an unread mail from ${mail.name}`, + icon: urlPic, + badge: urlPic + } + } + }) + } else if (notificationsToShow.length > 0) { + if (notificationsToShow[0].created > (this.notifications[0]?.created || 0)) { + const mail = notificationsToShow[0] + const urlPic = `${nodeUrl}/arbitrary/THUMBNAIL/${mail.name}/qortal_avatar?async=true}` - `} + await routes.showNotification({ + data: { + title: 'New Q-Mail', + type: 'qapp', + sound: config.messageAlert, + url: '', + options: { + body: `You have an unread mail from ${mail.name}`, + icon: urlPic, + badge: urlPic + } + } + }) + } + } - ${this.notificationCount ? html` - ${this.notifications.length} - ` : ''} + this.notifications = notificationsToShow -
    -
    - ${this.notifications.map(notification => html` -
    { - const query = `?service=APP&name=Q-Mail` - store.dispatch(setNewTab({ - url: `qdn/browser/index.html${query}`, - id: 'q-mail-notification', - myPlugObj: { - "url": "myapp", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": "Q-Mail", - "icon": "vaadin:mailbox", - "mwcicon": "mail_outline", - "menus": [], - "parent": false - } - })) - this.showNotifications = false - this.notifications = [] - }}> -
    -

    Q-Mail

    - -
    -
    -

    ${notification.name}

    -
    -
    - `)} -
    -
    -
    - ` - } + this.notificationCount = this.notifications.length !== 0 - _toggleNotifications() { - if (this.notifications.length === 0) return - this.showNotifications = !this.showNotifications - } - _openTabQmail() { - const query = `?service=APP&name=Q-Mail` - store.dispatch(setNewTab({ - url: `qdn/browser/index.html${query}`, - id: 'q-mail-notification', - myPlugObj: { - "url": "myapp", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": "Q-Mail", - "icon": "vaadin:mailbox", - "mwcicon": "mail_outline", - "menus": [], - "parent": false - } - })) - } + if (!this.initialFetch) this.initialFetch = true + } catch (error) { + console.error(error) + } - static styles = css` - .layout { - display: flex; - flex-direction: column; - align-items: center; - position: relative; - } + stop = false + } + } - .count { - position: absolute; - top: -5px; - right: -5px; - font-size: 12px; - background-color: red; - color: white; - border-radius: 50%; - width: 16px; - height: 16px; - display: flex; - align-items: center; - justify-content: center; - user-select: none; - } + try { + setTimeout(() => { + getNewMail() + }, 5000) - .nocount { - display: none; - } + interval = setInterval(getNewMail, 60000) + } catch (error) { + console.error(error) + } + } - .popover-panel { - position: absolute; - width: 200px; - padding: 10px; - background-color: var(--white); - border: 1px solid var(--black); - border-radius: 4px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - top: 40px; - max-height: 350px; - overflow: auto; - scrollbar-width: thin; - scrollbar-color: #6a6c75 #a1a1a1; - } + _toggleNotifications() { + if (this.notifications.length === 0) return + this.showNotifications = !this.showNotifications + } - .popover-panel::-webkit-scrollbar { - width: 11px; - } + _openTabQmail() { + const query = `?service=APP&name=Q-Mail` - .popover-panel::-webkit-scrollbar-track { - background: #a1a1a1; - } - - .popover-panel::-webkit-scrollbar-thumb { - background-color: #6a6c75; - border-radius: 6px; - border: 3px solid #a1a1a1; - } - - .notifications-list { - display: flex; - flex-direction: column; - } - - .notification-item { - padding: 5px; - border-bottom: 1px solid; - display: flex; - justify-content: space-between; - cursor: pointer; - transition: 0.2s all; - } - - .notification-item:hover { - background: var(--nav-color-hover); - } - - p { - font-size: 14px; - color: var(--black); - margin: 0px; - padding: 0px; - } - ` + store.dispatch(setNewTab({ + url: `qdn/browser/index.html${query}`, + id: 'q-mail-notification', + myPlugObj: { + "url": "myapp", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": "Q-Mail", + "icon": "vaadin:mailbox", + "mwcicon": "mail_outline", + "menus": [], + "parent": false + } + })) + } } -customElements.define('notification-bell', NotificationBell) +window.customElements.define('notification-bell', NotificationBell) \ No newline at end of file diff --git a/core/src/components/notification-view/popover.js b/core/src/components/notification-view/popover.js index 5e9bdfe6..b69e6ce2 100644 --- a/core/src/components/notification-view/popover.js +++ b/core/src/components/notification-view/popover.js @@ -1,76 +1,56 @@ -// popover-component.js -import {css, html, LitElement} from 'lit'; -import {createPopper} from '@popperjs/core'; +import { css, html, LitElement } from 'lit' +import { createPopper } from '@popperjs/core' +import { popoverComponentStyles } from '../../styles/core-css' import '@material/mwc-icon' export class PopoverComponent extends LitElement { - static styles = css` - :host { - display: none; - position: absolute; - background-color: var(--white); - border: 1px solid #ddd; - padding: 8px; - z-index: 10; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - color: var(--black); - max-width: 250px; - } + static get properties() { + return { + for: { type: String, reflect: true }, + message: { type: String } + } + } - .close-icon { - cursor: pointer; - float: right; - margin-left: 10px; - color: var(--black) - } + static get styles() { + return [popoverComponentStyles] + } + constructor() { + super() + this.message = '' + } - `; + render() { + return html` + close +
    info ${this.message}
    + ` + } - static properties = { - for: { type: String, reflect: true }, - message: { type: String } - }; + attachToTarget(target) { + if (!this.popperInstance && target) { + this.popperInstance = createPopper(target, this, { + placement: 'bottom', + strategy: 'fixed' + }) + } + } - constructor() { - super(); - this.message = ''; - } + openPopover(target) { + this.attachToTarget(target) + this.style.display = 'block' + } - firstUpdated() { - // We'll defer the popper attachment to the openPopover() method to ensure target availability - } + closePopover() { + this.style.display = 'none' - attachToTarget(target) { - if (!this.popperInstance && target) { - this.popperInstance = createPopper(target, this, { - placement: 'bottom', - strategy: 'fixed' - }); - } - } + if (this.popperInstance) { + this.popperInstance.destroy() + this.popperInstance = null + } - openPopover(target) { - this.attachToTarget(target); - this.style.display = 'block'; - } - - closePopover() { - this.style.display = 'none'; - if (this.popperInstance) { - this.popperInstance.destroy(); - this.popperInstance = null; - } - this.requestUpdate(); - } - - render() { - return html` - close -
    info ${this.message} -
    - `; - } + this.requestUpdate() + } } -customElements.define('popover-component', PopoverComponent); +window.customElements.define('popover-component', PopoverComponent) \ No newline at end of file diff --git a/core/src/components/qort-theme-toggle.js b/core/src/components/qort-theme-toggle.js index a2bee5ea..0562a912 100644 --- a/core/src/components/qort-theme-toggle.js +++ b/core/src/components/qort-theme-toggle.js @@ -1,134 +1,62 @@ -import {css, html, LitElement} from 'lit' -import {svgMoon, svgSun} from '../../assets/js/svg.js' +import { html, LitElement } from 'lit' +import { svgMoon, svgSun } from '../../assets/js/svg' +import { qortThemeToggleStyles } from '../styles/core-css' class QortThemeToggle extends LitElement { - static get properties() { - return { - theme: { - type: String, - reflect: true - } - } - } + static get properties() { + return { + theme: { type: String, reflect: true } + } + } - constructor() { - super(); - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - static styles = [ - css` - :host { - display: inline-block; - position: relative; - width: 54px; - height: 32px; - transform: translateY(-2px); - } + static get styles() { + return [qortThemeToggleStyles] + } - svg { - width: 32px; - height: 32px; - } + render() { + return html` + this.toggleTheme()}/> +
    +
    + ${svgSun} + ${svgMoon} +
    + ` + } - input { - cursor: pointer; - position: absolute; - z-index: 1; - opacity: 0; - width: 100%; - height: 100%; - } - - .slider { - position: absolute; - cursor: pointer; - width: 100%; - height: 16px; - top: 50%; - transform: translateY(-50%); - background-color: var(--switchbackground); - border: 2px solid var(--switchborder); - border-radius: 1rem; - transition: all .4s ease; - } - - .icon { - width: 32px; - height: 32px; - display: inline-block; - position: absolute; - top: 50%; - background: var(--switchbackground); - border: 2px solid var(--switchborder); - border-radius: 50%; - transition: transform 300ms ease; - } - - :host([theme="light"]) .icon { - transform: translate(0, -50%); - } - - input:checked ~ .icon, - :host([theme="dark"]) .icon { - transform: translate(calc(100% - 12px), -50%); - } - - .moon { - display: none; - } - - .moon svg { - transform: scale(0.6); - } - - :host([theme="dark"]) .sun { - display: none; - } - - :host([theme="dark"]) .moon { - display: inline-block; - } - ` - ]; - - render() { - return html` - this.toggleTheme()}/> -
    -
    - ${svgSun} - ${svgMoon} -
    - `; - } - - firstUpdated() { - this.initTheme(); - } + firstUpdated() { + this.initTheme() + } - toggleTheme() { - if (this.theme === 'light') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - this.dispatchEvent( - new CustomEvent('qort-theme-change', { - bubbles: true, - composed: true, - detail: this.theme, - }), - ); + toggleTheme() { + if (this.theme === 'light') { + this.theme = 'dark' + } else { + this.theme = 'light' + } - window.localStorage.setItem('qortalTheme', this.theme); - this.initTheme(); - } + this.dispatchEvent( + new CustomEvent('qort-theme-change', { + bubbles: true, + composed: true, + detail: this.theme + }) + ) - initTheme() { - document.querySelector('html').setAttribute('theme', this.theme); - } + window.localStorage.setItem('qortalTheme', this.theme) + + this.initTheme() + } + + initTheme() { + document.querySelector('html').setAttribute('theme', this.theme) + } } -window.customElements.define('qort-theme-toggle', QortThemeToggle); +window.customElements.define('qort-theme-toggle', QortThemeToggle) \ No newline at end of file diff --git a/core/src/components/search-modal.js b/core/src/components/search-modal.js index c8918747..ad71440e 100644 --- a/core/src/components/search-modal.js +++ b/core/src/components/search-modal.js @@ -1,12 +1,14 @@ -import {css, html, LitElement} from 'lit' -import {get, translate} from '../../translate' -import snackbar from '../functional-components/snackbar.js' - +import { html, LitElement } from 'lit' +import { searchModalStyles } from '../styles/core-css' +import snackbar from '../functional-components/snackbar' import '@polymer/paper-icon-button/paper-icon-button.js' import '@polymer/iron-icons/iron-icons.js' import '@polymer/paper-dialog/paper-dialog.js' import '@vaadin/text-field' +// Multi language support +import { get, translate } from '../../translate' + class SearchModal extends LitElement { static get properties() { return { @@ -15,56 +17,16 @@ class SearchModal extends LitElement { } } + static get styles() { + return [searchModalStyles] + } + constructor() { super() this.searchContentString = '' this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } - static get styles() { - return css` - * { - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --item-selected-color: var(--nav-selected-color); - --item-selected-color-text: var(--nav-selected-color-text); - --item-color-active: var(--nav-color-active); - --item-color-hover: var(--nav-color-hover); - --item-text-color: var(--nav-text-color); - --item-icon-color: var(--nav-icon-color); - --item-border-color: var(--nav-border-color); - --item-border-selected-color: var(--nav-border-selected-color); - } - - paper-dialog.searchSettings { - min-width: 525px; - max-width: 525px; - min-height: auto; - max-height: 150px; - background-color: var(--white); - color: var(--black); - line-height: 1.6; - overflow: hidden; - border: 1px solid var(--black); - border-radius: 10px; - padding: 15px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .search { - display: inline; - width: 50%; - align-items: center; - } - ` - } - render() { return html`
    @@ -92,6 +54,7 @@ class SearchModal extends LitElement { } firstUpdated() { + // ... } openSearch() { @@ -110,23 +73,28 @@ class SearchModal extends LitElement { openUserInfo() { const checkvalue = this.shadowRoot.getElementById('searchContent').value + if (checkvalue.length < 3) { let snackbar1string = get("publishpage.pchange20") let snackbar2string = get("welcomepage.wcchange4") + snackbar.add({ labelText: `${snackbar1string} ${snackbar2string}`, dismiss: true }) - this.shadowRoot.getElementById('searchContent').value = this.searchContentString + this.shadowRoot.getElementById('searchContent').value = this.searchContentString } else { let sendInfoAddress = this.shadowRoot.getElementById('searchContent').value + const infoDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('user-info-view') + infoDialog.openUserInfo(sendInfoAddress) + this.shadowRoot.getElementById('searchContent').value = this.searchContentString this.shadowRoot.getElementById('searchSettingsDialog').close() } } } -window.customElements.define('search-modal', SearchModal) +window.customElements.define('search-modal', SearchModal) \ No newline at end of file diff --git a/core/src/components/settings-view/account-view.js b/core/src/components/settings-view/account-view.js index 7a8df4c7..e09c3021 100644 --- a/core/src/components/settings-view/account-view.js +++ b/core/src/components/settings-view/account-view.js @@ -1,138 +1,92 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {get, translate} from '../../../translate' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { accountViewStyles } from '../../styles/core-css' + +// Multi language support +import { get, translate } from '../../../translate' class AccountView extends connect(store)(LitElement) { - static get properties() { - return { - accountInfo: { type: Object }, - theme: { type: String, reflect: true }, - switchAvatar: { type: String } - } - } + static get properties() { + return { + accountInfo: { type: Object }, + switchAvatar: { type: String }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` + static get styles() { + return [accountViewStyles] + } - .sub-main { - position: relative; - text-align: center; - } + constructor() { + super() + this.accountInfo = store.getState().app.accountInfo + this.switchAvatar = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - .center-box { - position: relative; - top: 45%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } + render() { + return html` +
    +
    +
    ${this.getAvatar()}
    + + ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : get("chatpage.cchange15")} + +
    + ${translate("settings.address")}: + ${store.getState().app.selectedAddress.address} +
    + ${translate("settings.publickey")}: + ${store.getState().app.selectedAddress.base58PublicKey} +
    +
    +
    + ` + } - .img-icon { - display: block; - margin-top: 10px; - } + firstUpdated() { + this.getSwitchAvatar() - .content-box { - border: 1px solid #a1a1a1; - padding: 10px 25px; - text-align: left; - display: inline-block; - } + setInterval(() => { + this.getSwitchAvatar() + }, 10000) + } - .title { - font-weight: 600; - font-size: 15px; - display: block; - line-height: 32px; - opacity: 0.66; - } + getAvatar() { + if (this.switchAvatar === 'light') { + if (this.accountInfo.names.length === 0) { + return html`` + } else { + const avatarName = this.accountInfo.names[0].name + const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port + const url = `${avatarUrl}/arbitrary/THUMBNAIL/${avatarName}/qortal_avatar?async=true` - .value { - font-size: 16px; - display: inline-block; - } + return html`` + } + } else if (this.switchAvatar === 'dark') { + if (this.accountInfo.names.length === 0) { + return html`` + } else { + const avatarName = this.accountInfo.names[0].name + const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port + const url = `${avatarUrl}/arbitrary/THUMBNAIL/${avatarName}/qortal_avatar?async=true` - #accountName { - margin: 0; - font-size: 24px; - font-weight:500; - display: inline-block; - width:100%; - } - ` - } + return html`` + } + } + } - constructor() { - super() - this.accountInfo = store.getState().app.accountInfo - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.switchAvatar = '' - } + getSwitchAvatar() { + this.switchAvatar = localStorage.getItem('qortalTheme') + } - render() { - return html` -
    -
    -
    ${this.getAvatar()}
    - - ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : get("chatpage.cchange15")} - -
    - ${translate("settings.address")}: - ${store.getState().app.selectedAddress.address} -
    - ${translate("settings.publickey")}: - ${store.getState().app.selectedAddress.base58PublicKey} -
    -
    -
    - ` - } - - firstUpdated() { - this.getSwitchAvatar() - setInterval(() => { - this.getSwitchAvatar() - }, 2000) - } - - getAvatar() { - if (this.switchAvatar === 'light') { - if (this.accountInfo.names.length === 0) { - return html`` - } else { - const avatarName = this.accountInfo.names[0].name - const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port - const url = `${avatarUrl}/arbitrary/THUMBNAIL/${avatarName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } - } else if (this.switchAvatar === 'dark') { - if (this.accountInfo.names.length === 0) { - return html`` - } else { - const avatarName = this.accountInfo.names[0].name - const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port - const url = `${avatarUrl}/arbitrary/THUMBNAIL/${avatarName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } - } - } - - getSwitchAvatar() { - this.switchAvatar = localStorage.getItem('qortalTheme') - } - - getApiKey() { - const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - return apiNode.apiKey - } - - stateChanged(state) { - this.accountInfo = state.app.accountInfo - } + stateChanged(state) { + this.accountInfo = state.app.accountInfo + } } -window.customElements.define('account-view', AccountView) +window.customElements.define('account-view', AccountView) \ No newline at end of file diff --git a/core/src/components/settings-view/export-keys.js b/core/src/components/settings-view/export-keys.js index 9addd48f..7342e41c 100644 --- a/core/src/components/settings-view/export-keys.js +++ b/core/src/components/settings-view/export-keys.js @@ -1,597 +1,423 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {Epml} from '../../epml.js' -import {addTradeBotRoutes} from '../../tradebot/addTradeBotRoutes.js' -import {get, translate} from '../../../translate' -import snackbar from '../../functional-components/snackbar.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { Epml } from '../../epml' +import { addTradeBotRoutes } from '../../tradebot/addTradeBotRoutes' +import { exportKeysStyles } from '../../styles/core-css' import FileSaver from 'file-saver' - -import '@material/mwc-dialog' +import snackbar from '../../functional-components/snackbar' import '@material/mwc-button' +import '@material/mwc-dialog' import '@material/mwc-icon' +// Multi language support +import { get, translate } from '../../../translate' + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ExportKeys extends connect(store)(LitElement) { - static get properties() { - return { - theme: { type: String, reflect: true }, - backupErrorMessage: { type: String }, - btcPMK: { type: String }, - ltcPMK: { type: String }, - dogePMK: { type: String }, - dgbPMK: { type: String }, - rvnPMK: { type: String }, - arrrPMK: { type: String }, - btcWALLET: { type: String }, - ltcWALLET: { type: String }, - dogeWALLET: { type: String }, - dgbWALLET: { type: String }, - rvnWALLET: { type: String }, - arrrWALLET: { type: String }, - btcName: { type: String }, - ltcName: { type: String }, - dogeName: { type: String }, - dgbName: { type: String }, - rvnName: { type: String }, - arrrName: { type: String }, - btcShort: { type: String }, - ltcShort: { type: String }, - dogeShort: { type: String }, - dgbShort: { type: String }, - rvnShort: { type: String }, - arrrShort: { type: String }, - enableArrr: { type: Boolean }, - dWalletAddress: { type: String }, - dPrivateKey: { type: String }, - dCoinName: { type: String }, - dCoinShort: { type: String } - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + backupErrorMessage: { type: String }, + btcPMK: { type: String }, + ltcPMK: { type: String }, + dogePMK: { type: String }, + dgbPMK: { type: String }, + rvnPMK: { type: String }, + arrrPMK: { type: String }, + btcWALLET: { type: String }, + ltcWALLET: { type: String }, + dogeWALLET: { type: String }, + dgbWALLET: { type: String }, + rvnWALLET: { type: String }, + arrrWALLET: { type: String }, + btcName: { type: String }, + ltcName: { type: String }, + dogeName: { type: String }, + dgbName: { type: String }, + rvnName: { type: String }, + arrrName: { type: String }, + btcShort: { type: String }, + ltcShort: { type: String }, + dogeShort: { type: String }, + dgbShort: { type: String }, + rvnShort: { type: String }, + arrrShort: { type: String }, + enableArrr: { type: Boolean }, + dWalletAddress: { type: String }, + dPrivateKey: { type: String }, + dCoinName: { type: String }, + dCoinShort: { type: String } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 500px; - --mdc-dialog-max-width: 750px; - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - } + static get styles() { + return [exportKeysStyles] + } - .center-box { - position: relative; - top: 45%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.backupErrorMessage = '' + this.btcPMK = store.getState().app.selectedAddress.btcWallet.derivedMasterPrivateKey + this.btcWALLET = store.getState().app.selectedAddress.btcWallet.address + this.btcName = 'Bitcoin' + this.btcShort = 'btc' + this.ltcPMK = store.getState().app.selectedAddress.ltcWallet.derivedMasterPrivateKey + this.ltcWALLET = store.getState().app.selectedAddress.ltcWallet.address + this.ltcName = 'Litecoin' + this.ltcShort = 'ltc' + this.dogePMK = store.getState().app.selectedAddress.dogeWallet.derivedMasterPrivateKey + this.dogeWALLET = store.getState().app.selectedAddress.dogeWallet.address + this.dogeName = 'Dogecoin' + this.dogeShort = 'doge' + this.dgbPMK = store.getState().app.selectedAddress.dgbWallet.derivedMasterPrivateKey + this.dgbWALLET = store.getState().app.selectedAddress.dgbWallet.address + this.dgbName = 'Digibyte' + this.dgbShort = 'dgb' + this.rvnPMK = store.getState().app.selectedAddress.rvnWallet.derivedMasterPrivateKey + this.rvnWALLET = store.getState().app.selectedAddress.rvnWallet.address + this.rvnName = 'Ravencoin' + this.rvnShort = 'rvn' + this.arrrPMK = '' + this.arrrWALLET = '' + this.arrrName = 'Pirate Chain' + this.arrrShort = 'arrr' + this.enableArrr = false + this.dWalletAddress = '' + this.dPrivateKey = '' + this.dCoinName = '' + this.dCoinShort = 'btc' + } - .sub-main { - position: relative; - text-align: center; - height: auto; - width: 100%; - } + render() { + return html` +
    +
    +

    + ${translate("settings.exp4")} +

    +
    +
    +
    +
    +
    +   ${this.btcWALLET}
    +
    +
    this.checkForPmkDownload(this.btcWALLET, this.btcPMK, this.btcName, this.btcShort)} class="export-button"> ${translate("settings.exp2")}
    +
    +
    +
    +   ${this.ltcWALLET}
    +
    +
    this.checkForPmkDownload(this.ltcWALLET, this.ltcPMK, this.ltcName, this.ltcShort)} class="export-button"> ${translate("settings.exp2")}
    +
    +
    +
    +   ${this.dogeWALLET}
    +
    +
    this.checkForPmkDownload(this.dogeWALLET, this.dogePMK, this.dogeName, this.dogeShort)} class="export-button"> ${translate("settings.exp2")}
    +
    +
    +
    +   ${this.dgbWALLET}
    +
    +
    this.checkForPmkDownload(this.dgbWALLET, this.dgbPMK, this.dgbName, this.dgbShort)} class="export-button"> ${translate("settings.exp2")}
    +
    +
    +
    +   ${this.rvnWALLET}
    +
    +
    this.checkForPmkDownload(this.rvnWALLET, this.rvnPMK, this.rvnName, this.rvnShort)} class="export-button"> ${translate("settings.exp2")}
    +
    +
    +
    +   ${this.arrrWALLET}
    +
    +
    this.checkForPmkDownload(this.arrrWALLET, this.arrrPMK, this.arrrName, this.arrrShort)} class="export-button"> ${translate("settings.exp2")}
    +
    +
    +
    +
    +
    + +
    +
    + + +

    ${this.dCoinName} ${translate("settings.exp2")}

    +
    +

    ${translate("settings.address")}: ${this.dWalletAddress}

    + + ${translate("general.close")} + + + ${translate("settings.exp3")} + +     + + +

    ${translate("settings.arrr1")}

    +
    +

    ${translate("settings.arrr2")}

    + + ${translate("general.close")} + +     + + +

    ${translate("settings.arrr3")}

    +
    +

    ${translate("settings.arrr4")}

    + + ${translate("general.close")} + +     + + +

    ${translate("nodepage.nchange38")}

    +
    +

    ${translate("nodepage.nchange39")}

    +

    ${translate("nodepage.nchange40")}

    + + ${translate("general.continue")} + + + ${translate("login.lp4")} + +     + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    ${translate("nodepage.nchange41")}

    +     + + +

    ${translate("nodepage.nchange38")}

    +
    +

    ${translate("nodepage.nchange42")}

    +     + + +

    ${translate("nodepage.nchange38")}

    +
    +

    ${translate("nodepage.nchange43")}

    +     + ` + } - .content-box { - text-align: center; - display: inline-block; - min-width: 400px; - margin-bottom: 10px; - margin-left: 10px; - margin-top: 20px; - } + async firstUpdated() { + addTradeBotRoutes(parentEpml) + parentEpml.imReady() - .export-button { - display: inline-flex; - flex-direction: column; - justify-content: center; - align-content: center; - border: none; - border-radius: 20px; - padding-left: 10px; - padding-right: 10px; - color: white; - background: #03a9f4; - width: 75%; - font-size: 16px; - cursor: pointer; - height: 40px; - margin-top: 1rem; - text-transform: uppercase; - text-decoration: none; - transition: all .2s; - position: relative; - } + await this.fetchArrrWalletAddress() + await this.checkArrrWalletPrivateKey() + } - .red { - --mdc-theme-primary: #F44336; - } + async fetchArrrWalletAddress() { + let resAD = await parentEpml.request('apiCall', { + url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${store.getState().app.selectedAddress.arrrWallet.seed58}` + }) - .green { - --mdc-theme-primary: #198754; - } + if (resAD != null && resAD.error != 1201) { + this.arrrWALLET = '' + this.enableArrr = true + this.arrrWALLET = resAD + } else { + this.arrrWALLET = '' + this.enableArrr = false + this.shadowRoot.querySelector('#arrrWalletNotSynced').show() + } + } - .button-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - margin-top: 20px; - } + async checkArrrWalletPrivateKey() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const privateKeyUrl = `${nodeUrl}/crosschain/arrr/walletprivatekey?apiKey=${this.getApiKey()}` - .repair-button { - height: 40px; - padding: 10px 10px; - font-size: 16px; - font-weight: 500; - background-color: #03a9f4; - color: white; - border: 1px solid transparent; - border-radius: 20px; - text-decoration: none; - text-transform: uppercase; - cursor: pointer; - } + await fetch(privateKeyUrl, { + method: 'POST', + body: `${store.getState().app.selectedAddress.arrrWallet.seed58}` + }).then(res => { + if (res.status === 404) { + this.arrrPMK = '' + this.enableArrr = false + this.shadowRoot.querySelector('#needCoreUpdate').show() + } else { + this.fetchArrrWalletPrivateKey() + } + }) + } - .repair-button:hover { - opacity: 0.8; - cursor: pointer; - } + async fetchArrrWalletPrivateKey() { + let resPK = await parentEpml.request('apiCall', { + url: `/crosschain/arrr/walletprivatekey?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${store.getState().app.selectedAddress.arrrWallet.seed58}` + }) - .lds-roller { - display: inline-block; - position: relative; - width: 80px; - height: 80px; - } + if (resPK != null && resPK.error != 1201) { + this.arrrPMK = '' + this.enableArrr = true + this.arrrPMK = resPK + } else { + this.arrrPMK = '' + this.enableArrr = false + this.shadowRoot.querySelector('#arrrWalletNotSynced').show() + } + } - .lds-roller div { - animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - transform-origin: 40px 40px; - } + closeArrrWalletNotSynced() { + this.shadowRoot.querySelector('#arrrWalletNotSynced').close() + } - .lds-roller div:after { - content: " "; - display: block; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - background: var(--black); - margin: -4px 0 0 -4px; - } + closeNeedCoreUpdate() { + this.arrrPMK = '' + this.enableArrr = false + this.shadowRoot.querySelector('#needCoreUpdate').close() + } - .lds-roller div:nth-child(1) { - animation-delay: -0.036s; - } + closeSavePkmDialog() { + this.shadowRoot.querySelector('#savePkmDialog').close() + } - .lds-roller div:nth-child(1):after { - top: 63px; - left: 63px; - } + openRepairLTCDialog() { + this.shadowRoot.querySelector('#repairLTCDialog').show() + } - .lds-roller div:nth-child(2) { - animation-delay: -0.072s; - } + closeRepairLTCDialog() { + this.shadowRoot.querySelector('#repairLTCDialog').close() + } - .lds-roller div:nth-child(2):after { - top: 68px; - left: 56px; - } + async repairLtcWallet() { + this.shadowRoot.querySelector('#repairLTCDialog').close() + this.shadowRoot.querySelector('#pleaseWaitDialog').show() - .lds-roller div:nth-child(3) { - animation-delay: -0.108s; - } + let resRepair = await parentEpml.request('apiCall', { + url: `/crosschain/ltc/repair?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${store.getState().app.selectedAddress.ltcWallet.derivedMasterPrivateKey}` + }) - .lds-roller div:nth-child(3):after { - top: 71px; - left: 48px; - } + if (resRepair != null && resRepair.error != 128) { + this.shadowRoot.querySelector('#pleaseWaitDialog').close() - .lds-roller div:nth-child(4) { - animation-delay: -0.144s; - } + await this.openOkDialog() + } else { + this.shadowRoot.querySelector('#pleaseWaitDialog').close() - .lds-roller div:nth-child(4):after { - top: 72px; - left: 40px; - } + await this.openErrorDialog() + } + } - .lds-roller div:nth-child(5) { - animation-delay: -0.18s; - } + async openOkDialog() { + const okDelay = ms => new Promise(res => setTimeout(res, ms)) - .lds-roller div:nth-child(5):after { - top: 71px; - left: 32px; - } + this.shadowRoot.querySelector('#okDialog').show() - .lds-roller div:nth-child(6) { - animation-delay: -0.216s; - } + await okDelay(3000) - .lds-roller div:nth-child(6):after { - top: 68px; - left: 24px; - } + this.shadowRoot.querySelector('#okDialog').close() + } - .lds-roller div:nth-child(7) { - animation-delay: -0.252s; - } + async openErrorDialog() { + const errorDelay = ms => new Promise(res => setTimeout(res, ms)) - .lds-roller div:nth-child(7):after { - top: 63px; - left: 17px; - } + this.shadowRoot.querySelector('#errorDialog').show() - .lds-roller div:nth-child(8) { - animation-delay: -0.288s; - } + await errorDelay(3000) - .lds-roller div:nth-child(8):after { - top: 56px; - left: 12px; - } + this.shadowRoot.querySelector('#errorDialog').close() + } - @keyframes lds-roller { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } - } - ` - } + checkForPmkDownload(wAddress, wPkm, wName, wShort) { + this.dWalletAddress = '' + this.dPrivateKey = '' + this.dCoinName = '' + this.dCoinShort = '' + this.dWalletAddress = wAddress + this.dPrivateKey = wPkm + this.dCoinName = wName + this.dCoinShort = wShort + this.shadowRoot.querySelector('#savePkmDialog').show() + } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.backupErrorMessage = '' - this.btcPMK = store.getState().app.selectedAddress.btcWallet.derivedMasterPrivateKey - this.btcWALLET = store.getState().app.selectedAddress.btcWallet.address - this.btcName = 'Bitcoin' - this.btcShort = 'btc' - this.ltcPMK = store.getState().app.selectedAddress.ltcWallet.derivedMasterPrivateKey - this.ltcWALLET = store.getState().app.selectedAddress.ltcWallet.address - this.ltcName = 'Litecoin' - this.ltcShort = 'ltc' - this.dogePMK = store.getState().app.selectedAddress.dogeWallet.derivedMasterPrivateKey - this.dogeWALLET = store.getState().app.selectedAddress.dogeWallet.address - this.dogeName = 'Dogecoin' - this.dogeShort = 'doge' - this.dgbPMK = store.getState().app.selectedAddress.dgbWallet.derivedMasterPrivateKey - this.dgbWALLET = store.getState().app.selectedAddress.dgbWallet.address - this.dgbName = 'Digibyte' - this.dgbShort = 'dgb' - this.rvnPMK = store.getState().app.selectedAddress.rvnWallet.derivedMasterPrivateKey - this.rvnWALLET = store.getState().app.selectedAddress.rvnWallet.address - this.rvnName = 'Ravencoin' - this.rvnShort = 'rvn' - this.arrrPMK = '' - this.arrrWALLET = '' - this.arrrName = 'Pirate Chain' - this.arrrShort = 'arrr' - this.enableArrr = false - this.dWalletAddress = '' - this.dPrivateKey = '' - this.dCoinName = '' - this.dCoinShort = 'btc' - } + async exportKey(cMasterKey, cName, cAddress) { + let exportname = '' - render() { - return html` -
    -
    -

    - ${translate("settings.exp4")} -

    -
    -
    -
    -
    -
    -   ${this.btcWALLET}
    -
    -
    this.checkForPmkDownload(this.btcWALLET, this.btcPMK, this.btcName, this.btcShort)} class="export-button"> ${translate("settings.exp2")}
    -
    -
    -
    -   ${this.ltcWALLET}
    -
    -
    this.checkForPmkDownload(this.ltcWALLET, this.ltcPMK, this.ltcName, this.ltcShort)} class="export-button"> ${translate("settings.exp2")}
    -
    -
    -
    -   ${this.dogeWALLET}
    -
    -
    this.checkForPmkDownload(this.dogeWALLET, this.dogePMK, this.dogeName, this.dogeShort)} class="export-button"> ${translate("settings.exp2")}
    -
    -
    -
    -   ${this.dgbWALLET}
    -
    -
    this.checkForPmkDownload(this.dgbWALLET, this.dgbPMK, this.dgbName, this.dgbShort)} class="export-button"> ${translate("settings.exp2")}
    -
    -
    -
    -   ${this.rvnWALLET}
    -
    -
    this.checkForPmkDownload(this.rvnWALLET, this.rvnPMK, this.rvnName, this.rvnShort)} class="export-button"> ${translate("settings.exp2")}
    -
    -
    -
    -   ${this.arrrWALLET}
    -
    -
    this.checkForPmkDownload(this.arrrWALLET, this.arrrPMK, this.arrrName, this.arrrShort)} class="export-button"> ${translate("settings.exp2")}
    -
    -
    -
    -
    -
    - -
    -
    - - -

    ${this.dCoinName} ${translate("settings.exp2")}

    -
    -

    ${translate("settings.address")}: ${this.dWalletAddress}

    - - ${translate("general.close")} - - - ${translate("settings.exp3")} - -     - - -

    ${translate("settings.arrr1")}

    -
    -

    ${translate("settings.arrr2")}

    - - ${translate("general.close")} - -     - - -

    ${translate("settings.arrr3")}

    -
    -

    ${translate("settings.arrr4")}

    - - ${translate("general.close")} - -     - - -

    ${translate("nodepage.nchange38")}

    -
    -

    ${translate("nodepage.nchange39")}

    -

    ${translate("nodepage.nchange40")}

    - - ${translate("general.continue")} - - - ${translate("login.lp4")} - -     - -
    -

    ${translate("nodepage.nchange41")}

    -     - - -

    ${translate("nodepage.nchange38")}

    -
    -

    ${translate("nodepage.nchange42")}

    -     - - -

    ${translate("nodepage.nchange38")}

    -
    -

    ${translate("nodepage.nchange43")}

    -     - ` - } + const myPrivateMasterKey = cMasterKey + const myCoinName = cName + const myCoinAddress = cAddress + const blob = new Blob([`${myPrivateMasterKey}`], { type: 'text/plain;charset=utf-8' }) - async firstUpdated() { - addTradeBotRoutes(parentEpml) - parentEpml.imReady() - await this.fetchArrrWalletAddress() - await this.checkArrrWalletPrivateKey() - } + exportname = 'Private_Master_Key_' + myCoinName + '_' + myCoinAddress + '.txt' - async fetchArrrWalletAddress() { - let resAD = await parentEpml.request('apiCall', { - url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${store.getState().app.selectedAddress.arrrWallet.seed58}` - }) + await this.saveFileToDisk(blob, exportname) + } - if (resAD != null && resAD.error != 1201) { - this.arrrWALLET = '' - this.enableArrr = true - this.arrrWALLET = resAD - } else { - this.arrrWALLET = '' - this.enableArrr = false - this.shadowRoot.querySelector('#arrrWalletNotSynced').show() - } - } + async saveFileToDisk(blob, fileName) { + try { + const fileHandle = await self.showSaveFilePicker({ + suggestedName: fileName, + types: [{ + description: "File" + }] + }) - async checkArrrWalletPrivateKey() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const privateKeyUrl = `${nodeUrl}/crosschain/arrr/walletprivatekey?apiKey=${this.getApiKey()}` + const writeFile = async (fileHandle, contents) => { + const writable = await fileHandle.createWritable() - await fetch(privateKeyUrl, { - method: 'POST', - body: `${store.getState().app.selectedAddress.arrrWallet.seed58}` - }).then(res => { - if (res.status === 404) { - this.arrrPMK = '' - this.enableArrr = false - this.shadowRoot.querySelector('#needCoreUpdate').show() - } else { - this.fetchArrrWalletPrivateKey() - } - }) - } + await writable.write(contents) + await writable.close() + } - async fetchArrrWalletPrivateKey() { - let resPK = await parentEpml.request('apiCall', { - url: `/crosschain/arrr/walletprivatekey?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${store.getState().app.selectedAddress.arrrWallet.seed58}` - }) + writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) - if (resPK != null && resPK.error != 1201) { - this.arrrPMK = '' - this.enableArrr = true - this.arrrPMK = resPK - } else { - this.arrrPMK = '' - this.enableArrr = false - this.shadowRoot.querySelector('#arrrWalletNotSynced').show() - } - } + let snack4string = get("general.save") - closeArrrWalletNotSynced() { - this.shadowRoot.querySelector('#arrrWalletNotSynced').close() - } + snackbar.add({ + labelText: `${snack4string} ${fileName} ✅`, + dismiss: true + }) + } catch (error) { + if (error.name === 'AbortError') { + return + } - closeNeedCoreUpdate() { - this.arrrPMK = '' - this.enableArrr = false - this.shadowRoot.querySelector('#needCoreUpdate').close() - } + FileSaver.saveAs(blob, fileName) + } + } - closeSavePkmDialog() { - this.shadowRoot.querySelector('#savePkmDialog').close() - } - - openRepairLTCDialog() { - this.shadowRoot.querySelector('#repairLTCDialog').show() - } - - closeRepairLTCDialog() { - this.shadowRoot.querySelector('#repairLTCDialog').close() - } - - async repairLtcWallet() { - this.shadowRoot.querySelector('#repairLTCDialog').close() - this.shadowRoot.querySelector('#pleaseWaitDialog').show() - let resRepair = await parentEpml.request('apiCall', { - url: `/crosschain/ltc/repair?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${store.getState().app.selectedAddress.ltcWallet.derivedMasterPrivateKey}` - }) - - if (resRepair != null && resRepair.error != 128) { - this.shadowRoot.querySelector('#pleaseWaitDialog').close() - await this.openOkDialog() - } else { - this.shadowRoot.querySelector('#pleaseWaitDialog').close() - await this.openErrorDialog() - } - } - - async openOkDialog() { - const okDelay = ms => new Promise(res => setTimeout(res, ms)) - this.shadowRoot.querySelector('#okDialog').show() - await okDelay(3000) - this.shadowRoot.querySelector('#okDialog').close() - } - - async openErrorDialog() { - const errorDelay = ms => new Promise(res => setTimeout(res, ms)) - this.shadowRoot.querySelector('#errorDialog').show() - await errorDelay(3000) - this.shadowRoot.querySelector('#errorDialog').close() - } - - checkForPmkDownload(wAddress, wPkm, wName, wShort) { - this.dWalletAddress = '' - this.dPrivateKey = '' - this.dCoinName = '' - this.dCoinShort = '' - this.dWalletAddress = wAddress - this.dPrivateKey = wPkm - this.dCoinName = wName - this.dCoinShort = wShort - this.shadowRoot.querySelector('#savePkmDialog').show() - } - - async exportKey(cMasterKey, cName, cAddress) { - let exportname = "" - const myPrivateMasterKey = cMasterKey - const myCoinName = cName - const myCoinAddress = cAddress - const blob = new Blob([`${myPrivateMasterKey}`], { type: 'text/plain;charset=utf-8' }) - exportname = "Private_Master_Key_" + myCoinName + "_" + myCoinAddress + ".txt" - await this.saveFileToDisk(blob, exportname) - } - - async saveFileToDisk(blob, fileName) { - try { - const fileHandle = await self.showSaveFilePicker({ - suggestedName: fileName, - types: [{ - description: "File", - }] - }) - const writeFile = async (fileHandle, contents) => { - const writable = await fileHandle.createWritable() - await writable.write(contents) - await writable.close() - } - writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) - let snack4string = get("general.save") - snackbar.add({ - labelText: `${snack4string} ${fileName} ✅`, - dismiss: true - }) - } catch (error) { - if (error.name === 'AbortError') { - return - } - FileSaver.saveAs(blob, fileName) - } - } - - getApiKey() { - const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + getApiKey() { + const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return apiNode.apiKey - } + } } -window.customElements.define('export-keys', ExportKeys) +window.customElements.define('export-keys', ExportKeys) \ No newline at end of file diff --git a/core/src/components/settings-view/notifications-view.js b/core/src/components/settings-view/notifications-view.js index 1c871349..a1b629c0 100644 --- a/core/src/components/settings-view/notifications-view.js +++ b/core/src/components/settings-view/notifications-view.js @@ -1,258 +1,160 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {allowShowSyncIndicator, removeShowSyncIndicator} from '../../redux/app/app-actions.js' -import {doSetQChatNotificationConfig} from '../../redux/user/user-actions.js' -import {translate} from '../../../translate' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { allowShowSyncIndicator, removeShowSyncIndicator } from '../../redux/app/app-actions' +import { doSetQChatNotificationConfig } from '../../redux/user/user-actions' +import { notificationsViewStyles } from '../../styles/core-css' import isElectron from 'is-electron' - import '@material/mwc-checkbox' +// Multi language support +import { translate } from '../../../translate' + class NotificationsView extends connect(store)(LitElement) { - static get properties() { - return { - notificationConfig: { type: Object }, - q_chatConfig: { type: Object }, - theme: { type: String, reflect: true }, - appNotificationList: { type: Array } - } - } + static get properties() { + return { + notificationConfig: { type: Object }, + q_chatConfig: { type: Object }, + theme: { type: String, reflect: true }, + appNotificationList: { type: Array } + } + } - constructor() { - super() - this.notificationConfig = {} - this.q_chatConfig = {} - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.appNotificationList = [] // Fetch the list of apps from local storage - } + static get styles() { + return [notificationsViewStyles] + } - firstUpdated() { - this.appNotificationList = this.getAppsFromStorage() - } + constructor() { + super() + this.notificationConfig = {} + this.q_chatConfig = {} + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.appNotificationList = [] + } - static get styles() { - return css` - .sub-main { - position: relative; - text-align: center; - } + firstUpdated() { + this.appNotificationList = this.getAppsFromStorage() + } - .notification-box { - display: block; - position: relative; - top: 45%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } + render() { + return html` +
    +
    +
    +

    Q-Chat ${translate("settings.notifications")}

    +
    + this.setQChatNotificationConfig({ type: 'PLAY_SOUND', value: e.target.checked })} ?checked=${this.q_chatConfig.playSound}> + +
    +
    + this.setQChatNotificationConfig({ type: 'SHOW_NOTIFICATION', value: e.target.checked })} ?checked=${this.q_chatConfig.showNotification}> + +
    +
    +
    +

    ${translate("settings.qappNotification1")}

    + ${this.appNotificationList.map((app) => html` +
    + ${app} + +
    + `)} +
    +
    +
    + + this.checkForSyncMessages(e)} ?checked=${store.getState().app.showSyncIndicator}> +
    + ${this.renderSetCoreButton()} +
    + ` + } - @media(min-width: 1400px) { - .notification-box { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 30px; - } - } + getAppsFromStorage() { + const address = store.getState().app.selectedAddress.address + const id = `appNotificationList-${address}` + const data = localStorage.getItem(id) - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } + return data ? Object.keys(JSON.parse(data)) : [] + } - .content-box { - border: 1px solid #a1a1a1; - padding: 10px 25px; - text-align: left; - display: inline-block; - min-width: 350px; - min-height: 150px; - margin: 20px 0; - } + removeApp(appName) { + // Remove the app from local storage + this.removeAppFromStorage(appName) - h4 { - margin-bottom: 0; - } + // Update the apps list in the component + this.appNotificationList = this.appNotificationList.filter(app => app !== appName) + } - mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::before { - background-color:var(--mdc-theme-primary) - } + removeAppFromStorage(appName) { + // Your method to remove the app from local storage + const address = store.getState().app.selectedAddress.address + const id = `appNotificationList-${address}` + const data = JSON.parse(localStorage.getItem(id) || '{}') - label:hover { - cursor: pointer; - } + delete data[appName] - .title { - font-weight: 600; - font-size: 15px; - display: block; - line-height: 32px; - opacity: 0.66; - } + localStorage.setItem(id, JSON.stringify(data)); + } - .value { - font-size: 16px; - display: inline-block; - } + renderSetCoreButton() { + if (!isElectron()) { + return html`` + } else { + return html` +
    +
    this.checkCoreSettings()} class="q-button">${translate("settings.core")}
    +
    + ` + } + } - .q-button { - display: inline-flex; - flex-direction: column; - justify-content: center; - align-content: center; - border: none; - border-radius: 20px; - padding-left: 25px; - padding-right: 25px; - color: white; - background: #03a9f4; - width: 50%; - font-size: 17px; - cursor: pointer; - height: 50px; - margin-top: 1rem; - text-transform: uppercase; - text-decoration: none; - transition: all .2s; - position: relative; - } + checkCoreSettings() { + window.electronAPI.setStartCore() + } - .remove-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - cursor: pointer; - } - ` - } + checkForSyncMessages(e) { + if (e.target.checked) { + store.dispatch(removeShowSyncIndicator(false)) + } else { + store.dispatch(allowShowSyncIndicator(true)) + } + } - render() { - return html` -
    -
    -
    -

    Q-Chat ${translate("settings.notifications")}

    + stateChanged(state) { + this.notificationConfig = state.user.notifications + this.q_chatConfig = this.notificationConfig.q_chat + } -
    - this.setQChatNotificationConfig({ type: 'PLAY_SOUND', value: e.target.checked })} ?checked=${this.q_chatConfig.playSound}> - -
    + setQChatNotificationConfig(valueObject) { + if (valueObject.type === 'PLAY_SOUND') { + let data = { + playSound: !valueObject.value, + showNotification: this.q_chatConfig.showNotification + } -
    - this.setQChatNotificationConfig({ type: 'SHOW_NOTIFICATION', value: e.target.checked })} ?checked=${this.q_chatConfig.showNotification}> - -
    -
    -
    -

    ${translate("settings.qappNotification1")}

    - ${this.appNotificationList.map((app) => html` -
    - ${app} - -
    - `)} -
    -
    -
    - - this.checkForSyncMessages(e)} ?checked=${store.getState().app.showSyncIndicator}> -
    - ${this.renderSetCoreButton()} -
    - ` - } + store.dispatch(doSetQChatNotificationConfig(data)) + } if (valueObject.type === 'SHOW_NOTIFICATION') { + let data = { + playSound: this.q_chatConfig.playSound, + showNotification: !valueObject.value + } - getAppsFromStorage() { - // Your method to fetch the list of apps from local storage - // Example: - const address = store.getState().app.selectedAddress.address - const id = `appNotificationList-${address}` - const data = localStorage.getItem(id) - return data ? Object.keys(JSON.parse(data)) : [] - } - - removeApp(appName) { - // Remove the app from local storage - this.removeAppFromStorage(appName); - // Update the apps list in the component - this.appNotificationList = this.appNotificationList.filter(app => app !== appName); - } - - removeAppFromStorage(appName) { - // Your method to remove the app from local storage - const address= store.getState().app.selectedAddress.address - const id = `appNotificationList-${address}`; - const data = JSON.parse(localStorage.getItem(id) || '{}'); - delete data[appName]; - localStorage.setItem(id, JSON.stringify(data)); - } - - renderSetCoreButton() { - if (!isElectron()) { - return html`` - } else { - return html` -
    -
    this.checkCoreSettings()} class="q-button"> ${translate("settings.core")}
    -
    - ` - } - } - - checkCoreSettings() { - window.electronAPI.setStartCore() - } - - checkForSyncMessages(e) { - if (e.target.checked) { - store.dispatch(removeShowSyncIndicator(false)) - } else { - store.dispatch(allowShowSyncIndicator(true)) - } - } - - stateChanged(state) { - this.notificationConfig = state.user.notifications - this.q_chatConfig = this.notificationConfig.q_chat - } - - setQChatNotificationConfig(valueObject) { - if (valueObject.type === 'PLAY_SOUND') { - let data = { - playSound: !valueObject.value, - showNotification: this.q_chatConfig.showNotification - } - store.dispatch(doSetQChatNotificationConfig(data)) - } if (valueObject.type === 'SHOW_NOTIFICATION') { - - let data = { - playSound: this.q_chatConfig.playSound, - showNotification: !valueObject.value - } - store.dispatch(doSetQChatNotificationConfig(data)) - } - } + store.dispatch(doSetQChatNotificationConfig(data)) + } + } } -window.customElements.define('notifications-view', NotificationsView) +window.customElements.define('notifications-view', NotificationsView) \ No newline at end of file diff --git a/core/src/components/settings-view/qr-login-view.js b/core/src/components/settings-view/qr-login-view.js index d4f0bc74..e692f35f 100644 --- a/core/src/components/settings-view/qr-login-view.js +++ b/core/src/components/settings-view/qr-login-view.js @@ -1,140 +1,91 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {translate} from '../../../translate' - -import '@material/mwc-textfield' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { qrLoginViewStyles } from '../../styles/core-css' +import '../../../../plugins/plugins/core/components/QortalQrcodeGenerator' import '@material/mwc-icon' +import '@material/mwc-textfield' import '@vaadin/password-field/vaadin-password-field.js' -import '../../../../plugins/plugins/core/components/QortalQrcodeGenerator.js' + +// Multi language support +import { translate } from '../../../translate' class QRLoginView extends connect(store)(LitElement) { - static get properties() { - return { - theme: { type: String, reflect: true }, - savedWalletDataJson: { type: String }, - translateDescriptionKey: { type: String }, // Description text - translateButtonKey: { type: String }, // Button text - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + savedWalletDataJson: { type: String }, + translateDescriptionKey: { type: String }, + translateButtonKey: { type: String } + } + } - static get styles() { - return css` - * { - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - } + static get styles() { + return [qrLoginViewStyles] + } - .center-box { - position: relative; - top: 45%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.translateDescriptionKey = 'settings.qr_login_description_' + (this.isWalletStored() ? '1' : '2') + this.translateButtonKey = 'settings.qr_login_button_' + (this.isWalletStored() ? '1' : '2') + } - .q-button { - display: inline-flex; - flex-direction: column; - justify-content: center; - align-content: center; - border: none; - border-radius: 20px; - padding-left: 25px; - padding-right: 25px; - color: white; - background: #03a9f4; - width: 50%; - font-size: 17px; - cursor: pointer; - height: 50px; - margin-top: 1rem; - text-transform: uppercase; - text-decoration: none; - transition: all .2s; - position: relative; - } + render() { + return html` +
    +
    +

    + ${translate(this.translateDescriptionKey)} +

    +
    + password + +
    +
    +
    this.showQRCode()} class="q-button outlined"> ${translate(this.translateButtonKey)}
    +
    + +
    +
    + ` + } - .q-button.outlined { - background: unset; - border: 1px solid #03a9f4; - } + isWalletStored() { + const state = store.getState() + const address0 = state.app.wallet._addresses[0].address + const savedWalletData = state.user.storedWallets && state.user.storedWallets[address0] - :host([theme="light"]) .q-button.outlined { - color: #03a9f4; - } + return !!savedWalletData + } - #qr-toggle-button { - margin-left: 12px; - } + async setSavedWalletDataJson() { + const state = store.getState() - #login-qr-code { - margin: auto; - } - ` - } + let data - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.translateDescriptionKey = 'settings.qr_login_description_' + (this.isWalletStored() ? '1' : '2') - this.translateButtonKey = 'settings.qr_login_button_' + (this.isWalletStored() ? '1' : '2') - } + if (this.isWalletStored()) { + const address0 = state.app.wallet._addresses[0].address - render() { - return html` -
    -
    -

    - ${translate(this.translateDescriptionKey)} -

    -
    - password - -
    -
    -
    this.showQRCode()} class="q-button outlined"> ${translate(this.translateButtonKey)}
    -
    + data = state.user.storedWallets[address0] + } else { + const password = this.shadowRoot.getElementById('newWalletPassword').value - -
    -
    - ` - } + data = await state.app.wallet.generateSaveWalletData(password, state.config.crypto.kdfThreads, () => { }) + } - isWalletStored() { - const state = store.getState() - const address0 = state.app.wallet._addresses[0].address - const savedWalletData = state.user.storedWallets && state.user.storedWallets[address0] - return !!savedWalletData - } + this.savedWalletDataJson = JSON.stringify(data) + } - async setSavedWalletDataJson() { - const state = store.getState() - let data - if (this.isWalletStored()) { // if the wallet is stored, we use the existing encrypted backup - const address0 = state.app.wallet._addresses[0].address - data = state.user.storedWallets[address0] - } else { // if the wallet is not stored, we generate new `saveWalletData` backup encrypted with the new password - const password = this.shadowRoot.getElementById('newWalletPassword').value - data = await state.app.wallet.generateSaveWalletData(password, state.config.crypto.kdfThreads, () => { }) - } - this.savedWalletDataJson = JSON.stringify(data) - } + async showQRCode() { + await this.setSavedWalletDataJson() - async showQRCode() { - await this.setSavedWalletDataJson() - let el = this.shadowRoot.getElementById('login-qr-code') - el.style.display = 'flex' - } + let el = this.shadowRoot.getElementById('login-qr-code') + + el.style.display = 'flex' + } } -window.customElements.define('qr-login-view', QRLoginView) +window.customElements.define('qr-login-view', QRLoginView) \ No newline at end of file diff --git a/core/src/components/settings-view/security-view.js b/core/src/components/settings-view/security-view.js index e0733c04..1cd03745 100644 --- a/core/src/components/settings-view/security-view.js +++ b/core/src/components/settings-view/security-view.js @@ -1,6 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' import { allowQAPPAutoAuth, allowQAPPAutoFriendsList, @@ -9,262 +9,194 @@ import { removeQAPPAutoFriendsList, removeQAPPAutoLists, setIsOpenDevDialog -} from '../../redux/app/app-actions.js' -import {get, translate} from '../../../translate' -import snackbar from '../../functional-components/snackbar.js' +} from '../../redux/app/app-actions' +import { securityViewStyles } from '../../styles/core-css' import FileSaver from 'file-saver' - +import snackbar from '../../functional-components/snackbar' import '@material/mwc-checkbox' -import '@material/mwc-textfield' import '@material/mwc-icon' +import '@material/mwc-textfield' import '@vaadin/password-field/vaadin-password-field.js' +// Multi language support +import { get, translate } from '../../../translate' + class SecurityView extends connect(store)(LitElement) { - static get properties() { - return { - theme: { type: String, reflect: true }, - backupErrorMessage: { type: String }, - closeSettings: {attribute: false} - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + backupErrorMessage: { type: String }, + closeSettings: { attribute: false } + } + } - static get styles() { - return css` - * { - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --mdc-checkbox-unchecked-color: var(--black); - --mdc-theme-on-surface: var(--black); - --mdc-checkbox-disabled-color: var(--black); - --mdc-checkbox-ink-color: var(--black); - } + static get styles() { + return [securityViewStyles] + } - .center-box { - position: relative; - top: 45%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.backupErrorMessage = '' + } - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } + render() { + return html` +
    +
    +

    + ${translate("settings.choose")} +

    +
    + password + +
    +
    + password + +
    +
    + ${this.backupErrorMessage} +
    +
    +
    this.checkForDownload()} class="q-button"> ${translate("settings.download")}
    +
    +
    +
    +
    + + this.checkForAuth(e)} ?checked=${store.getState().app.qAPPAutoAuth}> +
    +
    + + this.checkForLists(e)} ?checked=${store.getState().app.qAPPAutoLists}> +
    +
    + + this.checkForFriends(e)} ?checked=${store.getState().app.qAPPFriendsList}> +
    +
    + +
    +
    + ` + } - .q-button { - display: inline-flex; - flex-direction: column; - justify-content: center; - align-content: center; - border: none; - border-radius: 20px; - padding-left: 25px; - padding-right: 25px; - color: white; - background: #03a9f4; - width: 50%; - font-size: 17px; - cursor: pointer; - height: 50px; - margin-top: 1rem; - text-transform: uppercase; - text-decoration: none; - transition: all .2s; - position: relative; - } + checkForAuth(e) { + if (e.target.checked) { + store.dispatch(removeQAPPAutoAuth(false)) + } else { + store.dispatch(allowQAPPAutoAuth(true)) + } + } - .add-dev-button { - margin-top: 4px; - max-height: 28px; - padding: 5px 5px; - font-size: 14px; - background-color: #03a9f4; - color: white; - border: 1px solid transparent; - border-radius: 3px; - cursor: pointer; - } + checkForLists(e) { + if (e.target.checked) { + store.dispatch(removeQAPPAutoLists(false)) + } else { + store.dispatch(allowQAPPAutoLists(true)) + } + } - .add-dev-button:hover { - opacity: 0.8; - cursor: pointer; - } - ` - } + checkForFriends(e) { + if (e.target.checked) { + store.dispatch(removeQAPPAutoFriendsList(false)) + } else { + store.dispatch(allowQAPPAutoFriendsList(true)) + } + } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.backupErrorMessage = '' - } + checkForDownload() { + const checkPass = this.shadowRoot.getElementById('downloadBackupPassword').value + const rePass = this.shadowRoot.getElementById('rePassword').value - render() { - return html` -
    -
    -

    - ${translate("settings.choose")} -

    -
    - password - - -
    -
    - password - - -
    -
    - ${this.backupErrorMessage} -
    -
    -
    this.checkForDownload()} class="q-button"> ${translate("settings.download")}
    -
    -
    -
    -
    - - this.checkForAuth(e)} ?checked=${store.getState().app.qAPPAutoAuth}> -
    -
    - - this.checkForLists(e)} ?checked=${store.getState().app.qAPPAutoLists}> -
    -
    - - this.checkForFriends(e)} ?checked=${store.getState().app.qAPPFriendsList}> -
    -
    - -
    -
    - ` - } + if (checkPass === '') { + this.backupErrorMessage = get("login.pleaseenter") + } else if (checkPass.length < 5) { + this.backupErrorMessage = get("login.lessthen8-2") + } else if (checkPass != rePass) { + this.backupErrorMessage = get("login.notmatch") + } else { + this.downloadBackup() + } + } - stateChanged(state) { - } + openDevDialog() { + this.closeSettings() + store.dispatch(setIsOpenDevDialog(true)) + } - checkForAuth(e) { - if (e.target.checked) { - store.dispatch(removeQAPPAutoAuth(false)) - } else { - store.dispatch(allowQAPPAutoAuth(true)) - } - } + async downloadBackup() { + let backupname = '' - checkForLists(e) { - if (e.target.checked) { - store.dispatch(removeQAPPAutoLists(false)) - } else { - store.dispatch(allowQAPPAutoLists(true)) - } - } + this.backupErrorMessage = '' - checkForFriends(e) { - if (e.target.checked) { - store.dispatch(removeQAPPAutoFriendsList(false)) - } else { - store.dispatch(allowQAPPAutoFriendsList(true)) - } - } + const state = store.getState() + const password = this.shadowRoot.getElementById('downloadBackupPassword').value + const data = await state.app.wallet.generateSaveWalletData(password, state.config.crypto.kdfThreads, () => { }) + const dataString = JSON.stringify(data) + const blob = new Blob([dataString], { type: 'text/plain;charset=utf-8' }) - checkForDownload() { - const checkPass = this.shadowRoot.getElementById('downloadBackupPassword').value - const rePass = this.shadowRoot.getElementById('rePassword').value + backupname = 'qortal_backup_' + state.app.selectedAddress.address + '.json' - if (checkPass === '') { - this.backupErrorMessage = get("login.pleaseenter") - } else if (checkPass.length < 5) { - this.backupErrorMessage = get("login.lessthen8-2") - } else if (checkPass != rePass) { - this.backupErrorMessage = get("login.notmatch") - } else { - this.downloadBackup() - } - } + await this.saveFileToDisk(blob, backupname) + } - openDevDialog() { - this.closeSettings() - store.dispatch(setIsOpenDevDialog(true)) - } + async saveFileToDisk(blob, fileName) { + try { + const fileHandle = await self.showSaveFilePicker({ + suggestedName: fileName, + types: [{ + description: "File" + }] + }) - async downloadBackup() { - let backupname = '' - this.backupErrorMessage = '' - const state = store.getState() - const password = this.shadowRoot.getElementById('downloadBackupPassword').value - const data = await state.app.wallet.generateSaveWalletData(password, state.config.crypto.kdfThreads, () => { }) - const dataString = JSON.stringify(data) - const blob = new Blob([dataString], { type: 'text/plain;charset=utf-8' }) - backupname = "qortal_backup_" + state.app.selectedAddress.address + ".json" - await this.saveFileToDisk(blob, backupname) - } + const writeFile = async (fileHandle, contents) => { + const writable = await fileHandle.createWritable() - async saveFileToDisk(blob, fileName) { - try { - const fileHandle = await self.showSaveFilePicker({ - suggestedName: fileName, - types: [{ - description: "File", - }] - }) - const writeFile = async (fileHandle, contents) => { - const writable = await fileHandle.createWritable() - await writable.write(contents) - await writable.close() - } - writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) - let snack4string = get("general.save") - snackbar.add({ - labelText: `${snack4string} ${fileName} ✅`, - dismiss: true - }) - this.shadowRoot.getElementById('downloadBackupPassword').value = '' - this.shadowRoot.getElementById('rePassword').value = '' - } catch (error) { - if (error.name === 'AbortError') { - return - } - FileSaver.saveAs(blob, fileName) - this.shadowRoot.getElementById('downloadBackupPassword').value = '' - this.shadowRoot.getElementById('rePassword').value = '' - } - } + await writable.write(contents) + await writable.close() + } + + writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) + + let snack4string = get("general.save") + + snackbar.add({ + labelText: `${snack4string} ${fileName} ✅`, + dismiss: true + }) + + this.shadowRoot.getElementById('downloadBackupPassword').value = '' + this.shadowRoot.getElementById('rePassword').value = '' + } catch (error) { + if (error.name === 'AbortError') { + return + } + + FileSaver.saveAs(blob, fileName) + this.shadowRoot.getElementById('downloadBackupPassword').value = '' + this.shadowRoot.getElementById('rePassword').value = '' + } + } } -window.customElements.define('security-view', SecurityView) +window.customElements.define('security-view', SecurityView) \ No newline at end of file diff --git a/core/src/components/settings-view/user-settings.js b/core/src/components/settings-view/user-settings.js index fc923660..9040449c 100644 --- a/core/src/components/settings-view/user-settings.js +++ b/core/src/components/settings-view/user-settings.js @@ -1,309 +1,128 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {translate} from '../../../translate' - -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { userSettingsStyles } from '../../styles/core-css' +import './account-view' +import './export-keys' +import './notifications-view' +import './qr-login-view' +import './security-view' import '@material/mwc-button' +import '@polymer/paper-dialog/paper-dialog.js' -import './account-view.js' -import './security-view.js' -import './notifications-view.js' -import './qr-login-view.js' -import './export-keys.js' +// Multi language support +import { translate } from '../../../translate' class UserSettings extends connect(store)(LitElement) { - static get properties() { - return { - loggedIn: { type: Boolean }, - pages: { type: Array }, - selectedView: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + loggedIn: { type: Boolean }, + pages: { type: Array }, + selectedView: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - :host { - margin: 0; - width: 100%; - max-width: 100vw; - height: 100%; - max-height: 100vh; - background-color: var(--white); - color: var(--black); - line-height: 1.6; - } + static get styles() { + return [userSettingsStyles] + } - .decline { - --mdc-theme-primary: var(--mdc-theme-error) - } + constructor() { + super() + this.selectedView = { id: 'info', name: 'General Account Info' } + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - paper-dialog.userSettings { - width: 100%; - max-width: 100vw; - height: 100%; - max-height: 100vh; - background-color: var(--white); - color: var(--black); - line-height: 1.6; - overflow-y: auto; - } + render() { + return html` + +
    +

    + this.closeSettings()} title="Close Settings" >highlight_off +
    +
    +
    +
    +
    Qortal UI ${translate("settings.settings")}
    + +
    +
    +

    ${this.renderHeaderViews()}

    +
    + ${html`${this.renderSettingViews(this.selectedView)}`} +
    +
    +
    +     + ` + } - .actions { - display:flex; - justify-content: space-between; - padding: 0 4em; - margin: 15px 0 -2px 0; - } + stateChanged(state) { + this.loggedIn = state.app.loggedIn + } - .close-icon { - font-size: 36px; - } + renderSettingViews(selectedView) { + if (selectedView.id === 'info') { + return html`` + } else if (selectedView.id === 'security') { + return html` this.closeSettings()}>` + } else if (selectedView.id === 'export') { + return html`` + } else if (selectedView.id === 'notification') { + return html`` + } else if (selectedView.id === 'qr-login') { + return html`` + } + } - .close-icon:hover { - cursor: pointer; - opacity: .6; - } + renderHeaderViews() { + if (this.selectedView.id === 'info') { + return html`${translate("settings.generalinfo")}` + } else if (this.selectedView.id === 'security') { + return html`${translate("settings.accountsecurity")}` + } else if (this.selectedView.id === 'export') { + return html`${translate("settings.exp1")}` + } else if (this.selectedView.id === 'notification') { + return html`UI ${translate("settings.notifications")}` + } else if (this.selectedView.id === 'qr-login') { + return html`${translate("settings.qr_login_menu_item")}` + } + } - .buttons { - text-align:right; - } + setSettingsView(pageId) { + if (pageId === 'info') { + return this.selectedView = { id: 'info', name: 'General Account Info' } + } else if (pageId === 'security') { + return this.selectedView = { id: 'security', name: 'Account Security' } + } else if (pageId === 'export') { + return this.selectedView = { id: 'export', name: 'Export Master Keys' } + } else if (pageId === 'notification') { + return this.selectedView = { id: 'notification', name: 'UI Notifications' } + } else if (pageId === 'qr-login') { + return this.selectedView = { id: 'qr-login', name: 'QR Login' } + } + } - .container { - max-width: 90vw; - margin-left: auto; - margin-right: auto; - margin-top: 20px; - padding: .6em; - } + openSettings() { + if (this.loggedIn) { + this.shadowRoot.getElementById('userSettingsDialog').open() + } + } - ul { - list-style: none; - padding: 0; - margin-bottom: 0; - } + closeSettings() { + this.shadowRoot.getElementById('userSettingsDialog').close() + this.cleanUp() + } - .leftBar { - background-color: var(--white); - color: var(--black); - border: 1px solid var(--border); - padding: 20px 0 0 0; - border-radius: 5px; - } - - .leftBar img { - margin: 0 auto; - width: 75%; - height: 75%; - text-align: center; - } - - .leftBar .slug { - text-align: center; - margin-top: 20px; - color: var(--black); - font-size: 16px; - font-weight: 600; - margin-bottom: 7px; - } - - .leftBar ul li { - border-bottom: 1px solid var(--border); - } - - .leftBar ul li:last-child { - border-bottom: none; - } - - .leftBar ul li a { - color: var(--black); - font-size: 16px; - font-weight: 400; - text-decoration: none; - padding: .9em; - display: block; - } - - .leftBar ul li a i { - margin-right: 8px; - font-size: 16px; - } - - .leftBar ul li a:hover { - background-color: var(--menuhover); - color: #515151; - } - - .leftBar ul li:active { - border-bottom: none; - } - - .leftBar ul li a.active { - color: #515151; - background-color: var(--menuactive); - border-left: 2px solid #515151; - margin-left: -2px; - } - - .mainPage { - background-color: var(--white); - color: var(--black); - border: 1px solid var(--border); - padding: 20px 0 10px 0; - border-radius: 5px; - font-size: 16px; - text-align: center; - min-height: 460px; - height: auto; - overflow: auto; - - } - - @media(max-width:700px) { - .mainPage { - margin-top: 30px; - } - } - - @media(min-width:765px) { - * { - margin: 0; - padding: 0; - box-sizing: border-box; - } - - .actions { - display:flex; - justify-content: space-between; - padding: 0 4em; - margin: 15px 0 -25px 0; - } - - .container { - padding: 2em; - } - - .wrapper { - display: grid; - grid-template-columns: 1fr 3fr; - grid-gap: 30px; - } - - .wrapper > .mainPage { - padding: 2em; - } - - .leftBar { - text-align: left; - max-height: 403px; - max-width: 400px; - font-size: 16px; - } - - .mainPage { - font-size: 16px; - } - } - ` - } - - constructor() { - super() - this.selectedView = { id: 'info', name: 'General Account Info' } - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` - -
    -

    - this.closeSettings()} title="Close Settings" >highlight_off -
    -
    -
    -
    -
    Qortal UI ${translate("settings.settings")}
    - -
    -
    -

    ${this.renderHeaderViews()}

    -
    - ${html`${this.renderSettingViews(this.selectedView)}`} -
    -
    -
    -     - ` - } - - stateChanged(state) { - this.loggedIn = state.app.loggedIn - } - - renderSettingViews(selectedView) { - if (selectedView.id === 'info') { - return html`` - } else if (selectedView.id === 'security') { - return html` this.closeSettings()}>` - } else if (selectedView.id === 'export') { - return html`` - } else if (selectedView.id === 'notification') { - return html`` - } else if (selectedView.id === 'qr-login') { - return html`` - } - } - - renderHeaderViews() { - if (this.selectedView.id === 'info') { - return html`${translate("settings.generalinfo")}` - } else if (this.selectedView.id === 'security') { - return html`${translate("settings.accountsecurity")}` - } else if (this.selectedView.id === 'export') { - return html`${translate("settings.exp1")}` - } else if (this.selectedView.id === 'notification') { - return html`UI ${translate("settings.notifications")}` - } else if (this.selectedView.id === 'qr-login') { - return html`${translate("settings.qr_login_menu_item")}` - } - } - - setSettingsView(pageId) { - if (pageId === 'info') { - return this.selectedView = { id: 'info', name: 'General Account Info' } - } else if (pageId === 'security') { - return this.selectedView = { id: 'security', name: 'Account Security' } - } else if (pageId === 'export') { - return this.selectedView = { id: 'export', name: 'Export Master Keys' } - } else if (pageId === 'notification') { - return this.selectedView = { id: 'notification', name: 'UI Notifications' } - } else if (pageId === 'qr-login') { - return this.selectedView = { id: 'qr-login', name: 'QR Login' } - } - } - - openSettings() { - if (this.loggedIn) { - this.shadowRoot.getElementById('userSettingsDialog').open() - } - } - - closeSettings() { - this.shadowRoot.getElementById('userSettingsDialog').close() - this.cleanUp() - } - - cleanUp() { - this.selectedView = { id: 'info', name: 'General Account Info' } - } + cleanUp() { + this.selectedView = { id: 'info', name: 'General Account Info' } + } } -window.customElements.define('user-settings', UserSettings) +window.customElements.define('user-settings', UserSettings) \ No newline at end of file diff --git a/core/src/components/show-plugin.js b/core/src/components/show-plugin.js index a750b0a0..98fa307f 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -1,2286 +1,1800 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {Epml} from '../epml.js' -import {addPluginRoutes} from '../plugins/addPluginRoutes.js' -import {repeat} from 'lit/directives/repeat.js'; -import ShortUniqueId from 'short-unique-id'; -import {setIsOpenDevDialog, setNewTab} from '../redux/app/app-actions.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { repeat } from 'lit/directives/repeat.js' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { Epml } from '../epml' +import { addPluginRoutes } from '../plugins/addPluginRoutes' +import { setIsOpenDevDialog, setNewTab } from '../redux/app/app-actions' +import { defaultQappsTabs } from '../data/defaultQapps' +import { showPluginStyles, navBarStyles, appAvatarStyles } from '../styles/core-css' import FileSaver from 'file-saver' -import {get, registerTranslateConfig, translate, use} from '../../translate' +import ShortUniqueId from 'short-unique-id' +import '../functional-components/frag-file-input' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-icon' import '@material/mwc-textfield' -import '@polymer/paper-icon-button/paper-icon-button.js' import '@polymer/iron-icons/iron-icons.js' import '@polymer/paper-dialog/paper-dialog.js' +import '@polymer/paper-icon-button/paper-icon-button.js' import '@vaadin/grid' import '@vaadin/text-field' -import '../custom-elements/frag-file-input.js' -import {defaultQappsTabs} from '../data/defaultQapps.js' + +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) export const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ShowPlugin extends connect(store)(LitElement) { - static get properties() { - return { - app: { type: Object }, - pluginConfig: { type: Object }, - url: { type: String }, - linkParam: { type: String }, - registeredUrls: { type: Array }, - currentTab: { type: Number }, - tabs: { type: Array }, - theme: { type: String, reflect: true }, - tabInfo: { type: Object }, - chatLastSeen: { type: Array }, - chatHeads: { type: Array }, - proxyPort: { type: Number }, - isOpenDevDialog: { type: Boolean } - } - } - - static get styles() { - return css` - html { - --scrollbarBG: #a1a1a1; - --thumbBG: #6a6c75; - } - - *::-webkit-scrollbar { - width: 11px; - } - - * { - scrollbar-width: thin; - scrollbar-color: var(--thumbBG) var(--scrollbarBG); - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-select-ink-color: var(--black); - --mdc-select-fill-color: var(--black); - --mdc-select-label-ink-color: var(--black); - --mdc-select-idle-line-color: var(--black); - --mdc-select-hover-line-color: var(--black); - --mdc-select-outlined-idle-border-color: var(--txtfieldborder); - --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-shape-radius: 25px; - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 700px; - } - - *::-webkit-scrollbar-track { - background: var(--scrollbarBG); - } - - *::-webkit-scrollbar-thumb { - background-color: var(--thumbBG); - border-radius: 6px; - border: 3px solid var(--scrollbarBG); - } - - .hideIframe { - display: none; - position: absolute; - z-Index: -10; - } - - .showIframe { - display: flex; - position: relative; - z-Index: 1; - } - - .tabs { - display: flex; - width: 100%; - max-width: 100%; - justify-content: flex-start; - padding-top: 0.5em; - padding-left: 0.5em; - background: var(--sidetopbar); - border-bottom: 1px solid var(--black); - height: 48px; - box-sizing: border-box; - } - - .tab { - padding: 0.5em; - background: var(--white); - border-top-right-radius: 10px; - border-top-left-radius: 10px; - border-top: 1px solid grey; - border-left: 1px solid grey; - border-right: 1px solid grey; - color: grey; - cursor: pointer; - transition: background 0.3s; - position: relative; - width: auto; - min-width: 110px; - max-width: 220px; - overflow: hidden; - z-index: 2; - } - - .tabCard { - display: inline-block; - } - - .tabTitle { - display: inline-block; - position: relative; - width: auto; - min-width: 1px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .tab:hover { - background: var(--nav-color-hover); - color: var(--black); - min-width: fit-content; - } - - .tab.active { - display: inline-block; - min-width: fit-content; - max-width: 200px; - margin-bottom: -1px; - background: var(--white); - color: var(--black); - border-top-right-radius: 10px; - border-top-left-radius: 10px; - border-top: 1px solid var(--black); - border-left: 1px solid var(--black); - border-right: 1px solid var(--black); - border-bottom: 1px solid var(--white); - z-index: 1; - } - - .close { - position: absolute; - top: 8px; - right: 5px; - color: var(--black); - --mdc-icon-size: 20px; - } - - .close:hover { - color: #C6011F; - font-weight: bold; - } - - .tab .close, - .tab .show { - display: none; - } - - .tab.active .close, - .tab.active .show { - display: inline-block; - color: var(--black); - } - - .tab:hover .close, - .tab:hover .show { - display: inline-block; - color: var(--black); - } - - .tab .close:hover, - .tab.active .close:hover { - color: #C6011F; - font-weight: bold; - } - - .add-tab-button { - margin-left: 10px; - font-weight: bold; - background: none; - border: none; - color: var(--general-color-blue); - font-size: 2em; - cursor: pointer; - transition: color 0.3s; - } - - .add-tab-button:hover { - color: var(--black); - } - - .add-dev-button { - position: fixed; - right: 20px; - margin-left: 10px; - margin-top: 4px; - max-height: 28px; - padding: 5px 5px; - font-size: 14px; - background-color: var(--general-color-blue); - color: white; - border: 1px solid transparent; - border-radius: 3px; - cursor: pointer; - } - - .add-dev-button:hover { - opacity: 0.8; - cursor: pointer; - } - - .red { - --mdc-theme-primary: #F44336; - } - - .iconActive { - position: absolute; - top: 5px; - color: var(--general-color-blue); - --mdc-icon-size: 24px; - } - - .iconInactive { - position: absolute; - top: 5px; - color: #999; - --mdc-icon-size: 24px; - } - - .tab:hover .iconInactive { - color: var(--general-color-blue); - } - - .count { - position: relative; - top: -5px; - font-weight: bold; - background-color: #C6011F; - color: white; - font-size: 12px; - padding: 2px 6px; - text-align: center; - border-radius: 5px; - animation: pulse 1500ms infinite; - animation-duration: 6s; - } - - .ml-5 { - margin-left: 5px; - } - - .ml-10 { - margin-left: 10px; - } - - .ml-15 { - margin-left: 15px; - } - - .ml-20 { - margin-left: 20px; - } - - .ml-25 { - margin-left: 25px; - } - - .ml-30 { - margin-left: 30px; - } - - .ml-35 { - margin-left: 35px; - } - - .ml-40 { - margin-left: 40px; - } - - @keyframes pulse { - 0% { - box-shadow:#C6011F 0 0 0 0; - } - 75% { - box-shadow:#ff69b400 0 0 0 16px; - } - } - ` - } - - constructor() { - super() - this.registeredUrls = [] - this.initialRegisteredUrls = [] - this.currentTab = 0 - this.tabs = [] - this.uid = new ShortUniqueId() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.tabInfo = {} - this.chatLastSeen = [] - this.chatHeads = [] - this.proxyPort = 0 - this.isOpenDevDialog = false - } - - render() { - const plugSrc = (myPlug) => { - return myPlug === undefined ? 'about:blank' : `${window.location.origin}/plugin/${myPlug.domain}/${myPlug.page}${this.linkParam}` - } - - return html` -
    -
    - ${this.tabs.map((tab, index) => { - let title = '' - let icon = '' - let count = 0 - - if (tab.myPlugObj && tab.myPlugObj.title === "Overview Page") { - title = html`${translate('tabmenu.tm28')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Minting Details") { - title = html`${translate('tabmenu.tm1')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Become a Minter") { - title = html`${translate('tabmenu.tm2')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Sponsorship List") { - title = html`${translate('tabmenu.tm3')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Wallets") { - title = html`${translate('tabmenu.tm4')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Trade Portal") { - title = html`${translate('tabmenu.tm5')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Auto Buy") { - title = html`${translate('tabmenu.tm6')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Reward Share") { - title = html`${translate('tabmenu.tm7')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Q-Chat") { - title = html`${translate('tabmenu.tm8')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Name Registration") { - title = html`${translate('tabmenu.tm9')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Names Market") { - title = html`${translate('tabmenu.tm10')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Websites") { - title = html`${translate('tabmenu.tm11')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Q-Apps") { - title = html`${translate('tabmenu.tm12')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Group Management") { - title = html`${translate('tabmenu.tm13')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Data Management") { - title = html`${translate('tabmenu.tm14')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Puzzles") { - title = html`${translate('tabmenu.tm15')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Node Management") { - title = html`${translate('tabmenu.tm16')}` - } else if (tab.myPlugObj && tab.myPlugObj.title === "Qortal Lottery") { - title = html`${translate('tabmenu.tm42')}` - } else if (tab.myPlugObj && tab.myPlugObj.url === "myapp") { - title = tab.myPlugObj && tab.myPlugObj.title - } else if (tab.myPlugObj && tab.myPlugObj.url === "devmode") { - title = html`${translate('tabmenu.tm38')}` - } else { - title = html`${translate('tabmenu.tm17')}` - } - - if (tab.myPlugObj && tab.myPlugObj.mwcicon) { - icon = tab.myPlugObj.mwcicon - } else { - icon = 'tab' - } - - if (tab.myPlugObj && (tab.myPlugObj.url === 'myapp') && this.tabInfo[tab.id]) { - title = this.tabInfo[tab.id].name - } - - if (tab.myPlugObj && (tab.myPlugObj.url === 'myapp') && this.tabInfo[tab.id]) { - count = this.tabInfo[tab.id].count - } - - if (tab.myPlugObj && tab.myPlugObj.url === 'q-chat') { - for (const chat of this.chatHeads) { - - const lastReadMessage = this.chatLastSeen.find((ch) => { - let id - if (chat.groupId === 0) { - id = chat.groupId - } else if (chat.groupId) { - id = chat.groupId - } else { - id = chat.address - } - return ch.key.includes(id) - }) - if (lastReadMessage && lastReadMessage.timestamp < chat.timestamp) { - count = count + 1 - } - } - } - - return html` -
    -
    - ${tab.myPlugObj && tab.myPlugObj.url === "myapp" ? html` - - ` : html` - ${icon} - `} - - -
    -
    - ${count ? html` - ${title} - ${count} - { - event.stopPropagation(); this.removeTab(index, tab.id) - - }}>close - ` : html` - ${title} - {event.stopPropagation(); this.removeTab(index, tab.id)}}>close - `} -
    -
    - ` - })} - -
    - - ${repeat(this.tabs, (tab) => tab.id, (tab, index) => html` -
    - - this.changePage(val)} - > - -
    - `)} - { - this.shadowRoot.getElementById('domainInput').value = '' - this.shadowRoot.getElementById('portInput').value = '' - this.isOpenDevDialog = false - store.dispatch(setIsOpenDevDialog(false)) - }} - > -
    -

    ${translate('tabmenu.tm39')}

    -
    -
    -

    - -

    -

    - -

    - - ${translate("general.close")} - - - ${translate('tabmenu.tm40')} - -     - ` - } - - firstUpdated() { - this.changeLanguage() - - this.tabs.forEach((tab, index) => { - const frame = this.shadowRoot.getElementById(`showPluginFrame${index}`) - this.createEpmlInstance(frame, index) - }) - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - async getUpdateComplete() { - await super.getUpdateComplete() - return true - } - - async getProxyPort() { - this.proxyPort = 0 - let framework = '' - - const domain = this.shadowRoot.getElementById('domainInput').value - const port = this.shadowRoot.getElementById('portInput').value - - if (domain.length >= 3 && port.length >= 2) { - framework = domain + ':' + port - } else { - let errorString = get("tabmenu.tm41") - parentEpml.request('showSnackBar', `${errorString}`) - return - } - - let framePort = await parentEpml.request('apiCall', { - url: `/developer/proxy/start`, - method: 'POST', - headers: { - 'Content-Type': 'text/plain' - }, - body: `${framework}` - }) - - this.createUrl(framePort) - } - - createUrl(framePort) { - this.proxyPort = framePort - const myFrameNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const myFrameNodeUrl = myFrameNode.protocol + '://' + myFrameNode.domain + ':' + this.proxyPort - - this.changePage({ - "url": "devmode", - "domain": "core", - "page": `qdn/browser/index.html?link=${myFrameNodeUrl}&dev=FRAMEWORK`, - "title": "Dev Server", - "icon": "vaadin:desktop", - "mwcicon": "api", - "menus": [], - "parent": false - }) - - this.shadowRoot.querySelector("#addDevDialog").close() - } - - async addTab(tab) { - if (this.tabs == []) { - // ...Nothing to do - } else { - this.tabs.forEach((rac, index) => { - let racId = '' - let tabRacId = '' - let frameRacId = '' - let plugRacId = '' - let iconRacId = '' - - racId = rac.id - tabRacId = 'tab-' + racId - frameRacId = 'frame-' + racId - plugRacId = 'plug-' + racId - iconRacId = 'icon-' + racId - - const plugObjRac = rac.url - - var tabActiveRac = this.shadowRoot.getElementById(tabRacId) - var frameActiveRac = this.shadowRoot.getElementById(frameRacId) - var plugActiveRac = this.shadowRoot.getElementById(plugRacId) - var iconActiveRac = this.shadowRoot.getElementById(iconRacId) - - if (plugObjRac === undefined || "") { - tabActiveRac.classList.remove("active") - iconActiveRac.classList.remove("iconActive") - iconActiveRac.classList.add("iconInactive") - plugActiveRac.classList.remove("showIframe") - plugActiveRac.classList.add("hideIframe") - } else { - tabActiveRac.classList.remove("active") - iconActiveRac.classList.remove("iconActive") - iconActiveRac.classList.add("iconInactive") - frameActiveRac.classList.remove("showIframe") - frameActiveRac.classList.add("hideIframe") - } - }) - } - - this.tabs = [...this.tabs, tab] - await this.getUpdateComplete() - - // add the new tab to the tabs array - const newIndex = this.tabs.length - 1 - - // render the tab and wait for it to be added to the DOM - const frame = this.shadowRoot.getElementById(`showPluginFrame${newIndex}`) - this.createEpmlInstance(frame, newIndex) - } - - removeTab(index, tabA) { - const tabB = this.tabs.length - 1 - const tabC = this.tabs[tabB].id - - if (tabC === tabA) { - let theId = '' - let tabId = '' - let frameId = '' - let plugId = '' - let iconId = '' - - this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) - this.currentTab = this.tabs.length - 1; - - const tabD = this.tabs.length - 1 - const plugObj = this.tabs[tabD].url - theId = this.tabs[tabD].id - tabId = 'tab-' + theId - frameId = 'frame-' + theId - plugId = 'plug-' + theId - iconId = 'icon-' + theId - - var tabActive = this.shadowRoot.getElementById(tabId) - var frameActive = this.shadowRoot.getElementById(frameId) - var plugActive = this.shadowRoot.getElementById(plugId) - var iconActive = this.shadowRoot.getElementById(iconId) - - if (plugObj === undefined || "") { - tabActive.classList.add("active") - iconActive.classList.remove("iconInactive") - iconActive.classList.add("iconActive") - plugActive.classList.remove("hideIframe") - plugActive.classList.add("showIframe") - } else { - tabActive.classList.add("active") - iconActive.classList.remove("iconInactive") - iconActive.classList.add("iconActive") - frameActive.classList.remove("hideIframe") - frameActive.classList.add("showIframe") - } - this.requestUpdate() - } else { - // Remove tab from array - this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) - - if (this.tabs.length !== 0) { - this.currentTab = 0 - } - this.requestUpdate() - } - } - - createEpmlInstance(frame, index) { - const showingPluginEpml = new Epml({ - type: 'WINDOW', - source: frame.contentWindow - }) - - addPluginRoutes(showingPluginEpml); - showingPluginEpml.imReady() - - // store Epml instance in tab for later use - this.tabs[index].epmlInstance = showingPluginEpml - - // Register each instance with a unique identifier - Epml.registerProxyInstance(`visible-plugin-${index}`, showingPluginEpml) - } - - updated(changedProps) { - if (changedProps.has('url') || changedProps.has('registeredUrls')) { - const plugArr = [] - - this.registeredUrls.forEach(myPlugArr => { - myPlugArr.menus.length === 0 ? plugArr.push(myPlugArr) : myPlugArr.menus.forEach(i => plugArr.push(myPlugArr, i)) - }) - - const myPlugObj = plugArr.find(pagePlug => { - return pagePlug.url === this.url - }) - if (this.tabs.length === 0) { - this.addTab({ - url: "", - id: this.uid.rnd() - }) - } else { - const copiedTabs = [...this.tabs] - copiedTabs[this.currentTab] = { - ...copiedTabs[this.currentTab], - url: this.url, - myPlugObj - } - this.tabs = copiedTabs - } - this.requestUpdate() - } - - if (changedProps.has('computerUrl')) { - if (this.computedUrl !== 'about:blank') { - this.loading = true - } - } - } - - changePage(page) { - const copiedTabs = [...this.tabs] - copiedTabs[this.currentTab] = { - ...copiedTabs[this.currentTab], - myPlugObj: page, - url: page.url - } - this.tabs = copiedTabs - } - - async stateChanged(state) { - const split = state.app.url.split('/') - const newRegisteredUrls = state.app.registeredUrls - - let newUrl, newLinkParam - - if (newRegisteredUrls !== this.registeredUrls) { - this.registeredUrls = newRegisteredUrls - } - - if (split[0] === '' && split[1] === 'app' && split[2] === undefined) { - newUrl = '' - newLinkParam = '' - } else if (split.length === 5 && split[1] === 'app') { - newUrl = split[2] - newLinkParam = split[3] === undefined ? '' : '?' + split[3] + '/' + split[4] - } else if (split[1] === 'app') { - newUrl = split[2] - newLinkParam = '' - } else { - newUrl = '404' - newLinkParam = '' - } - - if (newUrl !== this.url) { - this.url = newUrl - } - - if (newLinkParam !== this.linkParam) { - this.linkParam = newLinkParam - } - if (this.tabInfo !== state.app.tabInfo) { - this.tabInfo = state.app.tabInfo - } - if (this.chatLastSeen !== state.app.chatLastSeen) { - this.chatLastSeen = state.app.chatLastSeen - } - if (state.app.chatHeads !== this.unModifiedChatHeads) { - let chatHeads = [] - if (state.app.chatHeads && state.app.chatHeads.groups) { - chatHeads = [...chatHeads, ...state.app.chatHeads.groups] - } - if (state.app.chatHeads && state.app.chatHeads.direct) { - chatHeads = [...chatHeads, ...state.app.chatHeads.direct] - } - this.chatHeads = chatHeads - this.unModifiedChatHeads = state.app.chatHeads - } - - if (state.app.newTab) { - const newTab = state.app.newTab - if(newTab.openExisting && this.tabs.find((tab)=> tab.url === newTab.url)){ - const findIndex = this.tabs.findIndex((tab) => tab.url === newTab.url) - if (findIndex !== -1) { - this.currentTab = findIndex - } - - store.dispatch(setNewTab(null)) - } else if (!this.tabs.find((tab) => tab.id === newTab.id)) { - await this.addTab(newTab) - this.currentTab = this.tabs.length - 1 - store.dispatch(setNewTab(null)) - //clear newTab - } else { - const findIndex = this.tabs.findIndex((tab) => tab.id === newTab.id) - if (findIndex !== -1) { - const copiedTabs = [...this.tabs] - copiedTabs[findIndex] = newTab - this.tabs = copiedTabs - this.currentTab = findIndex - } - - store.dispatch(setNewTab(null)) - //clear newTab - } - } - - if(state.app.isOpenDevDialog){ - this.isOpenDevDialog = state.app.isOpenDevDialog - } - } + static get properties() { + return { + app: { type: Object }, + pluginConfig: { type: Object }, + url: { type: String }, + linkParam: { type: String }, + registeredUrls: { type: Array }, + currentTab: { type: Number }, + tabs: { type: Array }, + theme: { type: String, reflect: true }, + tabInfo: { type: Object }, + chatLastSeen: { type: Array }, + chatHeads: { type: Array }, + proxyPort: { type: Number }, + isOpenDevDialog: { type: Boolean } + } + } + + static get styles() { + return [showPluginStyles] + } + + constructor() { + super() + this.registeredUrls = [] + this.initialRegisteredUrls = [] + this.currentTab = 0 + this.tabs = [] + this.uid = new ShortUniqueId() + this.tabInfo = {} + this.chatLastSeen = [] + this.chatHeads = [] + this.proxyPort = 0 + this.isOpenDevDialog = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + const plugSrc = (myPlug) => { + return myPlug === undefined ? 'about:blank' : `${window.location.origin}/plugin/${myPlug.domain}/${myPlug.page}${this.linkParam}` + } + + return html` +
    +
    + ${this.tabs.map((tab, index) => { + let title = '' + let icon = '' + let count = 0 + + if (tab.myPlugObj && tab.myPlugObj.title === "Overview Page") { + title = html`${translate('tabmenu.tm28')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Minting Details") { + title = html`${translate('tabmenu.tm1')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Become a Minter") { + title = html`${translate('tabmenu.tm2')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Sponsorship List") { + title = html`${translate('tabmenu.tm3')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Wallets") { + title = html`${translate('tabmenu.tm4')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Trade Portal") { + title = html`${translate('tabmenu.tm5')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Auto Buy") { + title = html`${translate('tabmenu.tm6')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Reward Share") { + title = html`${translate('tabmenu.tm7')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Q-Chat") { + title = html`${translate('tabmenu.tm8')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Name Registration") { + title = html`${translate('tabmenu.tm9')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Names Market") { + title = html`${translate('tabmenu.tm10')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Websites") { + title = html`${translate('tabmenu.tm11')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Q-Apps") { + title = html`${translate('tabmenu.tm12')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Group Management") { + title = html`${translate('tabmenu.tm13')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Data Management") { + title = html`${translate('tabmenu.tm14')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Puzzles") { + title = html`${translate('tabmenu.tm15')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Node Management") { + title = html`${translate('tabmenu.tm16')}` + } else if (tab.myPlugObj && tab.myPlugObj.title === "Qortal Lottery") { + title = html`${translate('tabmenu.tm42')}` + } else if (tab.myPlugObj && tab.myPlugObj.url === "myapp") { + title = tab.myPlugObj && tab.myPlugObj.title + } else if (tab.myPlugObj && tab.myPlugObj.url === "devmode") { + title = html`${translate('tabmenu.tm38')}` + } else { + title = html`${translate('tabmenu.tm17')}` + } + + if (tab.myPlugObj && tab.myPlugObj.mwcicon) { + icon = tab.myPlugObj.mwcicon + } else { + icon = 'tab' + } + + if (tab.myPlugObj && (tab.myPlugObj.url === 'myapp') && this.tabInfo[tab.id]) { + title = this.tabInfo[tab.id].name + } + + if (tab.myPlugObj && (tab.myPlugObj.url === 'myapp') && this.tabInfo[tab.id]) { + count = this.tabInfo[tab.id].count + } + + if (tab.myPlugObj && tab.myPlugObj.url === 'q-chat') { + for (const chat of this.chatHeads) { + const lastReadMessage = this.chatLastSeen.find((ch) => { + let id + + if (chat.groupId === 0) { + id = chat.groupId + } else if (chat.groupId) { + id = chat.groupId + } else { + id = chat.address + } + + return ch.key.includes(id) + }) + + if (lastReadMessage && lastReadMessage.timestamp < chat.timestamp) { + count = count + 1 + } + } + } + + return html` +
    +
    + ${tab.myPlugObj && tab.myPlugObj.url === "myapp" ? + html` + + ` : html` + ${icon} + ` + } +
    +
    + ${count ? + html` + ${title} + ${count} + + { event.stopPropagation(); this.removeTab(index, tab.id)}}> + close + + + ` : html` + ${title} + + { event.stopPropagation(); this.removeTab(index, tab.id)}}> + close + + + ` + } +
    +
    + ` + })} + +
    + ${repeat(this.tabs, (tab) => tab.id, (tab, index) => + html` +
    + + this.changePage(val)} + > +
    + ` + )} + { + this.shadowRoot.getElementById('domainInput').value = '' + this.shadowRoot.getElementById('portInput').value = '' + this.isOpenDevDialog = false + store.dispatch(setIsOpenDevDialog(false)) + }} + > +
    +

    ${translate('tabmenu.tm39')}

    +
    +
    +

    + +

    +

    + +

    + + ${translate("general.close")} + + + ${translate('tabmenu.tm40')} + +     + ` + } + + firstUpdated() { + this.changeLanguage() + + this.tabs.forEach((tab, index) => { + const frame = this.shadowRoot.getElementById(`showPluginFrame${index}`) + this.createEpmlInstance(frame, index) + }) + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + + document.querySelector('html').setAttribute('theme', this.theme) + }) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + async getUpdateComplete() { + await super.getUpdateComplete() + + return true + } + + async getProxyPort() { + this.proxyPort = 0 + let framework = '' + + const domain = this.shadowRoot.getElementById('domainInput').value + const port = this.shadowRoot.getElementById('portInput').value + + if (domain.length >= 3 && port.length >= 2) { + framework = domain + ':' + port + } else { + let errorString = get("tabmenu.tm41") + parentEpml.request('showSnackBar', `${errorString}`) + + return + } + + let framePort = await parentEpml.request('apiCall', { + url: `/developer/proxy/start`, + method: 'POST', + headers: { + 'Content-Type': 'text/plain' + }, + body: `${framework}` + }) + + this.createUrl(framePort) + } + + createUrl(framePort) { + this.proxyPort = framePort + const myFrameNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const myFrameNodeUrl = myFrameNode.protocol + '://' + myFrameNode.domain + ':' + this.proxyPort + + this.changePage({ + "url": "devmode", + "domain": "core", + "page": `qdn/browser/index.html?link=${myFrameNodeUrl}&dev=FRAMEWORK`, + "title": "Dev Server", + "icon": "vaadin:desktop", + "mwcicon": "api", + "menus": [], + "parent": false + }) + + this.shadowRoot.querySelector("#addDevDialog").close() + } + + async addTab(tab) { + if (this.tabs == []) { + // ...Nothing to do + } else { + this.tabs.forEach((rac, index) => { + let racId = '' + let tabRacId = '' + let frameRacId = '' + let plugRacId = '' + let iconRacId = '' + + racId = rac.id + tabRacId = 'tab-' + racId + frameRacId = 'frame-' + racId + plugRacId = 'plug-' + racId + iconRacId = 'icon-' + racId + + const plugObjRac = rac.url + + var tabActiveRac = this.shadowRoot.getElementById(tabRacId) + var frameActiveRac = this.shadowRoot.getElementById(frameRacId) + var plugActiveRac = this.shadowRoot.getElementById(plugRacId) + var iconActiveRac = this.shadowRoot.getElementById(iconRacId) + + if (plugObjRac === undefined || '') { + tabActiveRac.classList.remove('active') + iconActiveRac.classList.remove('iconActive') + iconActiveRac.classList.add('iconInactive') + plugActiveRac.classList.remove('showIframe') + plugActiveRac.classList.add('hideIframe') + } else { + tabActiveRac.classList.remove('active') + iconActiveRac.classList.remove('iconActive') + iconActiveRac.classList.add('iconInactive') + frameActiveRac.classList.remove('showIframe') + frameActiveRac.classList.add('hideIframe') + } + }) + } + + this.tabs = [...this.tabs, tab] + + await this.getUpdateComplete() + + // add the new tab to the tabs array + const newIndex = this.tabs.length - 1 + + // render the tab and wait for it to be added to the DOM + const frame = this.shadowRoot.getElementById(`showPluginFrame${newIndex}`) + this.createEpmlInstance(frame, newIndex) + } + + removeTab(index, tabA) { + const tabB = this.tabs.length - 1 + const tabC = this.tabs[tabB].id + + if (tabC === tabA) { + let theId = '' + let tabId = '' + let frameId = '' + let plugId = '' + let iconId = '' + + this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) + this.currentTab = this.tabs.length - 1; + + const tabD = this.tabs.length - 1 + const plugObj = this.tabs[tabD].url + theId = this.tabs[tabD].id + tabId = 'tab-' + theId + frameId = 'frame-' + theId + plugId = 'plug-' + theId + iconId = 'icon-' + theId + + var tabActive = this.shadowRoot.getElementById(tabId) + var frameActive = this.shadowRoot.getElementById(frameId) + var plugActive = this.shadowRoot.getElementById(plugId) + var iconActive = this.shadowRoot.getElementById(iconId) + + if (plugObj === undefined || '') { + tabActive.classList.add('active') + iconActive.classList.remove('iconInactive') + iconActive.classList.add('iconActive') + plugActive.classList.remove('hideIframe') + plugActive.classList.add('showIframe') + } else { + tabActive.classList.add('active') + iconActive.classList.remove('iconInactive') + iconActive.classList.add('iconActive') + frameActive.classList.remove('hideIframe') + frameActive.classList.add('showIframe') + } + this.requestUpdate() + } else { + // Remove tab from array + this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) + + if (this.tabs.length !== 0) { + this.currentTab = 0 + } + this.requestUpdate() + } + } + + createEpmlInstance(frame, index) { + const showingPluginEpml = new Epml({ + type: 'WINDOW', + source: frame.contentWindow + }) + + addPluginRoutes(showingPluginEpml) + + showingPluginEpml.imReady() + + // store Epml instance in tab for later use + this.tabs[index].epmlInstance = showingPluginEpml + + // Register each instance with a unique identifier + Epml.registerProxyInstance(`visible-plugin-${index}`, showingPluginEpml) + } + + updated(changedProps) { + if (changedProps.has('url') || changedProps.has('registeredUrls')) { + const plugArr = [] + + this.registeredUrls.forEach(myPlugArr => { + myPlugArr.menus.length === 0 ? plugArr.push(myPlugArr) : myPlugArr.menus.forEach(i => plugArr.push(myPlugArr, i)) + }) + + const myPlugObj = plugArr.find(pagePlug => { + return pagePlug.url === this.url + }) + + if (this.tabs.length === 0) { + this.addTab({ + url: '', + id: this.uid.rnd() + }) + } else { + const copiedTabs = [...this.tabs] + + copiedTabs[this.currentTab] = { + ...copiedTabs[this.currentTab], + url: this.url, + myPlugObj + } + + this.tabs = copiedTabs + } + + this.requestUpdate() + } + + if (changedProps.has('computerUrl')) { + if (this.computedUrl !== 'about:blank') { + this.loading = true + } + } + } + + changePage(page) { + const copiedTabs = [...this.tabs] + + copiedTabs[this.currentTab] = { + ...copiedTabs[this.currentTab], + myPlugObj: page, + url: page.url + } + + this.tabs = copiedTabs + } + + async stateChanged(state) { + const split = state.app.url.split('/') + const newRegisteredUrls = state.app.registeredUrls + + let newUrl, newLinkParam + + if (newRegisteredUrls !== this.registeredUrls) { + this.registeredUrls = newRegisteredUrls + } + + if (split[0] === '' && split[1] === 'app' && split[2] === undefined) { + newUrl = '' + newLinkParam = '' + } else if (split.length === 5 && split[1] === 'app') { + newUrl = split[2] + newLinkParam = split[3] === undefined ? '' : '?' + split[3] + '/' + split[4] + } else if (split[1] === 'app') { + newUrl = split[2] + newLinkParam = '' + } else { + newUrl = '404' + newLinkParam = '' + } + + if (newUrl !== this.url) { + this.url = newUrl + } + + if (newLinkParam !== this.linkParam) { + this.linkParam = newLinkParam + } + + if (this.tabInfo !== state.app.tabInfo) { + this.tabInfo = state.app.tabInfo + } + + if (this.chatLastSeen !== state.app.chatLastSeen) { + this.chatLastSeen = state.app.chatLastSeen + } + + if (state.app.chatHeads !== this.unModifiedChatHeads) { + let chatHeads = [] + + if (state.app.chatHeads && state.app.chatHeads.groups) { + chatHeads = [...chatHeads, ...state.app.chatHeads.groups] + } + + if (state.app.chatHeads && state.app.chatHeads.direct) { + chatHeads = [...chatHeads, ...state.app.chatHeads.direct] + } + + this.chatHeads = chatHeads + this.unModifiedChatHeads = state.app.chatHeads + } + + if (state.app.newTab) { + const newTab = state.app.newTab + + if (newTab.openExisting && this.tabs.find((tab) => tab.url === newTab.url)) { + const findIndex = this.tabs.findIndex((tab) => tab.url === newTab.url) + if (findIndex !== -1) { + this.currentTab = findIndex + } + + store.dispatch(setNewTab(null)) + } else if (!this.tabs.find((tab) => tab.id === newTab.id)) { + await this.addTab(newTab) + + this.currentTab = this.tabs.length - 1 + + //clear newTab + store.dispatch(setNewTab(null)) + } else { + const findIndex = this.tabs.findIndex((tab) => tab.id === newTab.id) + if (findIndex !== -1) { + const copiedTabs = [...this.tabs] + copiedTabs[findIndex] = newTab + this.tabs = copiedTabs + this.currentTab = findIndex + } + + //clear newTab + store.dispatch(setNewTab(null)) + } + } + + if (state.app.isOpenDevDialog) { + this.isOpenDevDialog = state.app.isOpenDevDialog + } + } } window.customElements.define('show-plugin', ShowPlugin) class NavBar extends connect(store)(LitElement) { - static get properties() { - return { - menuList: { type: Array }, - newMenuList: { type: Array }, - myMenuList: { type: Array }, - myMenuPlugins: { type: Array }, - myApps: { type: Array }, - addressInfo: { type: Object }, - changePage: { attribute: false }, - pluginName: { type: String }, - pluginType: { type: String }, - pluginPage: { type: String }, - mwcIcon: { type: String }, - pluginNameToDelete: { type: String }, - pluginNumberToDelete: { type: String }, - textFieldDisabled: { type: Boolean }, - initialName: { type: String }, - newId: { type: String }, - removeTitle: { type: String }, - myFollowedNames: { type: Array }, - myFollowedNamesList: { type: Array }, - searchNameContentString: { type: String }, - searchNameResources: { type: Array } - } - } + static get properties() { + return { + menuList: { type: Array }, + newMenuList: { type: Array }, + myMenuList: { type: Array }, + myMenuPlugins: { type: Array }, + myApps: { type: Array }, + changePage: { attribute: false }, + pluginName: { type: String }, + pluginType: { type: String }, + pluginPage: { type: String }, + mwcIcon: { type: String }, + pluginNameToDelete: { type: String }, + pluginNumberToDelete: { type: String }, + textFieldDisabled: { type: Boolean }, + initialName: { type: String }, + newId: { type: String }, + removeTitle: { type: String }, + myFollowedNames: { type: Array }, + myFollowedNamesList: { type: Array }, + searchNameContentString: { type: String }, + searchNameResources: { type: Array }, + addressInfo: { type: Object } + } + } - static styles = css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-shape-radius: 25px; - --mdc-dialog-min-width: 300px; - --mdc-dialog-max-width: 700px; - } + static get styles() { + return [navBarStyles] + } - .parent { - display: flex; - flex-direction: column; - flex-flow: column; - align-items: center; - padding: 20px; - height: calc(100vh - 120px); - overflow-y: auto; - } + constructor() { + super() + this.menuList = [] + this.newMenuList = [] + this.myMenuList = [] + this.myMenuPlugins = [] + this.pluginName = '' + this.pluginType = '' + this.pluginPage = '' + this.myApps = '' + this.mwcIcon = '' + this.pluginNameToDelete = '' + this.pluginNumberToDelete = '' + this.textFieldDisabled = false + this.initialName = '' + this.newId = '' + this.removeTitle = '' + this.myFollowedNames = [] + this.myFollowedNamesList = [] + this.searchContentString = '' + this.searchNameResources = [] + this.addressInfo = store.getState().app.accountInfo.addressInfo + this._updateMyMenuPlugins = this._updateMyMenuPlugins.bind(this) + } - .navbar { - display: flex; - justify-content: space-between; - align-items: center; - background-color: var(--white); - padding: 10px 20px; - max-width: 750px; - width: 80%; - } + render() { + return html` +
    + reset_tv + person_search + upload + download +
    + + +
    +
    + ${repeat(this.myMenuList, (plugin) => plugin.url, (plugin, index) => html` +
    +
    + ${this.renderRemoveIcon(plugin.url, plugin.mwcicon, plugin.title, plugin.pluginNumber, plugin)} +
    + ${this.renderTitle(plugin.url, plugin.title)} +
    + `)} +
    +
    + add +
    + ${translate("tabmenu.tm19")} +
    +
    +
    + +
    +

    ${translate("tabmenu.tm26")}

    +
    +
    +
    +

    + ${translate("tabmenu.tm24")} + +

    +

    + +

    + + ${translate("tabmenu.tm19")} + + + ${translate("general.close")} + +     + +
    +

    ${translate("tabmenu.tm27")}

    +
    +
    +
    +

    ${translate("tabmenu.tm23")}

    +

    ${this.removeTitle}

    + + ${translate("general.yes")} + + + ${translate("general.no")} + +     + +
    +
    + + + +
    +
    +
    +
    + + { + render(html`${this.renderNameAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${this.renderMyFollowUnfollowButton(data.item)}`, root) + }} + > + + ${this.isEmptyArray(this.searchNameResources) ? html` + ${translate("login.entername")} + `: ''} +
    +
    + +
    +     + +
    +

    ${translate("tabmenu.tm31")}

    +
    +
    +
    + + { + render(html`${this.renderNameAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${this.renderMyFollowUnfollowButton(data.item)}`, root) + }} + > + + ${this.isEmptyArray(this.myFollowedNamesList) ? html` + ${translate("tabmenu.tm32")} + `: ''} +
    +
    + + +
    +     + +
    +

    ${translate("tabmenu.tm33")}

    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("tabmenu.tm35")}
    +
    + + ${translate("general.close")} + +     + ` + } - .navbar input { - font-size: 16px; - color: #000; - padding: 5px; - flex-grow: 1; - margin-right: 10px; - border: 1px solid var(--black); - } + async firstUpdated() { + addPluginRoutes(parentEpml) + parentEpml.imReady() - .navbar button { - padding: 5px 10px; - font-size: 18px; - background-color: var(--app-background-1); - background-image: linear-gradient(315deg, var(--app-background-1) 0%, var(--app-background-2) 74%); - color: var(--app-icon); - border: 1px solid transparent; - border-radius: 3px; - cursor: pointer; - } + this.addressInfo = store.getState().app.accountInfo.addressInfo + this.menuList = store.getState().app.registeredUrls - .navbar button:hover { - background-color: #45a049; - } + const addressInfo = this.addressInfo + const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0 + const isSponsor = +addressInfo?.level >= 5 + const appDelay = ms => new Promise(res => setTimeout(res, ms)) - .app-list { - display: flex; - justify-content: space-between; - padding: 10px 0; - gap: 10px; - flex-wrap: wrap; - } + await this.checkMyMenuPlugins() - .app-list .app-icon { - position: relative; - text-align: center; - font-size: 15px; - font-weight: bold; - color: var(--black); - width: 175px; - height: 110px; - background: transparent; - padding: 5px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 10px; - } + await appDelay(250) - .text { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: block; - width: 100%; - min-width: 1px; - } + if (!isMinter) { + this.newMenuList = this.myMenuPlugins.filter((minter) => { + return minter.url !== 'minting' + }) + } else { + this.newMenuList = this.myMenuPlugins.filter((minter) => { + return minter.url !== 'become-minter' + }) + } - .app-list .app-icon span { - display: block; - } + if (!isSponsor) { + this.myMenuList = this.newMenuList.filter((sponsor) => { + return sponsor.url !== 'sponsorship-list' + }) + } else { + this.myMenuList = this.newMenuList + } - .app-icon-box { - display: flex; - align-items: center; - padding-left: 14px; - width: 80px; - min-width: 80px; - height: 80px; - min-height: 80px; - background-color: var(--app-background-1); - background-image: linear-gradient(315deg, var(--app-background-1) 0%, var(--app-background-2) 74%); - border-top-left-radius: 10px; - border-top-right-radius: 20px; - border-bottom-left-radius: 20px; - border-bottom-right-radius: 10px; - position: relative; - } + await appDelay(250) - .app-list .app-icon:hover .removeIcon { - display: inline; - } + await this.getMyFollowedNames() + await this.getMyFollowedNamesList() + } - .menuIcon { - color: var(--app-icon); - --mdc-icon-size: 64px; - cursor: pointer; - } + async _updateMyMenuPlugins(event) { + await new Promise((res) => { + setTimeout(() => { + res() + }, 500) + }) - .menuIconPos { - right: -2px; - } - - .removeIconPos { - position: absolute; - top: -10px; - right: -10px; - z-index: 1; - } - - .menuIconPos:hover .removeIcon { - display: inline; - } - - .removeIcon { - display: none; - color: var(--black); - --mdc-icon-size: 28px; - cursor: pointer; - position: relative; - z-index: 1; - } - - .removeIcon:hover { - color: #C6011F; - font-weight: bold; - } - - .red { - --mdc-theme-primary: #F44336; - } - - select { - padding: 10px 10px 10px 10px; - width: 100%; - font-size: 16px; - font-weight: 500; - background: var(--white); - color: var(--black); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-image: url('/img/arrow.png'); - background-repeat: no-repeat; - background-position: right 10px center; - background-size: 20px; - } - - .resetIcon { - position: fixed; - right: 20px; - top: 116px; - color: #666; - --mdc-icon-size: 32px; - cursor: pointer; - } - - .resetIcon:hover { - color: var(--general-color-blue); - font-weight: bold; - } - - .searchIcon { - position: fixed; - left: 20px; - top: 116px; - color: #666; - --mdc-icon-size: 32px; - cursor: pointer; - } - - .searchIcon:hover { - color: var(--general-color-blue); - font-weight: bold; - } - - .importIcon { - position: fixed; - left: 20px; - bottom: 16px; - color: #666; - --mdc-icon-size: 32px; - cursor: pointer; - } - - .importIcon:hover { - color: var(--general-color-blue); - font-weight: bold; - } - - .exportIcon { - position: fixed; - right: 20px; - bottom: 16px; - color: #666; - --mdc-icon-size: 32px; - cursor: pointer; - } - - .exportIcon:hover { - color: var(--general-color-blue); - font-weight: bold; - } - - paper-dialog.searchSettings { - width: 100%; - max-width: 550px; - height: auto; - max-height: 600px; - background-color: var(--white); - color: var(--black); - line-height: 1.6; - overflow: hidden; - border: 1px solid var(--black); - border-radius: 10px; - padding: 15px; - } - - paper-dialog button { - padding: 5px 10px; - font-size: 18px; - background-color: var(--general-color-blue); - color: white; - border: 1px solid transparent; - border-radius: 5px; - cursor: pointer; - } - - paper-dialog button:hover { - opacity: 0.8; - cursor: pointer; - } - - .search { - display: inline; - width: 50%; - align-items: center; - } - - .divCard { - height: auto; - max-height: 500px; - border: 1px solid var(--border); - padding: 1em; - margin-bottom: 1em; - } - - img { - border-radius: 25%; - max-width: 32px; - height: 100%; - max-height: 32px; - } - - vaadin-text-field[focused]::part(input-field) { - border-color: var(--general-color-blue); - } - ` - - constructor() { - super() - this.menuList = [] - this.newMenuList = [] - this.myMenuList = [] - this.myMenuPlugins = [] - this.addressInfo = {} - this.pluginName = '' - this.pluginType = '' - this.pluginPage = '' - this.myApps = '' - this.mwcIcon = '' - this.pluginNameToDelete = '' - this.pluginNumberToDelete = '' - this.textFieldDisabled = false - this.initialName = '' - this.newId = '' - this.removeTitle = '' - this.myFollowedNames = [] - this.myFollowedNamesList = [] - this.searchContentString = '' - this.searchNameResources = [] - this._updateMyMenuPlugins = this._updateMyMenuPlugins.bind(this) - } - - render() { - return html` -
    - reset_tv - person_search - upload - download -
    - - -
    -
    - ${repeat(this.myMenuList, (plugin) => plugin.url, (plugin, index) => html` -
    -
    - ${this.renderRemoveIcon(plugin.url, plugin.mwcicon, plugin.title, plugin.pluginNumber, plugin)} -
    - ${this.renderTitle(plugin.url, plugin.title)} -
    - `)} -
    -
    - add -
    - ${translate("tabmenu.tm19")} -
    -
    -
    - -
    -

    ${translate("tabmenu.tm26")}

    -

    -
    -

    - ${translate("tabmenu.tm24")} - -

    -

    - - -

    - - ${translate("tabmenu.tm19")} - - - ${translate("general.close")} - -     - -
    -

    ${translate("tabmenu.tm27")}

    -

    -
    -

    ${translate("tabmenu.tm23")}

    -

    ${this.removeTitle}

    - - ${translate("general.yes")} - - - ${translate("general.no")} - -     - -
    -
    - - - - -
    -

    -
    - - { - render(html`${this.renderNameAvatar(data.item)}`, root) - }} - > - - { - render(html`${data.item.name}`, root) - }} - > - - { - render(html`${this.renderMyFollowUnfollowButton(data.item)}`, root) - }} - > - - - ${this.isEmptyArray(this.searchNameResources) ? html` - ${translate("login.entername")} - `: ''} -
    -
    - -
    -     - -
    -

    ${translate("tabmenu.tm31")}

    -
    -
    -
    - - { - render(html`${this.renderNameAvatar(data.item)}`, root) - }} - > - - { - render(html`${data.item.name}`, root) - }} - > - - { - render(html`${this.renderMyFollowUnfollowButton(data.item)}`, root) - }} - > - - - ${this.isEmptyArray(this.myFollowedNamesList) ? html` - ${translate("tabmenu.tm32")} - `: ''} -
    -
    - - -
    -     - -
    -

    ${translate("tabmenu.tm33")}

    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("tabmenu.tm35")}
    -
    - - ${translate("general.close")} - -     - ` - } - - async firstUpdated() { - addPluginRoutes(parentEpml) - parentEpml.imReady() - - const addressInfo = this.addressInfo - const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0 - const isSponsor = +addressInfo?.level >= 5 - const appDelay = ms => new Promise(res => setTimeout(res, ms)) - - await appDelay(50) - - await this.checkMyMenuPlugins() - - if (!isMinter) { - this.newMenuList = this.myMenuPlugins.filter((minter) => { - return minter.url !== 'minting' - }) - } else { - this.newMenuList = this.myMenuPlugins.filter((minter) => { - return minter.url !== 'become-minter' - }) - } - - if (!isSponsor) { - this.myMenuList = this.newMenuList.filter((sponsor) => { - return sponsor.url !== 'sponsorship-list' - }) - } else { - this.myMenuList = this.newMenuList - } - - await this.getMyFollowedNames() - await this.getMyFollowedNamesList() - } - - async _updateMyMenuPlugins(event) { - await new Promise((res)=> { - setTimeout(() => { - res() - }, 1000); - }) this.myMenuPlugins = event.detail - const addressInfo = this.addressInfo - const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0 - const isSponsor = +addressInfo?.level >= 5 + const addressInfo = this.addressInfo + const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0 + const isSponsor = +addressInfo?.level >= 5 - if (!isMinter) { - this.newMenuList = this.myMenuPlugins.filter((minter) => { - return minter.url !== 'minting' - }) - } else { - this.newMenuList = this.myMenuPlugins.filter((minter) => { - return minter.url !== 'become-minter' - }) - } + if (!isMinter) { + this.newMenuList = this.myMenuPlugins.filter((minter) => { + return minter.url !== 'minting' + }) + } else { + this.newMenuList = this.myMenuPlugins.filter((minter) => { + return minter.url !== 'become-minter' + }) + } - if (!isSponsor) { - this.myMenuList = this.newMenuList.filter((sponsor) => { - return sponsor.url !== 'sponsorship-list' - }) - } else { - this.myMenuList = this.newMenuList - } + if (!isSponsor) { + this.myMenuList = this.newMenuList.filter((sponsor) => { + return sponsor.url !== 'sponsorship-list' + }) + } else { + this.myMenuList = this.newMenuList + } - this.requestUpdate() + this.requestUpdate() } connectedCallback() { super.connectedCallback() - window.addEventListener('myMenuPlugs-event', this._updateMyMenuPlugins) } + window.addEventListener('myMenuPlugs-event', this._updateMyMenuPlugins) + } disconnectedCallback() { window.removeEventListener('myMenuPlugs-event', this._updateMyMenuPlugins) super.disconnectedCallback() } - openImportDialog() { - this.shadowRoot.getElementById('importTabMenutDialog').show() - } + openImportDialog() { + this.shadowRoot.getElementById('importTabMenutDialog').show() + } - importTabMenu(file) { - this.myMenuPlugins = [] - let myFile = '' - localStorage.removeItem("myMenuPlugs") - myFile = file - const newTabMenu = JSON.parse((myFile) || "[]") - const copyPayload = [...newTabMenu] - localStorage.setItem("myMenuPlugs", JSON.stringify(newTabMenu)) - this.saveSettingToTemp(copyPayload) - this.shadowRoot.getElementById('importTabMenutDialog').close() - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - this.firstUpdated() + importTabMenu(file) { + let myFile = '' + myFile = file - let success5string = get("tabmenu.tm36") - parentEpml.request('showSnackBar', `${success5string}`) - } + this.myMenuPlugins = [] - exportTabMenu() { - let tabMenu = "" - const qortalTabMenu = JSON.stringify(localStorage.getItem("myMenuPlugs")) - const qortalTabMenuSave = JSON.parse((qortalTabMenu) || "[]") - const blob = new Blob([qortalTabMenuSave ], { type: 'text/plain;charset=utf-8' }) - tabMenu = "qortal.tabmenu" - this.saveFileToDisk(blob, tabMenu) - } + localStorage.removeItem('myMenuPlugs') - async saveFileToDisk(blob, fileName) { - try { - const fileHandle = await self.showSaveFilePicker({ - suggestedName: fileName, - types: [{ - description: "File", - }] - }) - const writeFile = async (fileHandle, contents) => { - const writable = await fileHandle.createWritable() - await writable.write(contents) - await writable.close() - } - writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) - let snack4string = get("tabmenu.tm37") - parentEpml.request('showSnackBar', `${snack4string} ${fileName}`) - } catch (error) { - if (error.name === 'AbortError') { - return - } - FileSaver.saveAs(blob, fileName) - let snack4string = get("tabmenu.tm37") - parentEpml.request('showSnackBar', `${snack4string} ${fileName}`) - } - } + const newTabMenu = JSON.parse((myFile) || '[]') + const copyPayload = [...newTabMenu] - openNameSearch() { - this.searchNameResources = [] - this.shadowRoot.getElementById('searchNameContent').value = '' - this.shadowRoot.getElementById('myFollowedNamesDialog').close() - this.shadowRoot.getElementById('searchNameDialog').open() - } + localStorage.setItem('myMenuPlugs', JSON.stringify(newTabMenu)) - closeNameSearch() { - this.shadowRoot.getElementById('searchNameDialog').close() - } + this.saveSettingToTemp(copyPayload) + this.shadowRoot.getElementById('importTabMenutDialog').close() + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + this.firstUpdated() - openMyFollowedNames() { - this.shadowRoot.getElementById('searchNameDialog').close() - this.shadowRoot.getElementById('myFollowedNamesDialog').open() - this.getMyFollowedNamesList() - } + let success5string = get('tabmenu.tm36') - closeMyFollowedNames() { - this.shadowRoot.getElementById('myFollowedNamesDialog').close() - } + parentEpml.request('showSnackBar', `${success5string}`) + } - async getMyFollowedNames() { + exportTabMenu() { + let tabMenu = '' + + const qortalTabMenu = JSON.stringify(localStorage.getItem('myMenuPlugs')) + const qortalTabMenuSave = JSON.parse((qortalTabMenu) || '[]') + const blob = new Blob([qortalTabMenuSave], { type: 'text/plain;charset=utf-8' }) + + tabMenu = 'qortal.tabmenu' + + this.saveFileToDisk(blob, tabMenu) + } + + async saveFileToDisk(blob, fileName) { + try { + const fileHandle = await self.showSaveFilePicker({ + suggestedName: fileName, + types: [{ + description: 'File' + }] + }) + + const writeFile = async (fileHandle, contents) => { + const writable = await fileHandle.createWritable() + + await writable.write(contents) + await writable.close() + } + + writeFile(fileHandle, blob).then(() => console.log('FILE SAVED')) + + let snack4string = get('tabmenu.tm37') + parentEpml.request('showSnackBar', `${snack4string} ${fileName}`) + } catch (error) { + if (error.name === 'AbortError') { + return + } + + FileSaver.saveAs(blob, fileName) + + let snack4string = get('tabmenu.tm37') + parentEpml.request('showSnackBar', `${snack4string} ${fileName}`) + } + } + + openNameSearch() { + this.searchNameResources = [] + this.shadowRoot.getElementById('searchNameContent').value = '' + this.shadowRoot.getElementById('myFollowedNamesDialog').close() + this.shadowRoot.getElementById('searchNameDialog').open() + } + + closeNameSearch() { + this.shadowRoot.getElementById('searchNameDialog').close() + } + + openMyFollowedNames() { + this.shadowRoot.getElementById('searchNameDialog').close() + this.shadowRoot.getElementById('myFollowedNamesDialog').open() + this.getMyFollowedNamesList() + } + + closeMyFollowedNames() { + this.shadowRoot.getElementById('myFollowedNamesDialog').close() + } + + async getMyFollowedNames() { this.myFollowedNames = await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.getApiKey()}` }) - } + } - searchNameKeyListener(e) { - if (e.key === 'Enter') { - this.searchNameResult() - } - } + searchNameKeyListener(e) { + if (e.key === 'Enter') { + this.searchNameResult() + } + } - async getMyFollowedNamesList() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const myNodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const followedNamesUrl = `${myNodeUrl}/lists/followedNames?apiKey=${this.getApiKey()}` + async getMyFollowedNamesList() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const myNodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const followedNamesUrl = `${myNodeUrl}/lists/followedNames?apiKey=${this.getApiKey()}` - var myFollowedNamesNew = [] + var myFollowedNamesNew = [] - this.myFollowedNamesList = [] + this.myFollowedNamesList = [] - await fetch(followedNamesUrl).then(response => { - return response.json() - }).then(data => { - return data.map(item => { - const addListName = { - name: item - } - myFollowedNamesNew.push(addListName) - }) - }) - this.myFollowedNamesList = myFollowedNamesNew - if(this.shadowRoot.getElementById('myFollowedNamesDialog').opened) { - this.shadowRoot.getElementById('myFollowedNamesDialog').notifyResize() - } - } + await fetch(followedNamesUrl).then(response => { + return response.json() + }).then(data => { + return data.map(item => { + const addListName = { + name: item + } + myFollowedNamesNew.push(addListName) + }) + }) - async searchNameResult() { - let searchMyName = this.shadowRoot.getElementById('searchNameContent').value - if (searchMyName.length === 0) { - let err1string = get("appspage.schange34") - parentEpml.request('showSnackBar', `${err1string}`) - } else { - let searchNameResources = await parentEpml.request('apiCall', { - url: `/names/search?query=${searchMyName}&prefix=true&limit=0&reverse=true` - }) - if (this.isEmptyArray(searchNameResources)) { - let err2string = get("appspage.schange17") - parentEpml.request('showSnackBar', `${err2string}`) - } else { - this.searchNameResources = searchNameResources - if(this.shadowRoot.getElementById('searchNameDialog').opened) { - this.shadowRoot.getElementById('searchNameDialog').notifyResize() - } - } - } - } + this.myFollowedNamesList = myFollowedNamesNew - renderNameAvatar(nameObj) { - let myName = nameObj.name - const myNameNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const myNodeUrl = myNameNode.protocol + '://' + myNameNode.domain + ':' + myNameNode.port - const nameUrl = `${myNodeUrl}/arbitrary/THUMBNAIL/${myName}/qortal_avatar?async=true` - return html`` - } + if (this.shadowRoot.getElementById('myFollowedNamesDialog').opened) { + this.shadowRoot.getElementById('myFollowedNamesDialog').notifyResize() + } + } - renderMyFollowUnfollowButton(nameObj) { - let name = nameObj.name + async searchNameResult() { + let searchMyName = this.shadowRoot.getElementById('searchNameContent').value - if (this.myFollowedNames == null || !Array.isArray(this.myFollowedNames)) { - return html`` - } + if (searchMyName.length === 0) { + let err1string = get('appspage.schange34') + parentEpml.request('showSnackBar', `${err1string}`) + } else { + let searchNameResources = await parentEpml.request('apiCall', { + url: `/names/search?query=${searchMyName}&prefix=true&limit=0&reverse=true` + }) - if (this.myFollowedNames.indexOf(name) === -1) { - return html` this.myFollowName(nameObj)}>add_to_queue ${translate("appspage.schange29")}` - } else { - return html` this.myUnfollowName(nameObj)}>remove_from_queue ${translate("appspage.schange30")}` - } - } + if (this.isEmptyArray(searchNameResources)) { + let err2string = get('appspage.schange17') + parentEpml.request('showSnackBar', `${err2string}`) + } else { + this.searchNameResources = searchNameResources - async myFollowName(nameObj) { - let name = nameObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + if (this.shadowRoot.getElementById('searchNameDialog').opened) { + this.shadowRoot.getElementById('searchNameDialog').notifyResize() + } + } + } + } - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) + renderNameAvatar(nameObj) { + let myName = nameObj.name - if (ret === true) { - this.myFollowedNames = this.myFollowedNames.filter(item => item != name) - this.myFollowedNames.push(name) - } else { - let err3string = get("appspage.schange22") - parentEpml.request('showSnackBar', `${err3string}`) - } - await this.getMyFollowedNamesList() - return ret - } + const myNameNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const myNameNodeUrl = myNameNode.protocol + '://' + myNameNode.domain + ':' + myNameNode.port + const nameUrl = `${myNameNodeUrl}/arbitrary/THUMBNAIL/${myName}/qortal_avatar?async=true` - async myUnfollowName(nameObj) { - let name = nameObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + return html`` + } - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) + renderMyFollowUnfollowButton(nameObj) { + let name = nameObj.name - if (ret === true) { - this.myFollowedNames = this.myFollowedNames.filter(item => item != name) - } else { - let err4string = get("appspage.schange23") - parentEpml.request('showSnackBar', `${err4string}`) - } - await this.getMyFollowedNamesList() - return ret - } + if (this.myFollowedNames == null || !Array.isArray(this.myFollowedNames)) { + return html`` + } - async checkMyMenuPlugins() { - const appDelay = ms => new Promise(res => setTimeout(res, ms)) + if (this.myFollowedNames.indexOf(name) === -1) { + return html` this.myFollowName(nameObj)}>add_to_queue ${translate("appspage.schange29")}` + } else { + return html` this.myUnfollowName(nameObj)}>remove_from_queue ${translate("appspage.schange30")}` + } + } - if (localStorage.getItem("myMenuPlugs") === null) { - await appDelay(1000) - const listOfPlugins = this.menuList.filter(plugin=> plugin.url !== "puzzles") - const addQapps = [...listOfPlugins, ...defaultQappsTabs] - const myObj = JSON.stringify(addQapps) - localStorage.setItem("myMenuPlugs", myObj) - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - } else { - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - } - } + async myFollowName(nameObj) { + let name = nameObj.name - resetMenu() { - localStorage.removeItem("myMenuPlugs") - this.firstUpdated() - } + let items = [ + name + ] - val() { - const theValue = this.shadowRoot.getElementById("pluginTypeInput").value + let namesJsonString = JSON.stringify({ 'items': items }) - if (theValue === "reject") { - this.textFieldDisabled = false - this.initialName = '' - this.mwcIcon = '' - } else if (theValue === "0") { - this.textFieldDisabled = false - this.initialName = '' - this.mwcIcon = '' - } else if (theValue === "1") { - this.textFieldDisabled = false - this.initialName = '' - this.mwcIcon = '' - } else if (theValue === 'overview-page') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Overview Page' - this.mwcIcon = 'home' - } else if (theValue === 'minting') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Minting Details' - this.mwcIcon = 'info_outline' - } else if (theValue === 'become-minter') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Become a Minter' - this.mwcIcon = 'thumb_up' - } else if (theValue === 'sponsorship-list') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Sponsorship List' - this.mwcIcon = 'format_list_numbered' - } else if (theValue === 'wallet') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Wallets' - this.mwcIcon = 'account_balance_wallet' - } else if (theValue === 'trade-portal') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Trade Portal' - this.mwcIcon = 'format_list_bulleted' - } else if (theValue === 'trade-bot-portal') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Auto Buy' - this.mwcIcon = 'shop' - } else if (theValue === 'reward-share') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Reward Share' - this.mwcIcon = 'ios_share' - } else if (theValue === 'q-chat') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Q-Chat' - this.mwcIcon = 'forum' - } else if (theValue === 'name-registration') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Name Registration' - this.mwcIcon = 'manage_accounts' - } else if (theValue === 'names-market') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Names Market' - this.mwcIcon = 'store' - } else if (theValue === 'websites') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Websites' - this.mwcIcon = 'desktop_mac' - } else if (theValue === 'qapps') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Q-Apps' - this.mwcIcon = 'apps' - } else if (theValue === 'group-management') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Group Management' - this.mwcIcon = 'group' - } else if (theValue === 'data-management') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Data Management' - this.mwcIcon = 'storage' - } else if (theValue === 'puzzles') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Puzzles' - this.mwcIcon = 'extension' - } else if (theValue === 'node-management') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Node Management' - this.mwcIcon = 'cloud' - } else if (theValue === 'lottery') { - this.mwcIcon = '' - this.initialName = '' - this.textFieldDisabled = true - this.initialName = 'Qortal Lottery' - this.mwcIcon = 'token' - } - } + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) - filterSelectMenu() { - const addressInfoSelect = this.addressInfo - const isMinterSelect = addressInfoSelect?.error !== 124 && +addressInfoSelect?.level > 0 - const isSponsorSelect = +addressInfoSelect?.level >= 5 + if (ret === true) { + this.myFollowedNames = this.myFollowedNames.filter(item => item != name) + this.myFollowedNames.push(name) + } else { + let err3string = get('appspage.schange22') + parentEpml.request('showSnackBar', `${err3string}`) + } - if (!isMinterSelect) { - return html` - - - - - - - - - - - - - - - - + await this.getMyFollowedNamesList() + + return ret + } + + async myUnfollowName(nameObj) { + let name = nameObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + this.myFollowedNames = this.myFollowedNames.filter(item => item != name) + } else { + let err4string = get('appspage.schange23') + parentEpml.request('showSnackBar', `${err4string}`) + } + + await this.getMyFollowedNamesList() + + return ret + } + + async checkMyMenuPlugins() { + const appDelay = ms => new Promise(res => setTimeout(res, ms)) + + if (localStorage.getItem('myMenuPlugs') === null) { + await appDelay(500) + + const listOfPlugins = this.menuList.filter(plugin => plugin.url !== 'puzzles') + const addQapps = [...listOfPlugins, ...defaultQappsTabs] + const myObj = JSON.stringify(addQapps) + + localStorage.setItem('myMenuPlugs', myObj) + + await appDelay(250) + + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + } else { + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + } + } + + resetMenu() { + localStorage.removeItem('myMenuPlugs') + this.firstUpdated() + } + + val() { + const theValue = this.shadowRoot.getElementById('pluginTypeInput').value + + if (theValue === 'reject') { + this.textFieldDisabled = false + this.initialName = '' + this.mwcIcon = '' + } else if (theValue === '0') { + this.textFieldDisabled = false + this.initialName = '' + this.mwcIcon = '' + } else if (theValue === '1') { + this.textFieldDisabled = false + this.initialName = '' + this.mwcIcon = '' + } else if (theValue === 'overview-page') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Overview Page' + this.mwcIcon = 'home' + } else if (theValue === 'minting') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Minting Details' + this.mwcIcon = 'info_outline' + } else if (theValue === 'become-minter') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Become a Minter' + this.mwcIcon = 'thumb_up' + } else if (theValue === 'sponsorship-list') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Sponsorship List' + this.mwcIcon = 'format_list_numbered' + } else if (theValue === 'wallet') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Wallets' + this.mwcIcon = 'account_balance_wallet' + } else if (theValue === 'trade-portal') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Trade Portal' + this.mwcIcon = 'format_list_bulleted' + } else if (theValue === 'trade-bot-portal') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Auto Buy' + this.mwcIcon = 'shop' + } else if (theValue === 'reward-share') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Reward Share' + this.mwcIcon = 'ios_share' + } else if (theValue === 'q-chat') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Q-Chat' + this.mwcIcon = 'forum' + } else if (theValue === 'name-registration') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Name Registration' + this.mwcIcon = 'manage_accounts' + } else if (theValue === 'names-market') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Names Market' + this.mwcIcon = 'store' + } else if (theValue === 'websites') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Websites' + this.mwcIcon = 'desktop_mac' + } else if (theValue === 'qapps') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Q-Apps' + this.mwcIcon = 'apps' + } else if (theValue === 'group-management') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Group Management' + this.mwcIcon = 'group' + } else if (theValue === 'data-management') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Data Management' + this.mwcIcon = 'storage' + } else if (theValue === 'puzzles') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Puzzles' + this.mwcIcon = 'extension' + } else if (theValue === 'node-management') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Node Management' + this.mwcIcon = 'cloud' + } else if (theValue === 'lottery') { + this.mwcIcon = '' + this.initialName = '' + this.textFieldDisabled = true + this.initialName = 'Qortal Lottery' + this.mwcIcon = 'token' + } + } + + filterSelectMenu() { + const addressInfoSelect = this.addressInfo + const isMinterSelect = addressInfoSelect?.error !== 124 && +addressInfoSelect?.level > 0 + const isSponsorSelect = +addressInfoSelect?.level >= 5 + + if (!isMinterSelect) { + return html` + + + + + + + + + + + + + + + + + ` + } else if (isMinterSelect && isSponsorSelect) { + return html` + + + + + + + + + + + + + + + + + + ` + } else { + return html` + + + + + + + + + + + + + + + + ` - } else if (isMinterSelect && isSponsorSelect) { - return html` - - - - - - - - - - - - - - - - - - ` - } else { - return html` - - - - - - - - - - - - - - - - - ` - } - } + } + } - openAddNewPlugin() { - this.shadowRoot.getElementById("pluginTypeInput").value = 'reject' - this.shadowRoot.getElementById("pluginNameInput").value = '' - this.initialName = '' - this.textFieldDisabled = false - this.shadowRoot.querySelector('#addNewPlugin').show() - } + openAddNewPlugin() { + this.shadowRoot.getElementById('pluginTypeInput').value = 'reject' + this.shadowRoot.getElementById('pluginNameInput').value = '' + this.initialName = '' + this.textFieldDisabled = false + this.shadowRoot.querySelector('#addNewPlugin').show() + } - async addToMyMenuPlugins() { - this.newId = '' - const newUid = new ShortUniqueId({ length: 10 }) - this.newId = 'plugin-' + newUid.rnd() + async addToMyMenuPlugins() { + this.newId = '' - this.pluginType = this.shadowRoot.getElementById("pluginTypeInput").value + const newUid = new ShortUniqueId({ length: 10 }) - if (this.pluginType === "reject") { - let myplugerr = get("tabmenu.tm25") - parentEpml.request('showSnackBar', `${myplugerr}`) - return false - } else if (this.pluginType === "0") { - this.mwcIcon = '' - this.pluginName = this.shadowRoot.getElementById('pluginNameInput').value + this.newId = 'plugin-' + newUid.rnd() - if (this.pluginName === "Q-Blog") { - this.mwcIcon = 'rss_feed' - } else if (this.pluginName === "Q-Mail") { - this.mwcIcon = 'mail' - } else { - this.mwcIcon = 'apps' - } + this.pluginType = this.shadowRoot.getElementById('pluginTypeInput').value - var oldMenuPlugs = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") + if (this.pluginType === 'reject') { + let myplugerr = get('tabmenu.tm25') + parentEpml.request('showSnackBar', `${myplugerr}`) - const newMenuPlugsItem = { - "url": "myapp", - "domain": "core", - "page": `qdn/browser/index.html?name=${this.pluginName}&service=APP`, - "title": this.pluginName, - "icon": "vaadin:external-browser", - "mwcicon": this.mwcIcon, - "pluginNumber": this.newId, - "menus": [], - "parent": false - } + return false + } else if (this.pluginType === '0') { + this.mwcIcon = '' + this.pluginName = this.shadowRoot.getElementById('pluginNameInput').value - const validatePluginName = async () => { - if (this.pluginType === "0" && this.pluginName.length == 0) { - let myplugstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${myplugstring1}`) - return false - } + if (this.pluginName === 'Q-Blog') { + this.mwcIcon = 'rss_feed' + } else if (this.pluginName === 'Q-Mail') { + this.mwcIcon = 'mail' + } else { + this.mwcIcon = 'apps' + } - let myPluginName = false - this.myPluginNameRes = [] + var oldMenuPlugs = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') - await parentEpml.request('apiCall', { - url: `/arbitrary/resources/search?service=APP&query=${this.pluginName}&exactmatchnames=true&limit=1` - }).then(res => { - this.myPluginNameRes = res - }) + const newMenuPlugsItem = { + 'url': 'myapp', + 'domain': 'core', + 'page': `qdn/browser/index.html?name=${this.pluginName}&service=APP`, + 'title': this.pluginName, + 'icon': 'vaadin:external-browser', + 'mwcicon': this.mwcIcon, + 'pluginNumber': this.newId, + 'menus': [], + 'parent': false + } - myPluginName = !(this.myPluginNameRes === undefined || this.myPluginNameRes.length == 0); - return myPluginName - } + const validatePluginName = async () => { + if (this.pluginType === '0' && this.pluginName.length == 0) { + let myplugstring1 = get('walletpage.wchange50') + parentEpml.request('showSnackBar', `${myplugstring1}`) + return false + } - let myNameRes = await validatePluginName() + let myPluginName = false - if (myNameRes !== false) { - oldMenuPlugs.push(newMenuPlugsItem) - const copyPayload = [...oldMenuPlugs] + this.myPluginNameRes = [] - localStorage.setItem("myMenuPlugs", JSON.stringify(oldMenuPlugs)) - this.saveSettingToTemp(copyPayload) + await parentEpml.request('apiCall', { + url: `/arbitrary/resources/search?service=APP&query=${this.pluginName}&exactmatchnames=true&limit=1` + }).then(res => { + this.myPluginNameRes = res + }) - let myplugstring2 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${myplugstring2}`) + myPluginName = !(this.myPluginNameRes === undefined || this.myPluginNameRes.length == 0) - this.closeAddNewPlugin() + return myPluginName + } - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - this.firstUpdated() - } else { - let myplugstring3 = get("websitespage.schange17") - parentEpml.request('showSnackBar', `${myplugstring3}`) - return false - } - } else if (this.pluginType === "1") { - this.mwcIcon = '' - this.pluginName = this.shadowRoot.getElementById('pluginNameInput').value + let myNameRes = await validatePluginName() - this.mwcIcon = 'web' + if (myNameRes !== false) { + oldMenuPlugs.push(newMenuPlugsItem) - var oldMenuPlugs = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") + const copyPayload = [...oldMenuPlugs] - const newMenuPlugsItem = { - "url": "myapp", - "domain": "core", - "page": `qdn/browser/index.html?name=${this.pluginName}&service=WEBSITE`, - "title": this.pluginName, - "icon": "vaadin:external-browser", - "mwcicon": this.mwcIcon, - "pluginNumber": this.newId, - "menus": [], - "parent": false - } + localStorage.setItem('myMenuPlugs', JSON.stringify(oldMenuPlugs)) - const validatePluginName = async () => { - if (this.pluginType === "1" && this.pluginName.length == 0) { - let myplugstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${myplugstring1}`) - return false - } + this.saveSettingToTemp(copyPayload) - let myPluginName = false - this.myPluginNameRes = [] + let myplugstring2 = get('walletpage.wchange52') - await parentEpml.request('apiCall', { - url: `/arbitrary/resources/search?service=WEBSITE&query=${this.pluginName}&exactmatchnames=true&limit=1` - }).then(res => { - this.myPluginNameRes = res - }) + parentEpml.request('showSnackBar', `${myplugstring2}`) - myPluginName = !(this.myPluginNameRes === undefined || this.myPluginNameRes.length == 0); - return myPluginName - } + this.closeAddNewPlugin() + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + this.firstUpdated() + } else { + let myplugstring3 = get('websitespage.schange17') + parentEpml.request('showSnackBar', `${myplugstring3}`) - let myNameRes = await validatePluginName() + return false + } + } else if (this.pluginType === '1') { + this.mwcIcon = '' - if (myNameRes !== false) { - oldMenuPlugs.push(newMenuPlugsItem) - const copyPayload = [...oldMenuPlugs] + this.pluginName = this.shadowRoot.getElementById('pluginNameInput').value - localStorage.setItem("myMenuPlugs", JSON.stringify(oldMenuPlugs)) - this.saveSettingToTemp(copyPayload) - let myplugstring2 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${myplugstring2}`) + this.mwcIcon = 'web' - this.closeAddNewPlugin() + var oldMenuPlugs = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - this.firstUpdated() - } else { - let myplugstring3 = get("websitespage.schange17") - parentEpml.request('showSnackBar', `${myplugstring3}`) - return false - } - } else { - this.pluginPage = '' - if (this.pluginType === 'overview-page') { - this.pluginPage = 'overview-page/index.html' - } else if (this.pluginType === 'minting') { - this.pluginPage = 'minting/index.html' - } else if (this.pluginType === 'become-minter') { - this.pluginPage = 'become-minter/index.html' - } else if (this.pluginType === 'sponsorship-list') { - this.pluginPage = 'sponsorship-list/index.html' - } else if (this.pluginType === 'wallet') { - this.pluginPage = 'wallet/index.html' - } else if (this.pluginType === 'trade-portal') { - this.pluginPage = 'trade-portal/index.html' - } else if (this.pluginType === 'trade-bot-portal') { - this.pluginPage = 'trade-bot/index.html' - } else if (this.pluginType === 'reward-share') { - this.pluginPage = 'reward-share/index.html' - } else if (this.pluginType === 'q-chat') { - this.pluginPage = 'messaging/q-chat/index.html' - } else if (this.pluginType === 'name-registration') { - this.pluginPage = 'name-registration/index.html' - } else if (this.pluginType === 'names-market') { - this.pluginPage = 'names-market/index.html' - } else if (this.pluginType === 'websites') { - this.pluginPage = 'qdn/index.html' - } else if (this.pluginType === 'qapps') { - this.pluginPage = 'q-app/index.html' - } else if (this.pluginType === 'group-management') { - this.pluginPage = 'group-management/index.html' - } else if (this.pluginType === 'data-management') { - this.pluginPage = 'qdn/data-management/index.html' - } else if (this.pluginType === 'puzzles') { - this.pluginPage = 'puzzles/index.html' - } else if (this.pluginType === 'node-management') { - this.pluginPage = 'node-management/index.html' - } else if (this.pluginType === 'lottery') { - this.pluginPage = 'qortal-lottery/index.html' - } + const newMenuPlugsItem = { + 'url': 'myapp', + 'domain': 'core', + 'page': `qdn/browser/index.html?name=${this.pluginName}&service=WEBSITE`, + 'title': this.pluginName, + 'icon': 'vaadin:external-browser', + 'mwcicon': this.mwcIcon, + 'pluginNumber': this.newId, + 'menus': [], + 'parent': false + } - var oldMenuPlugs = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") + const validatePluginName = async () => { + if (this.pluginType === '1' && this.pluginName.length == 0) { + let myplugstring1 = get('walletpage.wchange50') + parentEpml.request('showSnackBar', `${myplugstring1}`) - const newMenuPlugsItem = { - "url": this.pluginType, - "domain": "core", - "page": this.pluginPage, - "title": this.initialName, - "icon": "vaadin:external-browser", - "mwcicon": this.mwcIcon, - "pluginNumber": this.newId, - "menus": [], - "parent": false - } + return false + } - oldMenuPlugs.push(newMenuPlugsItem) - const copyPayload = [...oldMenuPlugs] + let myPluginName = false - localStorage.setItem("myMenuPlugs", JSON.stringify(oldMenuPlugs)) - this.saveSettingToTemp(copyPayload) - let myplugstring2 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${myplugstring2}`) + this.myPluginNameRes = [] - this.closeAddNewPlugin() + await parentEpml.request('apiCall', { + url: `/arbitrary/resources/search?service=WEBSITE&query=${this.pluginName}&exactmatchnames=true&limit=1` + }).then(res => { + this.myPluginNameRes = res + }) - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - this.firstUpdated() - } - } + myPluginName = !(this.myPluginNameRes === undefined || this.myPluginNameRes.length == 0) - closeAddNewPlugin() { - this.shadowRoot.querySelector('#addNewPlugin').close() - this.shadowRoot.getElementById("pluginTypeInput").value = 'reject' - this.shadowRoot.getElementById("pluginNameInput").value = '' - this.initialName = '' - this.textFieldDisabled = false - } + return myPluginName + } - renderTitle(theUrl, theName) { - if (theUrl === 'overview-page') { - return html`${translate('tabmenu.tm28')}` - } else if (theUrl === 'minting') { - return html`${translate('tabmenu.tm1')}` - } else if (theUrl === 'become-minter') { - return html`${translate('tabmenu.tm2')}` - } else if (theUrl === 'sponsorship-list') { - return html`${translate('tabmenu.tm3')}` - } else if (theUrl === 'wallet') { - return html`${translate('tabmenu.tm4')}` - } else if (theUrl === 'trade-portal') { - return html`${translate('tabmenu.tm5')}` - } else if (theUrl === 'trade-bot-portal') { - return html`${translate('tabmenu.tm6')}` - } else if (theUrl === 'reward-share') { - return html`${translate('tabmenu.tm7')}` - } else if (theUrl === 'q-chat') { - return html`${translate('tabmenu.tm8')}` - } else if (theUrl === 'name-registration') { - return html`${translate('tabmenu.tm9')}` - } else if (theUrl === 'names-market') { - return html`${translate('tabmenu.tm10')}` - } else if (theUrl === 'websites') { - return html`${translate('tabmenu.tm11')}` - } else if (theUrl === 'qapps') { - return html`${translate('tabmenu.tm12')}` - } else if (theUrl === 'group-management') { - return html`${translate('tabmenu.tm13')}` - } else if (theUrl === 'data-management') { - return html`${translate('tabmenu.tm14')}` - } else if (theUrl === 'puzzles') { - return html`${translate('tabmenu.tm15')}` - } else if (theUrl === 'node-management') { - return html`${translate('tabmenu.tm16')}` - } else if (theUrl === 'lottery') { - return html`${translate('tabmenu.tm42')}` - } else { - return html`${theName}` - } - } + let myNameRes = await validatePluginName() - renderRemoveIcon(appurl, appicon, appname, appid, appplugin) { - return html` + if (myNameRes !== false) { + oldMenuPlugs.push(newMenuPlugsItem) -
    -
    - backspace -
    - ${appurl === 'myapp' ? html` - - ` : html` - ${appicon} + const copyPayload = [...oldMenuPlugs] - `} -
    - ` - } + localStorage.setItem('myMenuPlugs', JSON.stringify(oldMenuPlugs)) - openRemoveApp(pluginNameTD, pluginNumberTD, pluginUrlTD) { - this.pluginNameToDelete = '' - this.pluginNameToDelete = pluginNameTD - this.pluginNumberToDelete = '' - this.pluginNumberToDelete = pluginNumberTD - this.removeTitle = '' - if (pluginUrlTD === 'overview-page') { - this.removeTitle = html`${translate('tabmenu.tm28')}` - } else if (pluginUrlTD === 'minting') { - this.removeTitle = html`${translate('tabmenu.tm1')}` - } else if (pluginUrlTD === 'become-minter') { - this.removeTitle = html`${translate('tabmenu.tm2')}` - } else if (pluginUrlTD === 'sponsorship-list') { - this.removeTitle = html`${translate('tabmenu.tm3')}` - } else if (pluginUrlTD === 'wallet') { - this.removeTitle = html`${translate('tabmenu.tm4')}` - } else if (pluginUrlTD === 'trade-portal') { - this.removeTitle = html`${translate('tabmenu.tm5')}` - } else if (pluginUrlTD === 'trade-bot-portal') { - this.removeTitle = html`${translate('tabmenu.tm6')}` - } else if (pluginUrlTD === 'reward-share') { - this.removeTitle = html`${translate('tabmenu.tm7')}` - } else if (pluginUrlTD === 'q-chat') { - this.removeTitle = html`${translate('tabmenu.tm8')}` - } else if (pluginUrlTD === 'name-registration') { - this.removeTitle = html`${translate('tabmenu.tm9')}` - } else if (pluginUrlTD === 'names-market') { - this.removeTitle = html`${translate('tabmenu.tm10')}` - } else if (pluginUrlTD === 'websites') { - this.removeTitle = html`${translate('tabmenu.tm11')}` - } else if (pluginUrlTD === 'qapps') { - this.removeTitle = html`${translate('tabmenu.tm12')}` - } else if (pluginUrlTD === 'group-management') { - this.removeTitle = html`${translate('tabmenu.tm13')}` - } else if (pluginUrlTD === 'data-management') { - this.removeTitle = html`${translate('tabmenu.tm14')}` - } else if (pluginUrlTD === 'puzzles') { - this.removeTitle = html`${translate('tabmenu.tm15')}` - } else if (pluginUrlTD === 'node-management') { - this.removeTitle = html`${translate('tabmenu.tm16')}` - } else if (pluginUrlTD === 'lottery') { - this.removeTitle = html`${translate('tabmenu.tm42')}` - } else { - this.removeTitle = html`${pluginNameTD}` - } - this.shadowRoot.querySelector('#removePlugin').show() - } + this.saveSettingToTemp(copyPayload) - removeAppFromArray() { - const pluginToRemove = this.pluginNumberToDelete - this.newMenuFilter = [] - this.newMenuFilter = this.myMenuList.filter((item) => item.pluginNumber !== pluginToRemove) - const copyPayload = [...this.newMenuFilter] + let myplugstring2 = get('walletpage.wchange52') - const myNewObj = JSON.stringify(this.newMenuFilter) - localStorage.removeItem("myMenuPlugs") - localStorage.setItem("myMenuPlugs", myNewObj) - this.saveSettingToTemp(copyPayload) - this.myMenuPlugins = JSON.parse(localStorage.getItem("myMenuPlugs") || "[]") - this.firstUpdated() - this.closeRemoveApp() - } + parentEpml.request('showSnackBar', `${myplugstring2}`) + + this.closeAddNewPlugin() + + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + this.firstUpdated() + } else { + let myplugstring3 = get('websitespage.schange17') + parentEpml.request('showSnackBar', `${myplugstring3}`) + + return false + } + } else { + this.pluginPage = '' + + if (this.pluginType === 'overview-page') { + this.pluginPage = 'overview-page/index.html' + } else if (this.pluginType === 'minting') { + this.pluginPage = 'minting/index.html' + } else if (this.pluginType === 'become-minter') { + this.pluginPage = 'become-minter/index.html' + } else if (this.pluginType === 'sponsorship-list') { + this.pluginPage = 'sponsorship-list/index.html' + } else if (this.pluginType === 'wallet') { + this.pluginPage = 'wallet/index.html' + } else if (this.pluginType === 'trade-portal') { + this.pluginPage = 'trade-portal/index.html' + } else if (this.pluginType === 'trade-bot-portal') { + this.pluginPage = 'trade-bot/index.html' + } else if (this.pluginType === 'reward-share') { + this.pluginPage = 'reward-share/index.html' + } else if (this.pluginType === 'q-chat') { + this.pluginPage = 'messaging/q-chat/index.html' + } else if (this.pluginType === 'name-registration') { + this.pluginPage = 'name-registration/index.html' + } else if (this.pluginType === 'names-market') { + this.pluginPage = 'names-market/index.html' + } else if (this.pluginType === 'websites') { + this.pluginPage = 'qdn/index.html' + } else if (this.pluginType === 'qapps') { + this.pluginPage = 'q-app/index.html' + } else if (this.pluginType === 'group-management') { + this.pluginPage = 'group-management/index.html' + } else if (this.pluginType === 'data-management') { + this.pluginPage = 'qdn/data-management/index.html' + } else if (this.pluginType === 'puzzles') { + this.pluginPage = 'puzzles/index.html' + } else if (this.pluginType === 'node-management') { + this.pluginPage = 'node-management/index.html' + } else if (this.pluginType === 'lottery') { + this.pluginPage = 'qortal-lottery/index.html' + } + + var oldMenuPlugs = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + + const newMenuPlugsItem = { + 'url': this.pluginType, + 'domain': 'core', + 'page': this.pluginPage, + 'title': this.initialName, + 'icon': 'vaadin:external-browser', + 'mwcicon': this.mwcIcon, + 'pluginNumber': this.newId, + 'menus': [], + 'parent': false + } + + oldMenuPlugs.push(newMenuPlugsItem) + + const copyPayload = [...oldMenuPlugs] + + localStorage.setItem('myMenuPlugs', JSON.stringify(oldMenuPlugs)) + + this.saveSettingToTemp(copyPayload) + + let myplugstring2 = get('walletpage.wchange52') + + parentEpml.request('showSnackBar', `${myplugstring2}`) + + this.closeAddNewPlugin() + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + this.firstUpdated() + } + } + + closeAddNewPlugin() { + this.shadowRoot.querySelector('#addNewPlugin').close() + this.shadowRoot.getElementById('pluginTypeInput').value = 'reject' + this.shadowRoot.getElementById('pluginNameInput').value = '' + this.initialName = '' + this.textFieldDisabled = false + } + + renderTitle(theUrl, theName) { + if (theUrl === 'overview-page') { + return html`${translate('tabmenu.tm28')}` + } else if (theUrl === 'minting') { + return html`${translate('tabmenu.tm1')}` + } else if (theUrl === 'become-minter') { + return html`${translate('tabmenu.tm2')}` + } else if (theUrl === 'sponsorship-list') { + return html`${translate('tabmenu.tm3')}` + } else if (theUrl === 'wallet') { + return html`${translate('tabmenu.tm4')}` + } else if (theUrl === 'trade-portal') { + return html`${translate('tabmenu.tm5')}` + } else if (theUrl === 'trade-bot-portal') { + return html`${translate('tabmenu.tm6')}` + } else if (theUrl === 'reward-share') { + return html`${translate('tabmenu.tm7')}` + } else if (theUrl === 'q-chat') { + return html`${translate('tabmenu.tm8')}` + } else if (theUrl === 'name-registration') { + return html`${translate('tabmenu.tm9')}` + } else if (theUrl === 'names-market') { + return html`${translate('tabmenu.tm10')}` + } else if (theUrl === 'websites') { + return html`${translate('tabmenu.tm11')}` + } else if (theUrl === 'qapps') { + return html`${translate('tabmenu.tm12')}` + } else if (theUrl === 'group-management') { + return html`${translate('tabmenu.tm13')}` + } else if (theUrl === 'data-management') { + return html`${translate('tabmenu.tm14')}` + } else if (theUrl === 'puzzles') { + return html`${translate('tabmenu.tm15')}` + } else if (theUrl === 'node-management') { + return html`${translate('tabmenu.tm16')}` + } else if (theUrl === 'lottery') { + return html`${translate('tabmenu.tm42')}` + } else { + return html`${theName}` + } + } + + renderRemoveIcon(appurl, appicon, appname, appid, appplugin) { + return html` +
    +
    + backspace +
    + ${appurl === 'myapp' ? + html` + + ` : html` + ${appicon} + ` + } +
    + ` + } + + openRemoveApp(pluginNameTD, pluginNumberTD, pluginUrlTD) { + this.pluginNameToDelete = '' + this.pluginNameToDelete = pluginNameTD + this.pluginNumberToDelete = '' + this.pluginNumberToDelete = pluginNumberTD + this.removeTitle = '' + + if (pluginUrlTD === 'overview-page') { + this.removeTitle = html`${translate('tabmenu.tm28')}` + } else if (pluginUrlTD === 'minting') { + this.removeTitle = html`${translate('tabmenu.tm1')}` + } else if (pluginUrlTD === 'become-minter') { + this.removeTitle = html`${translate('tabmenu.tm2')}` + } else if (pluginUrlTD === 'sponsorship-list') { + this.removeTitle = html`${translate('tabmenu.tm3')}` + } else if (pluginUrlTD === 'wallet') { + this.removeTitle = html`${translate('tabmenu.tm4')}` + } else if (pluginUrlTD === 'trade-portal') { + this.removeTitle = html`${translate('tabmenu.tm5')}` + } else if (pluginUrlTD === 'trade-bot-portal') { + this.removeTitle = html`${translate('tabmenu.tm6')}` + } else if (pluginUrlTD === 'reward-share') { + this.removeTitle = html`${translate('tabmenu.tm7')}` + } else if (pluginUrlTD === 'q-chat') { + this.removeTitle = html`${translate('tabmenu.tm8')}` + } else if (pluginUrlTD === 'name-registration') { + this.removeTitle = html`${translate('tabmenu.tm9')}` + } else if (pluginUrlTD === 'names-market') { + this.removeTitle = html`${translate('tabmenu.tm10')}` + } else if (pluginUrlTD === 'websites') { + this.removeTitle = html`${translate('tabmenu.tm11')}` + } else if (pluginUrlTD === 'qapps') { + this.removeTitle = html`${translate('tabmenu.tm12')}` + } else if (pluginUrlTD === 'group-management') { + this.removeTitle = html`${translate('tabmenu.tm13')}` + } else if (pluginUrlTD === 'data-management') { + this.removeTitle = html`${translate('tabmenu.tm14')}` + } else if (pluginUrlTD === 'puzzles') { + this.removeTitle = html`${translate('tabmenu.tm15')}` + } else if (pluginUrlTD === 'node-management') { + this.removeTitle = html`${translate('tabmenu.tm16')}` + } else if (pluginUrlTD === 'lottery') { + this.removeTitle = html`${translate('tabmenu.tm42')}` + } else { + this.removeTitle = html`${pluginNameTD}` + } + + this.shadowRoot.querySelector('#removePlugin').show() + } + + removeAppFromArray() { + const pluginToRemove = this.pluginNumberToDelete + + this.newMenuFilter = [] + this.newMenuFilter = this.myMenuList.filter((item) => item.pluginNumber !== pluginToRemove) + + const copyPayload = [...this.newMenuFilter] + const myNewObj = JSON.stringify(this.newMenuFilter) + + localStorage.removeItem('myMenuPlugs') + localStorage.setItem('myMenuPlugs', myNewObj) + + this.saveSettingToTemp(copyPayload) + this.myMenuPlugins = JSON.parse(localStorage.getItem('myMenuPlugs') || '[]') + this.firstUpdated() + this.closeRemoveApp() + } + + saveSettingToTemp(data) { + const tempSettingsData = JSON.parse(localStorage.getItem('temp-settings-data') || '{}') - saveSettingToTemp(data){ - const tempSettingsData= JSON.parse(localStorage.getItem('temp-settings-data') || "{}") const newTemp = { ...tempSettingsData, myMenuPlugs: { @@ -2289,286 +1803,300 @@ class NavBar extends connect(store)(LitElement) { } } - localStorage.setItem('temp-settings-data', JSON.stringify(newTemp)); + localStorage.setItem('temp-settings-data', JSON.stringify(newTemp)) + this.dispatchEvent( new CustomEvent('temp-settings-data-event', { - bubbles: true, - composed: true - }), - ); - } + bubbles: true, + composed: true + }) + ) + } - closeRemoveApp() { - this.shadowRoot.querySelector('#removePlugin').close() - this.pluginNameToDelete = '' - this.pluginNumberToDelete = '' - } + closeRemoveApp() { + this.shadowRoot.querySelector('#removePlugin').close() + this.pluginNameToDelete = '' + this.pluginNumberToDelete = '' + } - async extractComponents(url) { - if (!url.startsWith("qortal://")) { - return null - } + async extractComponents(url) { + if (!url.startsWith('qortal://')) { + return null + } - url = url.replace(/^(qortal\:\/\/)/, "") - if (url.includes("/")) { - let parts = url.split("/") - const service = parts[0].toUpperCase() - parts.shift() - const name = parts[0] - parts.shift() - let identifier + url = url.replace(/^(qortal\:\/\/)/, '') - if (parts.length > 0) { - identifier = parts[0] // Do not shift yet - // Check if a resource exists with this service, name and identifier combination - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${myNode.apiKey}}` + if (url.includes('/')) { + let parts = url.split('/') - const res = await fetch(url); - const data = await res.json(); - if (data.totalChunkCount > 0) { - // Identifier exists, so don't include it in the path - parts.shift() - } - else { - identifier = null - } - } + const service = parts[0].toUpperCase() - const path = parts.join("/") + parts.shift() - const components = {} - components["service"] = service - components["name"] = name - components["identifier"] = identifier - components["path"] = path - return components - } - return null - } + const name = parts[0] - async getQuery(value) { - let newQuery = value - if (newQuery.endsWith('/')) { - newQuery = newQuery.slice(0, -1) - } - const res = await this.extractComponents(newQuery) - if (!res) return - const { service, name, identifier, path } = res - let query = `?service=${service}` - if (name) { - query = query + `&name=${name}` - } - if (identifier) { - query = query + `&identifier=${identifier}` - } - if (path) { - query = query + `&path=${path}` - } + parts.shift() - if (service === "APP") { - this.changePage({ - "url": "myapp", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": name || "Q-App", - "icon": "vaadin:external-browser", - "mwcicon": "open_in_browser", - "menus": [], - "parent": false - }) - } else if (service === "WEBSITE") { - this.changePage({ - "url": "myapp", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": name || "Website", - "icon": "vaadin:desktop", - "mwcicon": "desktop_mac", - "menus": [], - "parent": false - }) - } - } + let identifier - async handlePasteLink(e) { - try { - const value = this.shadowRoot.getElementById('linkInput').value - await this.getQuery(value) - } catch (error) { - } - } + if (parts.length > 0) { + // Do not shift yet + identifier = parts[0] - async _handleKeyDown(e) { - if (e.key === 'Enter') { - try { - const value = this.shadowRoot.getElementById('linkInput').value - await this.getQuery(value) - } catch (error) { - } - } - } + // Check if a resource exists with this service, name and identifier combination + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${myNode.apiKey}}` + const res = await fetch(url) + const data = await res.json() - getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + if (data.totalChunkCount > 0) { + // Identifier exists, so don't include it in the path + parts.shift() + } else { + identifier = null + } + } + + const path = parts.join('/') + const components = {} + components['service'] = service + components['name'] = name + components['identifier'] = identifier + components['path'] = path + + return components + } + + return null + } + + async getQuery(value) { + let newQuery = value + + if (newQuery.endsWith('/')) { + newQuery = newQuery.slice(0, -1) + } + + const res = await this.extractComponents(newQuery) + + if (!res) return + + const { service, name, identifier, path } = res + + let query = `?service=${service}` + + if (name) { + query = query + `&name=${name}` + } + + if (identifier) { + query = query + `&identifier=${identifier}` + } + + if (path) { + query = query + `&path=${path}` + } + + if (service === 'APP') { + this.changePage({ + 'url': 'myapp', + 'domain': 'core', + 'page': `qdn/browser/index.html${query}`, + 'title': name || 'Q-App', + 'icon': 'vaadin:external-browser', + 'mwcicon': 'open_in_browser', + 'menus': [], + 'parent': false + }) + } else if (service === 'WEBSITE') { + this.changePage({ + 'url': 'myapp', + 'domain': 'core', + 'page': `qdn/browser/index.html${query}`, + 'title': name || 'Website', + 'icon': 'vaadin:desktop', + 'mwcicon': 'desktop_mac', + 'menus': [], + 'parent': false + }) + } + } + + async handlePasteLink(e) { + try { + const value = this.shadowRoot.getElementById('linkInput').value + await this.getQuery(value) + } catch (error) { } + } + + async _handleKeyDown(e) { + if (e.key === 'Enter') { + try { + const value = this.shadowRoot.getElementById('linkInput').value + await this.getQuery(value) + } catch (error) { } + } + } + + getApiKey() { + const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] return apiNode.apiKey - } + } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - stateChanged(state) { - this.menuList = state.app.registeredUrls - this.addressInfo = state.app.accountInfo.addressInfo - } + stateChanged(state) { + this.menuList = state.app.registeredUrls + this.addressInfo = state.app.accountInfo.addressInfo + } } -customElements.define('nav-bar', NavBar) +window.customElements.define('nav-bar', NavBar) +class AppAvatar extends connect(store)(LitElement) { + static get properties() { + return { + hasAvatar: { type: Boolean }, + isImageLoaded: { type: Boolean }, + appicon: { type: String }, + appname: { type: String } + } + } -class AppAvatar extends LitElement { - static get properties() { - return { - hasAvatar: { type: Boolean }, - isImageLoaded: {type: Boolean}, - appicon: {type: String}, - appname: {type: String} - } - } + static get styles() { + return [appAvatarStyles] + } - constructor() { - super() + constructor() { + super() + this.hasAvatar = false + this.isImageLoaded = false + this.imageFetches = 0 + } - this.hasAvatar = false - this.isImageLoaded = false - this.imageFetches = 0 - } + render() { + let appAvatarImg = '' - static get styles() { + if (this.appname) { + const appAvatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const appAvatarNodeUrl = appAvatarNode.protocol + '://' + appAvatarNode.domain + ':' + appAvatarNode.port + const appAvatarUrl = `${appAvatarNodeUrl}/arbitrary/THUMBNAIL/${this.appname}/qortal_avatar?async=true` - return css` - :host { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - cursor: pointer; - } - .menuIcon { - color: var(--app-icon); - --mdc-icon-size: 64px; - cursor: pointer; - } + appAvatarImg = this.createImage(appAvatarUrl) + } + return html` + ${this.isImageLoaded ? + html` + ${appAvatarImg} + ` : html` + ${this.appicon} + ` + } + ` + } - ` - } + firstUpdated() { + // ... + } - createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style= "border-radius:10px; font-size:14px; object-fit: fill;height:60px;width:60px"; + createImage(imageUrl) { + const imageHTMLRes = new Image() - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 1) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 5000); - } else { - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "border-radius:10px; font-size:14px; object-fit: fill;height:60px;width:60px;" - render(){ - let avatarImg = "" - if (this.appname) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.appname}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg = this.createImage(avatarUrl) - } + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } - return html` - ${this.isImageLoaded ? html` - ${avatarImg} - ` : html` - ${this.appicon} - `} - ` - } + imageHTMLRes.onerror = () => { + if (this.imageFetches < 1) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 5000) + } else { + this.isImageLoaded = false + } + } + return imageHTMLRes + } } -customElements.define('app-avatar', AppAvatar) +window.customElements.define('app-avatar', AppAvatar) -class TabAvatar extends LitElement { - static get properties() { - return { - hasAvatar: { type: Boolean }, - isImageLoaded: {type: Boolean}, - appicon: {type: String}, - appname: {type: String} - } - } +class TabAvatar extends connect(store)(LitElement) { + static get properties() { + return { + hasAvatar: { type: Boolean }, + isImageLoaded: { type: Boolean }, + appicon: { type: String }, + appname: { type: String } + } + } - constructor() { - super() + constructor() { + super() + this.hasAvatar = false + this.isImageLoaded = false + this.imageFetches = 0 + } - this.hasAvatar = false - this.isImageLoaded = false - this.imageFetches = 0 - } + render() { + let tabAvatarImg = '' + if (this.appname) { + const tabAvatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const tabAvatarNodeUrl = tabAvatarNode.protocol + '://' + tabAvatarNode.domain + ':' + tabAvatarNode.port + const tabAvatarUrl = `${tabAvatarNodeUrl}/arbitrary/THUMBNAIL/${this.appname}/qortal_avatar?async=true` + tabAvatarImg = this.createImage(tabAvatarUrl) + } - createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style= "border-radius:4px; font-size:14px; object-fit: fill;height:24px;width:24px"; + return html` + ${this.isImageLoaded ? + html` + ${tabAvatarImg} + ` : html` + ${this.appicon} + ` + } + ` + } - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 1) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 5000); - } else { - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } + firstUpdated() { + // ... + } - render(){ - let avatarImg = "" - if (this.appname) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.appname}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg = this.createImage(avatarUrl) - } + createImage(imageUrl) { + const imageHTMLRes = new Image() - return html` - ${this.isImageLoaded ? html` - ${avatarImg} - ` : html` - ${this.appicon} - `} - ` - } + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "border-radius:4px; font-size:14px; object-fit: fill;height:24px;width:24px;" + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } + + imageHTMLRes.onerror = () => { + if (this.imageFetches < 1) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 5000) + } else { + this.isImageLoaded = false + } + } + + return imageHTMLRes + } } -customElements.define('tab-avatar', TabAvatar) +window.customElements.define('tab-avatar', TabAvatar) \ No newline at end of file diff --git a/core/src/components/start-minting.js b/core/src/components/start-minting.js index a9a7c6ec..86698466 100644 --- a/core/src/components/start-minting.js +++ b/core/src/components/start-minting.js @@ -1,19 +1,20 @@ -import {css, html, LitElement} from 'lit'; -import {connect} from 'pwa-helpers'; -import {store} from '../store.js'; -import {get, translate} from '../../translate' -import {asyncReplace} from 'lit/directives/async-replace.js'; - -import '../functional-components/my-button.js'; -import {routes} from '../plugins/routes.js'; +import { html, LitElement } from 'lit' +import { asyncReplace } from 'lit/directives/async-replace.js' +import { connect } from 'pwa-helpers' +import { store } from '../store.js' +import { routes } from '../plugins/routes' +import { startMintingStyles } from '../styles/core-css' +import '../functional-components/my-button' import "@material/mwc-button" import '@material/mwc-dialog' +// Multi language support +import { get, translate } from '../../translate' async function* countDown(count, callback) { while (count > 0) { - yield count--; - await new Promise((r) => setTimeout(r, 1000)); + yield count-- + await new Promise((r) => setTimeout(r, 1000)) if (count === 0) { callback() } @@ -30,187 +31,56 @@ class StartMinting extends connect(store)(LitElement) { status: { type: Number }, timer: { type: Number }, privateRewardShareKey: { type: String } - }; + } } static get styles() { - return [ - css` - p, h1 { - color: var(--black) - } - .dialogCustom { - position: fixed; - z-index: 10000; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - top: 0px; - bottom: 0px; - left: 0px; - width: 100vw; - } - .dialogCustomInner { - width: 300px; - min-height: 400px; - background-color: var(--white); - box-shadow: var(--mdc-dialog-box-shadow, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)); - padding: 20px 24px; - border-radius: 4px; - } - .dialogCustomInner ul { - padding-left: 0px - } - .dialogCustomInner li { - margin-bottom: 10px; - } - .start-minting-wrapper { - position: absolute; - transform: translate(50%, 20px); - z-index: 10; - } - .dialog-header h1 { - font-size: 18px; - } - .row { - display: flex; - width: 100%; - align-items: center; - } - .modalFooter { - width: 100%; - display: flex; - justify-content: flex-end; - } - .hide { - visibility: hidden - } - .inactiveText { - opacity: .60 - } - .column { - display: flex; - flex-direction: column; - width: 100%; - } - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - .smallLoading { - border-width: 0.6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - .word-break { - word-break:break-all; - } - .dialog-container { - width: 300px; - min-height: 300px; - max-height: 75vh; - padding: 5px; - display: flex; - align-items: flex-start; - flex-direction: column; - } - .between { - justify-content: space-between; - } - .no-width { - width: auto - } - .between p { - margin: 0; - padding: 0; - color: var(--black); - } - .marginLoader { - margin-left: 10px; - } - .marginRight { - margin-right: 10px; - } - .warning{ - display: flex; - flex-grow: 1 - } - .message-error { - color: var(--error); - } - `, - ]; + return [startMintingStyles] } constructor() { - super(); - this.addressInfo = {}; - this.mintingAccountData = []; - this.errorMsg = ''; - this.openDialogRewardShare = false; - this.status = 0; - this.privateRewardShareKey = ""; - this.address = this.getAddress(); - this.nonce = this.getNonce(); + super() + this.addressInfo = {} + this.mintingAccountData = [] + this.errorMsg = '' + this.openDialogRewardShare = false + this.status = 0 + this.privateRewardShareKey = '' + this.address = this.getAddress() + this.nonce = this.getNonce() this.base58PublicKey = this.getBase58PublicKey() } - getBase58PublicKey(){ - const appState = window.parent.reduxStore.getState().app; -const selectedAddress = appState && appState.selectedAddress; -const base58PublicKey = selectedAddress && selectedAddress.base58PublicKey; - return base58PublicKey || "" - } - - getAddress(){ - const appState = window.parent.reduxStore.getState().app; -const selectedAddress = appState && appState.selectedAddress; -const address = selectedAddress && selectedAddress.address; - return address || "" - - } - getNonce(){ - const appState = window.parent.reduxStore.getState().app; -const selectedAddress = appState && appState.selectedAddress; -const nonce = selectedAddress && selectedAddress.nonce; - return nonce || "" - - } render() { - return html` ${this.renderStartMintingButton()} `; + return html`${this.renderStartMintingButton()}` } firstUpdated() { - this.getMintingAcccounts(); + this.getMintingAcccounts() + } + + getBase58PublicKey() { + const appState = window.parent.reduxStore.getState().app + const selectedAddress = appState && appState.selectedAddress + const base58PublicKey = selectedAddress && selectedAddress.base58PublicKey + + return base58PublicKey || '' + } + + getAddress() { + const appState = window.parent.reduxStore.getState().app + const selectedAddress = appState && appState.selectedAddress + const address = selectedAddress && selectedAddress.address + + return address || '' + } + + getNonce() { + const appState = window.parent.reduxStore.getState().app + const selectedAddress = appState && appState.selectedAddress + const nonce = selectedAddress && selectedAddress.nonce + + return nonce || '' } renderErrorMsg1() { @@ -230,124 +100,130 @@ const nonce = selectedAddress && selectedAddress.nonce; } async getMintingAcccounts() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const url = `${nodeUrl}/admin/mintingaccounts`; + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/admin/mintingaccounts` + try { - const res = await fetch(url); - this.mintingAccountData = await res.json(); + const res = await fetch(url) + + this.mintingAccountData = await res.json() } catch (error) { - this.errorMsg = this.renderErrorMsg1(); + this.errorMsg = this.renderErrorMsg1() } } - async changeStatus(value){ - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - this.status = value + async changeStatus(value) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port const address = this.address + this.status = value + // Check to see if a sponsorship key on a newly-level 1 minter exists. If it does, remove it. - const findMintingAccountFromOtherUser = this.mintingAccountData.find((ma) => ma.recipientAccount === address && ma.mintingAccount !== address); + const findMintingAccountFromOtherUser = this.mintingAccountData.find((ma) => ma.recipientAccount === address && ma.mintingAccount !== address) const removeMintingAccount = async (publicKey) => { - const url = `${nodeUrl}/admin/mintingaccounts?apiKey=${myNode.apiKey}`; + const url = `${nodeUrl}/admin/mintingaccounts?apiKey=${myNode.apiKey}` return await fetch(url, { method: 'DELETE', - body: publicKey, - }); - }; + body: publicKey + }) + } const addMintingAccount = async (sponsorshipKeyValue) => { - const url = `${nodeUrl}/admin/mintingaccounts?apiKey=${myNode.apiKey}`; + const url = `${nodeUrl}/admin/mintingaccounts?apiKey=${myNode.apiKey}` + return await fetch(url, { method: 'POST', - body: sponsorshipKeyValue, - }); - }; - - try { - if ( - findMintingAccountFromOtherUser && - findMintingAccountFromOtherUser.publicKey && - findMintingAccountFromOtherUser.publicKey[0] - ) { - await removeMintingAccount( - findMintingAccountFromOtherUser.publicKey[0] - ); - } - - } catch (error) { - this.errorMsg = this.renderErrorMsg2(); - return; + body: sponsorshipKeyValue + }) } try { - await addMintingAccount(this.privateRewardShareKey); - await routes.showSnackBar({ - data: translate('becomeMinterPage.bchange19'), - }); - this.status = 5; - await this.getMintingAcccounts(); + if (findMintingAccountFromOtherUser && findMintingAccountFromOtherUser.publicKey && findMintingAccountFromOtherUser.publicKey[0]) { + await removeMintingAccount( + findMintingAccountFromOtherUser.publicKey[0] + ) + } } catch (error) { - this.errorMsg = this.renderErrorMsg3(); + this.errorMsg = this.renderErrorMsg2() + + return + } + + try { + await addMintingAccount(this.privateRewardShareKey) + + await routes.showSnackBar({ + data: translate('becomeMinterPage.bchange19') + }) + + this.status = 5 + + await this.getMintingAcccounts() + } catch (error) { + this.errorMsg = this.renderErrorMsg3() } } async confirmRelationship() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - store.getState().app.nodeConfig.node - ]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port let interval = null let stop = false + this.status = 2 + const getAnswer = async () => { const rewardShares = async (minterAddr) => { - const url = `${nodeUrl}/addresses/rewardshares?minters=${minterAddr}&recipients=${minterAddr}`; - const res = await fetch(url); - return await res.json(); - }; + const url = `${nodeUrl}/addresses/rewardshares?minters=${minterAddr}&recipients=${minterAddr}` + const res = await fetch(url) + + return await res.json() + } if (!stop) { - stop = true; + stop = true + try { const address = this.address - const myRewardShareArray = await rewardShares(address); + const myRewardShareArray = await rewardShares(address) + if (myRewardShareArray.length > 0) { clearInterval(interval) - this.status = 3 - this.timer = countDown(180, () => this.changeStatus(4)); - } - } catch (error) { - } + this.status = 3 + this.timer = countDown(180, () => this.changeStatus(4)) + } + } catch (error) { } + stop = false } - }; - interval = setInterval(getAnswer, 5000); + } + + interval = setInterval(getAnswer, 5000) } renderStartMintingButton() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const mintingAccountData = this.mintingAccountData; + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const mintingAccountData = this.mintingAccountData const addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo const address = this.address const nonce = this.nonce const publicAddress = this.base58PublicKey - const findMintingAccount = mintingAccountData.find((ma) => ma.mintingAccount === address); - const isMinterButKeyMintingKeyNotAssigned = addressInfo && addressInfo.error !== 124 && addressInfo.level >= 1 && !findMintingAccount; + const findMintingAccount = mintingAccountData.find((ma) => ma.mintingAccount === address) + const isMinterButKeyMintingKeyNotAssigned = addressInfo && addressInfo.error !== 124 && addressInfo.level >= 1 && !findMintingAccount const makeTransactionRequest = async (lastRef) => { - let mylastRef = lastRef; - let rewarddialog1 = get('transactions.rewarddialog1'); - let rewarddialog2 = get('transactions.rewarddialog2'); - let rewarddialog3 = get('transactions.rewarddialog3'); - let rewarddialog4 = get('transactions.rewarddialog4'); + let mylastRef = lastRef + let rewarddialog1 = get('transactions.rewarddialog1') + let rewarddialog2 = get('transactions.rewarddialog2') + let rewarddialog3 = get('transactions.rewarddialog3') + let rewarddialog4 = get('transactions.rewarddialog4') return await routes.transaction({ data: { @@ -360,170 +236,150 @@ const nonce = selectedAddress && selectedAddress.nonce; rewarddialog1: rewarddialog1, rewarddialog2: rewarddialog2, rewarddialog3: rewarddialog3, - rewarddialog4: rewarddialog4, - }, + rewarddialog4: rewarddialog4 + } }, - disableModal: true, - }); - }; + disableModal: true + }) + } const getTxnRequestResponse = (txnResponse) => { - let err6string = get('rewardsharepage.rchange21'); + let err6string = get('rewardsharepage.rchange21') if (txnResponse && txnResponse.extraData && txnResponse.extraData.rewardSharePrivateKey && txnResponse.data && (txnResponse.data.message && (txnResponse.data.message.includes('multiple') || txnResponse.data.message.includes('SELF_SHARE_EXISTS')))) { - return err6string; + return err6string } if (txnResponse.success === false && txnResponse.message) { - throw txnResponse; + throw txnResponse } else if (txnResponse.success === true && txnResponse.data && !txnResponse.data.error) { - return err6string; + return err6string } else { - throw txnResponse; + throw txnResponse } - }; - + } const createSponsorshipKey = async () => { - this.status = 1; - let lastRef = await getLastRef(); - let myTransaction = await makeTransactionRequest(lastRef); - getTxnRequestResponse(myTransaction); + this.status = 1 + + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + + getTxnRequestResponse(myTransaction) if (myTransaction && myTransaction.extraData) { - return myTransaction.extraData.rewardSharePrivateKey; + return myTransaction.extraData.rewardSharePrivateKey } - }; + } const getLastRef = async () => { - const url = `${nodeUrl}/addresses/lastreference/${address}`; - const res = await fetch(url); - return await res.text(); - }; + const url = `${nodeUrl}/addresses/lastreference/${address}` + const res = await fetch(url) + + return await res.text() + } const startMinting = async () => { this.openDialogRewardShare = true - this.errorMsg = ''; + this.errorMsg = '' + const address = this.address - const findMintingAccountsFromUser = this.mintingAccountData.filter((ma) => ma.recipientAccount === address && ma.mintingAccount === address); + const findMintingAccountsFromUser = this.mintingAccountData.filter((ma) => ma.recipientAccount === address && ma.mintingAccount === address) - if(findMintingAccountsFromUser.length > 2){ + if (findMintingAccountsFromUser.length > 2) { this.errorMsg = translate("startminting.smchange10") - return; + + return } try { - this.privateRewardShareKey = await createSponsorshipKey(); + this.privateRewardShareKey = await createSponsorshipKey() + await this.confirmRelationship(publicAddress) } catch (error) { console.log({ error }) - this.errorMsg = (error && error.data && error.data.message) ? error.data.message : this.renderErrorMsg4(); + this.errorMsg = (error && error.data && error.data.message) ? error.data.message : this.renderErrorMsg4() } - }; + } return html` ${isMinterButKeyMintingKeyNotAssigned ? html`
    - { await startMinting(); if (this.errorMsg) { await routes.showSnackBar({ - data: this.errorMsg, + data: this.errorMsg }); } }} - > - + >
    - - ${this.openDialogRewardShare ? html`
    -
    +
    -

    In progress

    -
    3 && 'hide'}`}>
    +

    In progress

    +
    3 && 'hide'}`}>
    +
    +
    -
    -
    -
    -
      -
    • -

      - 1. ${translate("startminting.smchange5")} -

      -
      -
      • - -
    • -

      - 2. ${translate("startminting.smchange6")} -

      -
      -
      • - -
    • -

      - 3. ${translate("startminting.smchange7")} -

      -
      -

      ${asyncReplace(this.timer)}

      -
      -
      • - -
    • -

      - 4. ${translate("startminting.smchange8")} -

      -
      -
      • - -
    • -

      - 5. ${translate("startminting.smchange9")} -

      -
      • -
    -
    -

    - Warning: do not close the Qortal UI until completion! -

    -

    ${this.errorMsg}

    +
    +
      +
    • +

      1. ${translate("startminting.smchange5")}

      +
      +
      • +
    • +

      2. ${translate("startminting.smchange6")}

      +
      +
      • +
    • +

      3. ${translate("startminting.smchange7")}

      +
      +
      +

      ${asyncReplace(this.timer)}

      +
      +
      • +
    • +

      4. ${translate("startminting.smchange8")}

      +
      +
      • +
    • +

      5. ${translate("startminting.smchange9")}

      +
      • +
    +
    +

    Warning: do not close the Qortal UI until completion!

    +

    ${this.errorMsg}

    +
    +
    +
    + ${this.errorMsg || this.status === 5 ? html` + { this.openDialogRewardShare = false; this.errorMsg = '';}} class="red"> + ${translate("general.close")} + + ` : ''}
    -
    - ${this.errorMsg || this.status === 5 ? html` - { - this.openDialogRewardShare = false - this.errorMsg = '' - }} - class="red" - > - ${translate("general.close")} - - ` : '' }
    -
    -
    - - ` : ""} + ` : ''} ` : ''} - `; + ` } stateChanged(state) { - this.addressInfo = state.app.accountInfo.addressInfo; + this.addressInfo = state.app.accountInfo.addressInfo } } -window.customElements.define('start-minting', StartMinting); +window.customElements.define('start-minting', StartMinting) \ No newline at end of file diff --git a/core/src/components/theme-toggle.js b/core/src/components/theme-toggle.js index 5d76cc81..29a0cc8a 100644 --- a/core/src/components/theme-toggle.js +++ b/core/src/components/theme-toggle.js @@ -1,9 +1,12 @@ -import {css, html, LitElement} from 'lit' -import {translate} from '../../translate' +import { html, LitElement } from 'lit' +import { themeToggleStyles } from '../styles/core-css' import '@polymer/paper-icon-button/paper-icon-button.js' import '@polymer/iron-icons/image-icons.js' import '@polymer/iron-icons/iron-icons.js' +// Multi language support +import { translate } from '../../translate' + class ThemeToggle extends LitElement { static get properties() { return { @@ -11,58 +14,15 @@ class ThemeToggle extends LitElement { } } + static get styles() { + return [themeToggleStyles] + } + constructor() { super() this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } - static styles = [ - css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-error: rgb(255, 89, 89); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --item-selected-color: var(--nav-selected-color); - --item-selected-color-text: var(--nav-selected-color-text); - --item-color-active: var(--nav-color-active); - --item-color-hover: var(--nav-color-hover); - --item-text-color: var(--nav-text-color); - --item-icon-color: var(--nav-icon-color); - --item-border-color: var(--nav-border-color); - --item-border-selected-color: var(--nav-border-selected-color); - } - - paper-icon-button { - -ms-transform: rotate(120deg); - transform: rotate(120deg); - } - - :host([theme="light"]) .light-mode { - display: inline-block; - } - - :host([theme="light"]) .dark-mode { - display: none; - } - - :host([theme="dark"]) .light-mode { - display: none; - } - - :host([theme="dark"]) .dark-mode { - display: inline-block; - } - ` - ] - render() { return html`
    @@ -87,16 +47,17 @@ class ThemeToggle extends LitElement { this.dispatchEvent(new CustomEvent('qort-theme-change', { bubbles: true, composed: true, - detail: this.theme, + detail: this.theme })) window.localStorage.setItem('qortalTheme', this.theme) + this.initTheme() } initTheme() { - document.querySelector('html').setAttribute('theme', this.theme); + document.querySelector('html').setAttribute('theme', this.theme) } } -window.customElements.define('theme-toggle', ThemeToggle); +window.customElements.define('theme-toggle', ThemeToggle) \ No newline at end of file diff --git a/core/src/components/user-info-view/user-info-view.js b/core/src/components/user-info-view/user-info-view.js index 7678d0af..99187d9b 100644 --- a/core/src/components/user-info-view/user-info-view.js +++ b/core/src/components/user-info-view/user-info-view.js @@ -1,1938 +1,1649 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {connect} from 'pwa-helpers' -import {store} from '../../store.js' -import {get, translate} from '../../../translate' - -import '@polymer/paper-dialog/paper-dialog.js' +import { css, html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { connect } from 'pwa-helpers' +import { store } from '../../store' +import { userInfoViewStyles } from '../../styles/core-css' import '@material/mwc-button' import '@material/mwc-icon' +import '@polymer/paper-dialog/paper-dialog.js' import '@vaadin/grid' import '@vaadin/grid/vaadin-grid-sorter' +// Multi language support +import { get, translate } from '../../../translate' + class UserInfoView extends connect(store)(LitElement) { - static get properties() { - return { - theme: { type: String, reflect: true }, - isLoadingBoughtTradesBTC: { type: Boolean }, - isLoadingBoughtTradesLTC: { type: Boolean }, - isLoadingBoughtTradesDOGE: { type: Boolean }, - isLoadingBoughtTradesDGB: { type: Boolean }, - isLoadingBoughtTradesRVN: { type: Boolean }, - isLoadingBoughtTradesARRR: { type: Boolean }, - isLoadingSoldTradesBTC: { type: Boolean }, - isLoadingSoldTradesLTC: { type: Boolean }, - isLoadingSoldTradesDOGE: { type: Boolean }, - isLoadingSoldTradesDGB: { type: Boolean }, - isLoadingSoldTradesRVN: { type: Boolean }, - isLoadingSoldTradesARRR: { type: Boolean }, - isLoadingCompleteInfo: { type: Boolean }, - infoAccountName: { type: String }, - imageUrl: { type: String }, - addressResult: { type: Array }, - nameAddressResult: { type: Array }, - displayAddress: { type: String }, - displayLevel: { type: String }, - displayBalance: { type: Number }, - explorerBoughtBTCTrades: { type: Array }, - explorerBoughtLTCTrades: { type: Array }, - explorerBoughtDOGETrades: { type: Array }, - explorerBoughtDGBTrades: { type: Array }, - explorerBoughtRVNTrades: { type: Array }, - explorerBoughtARRRTrades: { type: Array }, - explorerSoldBTCTrades: { type: Array }, - explorerSoldLTCTrades: { type: Array }, - explorerSoldDOGETrades: { type: Array }, - explorerSoldDGBTrades: { type: Array }, - explorerSoldRVNTrades: { type: Array }, - explorerSoldARRRTrades: { type: Array }, - allPayments: { type: Array }, - slicedArray: { type: Array }, - allReceivedPayments: { type: Array }, - allSendPayments: { type: Array }, - startMintTime: { type: String }, - startMinting: { type: Array }, - totalSent: { type: Number }, - totalReceived: { type: Number }, - txtimestamp: { type: String }, - txcreatorAddress: { type: String }, - txrecipient: { type: String }, - txamount: { type: String }, - txfee: { type: String }, - txblockHeight: { type: String } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - box-sizing: border-box; - } - - h2 { - margin: 10px 0; - } - - h3 { - margin-top: -80px; - color: #03a9f4; - font-size: 18px; + static get properties() { + return { + isLoadingBoughtTradesBTC: { type: Boolean }, + isLoadingBoughtTradesLTC: { type: Boolean }, + isLoadingBoughtTradesDOGE: { type: Boolean }, + isLoadingBoughtTradesDGB: { type: Boolean }, + isLoadingBoughtTradesRVN: { type: Boolean }, + isLoadingBoughtTradesARRR: { type: Boolean }, + isLoadingSoldTradesBTC: { type: Boolean }, + isLoadingSoldTradesLTC: { type: Boolean }, + isLoadingSoldTradesDOGE: { type: Boolean }, + isLoadingSoldTradesDGB: { type: Boolean }, + isLoadingSoldTradesRVN: { type: Boolean }, + isLoadingSoldTradesARRR: { type: Boolean }, + isLoadingCompleteInfo: { type: Boolean }, + infoAccountName: { type: String }, + imageUrl: { type: String }, + addressResult: { type: Array }, + nameAddressResult: { type: Array }, + displayAddress: { type: String }, + displayLevel: { type: String }, + displayBalance: { type: Number }, + explorerBoughtBTCTrades: { type: Array }, + explorerBoughtLTCTrades: { type: Array }, + explorerBoughtDOGETrades: { type: Array }, + explorerBoughtDGBTrades: { type: Array }, + explorerBoughtRVNTrades: { type: Array }, + explorerBoughtARRRTrades: { type: Array }, + explorerSoldBTCTrades: { type: Array }, + explorerSoldLTCTrades: { type: Array }, + explorerSoldDOGETrades: { type: Array }, + explorerSoldDGBTrades: { type: Array }, + explorerSoldRVNTrades: { type: Array }, + explorerSoldARRRTrades: { type: Array }, + allPayments: { type: Array }, + slicedArray: { type: Array }, + allReceivedPayments: { type: Array }, + allSendPayments: { type: Array }, + startMintTime: { type: String }, + startMinting: { type: Array }, + totalSent: { type: Number }, + totalReceived: { type: Number }, + txtimestamp: { type: String }, + txcreatorAddress: { type: String }, + txrecipient: { type: String }, + txamount: { type: String }, + txfee: { type: String }, + txblockHeight: { type: String }, + theme: { type: String, reflect: true } } + } - h4 { - margin: 5px 0; - } + static get styles() { + return [userInfoViewStyles] + } - p { - margin-top: 5px; - font-size: 14px; - line-height: 16px; - } + constructor() { + super() + this.infoAccountName = '' + this.imageUrl = '' + this.addressResult = [] + this.nameAddressResult = [] + this.displayAddress = '' + this.displayLevel = '' + this.displayBalance = 0 + this.isLoadingBoughtTradesBTC = false + this.isLoadingBoughtTradesLTC = false + this.isLoadingBoughtTradesDOGE = false + this.isLoadingBoughtTradesDGB = false + this.isLoadingBoughtTradesRVN = false + this.isLoadingBoughtTradesARRR = false + this.isLoadingSoldTradesBTC = false + this.isLoadingSoldTradesLTC = false + this.isLoadingSoldTradesDOGE = false + this.isLoadingSoldTradesDGB = false + this.isLoadingSoldTradesRVN = false + this.isLoadingSoldTradesARRR = false + this.isLoadingCompleteInfo = false + this.explorerBoughtBTCTrades = [] + this.explorerBoughtLTCTrades = [] + this.explorerBoughtDOGETrades = [] + this.explorerBoughtDGBTrades = [] + this.explorerBoughtRVNTrades = [] + this.explorerBoughtARRRTrades = [] + this.explorerSoldBTCTrades = [] + this.explorerSoldLTCTrades = [] + this.explorerSoldDOGETrades = [] + this.explorerSoldDGBTrades = [] + this.explorerSoldRVNTrades = [] + this.explorerSoldARRRTrades = [] + this.allPayments = [] + this.slicedArray = [] + this.allReceivedPayments = [] + this.allSendPayments = [] + this.startMintTime = '' + this.startMinting = [] + this.totalSent = 0 + this.totalReceived = 0 + this.txtimestamp = '' + this.txcreatorAddress = '' + this.txrecipient = '' + this.txamount = '' + this.txfee = '' + this.txblockHeight = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - ul { - list-style: none; - display: flex; + render() { + return html` + + +

    ${this.infoAccountName}

    +

    ${this.displayAddress}

    +
    +
    + ${translate("login.loading")} +
    +
    +
      +
    • + ${translate("mintingpage.mchange27")} ${this.displayLevel} +
      • +
    • + ${translate("walletprofile.blocksminted")} ${this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment} +
      • +
    • + ${translate("explorerpage.exp15")} ${this.startMintTime} +
      • +
    • + ${translate("general.balance")} ${this.displayBalance} QORT +
      • +
    • + ${translate("explorerpage.exp6")} ${this.founderStatus()} +
      • +
    +
    +
    +
      +
    • + ${translate("explorerpage.exp18")} ${this.allPayments.length} +
      • +
    • + ${translate("explorerpage.exp19")} ${this.allSendPayments.length} +
      • +
    • + QORT ${translate("explorerpage.exp19")} ${this.totalSent.toFixed(0)} QORT +
      • +
    • + ${translate("explorerpage.exp20")} ${this.allReceivedPayments.length} +
      • +
    • + QORT ${translate("explorerpage.exp20")} ${this.totalReceived.toFixed(0)} QORT +
      • +
    +
    +
    +
    +
    ${translate("explorerpage.exp22")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + `} `, root) + }} + > + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + render(html` + + info + + `, root) + }} + > + + ${this.isEmptyArray(this.slicedArray) ? html` + ${translate("walletpage.wchange38")} + `: ''} +
    +
    +
    +
    + + this.showAllPayments()}>${translate("explorerpage.exp23")} + + + this.openTrades()}>${translate("explorerpage.exp21")} + this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")} + +
    +     + +
    +

    ${translate("explorerpage.exp17")}

    +
    +
    +
    +
    +
    ${translate("explorerpage.exp17")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + `} `, root) + }} + > + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + render(html` + + info + + `, root) + }} + > + + ${this.isEmptyArray(this.allPayments) ? html` + ${translate("walletpage.wchange38")} + `: ''} +
    +
    +
    +
    + + this.closeShowAllPaymentsDialog()} dialog-dismiss>${translate("general.close")} + +
    +     + +
    + +

    ${translate("explorerpage.exp4")}

    +

    ${translate("explorerpage.exp5")}

    +
    +
    + this.closeErrorDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    + this.openUserBoughtDialog()}>

    + this.openUserSoldDialog()}>

    +
    +
    + this.closeTrades()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +
    + ${this.boughtBTCTemplate()} + ${this.boughtLTCTemplate()} +
    +
    + ${this.boughtDOGETemplate()} + ${this.boughtDGBTemplate()} +
    +
    + ${this.boughtRVNTemplate()} + ${this.boughtARRRTemplate()} +
    +
    +
    + this.closeBoughtDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +
    + ${this.soldBTCTemplate()} + ${this.soldLTCTemplate()} +
    +
    + ${this.soldDOGETemplate()} + ${this.soldDGBTemplate()} +
    +
    + ${this.soldRVNTemplate()} + ${this.soldARRRTemplate()} +
    +
    +
    + this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${translate("walletpage.wchange40")} ${this.txcreatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    ${this.txcreatorAddress}
    + ${translate("walletpage.wchange10")} +
    +
    ${this.txrecipient}
    + ${translate("walletpage.wchange12")} +
    +
    ${this.txfee} QORT
    + ${translate("walletpage.wchange37")} +
    +
    ${this.txamount} QORT
    + ${translate("walletpage.wchange13")} +
    +
    ${this.txblockHeight}
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.txtimestamp).toString()}
    +
    +
    + this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} +
    +     + ` + } + + boughtBTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (BTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerBoughtBTCTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtLTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (LTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerBoughtLTCTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtDOGETemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (DOGE)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerBoughtDOGETrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtDGBTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (DGB)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerBoughtDGBTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtRVNTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (RVN)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerBoughtRVNTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtARRRTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (ARRR)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerBoughtARRRTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + soldBTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (BTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerSoldBTCTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldLTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (LTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerSoldLTCTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldDOGETemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (DOGE)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerSoldDOGETrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldDGBTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (DGB)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerSoldDGBTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldRVNTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (RVN)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerSoldRVNTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldARRRTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (ARRR)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + +
    + ${this.isEmptyArray(this.explorerSoldARRRTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + openUserInfo(userData) { + if (userData.startsWith('Q') && userData.length == 34) { + this.getAddressUserResult(userData) + } else { + this.getNameUserResult(userData) } + } - ul li { - margin: 15px auto; - font-size: 15px; - font-weight: 600; - color: #03a9f4; - } + async getAddressUserResult(resultAddress) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const addressUrl = `${nodeUrl}/addresses/${resultAddress}` - .btn-info { - color: #03a9f4; - --mdc-icon-size: 16px; - padding-top: 3px; - } - - .data-info{ - margin-top: 10px; - margin-right: 25px; - } - - .data-items { - font-weight: 600; - color: var(--black); - display: block; - text-align: center; - } - - .title { - font-weight: 600; - font-size: 12px; - line-height: 32px; - opacity: 0.66; - } - - #transactionList { - color: var(--black); - padding: 15px; - } - - .color-in { - color: #02977e; - background-color: rgba(0, 201, 167, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .color-out { - color: #b47d00; - background-color: rgba(219, 154, 4, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .card-body { - background-color: var(--white); - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .card-container-button { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 500px; - max-width: 100%; - text-align: center; - } - - .card-explorer-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 10px; - position: relative; - width: 900px; - max-width: 100%; - text-align: center; - } - - .card-container .level { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - left: 30px; - } - - .card-container .founder { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - right: 30px; - } - - .card-container .round { - width: 96px; - height: 96px; - border: 1px solid #03a9f4; - border-radius: 50%; - padding: 2px; - } - - .card-container .badge { - width: 200px; - height: 135px; - border: 1px solid transparent; - border-radius: 10%; - padding: 2px; - } - - .userdata { - background-color: #1F1A36; - text-align: left; - padding: 15px; - margin-top: 30px; - } - - .userdata ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .userdata ul li { - border: 1px solid #2D2747; - border-radius: 2px; - display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; - } - - .decline { - --mdc-theme-primary: var(--mdc-theme-error) - } - - .warning { - --mdc-theme-primary: #f0ad4e; - } - - .green { - --mdc-theme-primary: #198754; - } - - .buttons { - display: inline; - float: right; - margin-bottom: 5px; - } - - .paybutton { - display: inline; - float: left; - margin-bottom: 5px; - } - - .loadingContainer { - height: 100%; - width: 100%; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - .explorer-trades { - text-align: center; - } - - .box { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 100%; - } - - .box-info { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 250px; - } - - .box-info-full { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 450px; - width: 450px; - } - - header { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: center; - padding: 0px 10px; - font-size: 16px; - color: var(--black); - background-color: var(--tradehead); - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - min-height: 40px; - } - - .border-wrapper { - border: 1px var(--tradeborder) solid; - overflow: hidden; - } - - - #first-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #second-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #third-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #first-explorer-section > div { - } - - #second-explorer-section > div { - } - - #third-explorer-section > div { - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + await fetch(addressUrl).then(res => { + if (res.status === 400) { + this.shadowRoot.getElementById('userErrorDialog').open() + } else { + this.getAllWithAddress(resultAddress) } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + }) + } + + async getNameUserResult(resultName) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/${resultName}` + + await fetch(nameUrl).then(res => { + if (res.status === 404) { + this.shadowRoot.getElementById('userErrorDialog').open() + } else { + this.getAddressFromName(resultName) } - } + }) + } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - .full-info { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background: #1da1f2; - } - - .full-info-wrapper { - width: 100%; - min-width: 600px; - max-width: 600px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 25px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .full-info-logo { - width: 120px; - height: 120px; - background: var(--white); - border: 1px solid var(--black); - border-radius: 50%; - position: relative; - top: -110px; - left: 210px; - } - - .round-fullinfo { - position: relative; - width: 120px; - height: 120px; - border-radius: 50%; - right: 25px; - top: -1px; - } - - ` - } - - constructor() { - super() - this.infoAccountName = '' - this.imageUrl = '' - this.addressResult = [] - this.nameAddressResult = [] - this.displayAddress = '' - this.displayLevel = '' - this.displayBalance = 0 - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.isLoadingBoughtTradesBTC = false - this.isLoadingBoughtTradesLTC = false - this.isLoadingBoughtTradesDOGE = false - this.isLoadingBoughtTradesDGB = false - this.isLoadingBoughtTradesRVN = false - this.isLoadingBoughtTradesARRR = false - this.isLoadingSoldTradesBTC = false - this.isLoadingSoldTradesLTC = false - this.isLoadingSoldTradesDOGE = false - this.isLoadingSoldTradesDGB = false - this.isLoadingSoldTradesRVN = false - this.isLoadingSoldTradesARRR = false - this.isLoadingCompleteInfo = false - this.explorerBoughtBTCTrades = [] - this.explorerBoughtLTCTrades = [] - this.explorerBoughtDOGETrades = [] - this.explorerBoughtDGBTrades = [] - this.explorerBoughtRVNTrades = [] - this.explorerBoughtARRRTrades = [] - this.explorerSoldBTCTrades = [] - this.explorerSoldLTCTrades = [] - this.explorerSoldDOGETrades = [] - this.explorerSoldDGBTrades = [] - this.explorerSoldRVNTrades = [] - this.explorerSoldARRRTrades = [] - this.allPayments = [] - this.slicedArray = [] - this.allReceivedPayments = [] - this.allSendPayments = [] - this.startMintTime = '' - this.startMinting = [] - this.totalSent = 0 - this.totalReceived = 0 - this.txtimestamp = '' - this.txcreatorAddress = '' - this.txrecipient = '' - this.txamount = '' - this.txfee = '' - this.txblockHeight = '' - } - - boughtBTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (BTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtBTCTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtLTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (LTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtLTCTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtDOGETemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (DOGE)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtDOGETrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtDGBTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (DGB)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtDGBTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtRVNTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (RVN)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtRVNTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtARRRTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (ARRR)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtARRRTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - soldBTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (BTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldBTCTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldLTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (LTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldLTCTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldDOGETemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (DOGE)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldDOGETrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldDGBTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (DGB)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldDGBTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldRVNTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (RVN)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldRVNTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldARRRTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (ARRR)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldARRRTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - render() { - return html` - - -

    ${this.infoAccountName}

    -

    ${this.displayAddress}

    -
    ${translate("login.loading")}
    -
    -
      -
    • - ${translate("mintingpage.mchange27")} ${this.displayLevel} -
      • -
    • - ${translate("walletprofile.blocksminted")} ${this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment} -
      • -
    • - ${translate("explorerpage.exp15")} ${this.startMintTime} -
      • -
    • - ${translate("general.balance")} ${this.displayBalance} QORT -
      • -
    • - ${translate("explorerpage.exp6")} ${this.founderStatus()} -
      • -
    -
    -
    -
      -
    • - ${translate("explorerpage.exp18")} ${this.allPayments.length} -
      • -
    • - ${translate("explorerpage.exp19")} ${this.allSendPayments.length} -
      • -
    • - QORT ${translate("explorerpage.exp19")} ${this.totalSent.toFixed(0)} QORT -
      • -
    • - ${translate("explorerpage.exp20")} ${this.allReceivedPayments.length} -
      • -
    • - QORT ${translate("explorerpage.exp20")} ${this.totalReceived.toFixed(0)} QORT -
      • -
    -
    -
    -
    -
    ${translate("explorerpage.exp22")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - render(html`info`, root) - }} - > - - - ${this.isEmptyArray(this.slicedArray) ? html` - ${translate("walletpage.wchange38")} - `: ''} -
    -
    -
    -
    - - this.showAllPayments()}>${translate("explorerpage.exp23")} - - - this.openTrades()}>${translate("explorerpage.exp21")} - this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")} - -
    -     - - -
    -

    ${translate("explorerpage.exp17")}

    -
    -
    -
    -
    -
    ${translate("explorerpage.exp17")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - render(html`info`, root) - }} - > - - - ${this.isEmptyArray(this.allPayments) ? html` - ${translate("walletpage.wchange38")} - `: ''} -
    -
    -
    -
    - - this.closeShowAllPaymentsDialog()} dialog-dismiss>${translate("general.close")} - -
    -     - - -
    - -

    ${translate("explorerpage.exp4")}

    -

    ${translate("explorerpage.exp5")}

    -
    -
    - this.closeErrorDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    - this.openUserBoughtDialog()}>

    - this.openUserSoldDialog()}>

    -
    -
    - this.closeTrades()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -
    - ${this.boughtBTCTemplate()} - ${this.boughtLTCTemplate()} -
    -
    - ${this.boughtDOGETemplate()} - ${this.boughtDGBTemplate()} -
    -
    - ${this.boughtRVNTemplate()} - ${this.boughtARRRTemplate()} -
    -
    -
    - this.closeBoughtDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -
    - ${this.soldBTCTemplate()} - ${this.soldLTCTemplate()} -
    -
    - ${this.soldDOGETemplate()} - ${this.soldDGBTemplate()} -
    -
    - ${this.soldRVNTemplate()} - ${this.soldARRRTemplate()} -
    -
    -
    - this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} ${this.txcreatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - - ${translate("walletpage.wchange9")} -
    -
    ${this.txcreatorAddress}
    - - ${translate("walletpage.wchange10")} -
    -
    ${this.txrecipient}
    - - ${translate("walletpage.wchange12")} -
    -
    ${this.txfee} QORT
    - - ${translate("walletpage.wchange37")} -
    -
    ${this.txamount} QORT
    - - ${translate("walletpage.wchange13")} -
    -
    ${this.txblockHeight}
    - - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.txtimestamp).toString()}
    -
    -
    - this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - ` - } - - openUserInfo(userData) { - if (userData.startsWith('Q') && userData.length == 34) { - this.getAddressUserResult(userData) - } else { - this.getNameUserResult(userData) - } - } - - async getAddressUserResult(resultAddress) { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const addressUrl = `${nodeUrl}/addresses/${resultAddress}` - - await fetch(addressUrl).then(res => { - if (res.status === 400) { - this.shadowRoot.getElementById('userErrorDialog').open() - } else { - this.getAllWithAddress(resultAddress) - } - }) - } - - async getNameUserResult(resultName) { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/${resultName}` - - await fetch(nameUrl).then(res => { - if (res.status === 404) { - this.shadowRoot.getElementById('userErrorDialog').open() - } else { - this.getAddressFromName(resultName) - } - }) - } - - async getAddressFromName(fromName) { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const fromNameUrl = `${nodeUrl}/names/${fromName}` + async getAddressFromName(fromName) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const fromNameUrl = `${nodeUrl}/names/${fromName}` this.nameAddressResult = await fetch(fromNameUrl).then(response => { return response.json() }) - const nameAddress = this.nameAddressResult.owner - await this.getAllWithAddress(nameAddress) - } - async getAllWithAddress(myAddress) { - await this.getAddressUserInfo(myAddress) - await this.getAddressUserAvatar(myAddress) - await this.getAddressUserBalance(myAddress) - this.displayAddress = this.addressResult.address - this.displayLevel = this.addressResult.level - this.isLoadingCompleteInfo = true - this.shadowRoot.getElementById('userFullInfoDialog').open() - await this.getStartMint(myAddress) - await this.getPaymentsGridItems() - this.isLoadingCompleteInfo = false - } + const nameAddress = this.nameAddressResult.owner - async getAddressUserInfo(infoAddress) { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const infoAddressUrl = `${nodeUrl}/addresses/${infoAddress}` + await this.getAllWithAddress(nameAddress) + } + + async getAllWithAddress(myAddress) { + await this.getAddressUserInfo(myAddress) + await this.getAddressUserAvatar(myAddress) + await this.getAddressUserBalance(myAddress) + + this.displayAddress = this.addressResult.address + this.displayLevel = this.addressResult.level + this.isLoadingCompleteInfo = true + this.shadowRoot.getElementById('userFullInfoDialog').open() + + await this.getStartMint(myAddress) + await this.getPaymentsGridItems() + + this.isLoadingCompleteInfo = false + } + + async getAddressUserInfo(infoAddress) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const infoAddressUrl = `${nodeUrl}/addresses/${infoAddress}` this.addressResult = await fetch(infoAddressUrl).then(response => { return response.json() }) - } + } - async getAddressUserAvatar(avatarAddress) { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/address/${avatarAddress}?limit=0&reverse=true` + async getAddressUserAvatar(avatarAddress) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/address/${avatarAddress}?limit=0&reverse=true` - await fetch(nameUrl).then(res => { - return res.json() - }).then(jsonRes => { - if(jsonRes.length) { - jsonRes.map (item => { - this.infoAccountName = item.name - this.imageName = item.name - }) - } else { - this.infoAccountName = "No registered name" - this.imageName = avatarAddress - } - }) + await fetch(nameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.infoAccountName = item.name + this.imageName = item.name + }) + } else { + this.infoAccountName = "No registered name" + this.imageName = avatarAddress + } + }) - this.imageUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.imageName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - } + this.imageUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.imageName}/qortal_avatar?async=true` + } - async getAddressUserBalance(balanceAddress) { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const balanceAddressUrl = `${nodeUrl}/addresses/balance/${balanceAddress}` + async getAddressUserBalance(balanceAddress) { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const balanceAddressUrl = `${nodeUrl}/addresses/balance/${balanceAddress}` - const qortalBalanceInfo = await fetch(balanceAddressUrl).then(res => { - return res.json() - }) + const qortalBalanceInfo = await fetch(balanceAddressUrl).then(res => { + return res.json() + }) - this.displayBalance = qortalBalanceInfo.toFixed(4) - } + this.displayBalance = qortalBalanceInfo.toFixed(4) + } - async getStartMint(mintAddress) { - this.startMintTime = '' - this.startMinting = [] - const checkBlocks = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getStartMint(mintAddress) { + this.startMintTime = '' + this.startMinting = [] - if (checkBlocks === 0) { + const checkBlocks = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + + if (checkBlocks === 0) { this.startMintTime = get("explorerpage.exp16") - } else { - const rewardshareUrl = `${nodeUrl}/transactions/search?txType=REWARD_SHARE&address=${mintAddress}&confirmationStatus=CONFIRMED&limit=1&reverse=false` + } else { + const rewardshareUrl = `${nodeUrl}/transactions/search?txType=REWARD_SHARE&address=${mintAddress}&confirmationStatus=CONFIRMED&limit=1&reverse=false` this.startMinting = await fetch(rewardshareUrl).then(response => { return response.json() }) this.startMintTime = new Date(this.startMinting[0].timestamp).toLocaleDateString() - } - } + } + } - avatarImage() { - return html`` - } + avatarImage() { + return html`` + } - avatarFullImage() { - return html`` - } + avatarFullImage() { + return html`` + } - founderBadge() { - if (this.addressResult.flags === 1) { - return html`${translate("explorerpage.exp6")}` - } else { - return html`` - } - } + founderBadge() { + if (this.addressResult.flags === 1) { + return html`${translate("explorerpage.exp6")}` + } else { + return html`` + } + } - founderStatus() { - if (this.addressResult.flags === 1) { - return html`${translate("general.yes")}` - } else { - return html`${translate("general.no")}` - } - } + founderStatus() { + if (this.addressResult.flags === 1) { + return html`${translate("general.yes")}` + } else { + return html`${translate("general.no")}` + } + } - async getPaymentsGridItems() { - this.allPayments = [] - this.slicedArray = [] - this.allReceivedPayments = [] - this.allSendPayments = [] - this.totalSent = 0 - this.totalReceived = 0 - const paymentsAddress = this.displayAddress - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const paymentsUrl = `${nodeUrl}/transactions/address/${paymentsAddress}?limit=0&reverse=true` + async getPaymentsGridItems() { + this.allPayments = [] + this.slicedArray = [] + this.allReceivedPayments = [] + this.allSendPayments = [] + this.totalSent = 0 + this.totalReceived = 0 - const paymentsAll = await fetch(paymentsUrl).then(response => { - return response.json() - }) + const paymentsAddress = this.displayAddress + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const paymentsUrl = `${nodeUrl}/transactions/address/${paymentsAddress}?limit=0&reverse=true` - this.allPayments = paymentsAll.map(item => { - const searchType = item.type - if (searchType == "PAYMENT") { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount, - fee: item.fee, - blockHeight: item.blockHeight - } - } - }).filter(item => !!item) + const paymentsAll = await fetch(paymentsUrl).then(response => { + return response.json() + }) - this.slicedArray = this.allPayments.slice(0, 5) + this.allPayments = paymentsAll.map(item => { + const searchType = item.type - this.allSendPayments = this.allPayments.map(item => { - const searchSendAddress = item.creatorAddress - if (searchSendAddress == paymentsAddress) { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount + if (searchType == "PAYMENT") { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount, + fee: item.fee, + blockHeight: item.blockHeight + } + } + }).filter(item => !!item) - } - } - }).filter(item => !!item) + this.slicedArray = this.allPayments.slice(0, 5) - this.allSendPayments.map(item => { - this.totalSent += parseFloat(item.amount) - }) + this.allSendPayments = this.allPayments.map(item => { + const searchSendAddress = item.creatorAddress - this.allReceivedPayments = this.allPayments.map(item => { - const searchReceivedAddress = item.recipient - if (searchReceivedAddress == paymentsAddress) { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount + if (searchSendAddress == paymentsAddress) { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount - } - } - }).filter(item => !!item) + } + } + }).filter(item => !!item) - this.allReceivedPayments.map(item => { - this.totalReceived += parseFloat(item.amount) - }) - } + this.allSendPayments.map(item => { + this.totalSent += parseFloat(item.amount) + }) - showPaymentDetails(paymentsData) { - this.txtimestamp = '' - this.txcreatorAddress = '' - this.txrecipient = '' - this.txamount = '' - this.txfee = '' - this.txblockHeight = '' - this.txtimestamp = paymentsData.item.timestamp - this.txcreatorAddress = paymentsData.item.creatorAddress - this.txrecipient = paymentsData.item.recipient - this.txamount = paymentsData.item.amount - this.txfee = paymentsData.item.fee - this.txblockHeight = paymentsData.item.blockHeight - this.shadowRoot.getElementById('showTxDetailsDialog').open() - } + this.allReceivedPayments = this.allPayments.map(item => { + const searchReceivedAddress = item.recipient - showAllPayments() { - this.shadowRoot.getElementById('showAllPaymentsDialog').open() - } + if (searchReceivedAddress == paymentsAddress) { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount - async getBoughtBTCGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myBTCAddress = this.displayAddress + } + } + }).filter(item => !!item) - const boughtBTCTradesAll = await fetch(tradesBoughtBTCUrl).then(response => { - return response.json() - }) + this.allReceivedPayments.map(item => { + this.totalReceived += parseFloat(item.amount) + }) + } - this.explorerBoughtBTCTrades = boughtBTCTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myBTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + showPaymentDetails(paymentsData) { + this.txtimestamp = '' + this.txcreatorAddress = '' + this.txrecipient = '' + this.txamount = '' + this.txfee = '' + this.txblockHeight = '' + this.txtimestamp = paymentsData.item.timestamp + this.txcreatorAddress = paymentsData.item.creatorAddress + this.txrecipient = paymentsData.item.recipient + this.txamount = paymentsData.item.amount + this.txfee = paymentsData.item.fee + this.txblockHeight = paymentsData.item.blockHeight + this.shadowRoot.getElementById('showTxDetailsDialog').open() + } - async getBoughtLTCGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myLTCAddress = this.displayAddress + showAllPayments() { + this.shadowRoot.getElementById('showAllPaymentsDialog').open() + } - const boughtLTCTradesAll = await fetch(tradesBoughtLTCUrl).then(response => { - return response.json() - }) + async getBoughtBTCGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myBTCAddress = this.displayAddress - this.explorerBoughtLTCTrades = boughtLTCTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myLTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtBTCTradesAll = await fetch(tradesBoughtBTCUrl).then(response => { + return response.json() + }) - async getBoughtDOGEGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDOGEAddress = this.displayAddress + this.explorerBoughtBTCTrades = boughtBTCTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myBTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtDOGETradesAll = await fetch(tradesBoughtDOGEUrl).then(response => { - return response.json() - }) + async getBoughtLTCGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myLTCAddress = this.displayAddress - this.explorerBoughtDOGETrades = boughtDOGETradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myDOGEAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtLTCTradesAll = await fetch(tradesBoughtLTCUrl).then(response => { + return response.json() + }) - async getBoughtDGBGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDGBAddress = this.displayAddress + this.explorerBoughtLTCTrades = boughtLTCTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myLTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtDGBTradesAll = await fetch(tradesBoughtDGBUrl).then(response => { - return response.json() - }) + async getBoughtDOGEGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDOGEAddress = this.displayAddress - this.explorerBoughtDGBTrades = boughtDGBTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myDGBAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtDOGETradesAll = await fetch(tradesBoughtDOGEUrl).then(response => { + return response.json() + }) - async getBoughtRVNGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myRVNAddress = this.displayAddress + this.explorerBoughtDOGETrades = boughtDOGETradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myDOGEAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtRVNTradesAll = await fetch(tradesBoughtRVNUrl).then(response => { - return response.json() - }) + async getBoughtDGBGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDGBAddress = this.displayAddress - this.explorerBoughtRVNTrades = boughtRVNTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myRVNAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtDGBTradesAll = await fetch(tradesBoughtDGBUrl).then(response => { + return response.json() + }) - async getBoughtARRRGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myARRRAddress = this.displayAddress + this.explorerBoughtDGBTrades = boughtDGBTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myDGBAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtARRRTradesAll = await fetch(tradesBoughtARRRUrl).then(response => { - return response.json() - }) + async getBoughtRVNGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myRVNAddress = this.displayAddress - this.explorerBoughtARRRTrades = boughtARRRTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myARRRAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtRVNTradesAll = await fetch(tradesBoughtRVNUrl).then(response => { + return response.json() + }) - async getSoldBTCGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myBTCAddress = this.displayAddress + this.explorerBoughtRVNTrades = boughtRVNTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myRVNAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldBTCTradesAll = await fetch(tradesSoldBTCUrl).then(response => { - return response.json() - }) + async getBoughtARRRGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myARRRAddress = this.displayAddress - this.explorerSoldBTCTrades = soldBTCTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myBTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtARRRTradesAll = await fetch(tradesBoughtARRRUrl).then(response => { + return response.json() + }) - async getSoldLTCGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myLTCAddress = this.displayAddress + this.explorerBoughtARRRTrades = boughtARRRTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myARRRAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldLTCTradesAll = await fetch(tradesSoldLTCUrl).then(response => { - return response.json() - }) + async getSoldBTCGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myBTCAddress = this.displayAddress - this.explorerSoldLTCTrades = soldLTCTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myLTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldBTCTradesAll = await fetch(tradesSoldBTCUrl).then(response => { + return response.json() + }) - async getSoldDOGEGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDOGEAddress = this.displayAddress + this.explorerSoldBTCTrades = soldBTCTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myBTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldDOGETradesAll = await fetch(tradesSoldDOGEUrl).then(response => { - return response.json() - }) + async getSoldLTCGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myLTCAddress = this.displayAddress - this.explorerSoldDOGETrades = soldDOGETradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myDOGEAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldLTCTradesAll = await fetch(tradesSoldLTCUrl).then(response => { + return response.json() + }) - async getSoldDGBGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDGBAddress = this.displayAddress + this.explorerSoldLTCTrades = soldLTCTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myLTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldDGBTradesAll = await fetch(tradesSoldDGBUrl).then(response => { - return response.json() - }) + async getSoldDOGEGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDOGEAddress = this.displayAddress - this.explorerSoldDGBTrades = soldDGBTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myDGBAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldDOGETradesAll = await fetch(tradesSoldDOGEUrl).then(response => { + return response.json() + }) - async getSoldRVNGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myRVNAddress = this.displayAddress + this.explorerSoldDOGETrades = soldDOGETradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myDOGEAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldRVNTradesAll = await fetch(tradesSoldRVNUrl).then(response => { - return response.json() - }) + async getSoldDGBGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDGBAddress = this.displayAddress - this.explorerSoldRVNTrades = soldRVNTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myRVNAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldDGBTradesAll = await fetch(tradesSoldDGBUrl).then(response => { + return response.json() + }) - async getSoldARRRGridItems() { - const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myARRRAddress = this.displayAddress + this.explorerSoldDGBTrades = soldDGBTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myDGBAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldARRRTradesAll = await fetch(tradesSoldARRRUrl).then(response => { - return response.json() - }) + async getSoldRVNGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myRVNAddress = this.displayAddress - this.explorerSoldARRRTrades = soldARRRTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myARRRAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldRVNTradesAll = await fetch(tradesSoldRVNUrl).then(response => { + return response.json() + }) - openTrades() { - this.shadowRoot.getElementById('userTrades').open() - this.shadowRoot.getElementById('userFullInfoDialog').close() - } + this.explorerSoldRVNTrades = soldRVNTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myRVNAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async openUserBoughtDialog() { - this.shadowRoot.getElementById('userBoughtDialog').open() - this.explorerBoughtBTCTrades = [] - this.explorerBoughtLTCTrades = [] - this.explorerBoughtDOGETrades = [] - this.explorerBoughtDGBTrades = [] - this.explorerBoughtRVNTrades = [] - this.explorerBoughtARRRTrades = [] - this.isLoadingBoughtTradesBTC = true - this.isLoadingBoughtTradesLTC = true - this.isLoadingBoughtTradesDOGE = true - this.isLoadingBoughtTradesDGB = true - this.isLoadingBoughtTradesRVN = true - this.isLoadingBoughtTradesARRR = true - await this.getBoughtBTCGridItems() - this.isLoadingBoughtTradesBTC = false - await this.getBoughtLTCGridItems() - this.isLoadingBoughtTradesLTC = false - await this.getBoughtDOGEGridItems() - this.isLoadingBoughtTradesDOGE = false - await this.getBoughtDGBGridItems() - this.isLoadingBoughtTradesDGB = false - await this.getBoughtRVNGridItems() - this.isLoadingBoughtTradesRVN = false - await this.getBoughtARRRGridItems() - this.isLoadingBoughtTradesARRR = false - } + async getSoldARRRGridItems() { + const myNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myARRRAddress = this.displayAddress - async openUserSoldDialog() { - this.shadowRoot.getElementById('userSoldDialog').open() - this.explorerSoldBTCTrades = [] - this.explorerSoldLTCTrades = [] - this.explorerSoldDOGETrades = [] - this.explorerSoldDGBTrades = [] - this.explorerSoldRVNTrades = [] - this.explorerSoldARRRTrades = [] - this.isLoadingSoldTradesBTC = true - this.isLoadingSoldTradesLTC = true - this.isLoadingSoldTradesDOGE = true - this.isLoadingSoldTradesDGB = true - this.isLoadingSoldTradesRVN = true - this.isLoadingSoldTradesARRR = true - await this.getSoldBTCGridItems() - this.isLoadingSoldTradesBTC = false - await this.getSoldLTCGridItems() - this.isLoadingSoldTradesLTC = false - await this.getSoldDOGEGridItems() - this.isLoadingSoldTradesDOGE = false - await this.getSoldDGBGridItems() - this.isLoadingSoldTradesDGB = false - await this.getSoldRVNGridItems() - this.isLoadingSoldTradesRVN = false - await this.getSoldARRRGridItems() - this.isLoadingSoldTradesARRR = false - } + const soldARRRTradesAll = await fetch(tradesSoldARRRUrl).then(response => { + return response.json() + }) - closeErrorDialog() { - this.shadowRoot.getElementById('userErrorDialog').close() - } + this.explorerSoldARRRTrades = soldARRRTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myARRRAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - closeTrades() { - this.shadowRoot.getElementById('userTrades').close() - } + openTrades() { + this.shadowRoot.getElementById('userTrades').open() + this.shadowRoot.getElementById('userFullInfoDialog').close() + } - closeCompleteInfoDialog() { - this.shadowRoot.getElementById('userFullInfoDialog').close() - } + async openUserBoughtDialog() { + this.shadowRoot.getElementById('userBoughtDialog').open() + this.explorerBoughtBTCTrades = [] + this.explorerBoughtLTCTrades = [] + this.explorerBoughtDOGETrades = [] + this.explorerBoughtDGBTrades = [] + this.explorerBoughtRVNTrades = [] + this.explorerBoughtARRRTrades = [] + this.isLoadingBoughtTradesBTC = true + this.isLoadingBoughtTradesLTC = true + this.isLoadingBoughtTradesDOGE = true + this.isLoadingBoughtTradesDGB = true + this.isLoadingBoughtTradesRVN = true + this.isLoadingBoughtTradesARRR = true - closeBoughtDialog() { - this.shadowRoot.getElementById('userBoughtDialog').close() - } + await this.getBoughtBTCGridItems() - closeSoldDialog() { - this.shadowRoot.getElementById('userSoldDialog').close() - } + this.isLoadingBoughtTradesBTC = false - closeShowAllPaymentsDialog() { - this.shadowRoot.getElementById('showAllPaymentsDialog').close() - } + await this.getBoughtLTCGridItems() - getApiKey() { - const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - return apiNode.apiKey - } + this.isLoadingBoughtTradesLTC = false - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } + await this.getBoughtDOGEGridItems() - round(number) { + this.isLoadingBoughtTradesDOGE = false + + await this.getBoughtDGBGridItems() + + this.isLoadingBoughtTradesDGB = false + + await this.getBoughtRVNGridItems() + + this.isLoadingBoughtTradesRVN = false + + await this.getBoughtARRRGridItems() + + this.isLoadingBoughtTradesARRR = false + } + + async openUserSoldDialog() { + this.shadowRoot.getElementById('userSoldDialog').open() + this.explorerSoldBTCTrades = [] + this.explorerSoldLTCTrades = [] + this.explorerSoldDOGETrades = [] + this.explorerSoldDGBTrades = [] + this.explorerSoldRVNTrades = [] + this.explorerSoldARRRTrades = [] + this.isLoadingSoldTradesBTC = true + this.isLoadingSoldTradesLTC = true + this.isLoadingSoldTradesDOGE = true + this.isLoadingSoldTradesDGB = true + this.isLoadingSoldTradesRVN = true + this.isLoadingSoldTradesARRR = true + + await this.getSoldBTCGridItems() + + this.isLoadingSoldTradesBTC = false + + await this.getSoldLTCGridItems() + + this.isLoadingSoldTradesLTC = false + + await this.getSoldDOGEGridItems() + + this.isLoadingSoldTradesDOGE = false + + await this.getSoldDGBGridItems() + + this.isLoadingSoldTradesDGB = false + + await this.getSoldRVNGridItems() + + this.isLoadingSoldTradesRVN = false + + await this.getSoldARRRGridItems() + + this.isLoadingSoldTradesARRR = false + } + + closeErrorDialog() { + this.shadowRoot.getElementById('userErrorDialog').close() + } + + closeTrades() { + this.shadowRoot.getElementById('userTrades').close() + } + + closeCompleteInfoDialog() { + this.shadowRoot.getElementById('userFullInfoDialog').close() + } + + closeBoughtDialog() { + this.shadowRoot.getElementById('userBoughtDialog').close() + } + + closeSoldDialog() { + this.shadowRoot.getElementById('userSoldDialog').close() + } + + closeShowAllPaymentsDialog() { + this.shadowRoot.getElementById('showAllPaymentsDialog').close() + } + + isEmptyArray(arr) { + if (!arr) { + return true + } + return arr.length === 0 + } + + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } + } } -window.customElements.define('user-info-view', UserInfoView) +window.customElements.define('user-info-view', UserInfoView) \ No newline at end of file diff --git a/core/src/components/wallet-profile.js b/core/src/components/wallet-profile.js index a84efa99..c3b01732 100644 --- a/core/src/components/wallet-profile.js +++ b/core/src/components/wallet-profile.js @@ -1,124 +1,84 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {translate} from '../../translate' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { walletProfileStyles } from '../styles/core-css' + +// Multi language support +import { translate } from '../../translate' class WalletProfile extends connect(store)(LitElement) { - static get properties() { - return { - wallet: { type: Object }, - nodeConfig: { type: Object }, - accountInfo: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + wallet: { type: Object }, + nodeConfig: { type: Object }, + accountInfo: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - #profileInMenu { - padding: 12px; - border-top: var(--border); - background: var(--sidetopbar); - color: var(--black); - } + static get styles() { + return [walletProfileStyles] + } - #accountName { - margin: 0; - font-size: 18px; - font-weight: 500; - width: 100%; - padding-bottom: 8px; - display: flex; - } + constructor() { + super() + this.wallet = {} + this.nodeConfig = {} + this.accountInfo = { + names: [], + addressInfo: {} + } + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - #blocksMinted { - margin:0; - margin-top: 0; - font-size: 12px; - color: #03a9f4; - } + render() { + return html` +
    +
    +
    + +     +
    +
    + ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : ''} +
    +
    + ${this.accountInfo.addressInfo ? html` + + ${translate("walletprofile.minterlevel")} - ${this.accountInfo.addressInfo.level} ${this.accountInfo.addressInfo.flags === 1 ? html`(F)` : ''} + + ` : ''} +
    +

    ${translate("walletprofile.blocksminted")} - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment}

    +
    +
    +

    ${this.wallet.addresses[0].address}

    +
    +
    + ` + } - #address { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - margin:0; - margin-top: 8px; - font-size: 11px; - } + firstUpdated() { + // ... + } - .round-fullinfo { - position: relative; - width: 68px; - height: 68px; - border-radius: 50%; - } + getAvatar() { + if (this.accountInfo.names.length === 0) { + return html`` + } else { + const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] + const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port + const url = `${avatarUrl}/arbitrary/THUMBNAIL/${this.accountInfo.names[0].name}/qortal_avatar?async=true` - .full-info-logo { - width: 68px; - height: 68px; - border-radius: 50%; - } + return html`` + } + } - .inline-block-child { - flex: 1; - } - ` - } - - constructor() { - super() - this.wallet = {} - this.nodeConfig = {} - this.accountInfo = { - names: [], - addressInfo: {} - } - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` -
    -
    -
    - -     -
    -
    ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : ''}
    -
    ${this.accountInfo.addressInfo ? html`${translate("walletprofile.minterlevel")} - ${this.accountInfo.addressInfo.level} ${this.accountInfo.addressInfo.flags === 1 ? html`(F)` : ''}` : ''}
    -

    ${translate("walletprofile.blocksminted")} - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment}

    -
    -
    -

    ${this.wallet.addresses[0].address}

    -
    -
    - ` - } - - firstUpdated() {} - - getAvatar() { - if (this.accountInfo.names.length === 0) { - return html`` - } else { - const avatarNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port - const url = `${avatarUrl}/arbitrary/THUMBNAIL/${this.accountInfo.names[0].name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } - } - - getApiKey() { - const apiNode = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node] - return apiNode.apiKey - } - - stateChanged(state) { - this.wallet = state.app.wallet - this.nodeConfig = state.app.nodeConfig - this.accountInfo = state.app.accountInfo - } + stateChanged(state) { + this.wallet = state.app.wallet + this.nodeConfig = state.app.nodeConfig + this.accountInfo = state.app.accountInfo + } } -window.customElements.define('wallet-profile', WalletProfile) +window.customElements.define('wallet-profile', WalletProfile) \ No newline at end of file diff --git a/core/src/cryptoUtils.js b/core/src/cryptoUtils.js index f26e8c96..14eb3c61 100644 --- a/core/src/cryptoUtils.js +++ b/core/src/cryptoUtils.js @@ -1,55 +1,62 @@ -'use strict' const utils = { - int32ToBytes (word) { - var byteArray = [] - for (var b = 0; b < 32; b += 8) { - byteArray.push((word >>> (24 - b % 32)) & 0xFF) - } - return byteArray - }, + int32ToBytes(word) { + var byteArray = [] + for (var b = 0; b < 32; b += 8) { + byteArray.push((word >>> (24 - b % 32)) & 0xFF) + } + return byteArray + }, - stringtoUTF8Array (message) { - if (typeof message === 'string') { - var s = unescape(encodeURIComponent(message)) // UTF-8 - message = new Uint8Array(s.length) - for (var i = 0; i < s.length; i++) { - message[i] = s.charCodeAt(i) & 0xff - } - } - return message - }, - // ...buffers then buffers.foreach and append to buffer1 - appendBuffer (buffer1, buffer2) { - buffer1 = new Uint8Array(buffer1) - buffer2 = new Uint8Array(buffer2) - const tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength) - tmp.set(buffer1, 0) - tmp.set(buffer2, buffer1.byteLength) - return tmp - }, + stringtoUTF8Array(message) { + if (typeof message === 'string') { + var s = unescape(encodeURIComponent(message)) // UTF-8 + message = new Uint8Array(s.length) + for (var i = 0; i < s.length; i++) { + message[i] = s.charCodeAt(i) & 0xff + } + } - int64ToBytes (int64) { - // we want to represent the input as a 8-bytes array - var byteArray = [0, 0, 0, 0, 0, 0, 0, 0] + return message + }, - for (var index = 0; index < byteArray.length; index++) { - var byte = int64 & 0xff - byteArray[byteArray.length - index - 1] = byte - int64 = (int64 - byte) / 256 - } + // ...buffers then buffers.foreach and append to buffer1 + appendBuffer(buffer1, buffer2) { + buffer1 = new Uint8Array(buffer1) + buffer2 = new Uint8Array(buffer2) - return byteArray - }, + const tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength) - equal (buf1, buf2) { - if (buf1.byteLength != buf2.byteLength) return false - var dv1 = new Uint8Array(buf1) - var dv2 = new Uint8Array(buf2) - for (var i = 0; i != buf1.byteLength; i++) { - if (dv1[i] != dv2[i]) return false - } - return true - } + tmp.set(buffer1, 0) + tmp.set(buffer2, buffer1.byteLength) + + return tmp + }, + + int64ToBytes(int64) { + // we want to represent the input as a 8-bytes array + var byteArray = [0, 0, 0, 0, 0, 0, 0, 0] + + for (var index = 0; index < byteArray.length; index++) { + var byte = int64 & 0xff + byteArray[byteArray.length - index - 1] = byte + int64 = (int64 - byte) / 256 + } + + return byteArray + }, + + equal(buf1, buf2) { + if (buf1.byteLength != buf2.byteLength) return false + + var dv1 = new Uint8Array(buf1) + var dv2 = new Uint8Array(buf2) + + for (var i = 0; i != buf1.byteLength; i++) { + if (dv1[i] != dv2[i]) return false + } + + return true + } } -export default utils +export default utils \ No newline at end of file diff --git a/core/src/custom-elements/frag-file-input.js b/core/src/custom-elements/frag-file-input.js deleted file mode 100644 index a8d94534..00000000 --- a/core/src/custom-elements/frag-file-input.js +++ /dev/null @@ -1,115 +0,0 @@ -import {css, html, LitElement} from 'lit' - -import '@material/mwc-button' -import '@material/mwc-icon' - -import {translate} from '../../translate' - -class FragFileInput extends LitElement { - static get properties () { - return { - accept: { type: String }, - readAs: { type: String } - } - } - - static get styles () { - return css` - #drop-area { - border: 2px dashed #ccc; - font-family: "Roboto", sans-serif; - padding: 20px; - } - - #trigger:hover { - cursor: pointer; - } - - #drop-area.highlight { - border-color: var(--mdc-theme-primary, #000); - } - - p { - margin-top: 0; - } - - form { - margin-bottom: 10px; - } - - #fileInput { - display: none; - } - ` - } - - constructor () { - super() - this.readAs = this.readAs || 'Text' - } - - render () { - return html` -
    - -
    - this.shadowRoot.getElementById('fileInput').click()} style="dispay:inline;"> - cloud_upload  ${translate("fragfile.selectfile")} -
    - ${translate("fragfile.dragfile")} -
    -
    - - ` - } - - readFile (file) { - const fr = new FileReader() - fr.onload = () => { - this.dispatchEvent(new CustomEvent('file-read-success', { - detail: { result: fr.result }, - bubbles: true, - composed: true - })) - } - fr['readAs' + this.readAs](file) - } - - firstUpdated () { - this._dropArea = this.shadowRoot.getElementById('drop-area') - - const preventDefaults = e => { - e.preventDefault() - e.stopPropagation() - } - - ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => { - this._dropArea.addEventListener(eventName, preventDefaults, false) - }) - - const highlight = e => { - this._dropArea.classList.add('highlight') - } - - const unhighlight = e => { - this._dropArea.classList.remove('highlight') - } - - ;['dragenter', 'dragover'].forEach(eventName => { - this._dropArea.addEventListener(eventName, highlight, false) - }) - - ;['dragleave', 'drop'].forEach(eventName => { - this._dropArea.addEventListener(eventName, unhighlight, false) - }) - - this._dropArea.addEventListener('drop', e => { - const dt = e.dataTransfer - const file = dt.files[0] - - this.readFile(file) - }, false) - } -} - -window.customElements.define('frag-file-input', FragFileInput) diff --git a/core/src/data/defaultQapps.js b/core/src/data/defaultQapps.js index 0378984a..e75ce717 100644 --- a/core/src/data/defaultQapps.js +++ b/core/src/data/defaultQapps.js @@ -1,4 +1,15 @@ export const defaultQappsTabs = [ + { + "url": "myapp", + "domain": "core", + "page": "qdn/browser/index.html?name=Q-Support&service=APP", + "title": "Q-Support", + "icon": "vaadin:external-browser", + "mwcicon": "apps", + "pluginNumber": "plugin-04tlGdLkkd", + "menus": [], + "parent": false + }, { "url": "myapp", "domain": "core", diff --git a/core/src/epml.js b/core/src/epml.js index 41892ab8..6688acc1 100644 --- a/core/src/epml.js +++ b/core/src/epml.js @@ -15,4 +15,4 @@ Epml.registerPlugin(EpmlStreamPlugin) Epml.registerPlugin(EpmlProxyPlugin) Epml.allowProxying = true -export { Epml, EpmlStream } +export { Epml, EpmlStream } \ No newline at end of file diff --git a/core/src/functional-components/confirm-transaction-dialog.js b/core/src/functional-components/confirm-transaction-dialog.js index 20440e0c..5a6ca3ec 100644 --- a/core/src/functional-components/confirm-transaction-dialog.js +++ b/core/src/functional-components/confirm-transaction-dialog.js @@ -1,106 +1,83 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {get, translate} from '../../translate' - -import {listenForRequest} from '../transactionRequest.js' - -import '@polymer/paper-dialog/paper-dialog.js' +import { css, html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { listenForRequest } from '../transactionRequest' +import { confirmTransactionDialogStyles } from '../styles/core-css' import '@material/mwc-button' +import '@polymer/paper-dialog/paper-dialog.js' + +// Multi language support +import { get, translate } from '../../translate' class ConfirmTransactionDialog extends connect(store)(LitElement) { - static get properties() { - return { - txInfo: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + txInfo: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - } + static get styles() { + return [confirmTransactionDialogStyles] + } - .decline { - --mdc-theme-primary: var(--mdc-theme-error) - } + constructor() { + super() + this.transaction = { + template: html`Awaiting transaction info` + } + this.txInfo = html`` + listenForRequest(args => this.requestTransaction(args)) + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - #txInfo { - text-align: left; - max-width: 520px; - color: var(--black); - } + render() { + return html` + +

    ${translate("transpage.tchange1")}

    +
    + ${this.txInfo} +
    +
    + this.decline(e)} dialog-dismiss>${translate("transpage.tchange2")} + this.confirm(e)} dialog-confirm autofocus>${translate("transpage.tchange3")} +
    +     + ` + } - .buttons { - text-align:right; - } + firstUpdated() { + // ... + } - table td, th{ - padding:4px; - text-align:left; - font-size:14px; - color: var(--black); - } - ` - } + requestTransaction(transaction) { + this.shadowRoot.getElementById('confirmDialog').open() + this.transaction = transaction + this.txInfo = transaction.render(html) - constructor() { - super() - this.transaction = { - template: html`Awaiting transaction info` - } - this.txInfo = html`` - listenForRequest(args => this.requestTransaction(args)) - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; - } + return new Promise((resolve, reject) => { + this._resolve = resolve + this._reject = reject + }) + } - render() { - return html` - -

    ${translate("transpage.tchange1")}

    -
    - ${this.txInfo} -
    -
    - this.decline(e)} dialog-dismiss>${translate("transpage.tchange2")} - this.confirm(e)} dialog-confirm autofocus>${translate("transpage.tchange3")} -
    -     - ` - } + confirm(e) { + this._resolve({ + success: true + }) + } - stateChanged(state) { - this.loggedIn = state.app.loggedIn - } + decline(e) { + const rejecterror = get("transactions.declined") + this._reject(new Error(rejecterror)) + } - requestTransaction(transaction) { - this.shadowRoot.getElementById('confirmDialog').open() - this.transaction = transaction - this.txInfo = transaction.render(html) - - return new Promise((resolve, reject) => { - this._resolve = resolve - this._reject = reject - }) - } - - confirm(e) { - this._resolve({ - success: true - }) - } - - decline(e) { - const rejecterror = get("transactions.declined") - this._reject(new Error(rejecterror)) - } + stateChanged(state) { + this.loggedIn = state.app.loggedIn + } } window.customElements.define('confirm-transaction-dialog', ConfirmTransactionDialog) const txDialog = document.createElement('confirm-transaction-dialog') -export const requestTransactionDialog = document.body.appendChild(txDialog) +export const requestTransactionDialog = document.body.appendChild(txDialog) \ No newline at end of file diff --git a/core/src/functional-components/frag-file-input.js b/core/src/functional-components/frag-file-input.js new file mode 100644 index 00000000..078cfaf0 --- /dev/null +++ b/core/src/functional-components/frag-file-input.js @@ -0,0 +1,93 @@ +import { html, LitElement } from 'lit' +import { fragFileInputStyles } from '../styles/core-css' +import '@material/mwc-button' +import '@material/mwc-icon' + +// Multi language support +import { translate } from '../../translate' + +class FragFileInput extends LitElement { + static get properties() { + return { + accept: { type: String }, + readAs: { type: String } + } + } + + static get styles() { + return [fragFileInputStyles] + } + + constructor() { + super() + this.readAs = this.readAs || 'Text' + } + + render() { + return html` +
    + +
    + this.shadowRoot.getElementById('fileInput').click()} style="dispay:inline;"> + cloud_upload  ${translate("fragfile.selectfile")} + +
    + ${translate("fragfile.dragfile")} +
    +
    + + ` + } + + firstUpdated() { + this._dropArea = this.shadowRoot.getElementById('drop-area') + + const preventDefaults = e => { + e.preventDefault() + e.stopPropagation() + } + + ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => { + this._dropArea.addEventListener(eventName, preventDefaults, false) + }) + + const highlight = e => { + this._dropArea.classList.add('highlight') + } + + const unhighlight = e => { + this._dropArea.classList.remove('highlight') + } + + ;['dragenter', 'dragover'].forEach(eventName => { + this._dropArea.addEventListener(eventName, highlight, false) + }) + + ;['dragleave', 'drop'].forEach(eventName => { + this._dropArea.addEventListener(eventName, unhighlight, false) + }) + + this._dropArea.addEventListener('drop', e => { + const dt = e.dataTransfer + const file = dt.files[0] + + this.readFile(file) + }, false) + } + + readFile(file) { + const fr = new FileReader() + + fr.onload = () => { + this.dispatchEvent(new CustomEvent('file-read-success', { + detail: { result: fr.result }, + bubbles: true, + composed: true + })) + } + + fr['readAs' + this.readAs](file) + } +} + +window.customElements.define('frag-file-input', FragFileInput) \ No newline at end of file diff --git a/core/src/functional-components/loading-ripple.js b/core/src/functional-components/loading-ripple.js index 9fc14f13..99ac5fb4 100644 --- a/core/src/functional-components/loading-ripple.js +++ b/core/src/functional-components/loading-ripple.js @@ -1,188 +1,118 @@ -import {css, html, LitElement} from 'lit' +import { html, LitElement } from 'lit' +import { loadingRippleStyles } from '../styles/core-css' const TRANSITION_EVENT_NAMES = ['transitionend', 'webkitTransitionEnd', 'oTransitionEnd', 'MSTransitionEnd'] let rippleElement class LoadingRipple extends LitElement { - static get properties () { - return { - welcomeMessage: { - type: String, - attribute: 'welcome-message', - reflectToAttribute: true - }, - loadingMessage: { - type: String, - attribute: 'loading-message', - reflectToAttribute: true - } - } - } + static get properties() { + return { + welcomeMessage: { type: String, attribute: 'welcome-message', reflectToAttribute: true }, + loadingMessage: { type: String, attribute: 'loading-message', reflectToAttribute: true} + } + } - constructor () { - super() - this.welcomeMessage = '' - this.loadingMessage = '' - } + static get styles() { + return [loadingRippleStyles] + } - static get styles () { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-spinner-color: var(--mdc-theme-secondary); - } + constructor() { + super() + this.welcomeMessage = '' + this.loadingMessage = '' + } - #rippleWrapper{ - position:fixed; - top:0; - left:0; - bottom:0; - right:0; - height:0; - width:0; - z-index:999; - overflow: visible; - --ripple-activating-transition: transform 0.3s cubic-bezier(0.6, 0.0, 1, 1), opacity 0.3s cubic-bezier(0.6, 0.0, 1, 1); - --ripple-disable-transition: opacity 0.5s ease; - } - #ripple { - border-radius:50%; - border-width:0; - margin-left:-100vmax; - margin-top: -100vmax; - height:200vmax; - width:200vmax; - overflow:hidden; - background: var(--black); - transform: scale(0); - overflow:hidden; - } - #ripple.error { - transition: var(--ripple-activating-transition); - background: var(--mdc-theme-error) - } - #rippleShader { - background: var(--white); - opacity:0; - height:100%; - width:100%; - } - #ripple.activating{ - transition: var(--ripple-activating-transition); - transform: scale(1) - } - .activating #rippleShader { - transition: var(--ripple-activating-transition); - opacity: 1; - } - #ripple.disabling{ - transition: var(--ripple-disable-transition); - opacity: 0; - } - #rippleContentWrapper { - position: absolute; - top:100vmax; - left:100vmax; - height:var(--window-height); - width:100vw; - display: flex; - align-items: center; - justify-content: center; - } - #rippleContent { - opacity: 0; - text-align:center; - } - .activating-done #rippleContent { - opacity: 1; - transition: var(--ripple-activating-transition); - } + render() { + return html` +
    +
    +
    +
    +
    +

    ${this.welcomeMessage}

    + +

    ${this.loadingMessage}

    +
    +
    +
    +
    + ` + } - ` - } + firstUpdated() { + this._rippleWrapper = this.shadowRoot.getElementById('rippleWrapper') + this._ripple = this.shadowRoot.getElementById('ripple') + this._rippleContentWrapper = this.shadowRoot.getElementById('rippleContentWrapper') + } - render () { - return html` -
    -
    -
    -
    -
    -

    ${this.welcomeMessage}

    - -

    ${this.loadingMessage}

    -
    -
    -
    -
    - ` - } + open(origin) { + this._rippleWrapper.style.top = origin.y + 'px' + this._rippleWrapper.style.left = origin.x + 'px' + this._rippleContentWrapper.style.marginTop = -origin.y + 'px' + this._rippleContentWrapper.style.marginLeft = -origin.x + 'px' - firstUpdated () { - this._rippleWrapper = this.shadowRoot.getElementById('rippleWrapper') - this._ripple = this.shadowRoot.getElementById('ripple') - this._rippleContentWrapper = this.shadowRoot.getElementById('rippleContentWrapper') - } + return new Promise((resolve, reject) => { + this._ripple.classList.add('activating') - // duh - open (origin) { - this._rippleWrapper.style.top = origin.y + 'px' - this._rippleWrapper.style.left = origin.x + 'px' - this._rippleContentWrapper.style.marginTop = -origin.y + 'px' - this._rippleContentWrapper.style.marginLeft = -origin.x + 'px' + let isOpened = false - return new Promise((resolve, reject) => { - this._ripple.classList.add('activating') - let isOpened = false - const doneOpeningEvent = () => { - if (isOpened) return - // Clear events - TRANSITION_EVENT_NAMES.forEach(name => this._ripple.removeEventListener(name, doneOpeningEvent)) - this._ripple.classList.add('activating-done') - isOpened = true - resolve() - } - TRANSITION_EVENT_NAMES.forEach(name => this._ripple.addEventListener(name, doneOpeningEvent)) - }) - } + const doneOpeningEvent = () => { + if (isOpened) return - // Fades out - fade () { - return new Promise((resolve, reject) => { - // CAN'T FADE OUT CAUSE THE STUPID THING GETS KILLED CAUSE OF STATE.APP.LOGGEEDIN - // let rippleClosed = false - this._ripple.classList.remove('activating') - this._ripple.classList.remove('activating-done') - this._ripple.classList.remove('disabling') - resolve() - }) - } + // Clear events + TRANSITION_EVENT_NAMES.forEach(name => this._ripple.removeEventListener(name, doneOpeningEvent)) - // un-ripples... - close () { - return new Promise((resolve, reject) => { - let rippleClosed = false - this._ripple.classList.add('error') - this._ripple.classList.remove('activating') - this._ripple.classList.remove('activating-done') - const rippleClosedEvent = () => { - if (rippleClosed) return - rippleClosed = true - TRANSITION_EVENT_NAMES.forEach(name => this._ripple.removeEventListener(name, rippleClosedEvent)) - // Reset the ripple - this._ripple.classList.remove('error') - this.rippleIsOpen = false - resolve() - } - TRANSITION_EVENT_NAMES.forEach(name => this._ripple.addEventListener(name, rippleClosedEvent)) - }) - } + this._ripple.classList.add('activating-done') - stateChanged (state) { - // this.loggedIn = state.app.loggedIn - } + isOpened = true + + resolve() + } + + TRANSITION_EVENT_NAMES.forEach(name => this._ripple.addEventListener(name, doneOpeningEvent)) + }) + } + + fade() { + return new Promise((resolve, reject) => { + this._ripple.classList.remove('activating') + this._ripple.classList.remove('activating-done') + this._ripple.classList.remove('disabling') + + resolve() + }) + } + + close() { + return new Promise((resolve, reject) => { + let rippleClosed = false + + this._ripple.classList.add('error') + this._ripple.classList.remove('activating') + this._ripple.classList.remove('activating-done') + + const rippleClosedEvent = () => { + if (rippleClosed) return + + rippleClosed = true + + TRANSITION_EVENT_NAMES.forEach(name => this._ripple.removeEventListener(name, rippleClosedEvent)) + + // Reset the ripple + this._ripple.classList.remove('error') + this.rippleIsOpen = false + + resolve() + } + + TRANSITION_EVENT_NAMES.forEach(name => this._ripple.addEventListener(name, rippleClosedEvent)) + }) + } + + stateChanged(state) { + // ... + } } window.customElements.define('loading-ripple', LoadingRipple) @@ -192,10 +122,9 @@ rippleNode.id = 'ripple-node' rippleNode.loadingMessage = '' rippleElement = document.body.appendChild(rippleNode) setTimeout(() => { - const ripple = document.getElementById('ripple-node') - const mainApp = document.getElementById('main-app') - const shadow = mainApp.shadowRoot - // console.log(shadow) - rippleElement = shadow.appendChild(ripple) + const ripple = document.getElementById('ripple-node') + const mainApp = document.getElementById('main-app') + const shadow = mainApp.shadowRoot + rippleElement = shadow.appendChild(ripple) }, 500) // Should just keep checking for the main-app and it's shadow and then append once it's there -export default rippleElement +export default rippleElement \ No newline at end of file diff --git a/core/src/functional-components/my-button.js b/core/src/functional-components/my-button.js index f6fe6eb8..cb20ab50 100644 --- a/core/src/functional-components/my-button.js +++ b/core/src/functional-components/my-button.js @@ -1,47 +1,39 @@ -import {css, html, LitElement} from 'lit'; -import '@vaadin/button'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; +import { html, LitElement } from 'lit' +import { myButtonStyles } from '../styles/core-css' +import '@vaadin/button' +import '@polymer/paper-spinner/paper-spinner-lite.js' export class MyButton extends LitElement { - static properties = { - onClick: { type: Function }, - isLoading: { type: Boolean }, - label: { type: String }, - }; - - static styles = css` - vaadin-button { - height: 100%; - margin: 0; - cursor: pointer; - min-width: 80px; - background-color: #03a9f4; - color: white; + static get properties() { + return { + onClick: { type: Function }, + isLoading: { type: Boolean }, + label: { type: String } } + } - vaadin-button:hover { - opacity: 0.8; - } - `; + static get styles() { + return [myButtonStyles] + } constructor() { - super(); - this.onClick = () => {}; - this.isLoading = false; - this.label = ''; + super() + this.onClick = () => { } + this.isLoading = false + this.label = '' } render() { return html` - - ${this.isLoading === false - ? html`${this.label}` - : html``} + + ${this.isLoading === false ? html`${this.label}` : html``} - `; + ` + } + + firstUpdated() { + // ... } } -customElements.define('my-button', MyButton); + +window.customElements.define('my-button', MyButton) \ No newline at end of file diff --git a/core/src/functional-components/mykey-page.js b/core/src/functional-components/mykey-page.js index e8bffbee..833c858d 100644 --- a/core/src/functional-components/mykey-page.js +++ b/core/src/functional-components/mykey-page.js @@ -1,122 +1,105 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {testApiKey} from '../apiKeyUtils.js' -import {get, translate} from '../../translate' - -import '@material/mwc-dialog' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { testApiKey } from '../apiKeyUtils' +import { mykeyPageStyles } from '../styles/core-css' +import snackbar from './snackbar' import '@material/mwc-button' -import '@material/mwc-select' -import '@material/mwc-textfield' +import '@material/mwc-dialog' import '@material/mwc-icon' +import '@material/mwc-textfield' -import snackbar from './snackbar.js' +// Multi language support +import { get, translate } from '../../translate' let mykeyDialog class MykeyPage extends connect(store)(LitElement) { - static get properties() { - return { - nodeConfig: { type: Object }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + nodeConfig: { type: Object }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-heading-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [mykeyPageStyles] + } - .red { - --mdc-theme-primary: red; - } - ` - } + constructor() { + super() + this.nodeConfig = {} + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - constructor() { - super() - this.nodeConfig = {} - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; - } + render() { + return html` + +
    + +

    ${translate("apipage.achange3")}

    +
    + + ${translate("apipage.achange4")} + + + ${translate("apipage.achange5")} + +     + ` + } - render() { - return html` - -
    - -

    ${translate("apipage.achange3")}

    -
    - - ${translate("apipage.achange4")} - - - ${translate("apipage.achange5")} - -     - ` - } + firstUpdated() { + // ... + } - stateChanged(state) { - this.config = state.config - this.nodeConfig = state.app.nodeConfig - } + show() { + this.shadowRoot.getElementById('mykeyDialog').show() + } - show() { - this.shadowRoot.getElementById('mykeyDialog').show() - } + async addMykey() { + const mykeyInput = this.shadowRoot.getElementById('mykeyInput').value - async addMykey() { - const mykeyInput = this.shadowRoot.getElementById('mykeyInput').value - let selectedNode = this.nodeConfig.knownNodes[this.nodeConfig.node]; - let testResult = await testApiKey(mykeyInput); + let selectedNode = this.nodeConfig.knownNodes[this.nodeConfig.node] + let testResult = await testApiKey(mykeyInput) - if (testResult === true) { - selectedNode.apiKey = mykeyInput; - this.nodeConfig.knownNodes[this.nodeConfig.node] = selectedNode; - localStorage.setItem('myQortalNodes', JSON.stringify(this.nodeConfig.knownNodes)); - let snackbar1 = get("apipage.achange6") - snackbar.add({ - labelText: `${snackbar1}`, - dismiss: true - }) - this.shadowRoot.getElementById('mykeyInput').value = '' - this.shadowRoot.querySelector('#mykeyDialog').close() - } else { - let snackbar2 = get("apipage.achange7") - snackbar.add({ - labelText: `${snackbar2}`, - dismiss: true - }) - this.shadowRoot.getElementById('mykeyInput').value = '' - this.shadowRoot.querySelector('#mykeyDialog').close() - } - } + if (testResult === true) { + selectedNode.apiKey = mykeyInput + + this.nodeConfig.knownNodes[this.nodeConfig.node] = selectedNode + + localStorage.setItem('myQortalNodes', JSON.stringify(this.nodeConfig.knownNodes)) + + let snackbar1 = get("apipage.achange6") + + snackbar.add({ + labelText: `${snackbar1}`, + dismiss: true + }) + + this.shadowRoot.getElementById('mykeyInput').value = '' + this.shadowRoot.querySelector('#mykeyDialog').close() + } else { + let snackbar2 = get("apipage.achange7") + + snackbar.add({ + labelText: `${snackbar2}`, + dismiss: true + }) + + this.shadowRoot.getElementById('mykeyInput').value = '' + this.shadowRoot.querySelector('#mykeyDialog').close() + } + } + + stateChanged(state) { + this.config = state.config + this.nodeConfig = state.app.nodeConfig + } } window.customElements.define('mykey-page', MykeyPage) const mykey = document.createElement('mykey-page') mykeyDialog = document.body.appendChild(mykey) - -export default mykeyDialog +export default mykeyDialog \ No newline at end of file diff --git a/core/src/functional-components/random-sentence-generator.js b/core/src/functional-components/random-sentence-generator.js index 9f27ea08..5bfa5074 100644 --- a/core/src/functional-components/random-sentence-generator.js +++ b/core/src/functional-components/random-sentence-generator.js @@ -1,38 +1,18 @@ // Author: irontiga -'use strict' -import {html, LitElement} from 'lit' -import * as WORDLISTS from './wordlists.js' +import { html, LitElement } from 'lit' +import * as WORDLISTS from './wordlists' class RandomSentenceGenerator extends LitElement { static get properties() { return { - template: { - type: String, - attribute: 'template' - }, - parsedString: { - type: String - }, - fetchedWordlistCount: { - type: Number, - value: 0 - }, - capitalize: { - type: Boolean - }, - partsOfSpeechMap: { - type: Object - }, - templateEntropy: { - type: Number, - reflect: true, - attribute: 'template-entropy' - }, - maxWordLength: { - type: Number, - attribute: 'max-word-length' - } + template: { type: String, attribute: 'template' }, + parsedString: { type: String }, + fetchedWordlistCount: { type: Number, value: 0 }, + capitalize: { type: Boolean }, + partsOfSpeechMap: { type: Object }, + templateEntropy: { type: Number, reflect: true, attribute: 'template-entropy' }, + maxWordLength: { type: Number, attribute: 'max-word-length' } } } @@ -57,25 +37,42 @@ class RandomSentenceGenerator extends LitElement { this._wordlists = WORDLISTS } + render() { + return html` + ${this.parsedString} + ` + } + + firstUpdated() { + // ... + } + updated(changedProperties) { let regen = false + if (changedProperties.has('template')) { regen = true } + if (changedProperties.has('maxWordLength')) { console.dir(this.maxWordLength) + if (this.maxWordLength) { const wl = { ...this._wordlists } + for (const partOfSpeech in this._wordlists) { console.log(this._wordlists[partOfSpeech]) if (Array.isArray(this._wordlists[partOfSpeech])) { wl[partOfSpeech] = this._wordlists[partOfSpeech].filter(word => word.length <= this.maxWordLength) } } + this._wordlists = wl } + regen = true } + if (regen) this.generate() } @@ -83,13 +80,16 @@ class RandomSentenceGenerator extends LitElement { if (entropy > 1074) { throw new Error('Javascript can not handle that much entropy!') } + let randNum = 0 + const crypto = window.crypto || window.msCrypto if (crypto) { const entropy256 = Math.ceil(entropy / 8) let buffer = new Uint8Array(entropy256) + crypto.getRandomValues(buffer) randNum = buffer.reduce((num, value) => { @@ -97,8 +97,10 @@ class RandomSentenceGenerator extends LitElement { }, 1) / Math.pow(256, entropy256) } else { console.warn('Secure RNG not found. Using Math.random') + randNum = Math.random() } + return randNum } @@ -127,7 +129,9 @@ class RandomSentenceGenerator extends LitElement { parse(template) { const split = template.split(/[\s]/g) + let entropy = 1 + const final = split.map(word => { const lower = word.toLowerCase() @@ -139,22 +143,20 @@ class RandomSentenceGenerator extends LitElement { const replacement = this.getWord(partOfSpeech) word = replacement.word + word.slice(partOfSpeech.length) // Append the rest of the "word" (punctuation) entropy = entropy * replacement.entropy + return true } }) + return word }) - this.templateEntropy = Math.floor(Math.log(entropy) / Math.log(8)) - return final.join(' ') - } - render() { - return html` - ${this.parsedString} - ` + this.templateEntropy = Math.floor(Math.log(entropy) / Math.log(8)) + + return final.join(' ') } } -customElements.define('random-sentence-generator', RandomSentenceGenerator) +window.customElements.define('random-sentence-generator', RandomSentenceGenerator) -export default RandomSentenceGenerator +export default RandomSentenceGenerator \ No newline at end of file diff --git a/core/src/functional-components/settings-page.js b/core/src/functional-components/settings-page.js index 2eec405d..6ebb8dcc 100644 --- a/core/src/functional-components/settings-page.js +++ b/core/src/functional-components/settings-page.js @@ -1,19 +1,21 @@ -import {css, html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' -import {doAddNode, doEditNode, doLoadNodeConfig, doRemoveNode, doSetNode} from '../redux/app/app-actions.js' -import {get, registerTranslateConfig, translate, use} from '../../translate' -import snackbar from './snackbar.js' -import '../components/language-selector.js' -import '../custom-elements/frag-file-input.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' +import { doAddNode, doEditNode, doLoadNodeConfig, doRemoveNode, doSetNode } from '../redux/app/app-actions' +import { settingsPageStyles } from '../styles/core-css' import FileSaver from 'file-saver' - -import '@material/mwc-dialog' +import snackbar from './snackbar' +import './frag-file-input' +import '../components/language-selector' import '@material/mwc-button' -import '@material/mwc-select' -import '@material/mwc-textfield' +import '@material/mwc-dialog' import '@material/mwc-icon' import '@material/mwc-list/mwc-list-item.js' +import '@material/mwc-select' +import '@material/mwc-textfield' + +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../translate' registerTranslateConfig({ loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()) @@ -35,132 +37,23 @@ class SettingsPage extends connect(store)(LitElement) { return { lastSelected: { type: Number }, nodeConfig: { type: Object }, - theme: { type: String, reflect: true }, isBeingEdited: { type: Boolean }, - dropdownOpen: { type: Boolean } + dropdownOpen: { type: Boolean }, + theme: { type: String, reflect: true } } } static get styles() { - return css` - * { - --mdc-theme-primary: var(--login-button); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-dialog-content-ink-color: var(--black); - --mdc-theme-surface: var(--white); - --mdc-theme-text-primary-on-background: var(--black); - --mdc-dialog-min-width: 300px; - --mdc-dialog-max-width: 650px; - --mdc-dialog-max-height: 700px; - --mdc-list-item-text-width: 100%; - } - - #main { - width: 210px; - display: flex; - align-items: center; - } - - .globe { - color: var(--black); - --mdc-icon-size: 36px; - } - - span.name { - display: inline-block; - width: 150px; - font-weight: 600; - color: var(--general-color-blue); - border: 1px solid transparent; - } - - .red { - --mdc-theme-primary: red; - } - - .buttonred { - color: #f44336; - } - - .buttongreen { - color: #03c851; - } - - .buttonBlue { - color: var(--general-color-blue); - } - - .floatleft { - float: left; - } - - .floatright { - float: right; - } - - .list-parent { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - } - - #customSelect { - position: relative; - border: 1px solid #ccc; - cursor: pointer; - background: var(--plugback); - } - - #customSelect .selected { - padding: 10px; - display: flex; - align-items: center; - justify-content: space-between; - } - - #customSelect ul { - position: absolute; - top: 100%; - left: 0; - list-style: none; - margin: 0; - padding: 0; - border: 1px solid #ccc; - display: none; - background: var(--plugback); - width: 100%; - box-sizing: border-box; - z-index: 10; - } - - #customSelect ul.open { - display: block; - } - - #customSelect ul li { - padding: 10px; - transition: 0.2s all; - } - - #customSelect ul li:hover { - background-color: var(--graylight); - } - - .selected-left-side { - display: flex; - align-items: center; - } - ` + return [settingsPageStyles] } constructor() { super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' this.nodeConfig = {} this.isBeingEdited = false this.isBeingEditedIndex = null this.dropdownOpen = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' } render() { @@ -176,68 +69,65 @@ class SettingsPage extends connect(store)(LitElement) {
    link - ${this.selectedItem ? html - ` -
    - ${this.selectedItem.name} - ${this.selectedItem.protocol + '://' + this.selectedItem.domain + ':' + this.selectedItem.port} -
    - ` : html`${translate('settings.selectnode')}` - } -
    + ${this.selectedItem ? + html ` +
    + ${this.selectedItem.name} + ${this.selectedItem.protocol + '://' + this.selectedItem.domain + ':' + this.selectedItem.port} +
    + ` : html` + ${translate('settings.selectnode')} + ` + } +
    expand_more
      - ${this.nodeConfig.knownNodes.map( - (n, index) => html` -
    • -
      -
      - ${n.name} - ${n.protocol + '://' + n.domain + ':' + n.port} -
      -
      - - edit - - - remove - -
      + ${this.nodeConfig.knownNodes.map((n, index) => html` +
    • +
      +
      + ${n.name} + ${n.protocol + '://' + n.domain + ':' + n.port}
      -
      • - ` - )} +
      + + edit + + + remove + +
      +
    + + `)}

    ${translate('settings.nodehint')}

    - add + + add ${translate('settings.addcustomnode')}
    @@ -261,8 +151,7 @@ class SettingsPage extends connect(store)(LitElement) {
    - language  + language 
    @@ -270,7 +159,6 @@ class SettingsPage extends connect(store)(LitElement) { ${translate('general.close')} -

    ${translate('settings.addcustomnode')}

    @@ -293,7 +181,6 @@ class SettingsPage extends connect(store)(LitElement) { ${translate('settings.addandsave')} -

    ${translate('settings.import')}

    @@ -326,6 +213,7 @@ class SettingsPage extends connect(store)(LitElement) { firstUpdated() { const checkNode = localStorage.getItem('mySelectedNode') + if (checkNode === null || checkNode.length === 0) { localStorage.setItem('mySelectedNode', 0) } else { @@ -364,13 +252,36 @@ class SettingsPage extends connect(store)(LitElement) { this.dropdownOpen = false this.requestUpdate() this.nodeSelected(index) + localStorage.setItem('mySelectedNode', index) const selectedNodeIndexOnNewStart = localStorage.getItem('mySelectedNode') const catchSavedNodes = JSON.parse(localStorage.getItem('myQortalNodes')) const selectedNodeOnNewStart = catchSavedNodes[selectedNodeIndexOnNewStart] const selectedNameOnNewStart = `${selectedNodeOnNewStart.name}` - const selectedNodeUrlOnNewStart = `${selectedNodeOnNewStart.protocol + '://' + selectedNodeOnNewStart.domain +':' + selectedNodeOnNewStart.port}` + const selectedNodeUrlOnNewStart = `${selectedNodeOnNewStart.protocol + '://' + selectedNodeOnNewStart.domain + ':' + selectedNodeOnNewStart.port}` + + let snack2string = get('settings.snack2') + + snackbar.add({ + labelText: `${snack2string} : ${selectedNameOnNewStart} ${selectedNodeUrlOnNewStart}`, + dismiss: true + }) + } + + handleAddNodeSelection(node, index) { + this.selectedItem = node + this.dropdownOpen = false + this.requestUpdate() + this.nodeSelected(index) + + localStorage.setItem('mySelectedNode', index) + + const selectedNodeIndexOnNewStart = localStorage.getItem('mySelectedNode') + const catchSavedNodes = JSON.parse(localStorage.getItem('myQortalNodes')) + const selectedNodeOnNewStart = catchSavedNodes[selectedNodeIndexOnNewStart] + const selectedNameOnNewStart = `${selectedNodeOnNewStart.name}` + const selectedNodeUrlOnNewStart = `${selectedNodeOnNewStart.protocol + '://' + selectedNodeOnNewStart.domain + ':' + selectedNodeOnNewStart.port}` let snack2string = get('settings.snack2') @@ -408,10 +319,13 @@ class SettingsPage extends connect(store)(LitElement) { } var renewNodes = [] + renewNodes.push(obj1, obj2) + localStorage.setItem('myQortalNodes', JSON.stringify(renewNodes)) let snack1string = get('settings.snack1') + snackbar.add({ labelText: `${snack1string}`, dismiss: true @@ -426,9 +340,9 @@ class SettingsPage extends connect(store)(LitElement) { nodeSelected(selectedNodeIndex) { const selectedNode = this.nodeConfig.knownNodes[selectedNodeIndex] const selectedName = `${selectedNode.name}` - const selectedNodeUrl = `${selectedNode.protocol + '://' + selectedNode.domain +':' + selectedNode.port}` - + const selectedNodeUrl = `${selectedNode.protocol + '://' + selectedNode.domain + ':' + selectedNode.port}` const index = parseInt(selectedNodeIndex) + if (isNaN(index)) return store.dispatch(doSetNode(selectedNodeIndex)) @@ -462,13 +376,23 @@ class SettingsPage extends connect(store)(LitElement) { store.dispatch(doAddNode(nodeObject)) const haveNodes = JSON.parse(localStorage.getItem('myQortalNodes')) + const indexLength = this.nodeConfig.knownNodes.length + + let choosedIndex + let choosedNode + + choosedIndex = indexLength -1 + choosedNode = this.nodeConfig.knownNodes[this.nodeConfig.knownNodes.length - 1] if (haveNodes === null || haveNodes.length === 0) { var savedNodes = [] + savedNodes.push(nodeObject) + localStorage.setItem('myQortalNodes', JSON.stringify(savedNodes)) let snack3string = get('settings.snack3') + snackbar.add({ labelText: `${snack3string}`, dismiss: true @@ -478,14 +402,16 @@ class SettingsPage extends connect(store)(LitElement) { this.shadowRoot.getElementById('protocolList').value = '' this.shadowRoot.getElementById('domainInput').value = '' this.shadowRoot.getElementById('portInput').value = '' - this.shadowRoot.querySelector('#addNodeDialog').close() } else { var stored = JSON.parse(localStorage.getItem('myQortalNodes')) + stored.push(nodeObject) + localStorage.setItem('myQortalNodes', JSON.stringify(stored)) - let snack3string = get('settings.snack3'); + let snack3string = get('settings.snack3') + snackbar.add({ labelText: `${snack3string}`, dismiss: true @@ -495,9 +421,10 @@ class SettingsPage extends connect(store)(LitElement) { this.shadowRoot.getElementById('protocolList').value = '' this.shadowRoot.getElementById('domainInput').value = '' this.shadowRoot.getElementById('portInput').value = '' - this.shadowRoot.querySelector('#addNodeDialog').close() } + + this.handleAddNodeSelection(choosedNode, choosedIndex) } } @@ -505,11 +432,15 @@ class SettingsPage extends connect(store)(LitElement) { event.stopPropagation() let stored = JSON.parse(localStorage.getItem('myQortalNodes')) + stored.splice(index, 1) + localStorage.setItem('myQortalNodes', JSON.stringify(stored)) + store.dispatch(doRemoveNode(index)) let snack6string = get('settings.snack6') + snackbar.add({ labelText: `${snack6string}`, dismiss: true @@ -530,16 +461,21 @@ class SettingsPage extends connect(store)(LitElement) { protocol: protocolList, domain: domainInput, port: portInput, - enableManagement: true, + enableManagement: true } let stored = JSON.parse(localStorage.getItem('myQortalNodes')) + const copyStored = [...stored] + copyStored[index] = nodeObject + localStorage.setItem('myQortalNodes', JSON.stringify(copyStored)) + store.dispatch(doEditNode(index, nodeObject)) let snack7string = get('settings.snack7') + snackbar.add({ labelText: `${snack7string}`, dismiss: true @@ -551,7 +487,6 @@ class SettingsPage extends connect(store)(LitElement) { this.shadowRoot.getElementById('portInput').value = '' this.isBeingEdited = false this.isBeingEditedIndex = null - this.shadowRoot.querySelector('#addNodeDialog').close() } } @@ -566,26 +501,25 @@ class SettingsPage extends connect(store)(LitElement) { renderExportNodesListButton() { return html` - - + ` } exportQortalNodesList() { let nodelist = '' + const qortalNodesList = JSON.stringify( localStorage.getItem('myQortalNodes') - ); + ) + const qortalNodesListSave = JSON.parse(qortalNodesList || '[]') + const blob = new Blob([qortalNodesListSave], { - type: 'text/plain;charset=utf-8', + type: 'text/plain;charset=utf-8' }) + nodelist = 'qortal.nodes' + this.saveFileToDisk(blob, nodelist) } @@ -595,16 +529,20 @@ class SettingsPage extends connect(store)(LitElement) { suggestedName: fileName, types: [{ description: 'File' - }], + }] }) + const writeFile = async (fileHandle, contents) => { const writable = await fileHandle.createWritable() + await writable.write(contents) await writable.close() } + writeFile(fileHandle, blob).then(() => console.log('FILE SAVED')) let snack4string = get('settings.snack4') + snackbar.add({ labelText: `${snack4string} qortal.nodes`, dismiss: true @@ -613,29 +551,28 @@ class SettingsPage extends connect(store)(LitElement) { if (error.name === 'AbortError') { return } + FileSaver.saveAs(blob, fileName) } } renderImportNodesListButton() { return html` - - + ` } async importQortalNodesList(file) { localStorage.removeItem('myQortalNodes') + const newItems = JSON.parse(file || '[]') + localStorage.setItem('myQortalNodes', JSON.stringify(newItems)) + this.shadowRoot.querySelector('#importQortalNodesListDialog').close() let snack5string = get('settings.snack5') + snackbar.add({ labelText: `${snack5string}`, dismiss: true, @@ -657,5 +594,4 @@ window.customElements.define('settings-page', SettingsPage) const settings = document.createElement('settings-page') settingsDialog = document.body.appendChild(settings) - -export default settingsDialog +export default settingsDialog \ No newline at end of file diff --git a/core/src/functional-components/side-menu-item-style.js b/core/src/functional-components/side-menu-item-style.js deleted file mode 100644 index a9711b12..00000000 --- a/core/src/functional-components/side-menu-item-style.js +++ /dev/null @@ -1,157 +0,0 @@ -import {css} from 'lit' - -export const sideMenuItemStyle = css` - :host { - --font-family: "Roboto", sans-serif; - --item-font-size: 0.9375rem; - --sub-item-font-size: 0.75rem; - --item-padding: 0.875rem; - --item-content-padding: 0.875rem; - --icon-height: 1.125rem; - --icon-width: 1.125rem; - --item-border-radius: 5px; - --item-selected-color: #dddddd; - --item-selected-color-text: #333333; - --item-color-active: #d1d1d1; - --item-color-hover: #eeeeee; - --item-text-color: #080808; - --item-icon-color: #080808; - --item-border-color: #eeeeee; - --item-border-selected-color: #333333; - - --overlay-box-shadow: 0 2px 4px -1px hsla(214, 53%, 23%, 0.16), 0 3px 12px -1px hsla(214, 50%, 22%, 0.26); - --overlay-background-color: #ffffff; - - --spacing: 4px; - - font-family: var(--font-family); - display: flex; - overflow: hidden; - flex-direction: column; - border-radius: var(--item-border-radius); - } - - #itemLink { - align-items: center; - font-size: var(--item-font-size); - font-weight: 400; - height: var(--icon-height); - transition: background-color 200ms; - padding: var(--item-padding); - cursor: pointer; - display: inline-flex; - flex-grow: 1; - align-items: center; - overflow: hidden; - text-decoration: none; - border-bottom: 1px solid var(--item-border-color); - text-transform: uppercase; - } - .hideItem { - display: none !important; - } - - #itemLink:hover { - background-color: var(--item-color-hover); - } - - #itemLink:active { - background-color: var(--item-color-active); - } - - #content { - padding-left: var(--item-content-padding); - flex: 1; - } - - :host([compact]) #content { - padding-left: 0; - display: none; - } - - :host([selected]) #itemLink { - background-color: var(--item-selected-color); - color: var(--item-selected-color-text); - border-left: 3px solid var(--item-border-selected-color); - } - - :host([selected]) slot[name="icon"]::slotted(*) { - color: var(--item-selected-color-text); - } - - :host(:not([selected])) #itemLink{ - color: var(--item-text-color); - } - - :host([expanded]){ - background-color: var(--item-selected-color); - } - - :host([hasSelectedChild]){ - background-color: var(--item-selected-color); - } - - :host span { - cursor: inherit; - overflow: hidden; - text-overflow: ellipsis; - user-select: none; - -webkit-user-select: none; - white-space: nowrap; - } - - slot[name="icon"]::slotted(*) { - flex-shrink: 0; - color: var(--item-icon-color); - height: var(--icon-height); - width: var(--icon-width); - pointer-events: none; - } - - #collapse-button { - float: right; - } - - :host([compact]) #itemLink[level]:not([level="0"]) { - padding: calc( var(--item-padding) / 2); - } - - :host(:not([compact])) #itemLink[level]:not([level="0"]) { - padding-left: calc(var(--icon-width) + var(--item-content-padding)); - } - - #itemLink[level]:not([level="0"]) #content { - display: block; - visibility: visible; - width: auto; - font-weight: 400; - font-size: var(--sub-item-font-size) - } - - #overlay { - display: block; - left: 101%; - min-width: 200px; - padding: 4px 2px; - background-color: var(--overlay-background-color); - background-image: var(--overlay-background-image, none); - box-shadow: var(--overlay-box-shadow); - border: 1px solid var(--overlay-background-color); - border-left: 0; - border-radius: 0 3px 3px 0; - position: absolute; - z-index: 1; - animation: pop 200ms forwards; - } - - @keyframes pop{ - 0% { - transform: translateX(-5px); - opacity: 0.5; - } - 100% { - transform: translateX(0); - opacity: 1; - } - } -`; diff --git a/core/src/functional-components/side-menu-item.js b/core/src/functional-components/side-menu-item.js index a24fffb6..93aecbb5 100644 --- a/core/src/functional-components/side-menu-item.js +++ b/core/src/functional-components/side-menu-item.js @@ -1,213 +1,221 @@ -import {css, html, LitElement} from 'lit' -import {ifDefined} from 'lit/directives/if-defined.js' -import {sideMenuItemStyle} from './side-menu-item-style.js' +import { html, LitElement } from 'lit' +import { ifDefined } from 'lit/directives/if-defined.js' +import { sideMenuItemStyles } from '../styles/core-css' import '@vaadin/icon' import '@vaadin/icons' import '@polymer/paper-tooltip' export class SideMenuItem extends LitElement { - static get properties() { - return { - selected: { type: Boolean, reflect: true }, - label: { type: String, reflect: true }, - expanded: { type: Boolean, reflect: true }, - compact: { type: Boolean, reflect: true }, - href: { type: String, reflect: true }, - target: { type: String, reflect: true }, - hide: { type: Boolean } - } - } + static get properties() { + return { + selected: { type: Boolean, reflect: true }, + label: { type: String, reflect: true }, + expanded: { type: Boolean, reflect: true }, + compact: { type: Boolean, reflect: true }, + href: { type: String, reflect: true }, + target: { type: String, reflect: true }, + hide: { type: Boolean } + } + } - static get styles() { - return css` - ${sideMenuItemStyle} - ` - } + static get styles() { + return [sideMenuItemStyles] + } - constructor() { - super() - this.selected = false - this.expanded = false - this.hide = false - } + constructor() { + super() + this.selected = false + this.expanded = false + this.hide = false + } - render() { - return html` - ${this._itemLinkTemplate()} ${this._tooltipTemplate()} - ${this._childrenTemplate()} - ` - } + render() { + return html` + ${this._itemLinkTemplate()} ${this._tooltipTemplate()} + ${this._childrenTemplate()} + ` + } - firstUpdated(changedProperties) { - if (!this.hasChildren()) { - return - } - this.collapseExpandIcon = document.createElement("vaadin-icon") - this.collapseExpandIcon.id = "collapse-button" - this.shadowRoot.getElementById("content").appendChild(this.collapseExpandIcon) - this._boundOutsideClickListener = this._outsideClickListener.bind(this) - } + firstUpdated(changedProperties) { + if (!this.hasChildren()) { + return + } - _itemLinkTemplate() { - return html` - - -
    - ${this.label} -
    -     - ` - } + this.collapseExpandIcon = document.createElement("vaadin-icon") + this.collapseExpandIcon.id = "collapse-button" + this.shadowRoot.getElementById("content").appendChild(this.collapseExpandIcon) + this._boundOutsideClickListener = this._outsideClickListener.bind(this) + } - _tooltipTemplate() { - return html` - ${this._getLevel === 0 && this.compact ? html` - - ${this.label} - - ` - : undefined} - ` - } + _itemLinkTemplate() { + return html` + + +
    + ${this.label} +
    +     + ` + } - _childrenTemplate() { - return html` - ${this.expanded ? html` - ${this.compact ? html` -
    - ` - : html` - - `} - ` - : undefined} - ` - } + _tooltipTemplate() { + return html` + ${this._getLevel === 0 && this.compact ? + html` + + ${this.label} + + ` : undefined + } + ` + } - updated(changedProperties) { - changedProperties.forEach((oldValue, propName) => { - if (propName === "compact") { - this._onCompactChanged() - } + _childrenTemplate() { + return html` + ${this.expanded ? + html` + ${this.compact ? + html` +
    + ` : html` + + ` + } + ` : undefined + } + ` + } - if (propName === "expanded") { - this._onExpandedChanged() - } + updated(changedProperties) { + changedProperties.forEach((oldValue, propName) => { + if (propName === "compact") { + this._onCompactChanged() + } - if (propName === "selected"){ - if (oldValue === this.selected){ - return - } + if (propName === "expanded") { + this._onExpandedChanged() + } - if (this.selected) { - this._changeSelectedState(true) - this._markParentWithSelectedChild() - } - } - }); - } + if (propName === "selected") { + if (oldValue === this.selected) { + return + } - _onCompactChanged() { - this.expanded = false; + if (this.selected) { + this._changeSelectedState(true) + this._markParentWithSelectedChild() + } + } + }) + } - if (this.collapseExpandIcon == null) { - return; - } + _onCompactChanged() { + this.expanded = false - if (!this.compact) { - this.collapseExpandIcon["icon"] = "vaadin:chevron-down-small" - } else { - this.collapseExpandIcon["icon"] = "vaadin:chevron-right-small" - } - } + if (this.collapseExpandIcon == null) { + return + } - _onExpandedChanged() { - if (this.collapseExpandIcon == null) { - return; - } + if (!this.compact) { + this.collapseExpandIcon["icon"] = "vaadin:chevron-down-small" + } else { + this.collapseExpandIcon["icon"] = "vaadin:chevron-right-small" + } + } - if (this.expanded) { - this._onHandleExpanded(); - } else { - this._onHandleCollapsed(); - } - } + _onExpandedChanged() { + if (this.collapseExpandIcon == null) { + return + } - _onHandleExpanded() { - if (!this.compact) { - this.collapseExpandIcon["icon"] = "vaadin:chevron-up-small" - } else { - this.collapseExpandIcon["icon"] = "vaadin:chevron-left-small" - document.addEventListener("click", this._boundOutsideClickListener, true) - } - } + if (this.expanded) { + this._onHandleExpanded() + } else { + this._onHandleCollapsed() + } + } - _onHandleCollapsed() { - if (!this.compact) { - this.collapseExpandIcon["icon"] = "vaadin:chevron-down-small" - } else { - this.collapseExpandIcon["icon"] = "vaadin:chevron-right-small" - document.removeEventListener( - "click", - this._boundOutsideClickListener, - true - ) - } - } + _onHandleExpanded() { + if (!this.compact) { + this.collapseExpandIcon["icon"] = "vaadin:chevron-up-small" + } else { + this.collapseExpandIcon["icon"] = "vaadin:chevron-left-small" + document.addEventListener("click", this._boundOutsideClickListener, true) + } + } - _onClick(e) { - if (!this.hasChildren()) { - this.selected = true - } else { - this.expanded = !this.expanded - e.preventDefault() - } - } + _onHandleCollapsed() { + if (!this.compact) { + this.collapseExpandIcon["icon"] = "vaadin:chevron-down-small" + } else { + this.collapseExpandIcon["icon"] = "vaadin:chevron-right-small" + document.removeEventListener( + "click", + this._boundOutsideClickListener, + true + ) + } + } - _outsideClickListener(event) { - const eventPath = event.composedPath() - if (eventPath.indexOf(this) < 0) { - this.expanded = false - } - } + _onClick(e) { + if (!this.hasChildren()) { + this.selected = true + } else { + this.expanded = !this.expanded - _changeSelectedState(selected, sourceEvent) { - this.selected = selected - let evt = new CustomEvent("side-menu-item-select", { - bubbles: true, - cancelable: true, - detail: { sourceEvent: sourceEvent } - }); - this.dispatchEvent(evt) - } + e.preventDefault() + } + } - hasChildren() { - return !!this.querySelector("side-menu-item") - } + _outsideClickListener(event) { + const eventPath = event.composedPath() - _markParentWithSelectedChild() { - let element = this.parentElement; - while (element instanceof SideMenuItem) { - element.setAttribute('hasSelectedChild', true) - element = element.parentElement; - } - } + if (eventPath.indexOf(this) < 0) { + this.expanded = false + } + } - get _getLevel() { - let level = 0 - let element = this.parentElement - while (element instanceof SideMenuItem) { - level++; - element = element.parentElement - } - return level - } + _changeSelectedState(selected, sourceEvent) { + this.selected = selected + + let evt = new CustomEvent("side-menu-item-select", { + bubbles: true, + cancelable: true, + detail: { sourceEvent: sourceEvent } + }) + + this.dispatchEvent(evt) + } + + hasChildren() { + return !!this.querySelector("side-menu-item") + } + + _markParentWithSelectedChild() { + let element = this.parentElement; + while (element instanceof SideMenuItem) { + element.setAttribute('hasSelectedChild', true) + element = element.parentElement + } + } + + get _getLevel() { + let level = 0 + let element = this.parentElement + + while (element instanceof SideMenuItem) { + level++ + element = element.parentElement + } + + return level + } } -window.customElements.define("side-menu-item", SideMenuItem); +window.customElements.define("side-menu-item", SideMenuItem) \ No newline at end of file diff --git a/core/src/functional-components/side-menu.js b/core/src/functional-components/side-menu.js index 9508c1b7..004b463e 100644 --- a/core/src/functional-components/side-menu.js +++ b/core/src/functional-components/side-menu.js @@ -1,78 +1,68 @@ -import {css, html, LitElement} from 'lit' +import { html, LitElement } from 'lit' +import { sideMenuStyles } from '../styles/core-css' class SideMenu extends LitElement { - static get properties() { - return { - items: {type: Array}, - selectedValue: {type: String, reflect: true}, - compact: {type: Boolean, reflect: true} - } - } + static get properties() { + return { + items: { type: Array }, + selectedValue: { type: String, reflect: true }, + compact: { type: Boolean, reflect: true } + } + } - static get styles() { - return css` - nav { - padding: 0; - } + static get styles() { + return [sideMenuStyles] + } - :host { - list-style: none; - width: 100%; - position: relative; - } + constructor() { + super() + this.compact = false + } - :host([compact]) { - width: auto; - } - ` - } + render() { + return html` + + ` + } - constructor() { - super() - this.compact = false - } + firstUpdated(_changedProperties) { + this.items = [...this.querySelectorAll("side-menu-item")] + } - render() { - return html` - - ` - } + _handleSelect(event) { + let targetItem = event.target + this._deselectAllItems() + targetItem.selected = true + this.selectedValue = targetItem.label + } - firstUpdated(_changedProperties) { - this.items = [...this.querySelectorAll("side-menu-item")] - } + _deselectAllItems() { + this.items.forEach(element => { + if (this.compact) { + element.expanded = false + } - _handleSelect(event) { - let targetItem = event.target - this._deselectAllItems() - targetItem.selected = true - this.selectedValue = targetItem.label - } + element.selected = false + element.hasChildren() ? element.removeAttribute('hasSelectedChild') : undefined + }) + } - _deselectAllItems() { - this.items.forEach(element => { - if (this.compact) { - element.expanded = false - } - element.selected = false - element.hasChildren() ? element.removeAttribute('hasSelectedChild') : undefined - }); - } + updated(changedProperties) { + changedProperties.forEach((oldValue, propName) => { + if (propName === "compact") { + this.items.forEach(item => (item.compact = this.compact)) - updated(changedProperties) { - changedProperties.forEach((oldValue, propName) => { - if (propName === "compact") { - this.items.forEach(item => (item.compact = this.compact)) - let evt = new CustomEvent("side-menu-compact-change", { - bubbles: true, - cancelable: true - }) - this.dispatchEvent(evt) - } - }) - } + let evt = new CustomEvent("side-menu-compact-change", { + bubbles: true, + cancelable: true + }) + + this.dispatchEvent(evt) + } + }) + } } -window.customElements.define("side-menu", SideMenu); +window.customElements.define("side-menu", SideMenu) \ No newline at end of file diff --git a/core/src/functional-components/snackbar.js b/core/src/functional-components/snackbar.js index 763337db..428ba1c3 100644 --- a/core/src/functional-components/snackbar.js +++ b/core/src/functional-components/snackbar.js @@ -1,78 +1,66 @@ -import {css, html, LitElement} from 'lit' +import { html, LitElement } from 'lit' import '@material/mwc-snackbar' let queueElement class SnackQueue extends LitElement { - static get properties() { - return { - busy: { - type: Boolean, - attribute: 'busy', - reflectToAttribute: true - }, - currentSnack: { - type: Object, - attribute: 'current-snack', - reflectToAttribute: true - }, - _queue: { - type: Array - }, - _labelText: { type: String }, - _stacked: { type: Boolean }, - _leading: { type: Boolean }, - _closeOnEscape: { type: Boolean }, - _timeoutMs: { type: Number }, - action: {}, - _dismiss: {}, - _dismissIcon: { type: String } - } - } + static get properties() { + return { + busy: { type: Boolean, attribute: 'busy', reflectToAttribute: true }, + currentSnack: { type: Object, attribute: 'current-snack', reflectToAttribute: true }, + _queue: { type: Array }, + _labelText: { type: String }, + _stacked: { type: Boolean }, + _leading: { type: Boolean }, + _closeOnEscape: { type: Boolean }, + _timeoutMs: { type: Number }, + _dismiss: {}, + _dismissIcon: { type: String }, + action: {} + } + } - static get styles() { - return css`` - } + constructor() { + super() + this._queue = [] + this.busy = false + this._timeoutMs = 5000 + } - constructor() { - super() - this._queue = [] - this.busy = false - this._timeoutMs = 5000 - } + render() { + return html` + + ${this._action} + ${this._dismiss ? + html` + + ` : '' + } + + ` + } - render() { - return html` - - ${this._action} - ${this._dismiss ? html` - - ` : ''} - - ` - } + firstUpdated() { + this._snackbar = this.shadowRoot.getElementById('snack') + } - firstUpdated() { - this._snackbar = this.shadowRoot.getElementById('snack') - } + _shift() { + if (this.busy || this._queue.length === 0) return + const item = this._queue.shift() + this._labelText = item.labelText || '' + this._action = item.action || '' + this._dismiss = item.dismiss || false + this._dismissIcon = item.dismissIcon || 'close' + this._leading = !!item.leading + this._closeOnEscape = (item.closeOnEscape && item.closeOnEscape !== false) // JSON.parse maybe needs to be compared to 'false'...in which case no need for complex expression + this._timeoutMs = (item.timeoutMs >= 4000 && item.timeoutMs <= 10000) ? item.timeoutMs : 5000 + this._snackbar.show() + } - _shift() { - if (this.busy || this._queue.length === 0) return - const item = this._queue.shift() - this._labelText = item.labelText || '' - this._action = item.action || '' - this._dismiss = item.dismiss || false - this._dismissIcon = item.dismissIcon || 'close' - this._leading = !!item.leading - this._closeOnEscape = (item.closeOnEscape && item.closeOnEscape !== false) // JSON.parse maybe needs to be compared to 'false'...in which case no need for complex expression - this._timeoutMs = (item.timeoutMs >= 4000 && item.timeoutMs <= 10000) ? item.timeoutMs : 5000 - this._snackbar.show() - } - - add(item) { - this._queue.push(item) - this._shift() - } + add(item) { + this._queue.push(item) + this._shift() + } } window.customElements.define('snack-queue', SnackQueue) @@ -82,9 +70,9 @@ queueNode.id = 'queue-node' queueNode.loadingMessage = '' queueElement = document.body.appendChild(queueNode) setTimeout(() => { - queueElement = document.getElementById('queue-node') - const mainApp = document.getElementById('main-app') - const shadow = mainApp.shadowRoot - queueElement = shadow.appendChild(queueElement) + queueElement = document.getElementById('queue-node') + const mainApp = document.getElementById('main-app') + const shadow = mainApp.shadowRoot + queueElement = shadow.appendChild(queueElement) }, 500) export default queueElement diff --git a/core/src/functional-components/verb-past-tense.js b/core/src/functional-components/verb-past-tense.js index 198e80e9..c5b279fa 100644 --- a/core/src/functional-components/verb-past-tense.js +++ b/core/src/functional-components/verb-past-tense.js @@ -1,5 +1,3 @@ -// Sourced from https://gist.github.com/letsgetrandy/1e05a68ea74ba6736eb5 - export const EXCEPTIONS = { 'are': 'were', 'eat': 'ate', @@ -16,21 +14,27 @@ export const getPastTense = (verb, exceptions = EXCEPTIONS) => { if (exceptions[verb]) { return exceptions[verb] } + if ((/e$/i).test(verb)) { return verb + 'd' } + if ((/[aeiou]c$/i).test(verb)) { return verb + 'ked' } + // for american english only if ((/el$/i).test(verb)) { return verb + 'ed' } + if ((/[aeio][aeiou][dlmnprst]$/).test(verb)) { return verb + 'ed' } + if ((/[aeiou][bdglmnprst]$/i).test(verb)) { return verb.replace(/(.+[aeiou])([bdglmnprst])/, '$1$2$2ed') } + return verb + 'ed' -} +} \ No newline at end of file diff --git a/core/src/functional-components/wordlists.js b/core/src/functional-components/wordlists.js index 9a058a21..9c42c3f2 100644 --- a/core/src/functional-components/wordlists.js +++ b/core/src/functional-components/wordlists.js @@ -1,20 +1,25 @@ -import {getPastTense} from './verb-past-tense.js' +import { getPastTense } from './verb-past-tense' export const verbs = [ - 'abase', 'abate', 'abduct', 'abet', 'abhor', 'abide', 'abjure', 'ablate', 'abort', 'abound', 'abseil', 'absorb', 'abuse', 'abut', 'accede', 'accent', 'accept', 'access', 'accord', 'accost', 'accrue', 'accuse', 'ache', 'acquit', 'act', 'adapt', 'add', 'addict', 'addle', 'adduce', 'adhere', 'adjoin', 'adjust', 'admire', 'admit', 'adopt', 'adore', 'adorn', 'advert', 'advise', 'aerate', 'affect', 'affirm', 'affix', 'afford', 'age', 'agree', 'aid', 'aim', 'alarm', 'alert', 'alight', 'align', 'allay', 'allege', 'allot', 'allow', 'alloy', 'allure', 'ally', 'alter', 'amass', 'amaze', 'amble', 'ambush', 'amend', 'amount', 'amuse', 'anger', 'angle', 'anneal', 'annex', 'annoy', 'annul', 'anoint', 'answer', 'ape', 'appeal', 'appear', 'append', 'apply', 'arc', 'arch', 'argue', 'arise', 'arm', 'array', 'arrest', 'arrive', 'arrow', 'ascend', 'ask', 'aspire', 'assail', 'assay', 'assent', 'assert', 'assess', 'assign', 'assist', 'assort', 'assume', 'assure', 'atone', 'attach', 'attack', 'attain', 'attend', 'attest', 'attire', 'attune', 'audit', 'augur', 'author', 'avail', 'avenge', 'aver', 'avert', 'avoid', 'await', 'awake', 'awaken', 'award', 'awe', 'babble', 'back', 'badge', 'badger', 'baffle', 'bag', 'bail', 'bait', 'bake', 'bald', 'bale', 'ball', 'ballot', 'ban', 'band', 'bandy', 'bang', 'banish', 'bank', 'banter', 'bar', 'barb', 'barber', 'bard', 'bare', 'barge', 'bark', 'barn', 'barrel', 'barter', 'base', 'bash', 'bask', 'baste', 'bat', 'batch', 'bathe', 'batten', 'batter', 'battle', 'bawl', 'bay', 'be', 'beach', 'beacon', 'bead', 'beam', 'bean', 'bear', 'beard', 'beat', 'become', 'bed', 'beef', 'beep', 'beetle', 'befall', 'befit', 'beg', 'beget', 'beggar', 'begin', 'behave', 'behead', 'behold', 'belay', 'belch', 'belie', 'bell', 'bellow', 'belly', 'belong', 'belt', 'bemoan', 'bench', 'bend', 'berate', 'berry', 'beset', 'best', 'bestir', 'bestow', 'bet', 'betide', 'betray', 'better', 'bevel', 'bewail', 'beware', 'bias', 'bib', 'bicker', 'bid', 'bide', 'bilge', 'bill', 'billet', 'billow', 'bin', 'bind', 'birdie', 'birth', 'bisect', 'bit', 'bite', 'bitter', 'black', 'blame', 'blanch', 'blank', 'blare', 'blast', 'blaze', 'bleach', 'bleat', 'bleed', 'bleep', 'blench', 'blend', 'bless', 'blight', 'blind', 'blink', 'blip', 'bliss', 'blitz', 'bloat', 'blob', 'blood', 'bloody', 'bloom', 'blot', 'blotch', 'blow', 'blue', 'bluff', 'blunt', 'blur', 'blurb', 'blurt', 'blush', 'board', 'boast', 'bob', 'bode', 'body', 'bog', 'bogey', 'boggle', 'boil', 'bolt', 'bomb', 'bond', 'bone', 'bonnet', 'boo', 'book', 'boom', 'boost', 'boot', 'booze', 'bop', 'bore', 'borrow', 'boss', 'botch', 'bother', 'bottle', 'bottom', 'bounce', 'bound', 'bout', 'bow', 'bowel', 'bowl', 'box', 'brace', 'brag', 'braid', 'braise', 'brake', 'branch', 'brand', 'brave', 'brawl', 'bray', 'breach', 'bread', 'break', 'breed', 'breeze', 'brew', 'bribe', 'brick', 'bridge', 'bridle', 'brief', 'brim', 'brine', 'bring', 'broach', 'broil', 'bronze', 'brook', 'brown', 'browse', 'bruise', 'brush', 'bubble', 'buck', 'bucket', 'buckle', 'bud', 'budge', 'budget', 'buffet', 'bug', 'bugle', 'build', 'bulge', 'bulk', 'bull', 'bully', 'bumble', 'bump', 'bunch', 'bundle', 'bung', 'bungle', 'bunk', 'bunker', 'buoy', 'burble', 'burden', 'burgle', 'burn', 'burp', 'burr', 'burrow', 'burst', 'bury', 'bus', 'bush', 'busk', 'bust', 'bustle', 'busy', 'butt', 'button', 'buy', 'buzz', 'bypass', 'cab', 'cabal', 'cabin', 'cable', 'cache', 'cackle', 'cadge', 'cage', 'cajole', 'cake', 'call', 'calm', 'calve', 'camber', 'camp', 'can', 'canal', 'cancel', 'candle', 'candy', 'cane', 'cannon', 'canoe', 'canopy', 'cant', 'canter', 'cap', 'caper', 'card', 'care', 'career', 'caress', 'carol', 'carp', 'carpet', 'carry', 'cart', 'carve', 'case', 'cash', 'cast', 'castle', 'cat', 'catch', 'cater', 'caucus', 'cause', 'cave', 'cavern', 'cease', 'cede', 'cellar', 'cement', 'censor', 'chafe', 'chain', 'chair', 'chalk', 'champ', 'chance', 'change', 'chant', 'chap', 'char', 'charge', 'charm', 'chart', 'chase', 'chat', 'cheat', 'check', 'cheep', 'cheer', 'chew', 'chide', 'chill', 'chime', 'chin', 'chink', 'chip', 'chirp', 'chisel', 'chock', 'choir', 'choke', 'choose', 'chop', 'chord', 'chorus', 'chrome', 'chuck', 'chuff', 'chug', 'chum', 'chunk', 'churn', 'chute', 'cinder', 'cipher', 'circle', 'cite', 'clad', 'claim', 'clam', 'clamp', 'clang', 'clank', 'clap', 'clash', 'clasp', 'class', 'claw', 'clean', 'clear', 'cleat', 'cleave', 'clench', 'clerk', 'click', 'climax', 'climb', 'clinch', 'cling', 'clink', 'clip', 'clique', 'cloak', 'clock', 'clog', 'clone', 'close', 'closet', 'clot', 'cloud', 'clout', 'clown', 'club', 'cluck', 'clue', 'clump', 'clutch', 'coach', 'coal', 'coast', 'coat', 'coax', 'cobble', 'cobweb', 'cockle', 'cocoon', 'coddle', 'code', 'codify', 'coerce', 'coffer', 'coffin', 'cog', 'cohere', 'coil', 'coin', 'coke', 'collar', 'comb', 'combat', 'come', 'commit', 'compel', 'comply', 'con', 'concur', 'cone', 'confer', 'convey', 'convoy', 'cook', 'cool', 'cope', 'copper', 'copy', 'cord', 'cordon', 'core', 'cork', 'corn', 'corner', 'corral', 'cosset', 'cost', 'cotton', 'couch', 'cough', 'count', 'couple', 'course', 'court', 'cover', 'covet', 'cowl', 'cox', 'crab', 'crack', 'cradle', 'craft', 'cram', 'cramp', 'crane', 'crank', 'crash', 'crate', 'crater', 'crave', 'crawl', 'crayon', 'craze', 'creak', 'cream', 'crease', 'create', 'credit', 'creed', 'creep', 'crest', 'crew', 'crib', 'crick', 'crimp', 'cringe', 'crisp', 'croak', 'crook', 'croon', 'crop', 'cross', 'crouch', 'crowd', 'crown', 'cruise', 'crunch', 'crush', 'crust', 'crutch', 'cry', 'cube', 'cuckoo', 'cuddle', 'cudgel', 'cue', 'cuff', 'cull', 'cup', 'curb', 'curd', 'curdle', 'cure', 'curl', 'curry', 'curse', 'curve', 'cuss', 'cut', 'cycle', 'dab', 'dabble', 'dagger', 'dally', 'dam', 'damage', 'damn', 'damp', 'dampen', 'dance', 'dangle', 'dapple', 'dare', 'darken', 'darn', 'dart', 'dash', 'date', 'daub', 'daunt', 'dawdle', 'daze', 'dazzle', 'deaden', 'deafen', 'deal', 'debar', 'debase', 'debate', 'debit', 'debug', 'debut', 'decamp', 'decant', 'decay', 'decide', 'deck', 'decode', 'decoy', 'decree', 'decry', 'deduce', 'deduct', 'deem', 'deepen', 'deface', 'defame', 'defeat', 'defect', 'defend', 'defer', 'defile', 'define', 'deform', 'defray', 'defuse', 'defy', 'deify', 'deign', 'delay', 'delete', 'delude', 'deluge', 'delve', 'demand', 'demean', 'demise', 'demote', 'demur', 'den', 'denote', 'dent', 'denude', 'deny', 'depart', 'depend', 'depict', 'deploy', 'deport', 'depose', 'depute', 'derail', 'deride', 'derive', 'desert', 'design', 'desire', 'desist', 'detach', 'detail', 'detain', 'detect', 'deter', 'detest', 'detour', 'devil', 'devise', 'devote', 'devour', 'dial', 'diaper', 'dice', 'die', 'diet', 'differ', 'dig', 'digest', 'dilate', 'dilute', 'dim', 'dimple', 'din', 'dine', 'dint', 'dip', 'direct', 'disarm', 'disc', 'disco', 'dish', 'dismay', 'disown', 'dispel', 'disuse', 'ditch', 'dither', 'dive', 'divert', 'divest', 'divide', 'divine', 'dizzy', 'do', 'dock', 'docket', 'doctor', 'dodge', 'dog', 'dole', 'doll', 'dolly', 'dome', 'donate', 'doodle', 'doom', 'dope', 'dose', 'dot', 'dote', 'double', 'doubt', 'douse', 'dowel', 'down', 'dowse', 'doze', 'drab', 'draft', 'drag', 'drain', 'drape', 'draw', 'drawl', 'dray', 'dread', 'dream', 'dredge', 'drench', 'dress', 'drift', 'drill', 'drink', 'drip', 'drive', 'drivel', 'drone', 'drool', 'droop', 'drop', 'drown', 'drowse', 'drudge', 'drug', 'drum', 'dry', 'dub', 'duck', 'duel', 'duet', 'dull', 'dumb', 'dummy', 'dump', 'dun', 'dupe', 'dust', 'dwarf', 'dwell', 'dye', 'ear', 'earn', 'ease', 'eat', 'ebb', 'echo', 'eddy', 'edge', 'edify', 'edit', 'efface', 'egg', 'egress', 'eject', 'elapse', 'elate', 'elbow', 'elect', 'elicit', 'elide', 'elope', 'elude', 'embalm', 'embark', 'embed', 'embody', 'emboss', 'emerge', 'emit', 'employ', 'empty', 'enable', 'enact', 'enamel', 'encamp', 'encase', 'encode', 'encore', 'end', 'endear', 'endow', 'endure', 'enfold', 'engage', 'engulf', 'enjoin', 'enjoy', 'enlist', 'enrage', 'enrich', 'ensue', 'ensure', 'entail', 'enter', 'entice', 'entomb', 'entrap', 'envy', 'equal', 'equate', 'equip', 'erase', 'erect', 'erode', 'err', 'erupt', 'escape', 'eschew', 'escort', 'escrow', 'essay', 'esteem', 'etch', 'evade', 'evict', 'evince', 'evoke', 'evolve', 'exact', 'exalt', 'exceed', 'excel', 'except', 'excess', 'excise', 'excite', 'excuse', 'exempt', 'exert', 'exeunt', 'exhale', 'exhort', 'exhume', 'exile', 'exist', 'expand', 'expect', 'expel', 'expend', 'expire', 'export', 'expose', 'extend', 'extol', 'extort', 'exude', 'exult', 'eye', 'fable', 'face', 'facet', 'factor', 'fade', 'fail', 'faint', 'fair', 'fake', 'fall', 'falter', 'fame', 'fan', 'fancy', 'farce', 'fare', 'farm', 'fast', 'fasten', 'fat', 'fate', 'father', 'fathom', 'fatten', 'fault', 'fawn', 'fear', 'feast', 'fee', 'feed', 'feel', 'feign', 'fell', 'fence', 'fend', 'ferret', 'ferry', 'fester', 'fetch', 'fettle', 'feud', 'fever', 'fib', 'fiddle', 'fidget', 'field', 'fife', 'fight', 'figure', 'file', 'fill', 'fillet', 'fillip', 'film', 'filter', 'fin', 'find', 'fine', 'finger', 'finish', 'fire', 'firm', 'fish', 'fit', 'fitter', 'fix', 'fizz', 'fizzle', 'flack', 'flag', 'flail', 'flake', 'flame', 'flank', 'flap', 'flare', 'flash', 'flat', 'flaunt', 'flaw', 'flay', 'flee', 'fleece', 'fleet', 'flesh', 'flex', 'flick', 'flight', 'flinch', 'fling', 'flint', 'flip', 'flit', 'float', 'flock', 'flog', 'flood', 'floor', 'flop', 'floss', 'flour', 'flout', 'flow', 'flower', 'fluff', 'flurry', 'flush', 'flute', 'flux', 'fly', 'foal', 'foam', 'fob', 'focus', 'fodder', 'fog', 'foil', 'foist', 'fold', 'folio', 'follow', 'foment', 'fondle', 'fool', 'foot', 'forage', 'foray', 'forbid', 'force', 'ford', 'forego', 'forest', 'forge', 'forget', 'fork', 'form', 'format', 'foster', 'foul', 'found', 'fowl', 'fox', 'frame', 'frank', 'fray', 'freak', 'free', 'freeze', 'frenzy', 'fresh', 'fret', 'friend', 'fright', 'frill', 'fringe', 'frisk', 'frock', 'frog', 'frolic', 'front', 'frost', 'froth', 'frown', 'fruit', 'fry', 'fudge', 'fuel', 'full', 'fumble', 'fume', 'fun', 'fund', 'funk', 'funnel', 'fur', 'furrow', 'fuse', 'fuss', 'fuzz', 'gabble', 'gad', 'gaff', 'gag', 'gaggle', 'gain', 'gait', 'gall', 'gallop', 'gamble', 'gambol', 'game', 'gang', 'gap', 'gape', 'garage', 'garble', 'garden', 'gargle', 'garner', 'garter', 'gas', 'gash', 'gasp', 'gate', 'gather', 'gauge', 'gavel', 'gaze', 'gear', 'gel', 'gem', 'gender', 'gentle', 'get', 'ghost', 'gibber', 'gibbet', 'giddy', 'gift', 'gig', 'giggle', 'gimlet', 'gin', 'ginger', 'gird', 'girdle', 'girth', 'give', 'glad', 'glance', 'glare', 'glass', 'glaze', 'gleam', 'glean', 'glide', 'glint', 'gloat', 'globe', 'gloom', 'glory', 'gloss', 'glove', 'glow', 'glower', 'glue', 'glut', 'gnarl', 'gnash', 'gnaw', 'go', 'goad', 'gobble', 'golf', 'gong', 'goose', 'gore', 'gorge', 'gossip', 'gouge', 'govern', 'gown', 'grab', 'grace', 'grade', 'graft', 'grain', 'grant', 'graph', 'grasp', 'grass', 'grate', 'grave', 'gravel', 'graze', 'grease', 'green', 'greet', 'grey', 'grieve', 'grill', 'grin', 'grind', 'grip', 'gripe', 'grit', 'groan', 'groin', 'groom', 'groove', 'grope', 'gross', 'grouch', 'ground', 'group', 'grouse', 'grout', 'grovel', 'grow', 'growl', 'grub', 'grudge', 'grunt', 'guard', 'guess', 'guest', 'guffaw', 'guide', 'guilt', 'guise', 'gulf', 'gull', 'gully', 'gulp', 'gum', 'gun', 'gurgle', 'gush', 'gust', 'gut', 'gutter', 'guy', 'guzzle', 'gyrate', 'habit', 'hack', 'haft', 'haggle', 'hail', 'hale', 'hallo', 'halo', 'halt', 'halter', 'halve', 'ham', 'hammer', 'hamper', 'hand', 'handle', 'hang', 'hanker', 'happen', 'harass', 'harden', 'hark', 'harm', 'harp', 'harrow', 'harry', 'hash', 'hasp', 'hassle', 'haste', 'hasten', 'hat', 'hatch', 'hate', 'haul', 'haunt', 'have', 'haven', 'havoc', 'hawk', 'hay', 'hazard', 'haze', 'head', 'heal', 'heap', 'hear', 'heart', 'heat', 'heave', 'heckle', 'hector', 'hedge', 'heed', 'heel', 'heft', 'hell', 'hello', 'helm', 'help', 'hem', 'herald', 'herd', 'hew', 'hex', 'hiccup', 'hide', 'hijack', 'hike', 'hill', 'hilt', 'hinder', 'hinge', 'hint', 'hip', 'hiss', 'hit', 'hitch', 'hive', 'hoard', 'hoax', 'hob', 'hobble', 'hock', 'hoe', 'hog', 'hoist', 'hold', 'hole', 'hollow', 'home', 'hone', 'honey', 'honk', 'hood', 'hoof', 'hook', 'hoop', 'hoot', 'hop', 'hope', 'horde', 'horn', 'hose', 'host', 'hostel', 'hound', 'house', 'hovel', 'hover', 'howl', 'huddle', 'huff', 'hug', 'hulk', 'hull', 'hum', 'humble', 'humbug', 'hump', 'hunch', 'hunger', 'hunt', 'hurdle', 'hurl', 'hurrah', 'hurry', 'hurt', 'hurtle', 'hush', 'husk', 'hustle', 'hymn', 'hyphen', 'ice', 'id', 'idle', 'ignite', 'ignore', 'image', 'imbibe', 'imbue', 'imp', 'impact', 'impair', 'impale', 'impart', 'impede', 'impel', 'imply', 'import', 'impose', 'impugn', 'impute', 'inch', 'incite', 'incur', 'indent', 'index', 'indict', 'induce', 'induct', 'infect', 'infer', 'infest', 'infix', 'inform', 'infuse', 'ingest', 'inhale', 'inject', 'injure', 'ink', 'inlay', 'inlet', 'input', 'insert', 'inset', 'insist', 'insult', 'insure', 'intend', 'inter', 'intern', 'intone', 'inure', 'invade', 'invent', 'invert', 'invest', 'invite', 'invoke', 'ionize', 'iris', 'iron', 'island', 'isle', 'issue', 'itch', 'item', 'jab', 'jabber', 'jack', 'jade', 'jag', 'jail', 'jam', 'jangle', 'jape', 'jar', 'jargon', 'jaunt', 'jaw', 'jazz', 'jeer', 'jelly', 'jerk', 'jest', 'jet', 'jetty', 'jewel', 'jib', 'jibe', 'jig', 'jigsaw', 'jilt', 'jingle', 'jinx', 'jitter', 'jive', 'job', 'jockey', 'jog', 'join', 'joint', 'joke', 'jolly', 'jolt', 'jostle', 'jot', 'joust', 'joy', 'judge', 'jug', 'juggle', 'juice', 'jumble', 'jump', 'junk', 'junket', 'just', 'jut', 'kayak', 'keel', 'keen', 'keep', 'ken', 'kennel', 'kernel', 'key', 'kick', 'kid', 'kidnap', 'kill', 'kiln', 'kilt', 'kindle', 'king', 'kink', 'kipper', 'kiss', 'kit', 'kite', 'kitten', 'knead', 'knee', 'kneel', 'knell', 'knife', 'knight', 'knit', 'knock', 'knoll', 'knot', 'know', 'kosher', 'kowtow', 'laager', 'label', 'lace', 'lack', 'lackey', 'ladle', 'lag', 'lame', 'lament', 'lance', 'land', 'lap', 'lapse', 'lard', 'lark', 'lash', 'lasso', 'last', 'latch', 'lathe', 'lather', 'laud', 'laugh', 'launch', 'laurel', 'lavish', 'law', 'lay', 'layer', 'laze', 'lazy', 'leach', 'lead', 'leaf', 'league', 'leak', 'lean', 'leap', 'learn', 'lease', 'leash', 'leave', 'leaven', 'lecher', 'leech', 'leer', 'leg', 'lend', 'lesion', 'lessen', 'lesson', 'let', 'letter', 'level', 'lever', 'levy', 'libel', 'lichen', 'lick', 'lid', 'lie', 'lift', 'light', 'like', 'liken', 'lilt', 'limb', 'limber', 'lime', 'limit', 'limp', 'line', 'linger', 'link', 'lip', 'liquor', 'lisp', 'list', 'listen', 'litter', 'live', 'liven', 'load', 'loaf', 'loam', 'loan', 'loathe', 'lob', 'lobby', 'local', 'locate', 'lock', 'lodge', 'loft', 'log', 'loiter', 'loll', 'long', 'look', 'loom', 'loop', 'loose', 'loosen', 'loot', 'lop', 'lope', 'lord', 'lose', 'lot', 'loth', 'lounge', 'louse', 'lout', 'love', 'lower', 'luck', 'lug', 'lull', 'lumber', 'lump', 'lunch', 'lunge', 'lurch', 'lure', 'lurk', 'lust', 'lute', 'lynch', 'mace', 'mad', 'madden', 'mail', 'maim', 'major', 'make', 'malign', 'malt', 'man', 'manage', 'mangle', 'mantle', 'manure', 'map', 'mar', 'marble', 'march', 'margin', 'mark', 'market', 'marl', 'maroon', 'marry', 'martyr', 'marvel', 'mash', 'mask', 'mason', 'mass', 'mast', 'master', 'mat', 'match', 'mate', 'matte', 'matter', 'mature', 'maul', 'maze', 'mean', 'medal', 'meddle', 'meet', 'meld', 'mellow', 'melt', 'menace', 'mend', 'mentor', 'merge', 'merit', 'mesh', 'mess', 'metal', 'meter', 'mew', 'mildew', 'milk', 'mill', 'mimic', 'mince', 'mind', 'mine', 'mingle', 'minor', 'mint', 'minute', 'mire', 'mirror', 'miscue', 'misfit', 'mislay', 'miss', 'mist', 'misuse', 'mitre', 'mix', 'moan', 'mob', 'mock', 'model', 'modem', 'modify', 'molest', 'molten', 'monger', 'monkey', 'moon', 'moor', 'moot', 'mop', 'mope', 'morph', 'morsel', 'mortar', 'mosaic', 'moss', 'mother', 'motion', 'motive', 'motor', 'mould', 'mound', 'mount', 'mourn', 'mouse', 'mousse', 'mouth', 'move', 'mow', 'muck', 'mud', 'muddle', 'muddy', 'muff', 'muffle', 'mug', 'mulch', 'mull', 'mumble', 'mummy', 'munch', 'murder', 'murmur', 'muscle', 'muse', 'mush', 'must', 'muster', 'mutate', 'mute', 'mutiny', 'mutter', 'muzzle', 'nag', 'nail', 'name', 'nap', 'narrow', 'near', 'neaten', 'neck', 'need', 'needle', 'negate', 'neigh', 'nerve', 'nest', 'nestle', 'net', 'nettle', 'neuter', 'nibble', 'niche', 'nick', 'nickel', 'niggle', 'nigh', 'nip', 'nod', 'noise', 'noodle', 'noose', 'nose', 'notch', 'note', 'notice', 'notify', 'nudge', 'null', 'numb', 'number', 'nurse', 'nut', 'nuzzle', 'oar', 'obey', 'object', 'oblige', 'obtain', 'occult', 'occupy', 'occur', 'off', 'offend', 'offer', 'ogle', 'oh', 'oil', 'omen', 'omit', 'ooze', 'open', 'opiate', 'oppose', 'opt', 'option', 'orb', 'orbit', 'ordain', 'order', 'orient', 'orphan', 'oust', 'out', 'outbid', 'outdo', 'outfit', 'outlaw', 'outlay', 'output', 'outrun', 'outwit', 'over', 'overdo', 'owe', 'own', 'oyster', 'pace', 'pacify', 'pack', 'packet', 'pad', 'paddle', 'page', 'pain', 'paint', 'pair', 'pal', 'pale', 'pall', 'pallet', 'palm', 'palsy', 'pamper', 'pan', 'pander', 'panel', 'panic', 'pant', 'paper', 'par', 'parade', 'parcel', 'parch', 'pardon', 'pare', 'parent', 'park', 'parley', 'parody', 'parole', 'parrot', 'parry', 'parse', 'part', 'party', 'pass', 'paste', 'pastor', 'pat', 'patch', 'patent', 'patrol', 'patter', 'pause', 'pave', 'paw', 'pawn', 'pay', 'peace', 'peach', 'peak', 'peal', 'pearl', 'pebble', 'peck', 'pedal', 'peddle', 'peek', 'peel', 'peep', 'peer', 'peg', 'pellet', 'pelt', 'pen', 'pencil', 'people', 'pepper', 'perch', 'peril', 'perish', 'perk', 'perm', 'permit', 'peruse', 'pester', 'pestle', 'pet', 'phase', 'phone', 'phrase', 'pi', 'pick', 'picket', 'pickle', 'picnic', 'pie', 'piece', 'pierce', 'piffle', 'pig', 'pike', 'pile', 'pilfer', 'pill', 'pillar', 'pillow', 'pilot', 'pimp', 'pin', 'pinch', 'pine', 'ping', 'pinion', 'pink', 'pip', 'pipe', 'pique', 'pirate', 'pistol', 'pit', 'pitch', 'pith', 'pity', 'pivot', 'place', 'plague', 'plait', 'plan', 'plane', 'plank', 'plant', 'plat', 'plate', 'play', 'plead', 'please', 'pleat', 'pledge', 'plight', 'plod', 'plop', 'plot', 'plough', 'pluck', 'plug', 'plumb', 'plume', 'plump', 'plunge', 'ply', 'poach', 'pocket', 'pod', 'point', 'poise', 'poison', 'poke', 'pole', 'police', 'polish', 'polka', 'poll', 'pollen', 'pomade', 'pond', 'ponder', 'pony', 'pool', 'pop', 'pore', 'port', 'pose', 'posit', 'post', 'pot', 'potter', 'pouch', 'pounce', 'pound', 'pour', 'pout', 'powder', 'power', 'praise', 'prance', 'prank', 'prawn', 'pray', 'preach', 'preen', 'prefab', 'prefix', 'preset', 'press', 'pretty', 'prey', 'price', 'prick', 'pride', 'priest', 'prim', 'prime', 'print', 'prize', 'probe', 'prod', 'profit', 'prompt', 'prong', 'proof', 'prop', 'propel', 'prose', 'prove', 'prowl', 'prune', 'pry', 'pucker', 'puddle', 'puff', 'pug', 'puke', 'pull', 'pulp', 'pulse', 'pumice', 'pummel', 'pump', 'pun', 'punch', 'punish', 'punt', 'pup', 'purge', 'purify', 'purl', 'purple', 'purr', 'purse', 'pursue', 'push', 'put', 'putt', 'putter', 'putty', 'puzzle', 'quack', 'quaff', 'quake', 'quarry', 'quash', 'quaver', 'queen', 'queer', 'quell', 'quench', 'query', 'quest', 'queue', 'quiet', 'quill', 'quilt', 'quip', 'quit', 'quiver', 'quiz', 'quote', 'rabble', 'race', 'rack', 'racket', 'radio', 'raffle', 'raft', 'rag', 'rage', 'raid', 'rail', 'rain', 'raise', 'rake', 'rally', 'ram', 'ramble', 'ramify', 'ramp', 'ramrod', 'ranch', 'range', 'rank', 'rankle', 'ransom', 'rant', 'rap', 'rasp', 'rat', 'rate', 'ratify', 'ration', 'rattle', 'ravage', 'rave', 'ravel', 'raven', 'ravish', 'ray', 'raze', 'reach', 'react', 'read', 'ready', 'really', 'ream', 'reap', 'rear', 'reason', 'rebate', 'rebel', 'rebind', 'rebook', 'rebuff', 'rebuke', 'rebut', 'recall', 'recant', 'recap', 'recast', 'recede', 'recess', 'recite', 'reckon', 'recode', 'recoil', 'record', 'recur', 'redden', 'redeem', 'redial', 'redo', 'redraw', 'reduce', 'reed', 'reef', 'reek', 'reel', 'reeve', 'refer', 'refile', 'refill', 'refine', 'refit', 'reflex', 'reform', 'refuel', 'refuge', 'refund', 'refuse', 'refute', 'regain', 'regale', 'regard', 'regret', 'rehash', 'reheat', 'reify', 'reign', 'reject', 'rejoin', 'relate', 'relax', 'relay', 'relent', 'relink', 'relish', 'relive', 'rely', 'remain', 'remake', 'remand', 'remap', 'remark', 'remedy', 'remind', 'remit', 'remove', 'rename', 'rend', 'render', 'renege', 'renew', 'rent', 'reopen', 'repack', 'repair', 'repast', 'repay', 'repeal', 'repeat', 'repel', 'repent', 'repine', 'replay', 'reply', 'report', 'repose', 'repute', 'reread', 'rerun', 'rescue', 'resell', 'resend', 'resent', 'reset', 'reshow', 'reside', 'resign', 'resin', 'resist', 'resit', 'resort', 'rest', 'result', 'resume', 'retail', 'retain', 'retake', 'retard', 'retch', 'retell', 'retest', 'retire', 'retort', 'retry', 'retune', 'return', 'retype', 'reuse', 'revamp', 'reveal', 'revel', 'revere', 'revert', 'review', 'revile', 'revive', 'revoke', 'revolt', 'reward', 'rewind', 'reword', 'rework', 'rhyme', 'rib', 'ribbon', 'rice', 'rid', 'riddle', 'ride', 'ridge', 'riff', 'rifle', 'rift', 'rig', 'right', 'rim', 'rime', 'ring', 'rinse', 'riot', 'rip', 'ripen', 'ripple', 'rise', 'risk', 'rival', 'rivet', 'roach', 'roam', 'roar', 'roast', 'rob', 'robe', 'rock', 'rocket', 'rogue', 'roll', 'romp', 'roof', 'rook', 'room', 'roost', 'root', 'rope', 'rosin', 'rot', 'rotate', 'rouge', 'rough', 'round', 'rouse', 'rout', 'route', 'rove', 'row', 'rub', 'ruck', 'rue', 'ruff', 'ruffle', 'ruin', 'rule', 'rumble', 'rumple', 'run', 'rush', 'rust', 'rustle', 'rut', 'sack', 'sadden', 'saddle', 'safari', 'sag', 'sail', 'saint', 'sallow', 'salt', 'salute', 'sample', 'sand', 'sandal', 'sap', 'sash', 'sauce', 'sauna', 'savage', 'save', 'saw', 'say', 'scab', 'scald', 'scale', 'scalp', 'scan', 'scant', 'scape', 'scar', 'scare', 'scarf', 'scathe', 'scent', 'scheme', 'school', 'scoff', 'scold', 'scoop', 'scoot', 'scope', 'scorch', 'score', 'scorn', 'scotch', 'scour', 'scout', 'scowl', 'scrap', 'scrape', 'scrawl', 'scream', 'screen', 'screw', 'scribe', 'script', 'scroll', 'scrub', 'scrum', 'scuba', 'scud', 'scuff', 'scull', 'sculpt', 'scum', 'scurry', 'scythe', 'seal', 'seam', 'sear', 'search', 'season', 'seat', 'secede', 'second', 'sector', 'secure', 'sedate', 'seduce', 'see', 'seed', 'seek', 'seem', 'seep', 'seethe', 'seize', 'select', 'sell', 'send', 'sense', 'serge', 'serve', 'set', 'settle', 'sever', 'sew', 'shack', 'shade', 'shadow', 'shaft', 'shag', 'shake', 'sham', 'shame', 'shank', 'shape', 'share', 'shark', 'sharp', 'shave', 'shear', 'shed', 'sheer', 'shell', 'shelve', 'shield', 'shift', 'shin', 'shine', 'ship', 'shirk', 'shiver', 'shoal', 'shock', 'shoe', 'shoo', 'shoot', 'shop', 'short', 'shot', 'shout', 'shove', 'shovel', 'show', 'shower', 'shred', 'shriek', 'shrill', 'shrimp', 'shrine', 'shrink', 'shroud', 'shrug', 'shun', 'shunt', 'shut', 'shy', 'sicken', 'sickly', 'side', 'sidle', 'siege', 'sieve', 'sift', 'sigh', 'sight', 'sign', 'signal', 'signet', 'silk', 'silo', 'silt', 'silver', 'simmer', 'simper', 'simple', 'sin', 'sinew', 'sing', 'single', 'sink', 'sip', 'siphon', 'sire', 'sit', 'site', 'size', 'sizzle', 'skate', 'sketch', 'skew', 'skewer', 'ski', 'skid', 'skim', 'skimp', 'skin', 'skip', 'skirl', 'skirt', 'skulk', 'skunk', 'sky', 'slab', 'slack', 'slag', 'slake', 'slam', 'slang', 'slant', 'slap', 'slash', 'slat', 'slate', 'slave', 'slaver', 'slay', 'sleaze', 'sled', 'sledge', 'sleek', 'sleep', 'sleet', 'sleeve', 'sleigh', 'sleuth', 'slice', 'slick', 'slide', 'slight', 'slim', 'slime', 'sling', 'slink', 'slip', 'slit', 'sliver', 'slog', 'slop', 'slope', 'slosh', 'slot', 'slouch', 'slough', 'slow', 'slug', 'sluice', 'slum', 'slump', 'slur', 'slurp', 'slurry', 'slush', 'smack', 'smart', 'smash', 'smear', 'smell', 'smelt', 'smile', 'smirk', 'smite', 'smock', 'smoke', 'smooth', 'smudge', 'smut', 'snack', 'snag', 'snake', 'snap', 'snare', 'snarl', 'snatch', 'sneak', 'sneer', 'sneeze', 'snick', 'sniff', 'snip', 'snipe', 'snivel', 'snoop', 'snooze', 'snore', 'snort', 'snow', 'snub', 'snuff', 'snug', 'soak', 'soap', 'soar', 'sob', 'sober', 'sock', 'socket', 'sodden', 'soften', 'soil', 'solace', 'solder', 'sole', 'solo', 'solve', 'soot', 'soothe', 'sop', 'sorrow', 'sort', 'sortie', 'sound', 'soup', 'sour', 'source', 'south', 'sow', 'space', 'spade', 'span', 'spank', 'spar', 'spare', 'spark', 'spat', 'spawn', 'speak', 'spear', 'speck', 'speed', 'spell', 'spend', 'spew', 'sphere', 'spice', 'spike', 'spill', 'spin', 'spiral', 'spire', 'spirit', 'spit', 'spite', 'splash', 'splice', 'splint', 'split', 'spoil', 'spoke', 'sponge', 'spoof', 'spool', 'spoon', 'spoor', 'spore', 'sport', 'spot', 'spout', 'sprain', 'sprawl', 'spray', 'spread', 'sprig', 'spring', 'sprint', 'sprout', 'spruce', 'spud', 'spume', 'spur', 'spurn', 'spurt', 'spy', 'squad', 'squall', 'square', 'squash', 'squat', 'squawk', 'squeak', 'squeal', 'squib', 'squint', 'squire', 'squirm', 'squirt', 'stab', 'stable', 'stack', 'staff', 'stag', 'stage', 'stain', 'stake', 'stale', 'stalk', 'stall', 'stamp', 'stand', 'staple', 'star', 'starch', 'stare', 'start', 'starve', 'state', 'stave', 'stay', 'stead', 'steal', 'steam', 'steel', 'steep', 'steer', 'stem', 'step', 'stet', 'stew', 'stick', 'stiff', 'stifle', 'still', 'stilt', 'sting', 'stink', 'stint', 'stir', 'stitch', 'stock', 'stomp', 'stone', 'stooge', 'stool', 'stoop', 'stop', 'store', 'storm', 'story', 'stow', 'strafe', 'strain', 'strand', 'strap', 'stray', 'streak', 'stream', 'stress', 'strew', 'stride', 'strike', 'string', 'strip', 'stripe', 'strive', 'stroke', 'stroll', 'strop', 'strum', 'strut', 'stub', 'stucco', 'stud', 'study', 'stuff', 'stump', 'stun', 'stunt', 'sturdy', 'sty', 'style', 'stymie', 'subdue', 'submit', 'suck', 'sucker', 'suckle', 'suds', 'sue', 'suede', 'suffer', 'suffix', 'sugar', 'suit', 'sulk', 'sully', 'sum', 'summer', 'summit', 'summon', 'sun', 'suntan', 'sup', 'supple', 'supply', 'surf', 'surge', 'survey', 'suture', 'swab', 'swamp', 'swap', 'swarm', 'swat', 'swathe', 'sway', 'swear', 'sweat', 'sweep', 'swell', 'swerve', 'swill', 'swim', 'swing', 'swipe', 'swirl', 'swish', 'switch', 'swivel', 'swoon', 'swoop', 'swop', 'symbol', 'syrup', 'tab', 'tabby', 'table', 'taboo', 'tack', 'tackle', 'tag', 'tail', 'tailor', 'taint', 'take', 'talk', 'tallow', 'tally', 'tame', 'tamp', 'tamper', 'tan', 'tangle', 'tango', 'tank', 'tap', 'tape', 'taper', 'tar', 'target', 'tariff', 'tarry', 'tart', 'task', 'tassel', 'taste', 'tattle', 'tattoo', 'taunt', 'tax', 'taxi', 'teach', 'team', 'tear', 'tease', 'tee', 'teem', 'teeter', 'teethe', 'telex', 'tell', 'temper', 'tempt', 'tenant', 'tend', 'tender', 'tenon', 'tense', 'tent', 'tenure', 'term', 'test', 'tether', 'thank', 'thatch', 'thaw', 'thieve', 'thin', 'think', 'thirst', 'thorn', 'thou', 'thrall', 'thrash', 'thread', 'threat', 'thresh', 'thrill', 'thrive', 'throat', 'throb', 'throne', 'throng', 'throw', 'thrum', 'thrust', 'thud', 'thumb', 'thump', 'thwack', 'thwart', 'tick', 'ticket', 'tickle', 'tide', 'tidy', 'tie', 'tier', 'tile', 'till', 'tiller', 'tilt', 'timber', 'time', 'tin', 'tinge', 'tingle', 'tinker', 'tinkle', 'tinsel', 'tint', 'tip', 'tipple', 'tiptoe', 'tire', 'tissue', 'tithe', 'title', 'titter', 'toady', 'toast', 'toddle', 'toe', 'toggle', 'toil', 'token', 'toll', 'tomb', 'tomcat', 'tone', 'tongue', 'tool', 'toot', 'tooth', 'tootle', 'top', 'topple', 'torch', 'torque', 'toss', 'tot', 'total', 'totter', 'touch', 'tough', 'tour', 'tout', 'tow', 'towel', 'tower', 'toy', 'trace', 'track', 'trade', 'trail', 'train', 'tram', 'tramp', 'trance', 'trap', 'trash', 'travel', 'trawl', 'tread', 'treat', 'treble', 'tree', 'trek', 'trench', 'trend', 'triage', 'trice', 'trick', 'trill', 'trim', 'trip', 'triple', 'troll', 'troop', 'trot', 'troupe', 'trowel', 'truant', 'truck', 'trudge', 'true', 'truss', 'trust', 'try', 'tub', 'tube', 'tuck', 'tucker', 'tuft', 'tug', 'tumble', 'tun', 'tune', 'tunnel', 'turf', 'turn', 'turtle', 'tusk', 'tussle', 'tutor', 'twang', 'tweak', 'tweet', 'twig', 'twill', 'twin', 'twine', 'twinge', 'twirl', 'twist', 'twitch', 'type', 'typify', 'umpire', 'unable', 'unbend', 'unbolt', 'unclog', 'uncoil', 'undo', 'unfit', 'unfold', 'unfurl', 'unhand', 'unify', 'unite', 'unjam', 'unlace', 'unlink', 'unload', 'unlock', 'unmask', 'unpack', 'unpick', 'unplug', 'unroll', 'unseal', 'unseat', 'untie', 'unveil', 'unwind', 'unwrap', 'unzip', 'up', 'update', 'uphold', 'uplift', 'upload', 'uproot', 'upset', 'upturn', 'urge', 'use', 'usher', 'usurp', 'utter', 'vacate', 'vacuum', 'valet', 'value', 'valve', 'vamp', 'vanish', 'vary', 'vat', 'vault', 'vector', 'veer', 'veil', 'vein', 'vend', 'veneer', 'vent', 'verge', 'verify', 'verse', 'vest', 'vet', 'veto', 'vex', 'vial', 'vice', 'video', 'vie', 'view', 'vilify', 'visa', 'vision', 'visit', 'visor', 'voice', 'void', 'volley', 'vomit', 'voodoo', 'vote', 'vouch', 'vow', 'voyage', 'wad', 'waddle', 'wade', 'wafer', 'waffle', 'waft', 'wag', 'wager', 'waggle', 'wagon', 'wail', 'wait', 'waive', 'wake', 'waken', 'walk', 'wall', 'wallow', 'waltz', 'wan', 'wander', 'wane', 'want', 'wanton', 'war', 'warble', 'ward', 'warm', 'warn', 'warp', 'wash', 'waste', 'watch', 'water', 'wattle', 'wave', 'waver', 'wax', 'waylay', 'weaken', 'wean', 'weapon', 'wear', 'weary', 'weasel', 'weave', 'web', 'wed', 'wedge', 'weed', 'weep', 'weigh', 'weight', 'weld', 'well', 'welt', 'welter', 'wench', 'wend', 'wet', 'whack', 'whale', 'wharf', 'wheel', 'wheeze', 'whelp', 'whet', 'whiff', 'while', 'whine', 'whinny', 'whip', 'whir', 'whirl', 'whirr', 'whisk', 'white', 'whiten', 'whizz', 'whoop', 'whoosh', 'wick', 'widen', 'widow', 'wield', 'wig', 'wiggle', 'wild', 'wile', 'will', 'wilt', 'wimple', 'win', 'wince', 'winch', 'wind', 'window', 'wine', 'wing', 'wink', 'winnow', 'winter', 'wipe', 'wire', 'wish', 'wisp', 'wit', 'witch', 'wither', 'wobble', 'wolf', 'wonder', 'wont', 'woo', 'wood', 'word', 'work', 'worm', 'worry', 'worsen', 'worst', 'wound', 'wow', 'wrack', 'wrap', 'wreak', 'wreath', 'wreck', 'wrench', 'wrest', 'wring', 'write', 'writhe', 'wrong', 'x-ray', 'xerox', 'yacht', 'yak', 'yap', 'yard', 'yaw', 'yawn', 'yearn', 'yeast', 'yell', 'yellow', 'yelp', 'yen', 'yes', 'yield', 'yo-yo', 'yodel', 'yoke', 'zero', 'zigzag', 'zinc', 'zip', 'zipper', 'zone', 'zoom' +'abase', 'abate', 'abduct', 'abet', 'abhor', 'abide', 'abjure', 'ablate', 'abort', 'abound', 'abseil', 'absorb', 'abuse', 'abut', 'accede', 'accent', 'accept', 'access', 'accord', 'accost', 'accrue', 'accuse', 'ache', 'acquit', 'act', 'adapt', 'add', 'addict', 'addle', 'adduce', 'adhere', 'adjoin', 'adjust', 'admire', 'admit', 'adopt', 'adore', 'adorn', 'advert', 'advise', 'aerate', 'affect', 'affirm', 'affix', 'afford', 'age', 'agree', 'aid', 'aim', 'alarm', 'alert', 'alight', 'align', 'allay', 'allege', 'allot', 'allow', 'alloy', 'allure', 'ally', 'alter', 'amass', 'amaze', 'amble', 'ambush', 'amend', 'amount', 'amuse', 'anger', 'angle', 'anneal', 'annex', 'annoy', 'annul', 'anoint', 'answer', 'ape', 'appeal', 'appear', 'append', 'apply', 'arc', 'arch', 'argue', 'arise', 'arm', 'array', 'arrest', 'arrive', 'arrow', 'ascend', 'ask', 'aspire', 'assail', 'assay', 'assent', 'assert', 'assess', 'assign', 'assist', 'assort', 'assume', 'assure', 'atone', 'attach', 'attack', 'attain', 'attend', 'attest', 'attire', 'attune', 'audit', 'augur', 'author', 'avail', 'avenge', 'aver', 'avert', 'avoid', 'await', 'awake', 'awaken', 'award', 'awe', 'babble', 'back', 'badge', 'badger', 'baffle', 'bag', 'bail', 'bait', 'bake', 'bald', 'bale', 'ball', 'ballot', 'ban', 'band', 'bandy', 'bang', 'banish', 'bank', 'banter', 'bar', 'barb', 'barber', 'bard', 'bare', 'barge', 'bark', 'barn', 'barrel', 'barter', 'base', 'bash', 'bask', 'baste', 'bat', 'batch', 'bathe', 'batten', 'batter', 'battle', 'bawl', 'bay', 'be', 'beach', 'beacon', 'bead', 'beam', 'bean', 'bear', 'beard', 'beat', 'become', 'bed', 'beef', 'beep', 'beetle', 'befall', 'befit', 'beg', 'beget', 'beggar', 'begin', 'behave', 'behead', 'behold', 'belay', 'belch', 'belie', 'bell', 'bellow', 'belly', 'belong', 'belt', 'bemoan', 'bench', 'bend', 'berate', 'berry', 'beset', 'best', 'bestir', 'bestow', 'bet', 'betide', 'betray', 'better', 'bevel', 'bewail', 'beware', 'bias', 'bib', 'bicker', 'bid', 'bide', 'bilge', 'bill', 'billet', 'billow', 'bin', 'bind', 'birdie', 'birth', 'bisect', 'bit', 'bite', 'bitter', 'black', 'blame', 'blanch', 'blank', 'blare', 'blast', 'blaze', 'bleach', 'bleat', 'bleed', 'bleep', 'blench', 'blend', 'bless', 'blight', 'blind', 'blink', 'blip', 'bliss', 'blitz', 'bloat', 'blob', 'blood', 'bloody', 'bloom', 'blot', 'blotch', 'blow', 'blue', 'bluff', 'blunt', 'blur', 'blurb', 'blurt', 'blush', 'board', 'boast', 'bob', 'bode', 'body', 'bog', 'bogey', 'boggle', 'boil', 'bolt', 'bomb', 'bond', 'bone', 'bonnet', 'boo', 'book', 'boom', 'boost', 'boot', 'booze', 'bop', 'bore', 'borrow', 'boss', 'botch', 'bother', 'bottle', 'bottom', 'bounce', 'bound', 'bout', 'bow', 'bowel', 'bowl', 'box', 'brace', 'brag', 'braid', 'braise', 'brake', 'branch', 'brand', 'brave', 'brawl', 'bray', 'breach', 'bread', 'break', 'breed', 'breeze', 'brew', 'bribe', 'brick', 'bridge', 'bridle', 'brief', 'brim', 'brine', 'bring', 'broach', 'broil', 'bronze', 'brook', 'brown', 'browse', 'bruise', 'brush', 'bubble', 'buck', 'bucket', 'buckle', 'bud', 'budge', 'budget', 'buffet', 'bug', 'bugle', 'build', 'bulge', 'bulk', 'bull', 'bully', 'bumble', 'bump', 'bunch', 'bundle', 'bung', 'bungle', 'bunk', 'bunker', 'buoy', 'burble', 'burden', 'burgle', 'burn', 'burp', 'burr', 'burrow', 'burst', 'bury', 'bus', 'bush', 'busk', 'bust', 'bustle', 'busy', 'butt', 'button', 'buy', 'buzz', 'bypass', 'cab', 'cabal', 'cabin', 'cable', 'cache', 'cackle', 'cadge', 'cage', 'cajole', 'cake', 'call', 'calm', 'calve', 'camber', 'camp', 'can', 'canal', 'cancel', 'candle', 'candy', 'cane', 'cannon', 'canoe', 'canopy', 'cant', 'canter', 'cap', 'caper', 'card', 'care', 'career', 'caress', 'carol', 'carp', 'carpet', 'carry', 'cart', 'carve', 'case', 'cash', 'cast', 'castle', 'cat', 'catch', 'cater', 'caucus', 'cause', 'cave', 'cavern', 'cease', 'cede', 'cellar', 'cement', 'censor', 'chafe', 'chain', 'chair', 'chalk', 'champ', 'chance', 'change', 'chant', 'chap', 'char', 'charge', 'charm', 'chart', 'chase', 'chat', 'cheat', 'check', 'cheep', 'cheer', 'chew', 'chide', 'chill', 'chime', 'chin', 'chink', 'chip', 'chirp', 'chisel', 'chock', 'choir', 'choke', 'choose', 'chop', 'chord', 'chorus', 'chrome', 'chuck', 'chuff', 'chug', 'chum', 'chunk', 'churn', 'chute', 'cinder', 'cipher', 'circle', 'cite', 'clad', 'claim', 'clam', 'clamp', 'clang', 'clank', 'clap', 'clash', 'clasp', 'class', 'claw', 'clean', 'clear', 'cleat', 'cleave', 'clench', 'clerk', 'click', 'climax', 'climb', 'clinch', 'cling', 'clink', 'clip', 'clique', 'cloak', 'clock', 'clog', 'clone', 'close', 'closet', 'clot', 'cloud', 'clout', 'clown', 'club', 'cluck', 'clue', 'clump', 'clutch', 'coach', 'coal', 'coast', 'coat', 'coax', 'cobble', 'cobweb', 'cockle', 'cocoon', 'coddle', 'code', 'codify', 'coerce', 'coffer', 'coffin', 'cog', 'cohere', 'coil', 'coin', 'coke', 'collar', 'comb', 'combat', 'come', 'commit', 'compel', 'comply', 'con', 'concur', 'cone', 'confer', 'convey', 'convoy', 'cook', 'cool', 'cope', 'copper', 'copy', 'cord', 'cordon', 'core', 'cork', 'corn', 'corner', 'corral', 'cosset', 'cost', 'cotton', 'couch', 'cough', 'count', 'couple', 'course', 'court', 'cover', 'covet', 'cowl', 'cox', 'crab', 'crack', 'cradle', 'craft', 'cram', 'cramp', 'crane', 'crank', 'crash', 'crate', 'crater', 'crave', 'crawl', 'crayon', 'craze', 'creak', 'cream', 'crease', 'create', 'credit', 'creed', 'creep', 'crest', 'crew', 'crib', 'crick', 'crimp', 'cringe', 'crisp', 'croak', 'crook', 'croon', 'crop', 'cross', 'crouch', 'crowd', 'crown', 'cruise', 'crunch', 'crush', 'crust', 'crutch', 'cry', 'cube', 'cuckoo', 'cuddle', 'cudgel', 'cue', 'cuff', 'cull', 'cup', 'curb', 'curd', 'curdle', 'cure', 'curl', 'curry', 'curse', 'curve', 'cuss', 'cut', 'cycle', 'dab', 'dabble', 'dagger', 'dally', 'dam', 'damage', 'damn', 'damp', 'dampen', 'dance', 'dangle', 'dapple', 'dare', 'darken', 'darn', 'dart', 'dash', 'date', 'daub', 'daunt', 'dawdle', 'daze', 'dazzle', 'deaden', 'deafen', 'deal', 'debar', 'debase', 'debate', 'debit', 'debug', 'debut', 'decamp', 'decant', 'decay', 'decide', 'deck', 'decode', 'decoy', 'decree', 'decry', 'deduce', 'deduct', 'deem', 'deepen', 'deface', 'defame', 'defeat', 'defect', 'defend', 'defer', 'defile', 'define', 'deform', 'defray', 'defuse', 'defy', 'deify', 'deign', 'delay', 'delete', 'delude', 'deluge', 'delve', 'demand', 'demean', 'demise', 'demote', 'demur', 'den', 'denote', 'dent', 'denude', 'deny', 'depart', 'depend', 'depict', 'deploy', 'deport', 'depose', 'depute', 'derail', 'deride', 'derive', 'desert', 'design', 'desire', 'desist', 'detach', 'detail', 'detain', 'detect', 'deter', 'detest', 'detour', 'devil', 'devise', 'devote', 'devour', 'dial', 'diaper', 'dice', 'die', 'diet', 'differ', 'dig', 'digest', 'dilate', 'dilute', 'dim', 'dimple', 'din', 'dine', 'dint', 'dip', 'direct', 'disarm', 'disc', 'disco', 'dish', 'dismay', 'disown', 'dispel', 'disuse', 'ditch', 'dither', 'dive', 'divert', 'divest', 'divide', 'divine', 'dizzy', 'do', 'dock', 'docket', 'doctor', 'dodge', 'dog', 'dole', 'doll', 'dolly', 'dome', 'donate', 'doodle', 'doom', 'dope', 'dose', 'dot', 'dote', 'double', 'doubt', 'douse', 'dowel', 'down', 'dowse', 'doze', 'drab', 'draft', 'drag', 'drain', 'drape', 'draw', 'drawl', 'dray', 'dread', 'dream', 'dredge', 'drench', 'dress', 'drift', 'drill', 'drink', 'drip', 'drive', 'drivel', 'drone', 'drool', 'droop', 'drop', 'drown', 'drowse', 'drudge', 'drug', 'drum', 'dry', 'dub', 'duck', 'duel', 'duet', 'dull', 'dumb', 'dummy', 'dump', 'dun', 'dupe', 'dust', 'dwarf', 'dwell', 'dye', 'ear', 'earn', 'ease', 'eat', 'ebb', 'echo', 'eddy', 'edge', 'edify', 'edit', 'efface', 'egg', 'egress', 'eject', 'elapse', 'elate', 'elbow', 'elect', 'elicit', 'elide', 'elope', 'elude', 'embalm', 'embark', 'embed', 'embody', 'emboss', 'emerge', 'emit', 'employ', 'empty', 'enable', 'enact', 'enamel', 'encamp', 'encase', 'encode', 'encore', 'end', 'endear', 'endow', 'endure', 'enfold', 'engage', 'engulf', 'enjoin', 'enjoy', 'enlist', 'enrage', 'enrich', 'ensue', 'ensure', 'entail', 'enter', 'entice', 'entomb', 'entrap', 'envy', 'equal', 'equate', 'equip', 'erase', 'erect', 'erode', 'err', 'erupt', 'escape', 'eschew', 'escort', 'escrow', 'essay', 'esteem', 'etch', 'evade', 'evict', 'evince', 'evoke', 'evolve', 'exact', 'exalt', 'exceed', 'excel', 'except', 'excess', 'excise', 'excite', 'excuse', 'exempt', 'exert', 'exeunt', 'exhale', 'exhort', 'exhume', 'exile', 'exist', 'expand', 'expect', 'expel', 'expend', 'expire', 'export', 'expose', 'extend', 'extol', 'extort', 'exude', 'exult', 'eye', 'fable', 'face', 'facet', 'factor', 'fade', 'fail', 'faint', 'fair', 'fake', 'fall', 'falter', 'fame', 'fan', 'fancy', 'farce', 'fare', 'farm', 'fast', 'fasten', 'fat', 'fate', 'father', 'fathom', 'fatten', 'fault', 'fawn', 'fear', 'feast', 'fee', 'feed', 'feel', 'feign', 'fell', 'fence', 'fend', 'ferret', 'ferry', 'fester', 'fetch', 'fettle', 'feud', 'fever', 'fib', 'fiddle', 'fidget', 'field', 'fife', 'fight', 'figure', 'file', 'fill', 'fillet', 'fillip', 'film', 'filter', 'fin', 'find', 'fine', 'finger', 'finish', 'fire', 'firm', 'fish', 'fit', 'fitter', 'fix', 'fizz', 'fizzle', 'flack', 'flag', 'flail', 'flake', 'flame', 'flank', 'flap', 'flare', 'flash', 'flat', 'flaunt', 'flaw', 'flay', 'flee', 'fleece', 'fleet', 'flesh', 'flex', 'flick', 'flight', 'flinch', 'fling', 'flint', 'flip', 'flit', 'float', 'flock', 'flog', 'flood', 'floor', 'flop', 'floss', 'flour', 'flout', 'flow', 'flower', 'fluff', 'flurry', 'flush', 'flute', 'flux', 'fly', 'foal', 'foam', 'fob', 'focus', 'fodder', 'fog', 'foil', 'foist', 'fold', 'folio', 'follow', 'foment', 'fondle', 'fool', 'foot', 'forage', 'foray', 'forbid', 'force', 'ford', 'forego', 'forest', 'forge', 'forget', 'fork', 'form', 'format', 'foster', 'foul', 'found', 'fowl', 'fox', 'frame', 'frank', 'fray', 'freak', 'free', 'freeze', 'frenzy', 'fresh', 'fret', 'friend', 'fright', 'frill', 'fringe', 'frisk', 'frock', 'frog', 'frolic', 'front', 'frost', 'froth', 'frown', 'fruit', 'fry', 'fudge', 'fuel', 'full', 'fumble', 'fume', 'fun', 'fund', 'funk', 'funnel', 'fur', 'furrow', 'fuse', 'fuss', 'fuzz', 'gabble', 'gad', 'gaff', 'gag', 'gaggle', 'gain', 'gait', 'gall', 'gallop', 'gamble', 'gambol', 'game', 'gang', 'gap', 'gape', 'garage', 'garble', 'garden', 'gargle', 'garner', 'garter', 'gas', 'gash', 'gasp', 'gate', 'gather', 'gauge', 'gavel', 'gaze', 'gear', 'gel', 'gem', 'gender', 'gentle', 'get', 'ghost', 'gibber', 'gibbet', 'giddy', 'gift', 'gig', 'giggle', 'gimlet', 'gin', 'ginger', 'gird', 'girdle', 'girth', 'give', 'glad', 'glance', 'glare', 'glass', 'glaze', 'gleam', 'glean', 'glide', 'glint', 'gloat', 'globe', 'gloom', 'glory', 'gloss', 'glove', 'glow', 'glower', 'glue', 'glut', 'gnarl', 'gnash', 'gnaw', 'go', 'goad', 'gobble', 'golf', 'gong', 'goose', 'gore', 'gorge', 'gossip', 'gouge', 'govern', 'gown', 'grab', 'grace', 'grade', 'graft', 'grain', 'grant', 'graph', 'grasp', 'grass', 'grate', 'grave', 'gravel', 'graze', 'grease', 'green', 'greet', 'grey', 'grieve', 'grill', 'grin', 'grind', 'grip', 'gripe', 'grit', 'groan', 'groin', 'groom', 'groove', 'grope', 'gross', 'grouch', 'ground', 'group', 'grouse', 'grout', 'grovel', 'grow', 'growl', 'grub', 'grudge', 'grunt', 'guard', 'guess', 'guest', 'guffaw', 'guide', 'guilt', 'guise', 'gulf', 'gull', 'gully', 'gulp', 'gum', 'gun', 'gurgle', 'gush', 'gust', 'gut', 'gutter', 'guy', 'guzzle', 'gyrate', 'habit', 'hack', 'haft', 'haggle', 'hail', 'hale', 'hallo', 'halo', 'halt', 'halter', 'halve', 'ham', 'hammer', 'hamper', 'hand', 'handle', 'hang', 'hanker', 'happen', 'harass', 'harden', 'hark', 'harm', 'harp', 'harrow', 'harry', 'hash', 'hasp', 'hassle', 'haste', 'hasten', 'hat', 'hatch', 'hate', 'haul', 'haunt', 'have', 'haven', 'havoc', 'hawk', 'hay', 'hazard', 'haze', 'head', 'heal', 'heap', 'hear', 'heart', 'heat', 'heave', 'heckle', 'hector', 'hedge', 'heed', 'heel', 'heft', 'hell', 'hello', 'helm', 'help', 'hem', 'herald', 'herd', 'hew', 'hex', 'hiccup', 'hide', 'hijack', 'hike', 'hill', 'hilt', 'hinder', 'hinge', 'hint', 'hip', 'hiss', 'hit', 'hitch', 'hive', 'hoard', 'hoax', 'hob', 'hobble', 'hock', 'hoe', 'hog', 'hoist', 'hold', 'hole', 'hollow', 'home', 'hone', 'honey', 'honk', 'hood', 'hoof', 'hook', 'hoop', 'hoot', 'hop', 'hope', 'horde', 'horn', 'hose', 'host', 'hostel', 'hound', 'house', 'hovel', 'hover', 'howl', 'huddle', 'huff', 'hug', 'hulk', 'hull', 'hum', 'humble', 'humbug', 'hump', 'hunch', 'hunger', 'hunt', 'hurdle', 'hurl', 'hurrah', 'hurry', 'hurt', 'hurtle', 'hush', 'husk', 'hustle', 'hymn', 'hyphen', 'ice', 'id', 'idle', 'ignite', 'ignore', 'image', 'imbibe', 'imbue', 'imp', 'impact', 'impair', 'impale', 'impart', 'impede', 'impel', 'imply', 'import', 'impose', 'impugn', 'impute', 'inch', 'incite', 'incur', 'indent', 'index', 'indict', 'induce', 'induct', 'infect', 'infer', 'infest', 'infix', 'inform', 'infuse', 'ingest', 'inhale', 'inject', 'injure', 'ink', 'inlay', 'inlet', 'input', 'insert', 'inset', 'insist', 'insult', 'insure', 'intend', 'inter', 'intern', 'intone', 'inure', 'invade', 'invent', 'invert', 'invest', 'invite', 'invoke', 'ionize', 'iris', 'iron', 'island', 'isle', 'issue', 'itch', 'item', 'jab', 'jabber', 'jack', 'jade', 'jag', 'jail', 'jam', 'jangle', 'jape', 'jar', 'jargon', 'jaunt', 'jaw', 'jazz', 'jeer', 'jelly', 'jerk', 'jest', 'jet', 'jetty', 'jewel', 'jib', 'jibe', 'jig', 'jigsaw', 'jilt', 'jingle', 'jinx', 'jitter', 'jive', 'job', 'jockey', 'jog', 'join', 'joint', 'joke', 'jolly', 'jolt', 'jostle', 'jot', 'joust', 'joy', 'judge', 'jug', 'juggle', 'juice', 'jumble', 'jump', 'junk', 'junket', 'just', 'jut', 'kayak', 'keel', 'keen', 'keep', 'ken', 'kennel', 'kernel', 'key', 'kick', 'kid', 'kidnap', 'kill', 'kiln', 'kilt', 'kindle', 'king', 'kink', 'kipper', 'kiss', 'kit', 'kite', 'kitten', 'knead', 'knee', 'kneel', 'knell', 'knife', 'knight', 'knit', 'knock', 'knoll', 'knot', 'know', 'kosher', 'kowtow', 'laager', 'label', 'lace', 'lack', 'lackey', 'ladle', 'lag', 'lame', 'lament', 'lance', 'land', 'lap', 'lapse', 'lard', 'lark', 'lash', 'lasso', 'last', 'latch', 'lathe', 'lather', 'laud', 'laugh', 'launch', 'laurel', 'lavish', 'law', 'lay', 'layer', 'laze', 'lazy', 'leach', 'lead', 'leaf', 'league', 'leak', 'lean', 'leap', 'learn', 'lease', 'leash', 'leave', 'leaven', 'lecher', 'leech', 'leer', 'leg', 'lend', 'lesion', 'lessen', 'lesson', 'let', 'letter', 'level', 'lever', 'levy', 'libel', 'lichen', 'lick', 'lid', 'lie', 'lift', 'light', 'like', 'liken', 'lilt', 'limb', 'limber', 'lime', 'limit', 'limp', 'line', 'linger', 'link', 'lip', 'liquor', 'lisp', 'list', 'listen', 'litter', 'live', 'liven', 'load', 'loaf', 'loam', 'loan', 'loathe', 'lob', 'lobby', 'local', 'locate', 'lock', 'lodge', 'loft', 'log', 'loiter', 'loll', 'long', 'look', 'loom', 'loop', 'loose', 'loosen', 'loot', 'lop', 'lope', 'lord', 'lose', 'lot', 'loth', 'lounge', 'louse', 'lout', 'love', 'lower', 'luck', 'lug', 'lull', 'lumber', 'lump', 'lunch', 'lunge', 'lurch', 'lure', 'lurk', 'lust', 'lute', 'lynch', 'mace', 'mad', 'madden', 'mail', 'maim', 'major', 'make', 'malign', 'malt', 'man', 'manage', 'mangle', 'mantle', 'manure', 'map', 'mar', 'marble', 'march', 'margin', 'mark', 'market', 'marl', 'maroon', 'marry', 'martyr', 'marvel', 'mash', 'mask', 'mason', 'mass', 'mast', 'master', 'mat', 'match', 'mate', 'matte', 'matter', 'mature', 'maul', 'maze', 'mean', 'medal', 'meddle', 'meet', 'meld', 'mellow', 'melt', 'menace', 'mend', 'mentor', 'merge', 'merit', 'mesh', 'mess', 'metal', 'meter', 'mew', 'mildew', 'milk', 'mill', 'mimic', 'mince', 'mind', 'mine', 'mingle', 'minor', 'mint', 'minute', 'mire', 'mirror', 'miscue', 'misfit', 'mislay', 'miss', 'mist', 'misuse', 'mitre', 'mix', 'moan', 'mob', 'mock', 'model', 'modem', 'modify', 'molest', 'molten', 'monger', 'monkey', 'moon', 'moor', 'moot', 'mop', 'mope', 'morph', 'morsel', 'mortar', 'mosaic', 'moss', 'mother', 'motion', 'motive', 'motor', 'mould', 'mound', 'mount', 'mourn', 'mouse', 'mousse', 'mouth', 'move', 'mow', 'muck', 'mud', 'muddle', 'muddy', 'muff', 'muffle', 'mug', 'mulch', 'mull', 'mumble', 'mummy', 'munch', 'murder', 'murmur', 'muscle', 'muse', 'mush', 'must', 'muster', 'mutate', 'mute', 'mutiny', 'mutter', 'muzzle', 'nag', 'nail', 'name', 'nap', 'narrow', 'near', 'neaten', 'neck', 'need', 'needle', 'negate', 'neigh', 'nerve', 'nest', 'nestle', 'net', 'nettle', 'neuter', 'nibble', 'niche', 'nick', 'nickel', 'niggle', 'nigh', 'nip', 'nod', 'noise', 'noodle', 'noose', 'nose', 'notch', 'note', 'notice', 'notify', 'nudge', 'null', 'numb', 'number', 'nurse', 'nut', 'nuzzle', 'oar', 'obey', 'object', 'oblige', 'obtain', 'occult', 'occupy', 'occur', 'off', 'offend', 'offer', 'ogle', 'oh', 'oil', 'omen', 'omit', 'ooze', 'open', 'opiate', 'oppose', 'opt', 'option', 'orb', 'orbit', 'ordain', 'order', 'orient', 'orphan', 'oust', 'out', 'outbid', 'outdo', 'outfit', 'outlaw', 'outlay', 'output', 'outrun', 'outwit', 'over', 'overdo', 'owe', 'own', 'oyster', 'pace', 'pacify', 'pack', 'packet', 'pad', 'paddle', 'page', 'pain', 'paint', 'pair', 'pal', 'pale', 'pall', 'pallet', 'palm', 'palsy', 'pamper', 'pan', 'pander', 'panel', 'panic', 'pant', 'paper', 'par', 'parade', 'parcel', 'parch', 'pardon', 'pare', 'parent', 'park', 'parley', 'parody', 'parole', 'parrot', 'parry', 'parse', 'part', 'party', 'pass', 'paste', 'pastor', 'pat', 'patch', 'patent', 'patrol', 'patter', 'pause', 'pave', 'paw', 'pawn', 'pay', 'peace', 'peach', 'peak', 'peal', 'pearl', 'pebble', 'peck', 'pedal', 'peddle', 'peek', 'peel', 'peep', 'peer', 'peg', 'pellet', 'pelt', 'pen', 'pencil', 'people', 'pepper', 'perch', 'peril', 'perish', 'perk', 'perm', 'permit', 'peruse', 'pester', 'pestle', 'pet', 'phase', 'phone', 'phrase', 'pi', 'pick', 'picket', 'pickle', 'picnic', 'pie', 'piece', 'pierce', 'piffle', 'pig', 'pike', 'pile', 'pilfer', 'pill', 'pillar', 'pillow', 'pilot', 'pimp', 'pin', 'pinch', 'pine', 'ping', 'pinion', 'pink', 'pip', 'pipe', 'pique', 'pirate', 'pistol', 'pit', 'pitch', 'pith', 'pity', 'pivot', 'place', 'plague', 'plait', 'plan', 'plane', 'plank', 'plant', 'plat', 'plate', 'play', 'plead', 'please', 'pleat', 'pledge', 'plight', 'plod', 'plop', 'plot', 'plough', 'pluck', 'plug', 'plumb', 'plume', 'plump', 'plunge', 'ply', 'poach', 'pocket', 'pod', 'point', 'poise', 'poison', 'poke', 'pole', 'police', 'polish', 'polka', 'poll', 'pollen', 'pomade', 'pond', 'ponder', 'pony', 'pool', 'pop', 'pore', 'port', 'pose', 'posit', 'post', 'pot', 'potter', 'pouch', 'pounce', 'pound', 'pour', 'pout', 'powder', 'power', 'praise', 'prance', 'prank', 'prawn', 'pray', 'preach', 'preen', 'prefab', 'prefix', 'preset', 'press', 'pretty', 'prey', 'price', 'prick', 'pride', 'priest', 'prim', 'prime', 'print', 'prize', 'probe', 'prod', 'profit', 'prompt', 'prong', 'proof', 'prop', 'propel', 'prose', 'prove', 'prowl', 'prune', 'pry', 'pucker', 'puddle', 'puff', 'pug', 'puke', 'pull', 'pulp', 'pulse', 'pumice', 'pummel', 'pump', 'pun', 'punch', 'punish', 'punt', 'pup', 'purge', 'purify', 'purl', 'purple', 'purr', 'purse', 'pursue', 'push', 'put', 'putt', 'putter', 'putty', 'puzzle', 'quack', 'quaff', 'quake', 'quarry', 'quash', 'quaver', 'queen', 'queer', 'quell', 'quench', 'query', 'quest', 'queue', 'quiet', 'quill', 'quilt', 'quip', 'quit', 'quiver', 'quiz', 'quote', 'rabble', 'race', 'rack', 'racket', 'radio', 'raffle', 'raft', 'rag', 'rage', 'raid', 'rail', 'rain', 'raise', 'rake', 'rally', 'ram', 'ramble', 'ramify', 'ramp', 'ramrod', 'ranch', 'range', 'rank', 'rankle', 'ransom', 'rant', 'rap', 'rasp', 'rat', 'rate', 'ratify', 'ration', 'rattle', 'ravage', 'rave', 'ravel', 'raven', 'ravish', 'ray', 'raze', 'reach', 'react', 'read', 'ready', 'really', 'ream', 'reap', 'rear', 'reason', 'rebate', 'rebel', 'rebind', 'rebook', 'rebuff', 'rebuke', 'rebut', 'recall', 'recant', 'recap', 'recast', 'recede', 'recess', 'recite', 'reckon', 'recode', 'recoil', 'record', 'recur', 'redden', 'redeem', 'redial', 'redo', 'redraw', 'reduce', 'reed', 'reef', 'reek', 'reel', 'reeve', 'refer', 'refile', 'refill', 'refine', 'refit', 'reflex', 'reform', 'refuel', 'refuge', 'refund', 'refuse', 'refute', 'regain', 'regale', 'regard', 'regret', 'rehash', 'reheat', 'reify', 'reign', 'reject', 'rejoin', 'relate', 'relax', 'relay', 'relent', 'relink', 'relish', 'relive', 'rely', 'remain', 'remake', 'remand', 'remap', 'remark', 'remedy', 'remind', 'remit', 'remove', 'rename', 'rend', 'render', 'renege', 'renew', 'rent', 'reopen', 'repack', 'repair', 'repast', 'repay', 'repeal', 'repeat', 'repel', 'repent', 'repine', 'replay', 'reply', 'report', 'repose', 'repute', 'reread', 'rerun', 'rescue', 'resell', 'resend', 'resent', 'reset', 'reshow', 'reside', 'resign', 'resin', 'resist', 'resit', 'resort', 'rest', 'result', 'resume', 'retail', 'retain', 'retake', 'retard', 'retch', 'retell', 'retest', 'retire', 'retort', 'retry', 'retune', 'return', 'retype', 'reuse', 'revamp', 'reveal', 'revel', 'revere', 'revert', 'review', 'revile', 'revive', 'revoke', 'revolt', 'reward', 'rewind', 'reword', 'rework', 'rhyme', 'rib', 'ribbon', 'rice', 'rid', 'riddle', 'ride', 'ridge', 'riff', 'rifle', 'rift', 'rig', 'right', 'rim', 'rime', 'ring', 'rinse', 'riot', 'rip', 'ripen', 'ripple', 'rise', 'risk', 'rival', 'rivet', 'roach', 'roam', 'roar', 'roast', 'rob', 'robe', 'rock', 'rocket', 'rogue', 'roll', 'romp', 'roof', 'rook', 'room', 'roost', 'root', 'rope', 'rosin', 'rot', 'rotate', 'rouge', 'rough', 'round', 'rouse', 'rout', 'route', 'rove', 'row', 'rub', 'ruck', 'rue', 'ruff', 'ruffle', 'ruin', 'rule', 'rumble', 'rumple', 'run', 'rush', 'rust', 'rustle', 'rut', 'sack', 'sadden', 'saddle', 'safari', 'sag', 'sail', 'saint', 'sallow', 'salt', 'salute', 'sample', 'sand', 'sandal', 'sap', 'sash', 'sauce', 'sauna', 'savage', 'save', 'saw', 'say', 'scab', 'scald', 'scale', 'scalp', 'scan', 'scant', 'scape', 'scar', 'scare', 'scarf', 'scathe', 'scent', 'scheme', 'school', 'scoff', 'scold', 'scoop', 'scoot', 'scope', 'scorch', 'score', 'scorn', 'scotch', 'scour', 'scout', 'scowl', 'scrap', 'scrape', 'scrawl', 'scream', 'screen', 'screw', 'scribe', 'script', 'scroll', 'scrub', 'scrum', 'scuba', 'scud', 'scuff', 'scull', 'sculpt', 'scum', 'scurry', 'scythe', 'seal', 'seam', 'sear', 'search', 'season', 'seat', 'secede', 'second', 'sector', 'secure', 'sedate', 'seduce', 'see', 'seed', 'seek', 'seem', 'seep', 'seethe', 'seize', 'select', 'sell', 'send', 'sense', 'serge', 'serve', 'set', 'settle', 'sever', 'sew', 'shack', 'shade', 'shadow', 'shaft', 'shag', 'shake', 'sham', 'shame', 'shank', 'shape', 'share', 'shark', 'sharp', 'shave', 'shear', 'shed', 'sheer', 'shell', 'shelve', 'shield', 'shift', 'shin', 'shine', 'ship', 'shirk', 'shiver', 'shoal', 'shock', 'shoe', 'shoo', 'shoot', 'shop', 'short', 'shot', 'shout', 'shove', 'shovel', 'show', 'shower', 'shred', 'shriek', 'shrill', 'shrimp', 'shrine', 'shrink', 'shroud', 'shrug', 'shun', 'shunt', 'shut', 'shy', 'sicken', 'sickly', 'side', 'sidle', 'siege', 'sieve', 'sift', 'sigh', 'sight', 'sign', 'signal', 'signet', 'silk', 'silo', 'silt', 'silver', 'simmer', 'simper', 'simple', 'sin', 'sinew', 'sing', 'single', 'sink', 'sip', 'siphon', 'sire', 'sit', 'site', 'size', 'sizzle', 'skate', 'sketch', 'skew', 'skewer', 'ski', 'skid', 'skim', 'skimp', 'skin', 'skip', 'skirl', 'skirt', 'skulk', 'skunk', 'sky', 'slab', 'slack', 'slag', 'slake', 'slam', 'slang', 'slant', 'slap', 'slash', 'slat', 'slate', 'slave', 'slaver', 'slay', 'sleaze', 'sled', 'sledge', 'sleek', 'sleep', 'sleet', 'sleeve', 'sleigh', 'sleuth', 'slice', 'slick', 'slide', 'slight', 'slim', 'slime', 'sling', 'slink', 'slip', 'slit', 'sliver', 'slog', 'slop', 'slope', 'slosh', 'slot', 'slouch', 'slough', 'slow', 'slug', 'sluice', 'slum', 'slump', 'slur', 'slurp', 'slurry', 'slush', 'smack', 'smart', 'smash', 'smear', 'smell', 'smelt', 'smile', 'smirk', 'smite', 'smock', 'smoke', 'smooth', 'smudge', 'smut', 'snack', 'snag', 'snake', 'snap', 'snare', 'snarl', 'snatch', 'sneak', 'sneer', 'sneeze', 'snick', 'sniff', 'snip', 'snipe', 'snivel', 'snoop', 'snooze', 'snore', 'snort', 'snow', 'snub', 'snuff', 'snug', 'soak', 'soap', 'soar', 'sob', 'sober', 'sock', 'socket', 'sodden', 'soften', 'soil', 'solace', 'solder', 'sole', 'solo', 'solve', 'soot', 'soothe', 'sop', 'sorrow', 'sort', 'sortie', 'sound', 'soup', 'sour', 'source', 'south', 'sow', 'space', 'spade', 'span', 'spank', 'spar', 'spare', 'spark', 'spat', 'spawn', 'speak', 'spear', 'speck', 'speed', 'spell', 'spend', 'spew', 'sphere', 'spice', 'spike', 'spill', 'spin', 'spiral', 'spire', 'spirit', 'spit', 'spite', 'splash', 'splice', 'splint', 'split', 'spoil', 'spoke', 'sponge', 'spoof', 'spool', 'spoon', 'spoor', 'spore', 'sport', 'spot', 'spout', 'sprain', 'sprawl', 'spray', 'spread', 'sprig', 'spring', 'sprint', 'sprout', 'spruce', 'spud', 'spume', 'spur', 'spurn', 'spurt', 'spy', 'squad', 'squall', 'square', 'squash', 'squat', 'squawk', 'squeak', 'squeal', 'squib', 'squint', 'squire', 'squirm', 'squirt', 'stab', 'stable', 'stack', 'staff', 'stag', 'stage', 'stain', 'stake', 'stale', 'stalk', 'stall', 'stamp', 'stand', 'staple', 'star', 'starch', 'stare', 'start', 'starve', 'state', 'stave', 'stay', 'stead', 'steal', 'steam', 'steel', 'steep', 'steer', 'stem', 'step', 'stet', 'stew', 'stick', 'stiff', 'stifle', 'still', 'stilt', 'sting', 'stink', 'stint', 'stir', 'stitch', 'stock', 'stomp', 'stone', 'stooge', 'stool', 'stoop', 'stop', 'store', 'storm', 'story', 'stow', 'strafe', 'strain', 'strand', 'strap', 'stray', 'streak', 'stream', 'stress', 'strew', 'stride', 'strike', 'string', 'strip', 'stripe', 'strive', 'stroke', 'stroll', 'strop', 'strum', 'strut', 'stub', 'stucco', 'stud', 'study', 'stuff', 'stump', 'stun', 'stunt', 'sturdy', 'sty', 'style', 'stymie', 'subdue', 'submit', 'suck', 'sucker', 'suckle', 'suds', 'sue', 'suede', 'suffer', 'suffix', 'sugar', 'suit', 'sulk', 'sully', 'sum', 'summer', 'summit', 'summon', 'sun', 'suntan', 'sup', 'supple', 'supply', 'surf', 'surge', 'survey', 'suture', 'swab', 'swamp', 'swap', 'swarm', 'swat', 'swathe', 'sway', 'swear', 'sweat', 'sweep', 'swell', 'swerve', 'swill', 'swim', 'swing', 'swipe', 'swirl', 'swish', 'switch', 'swivel', 'swoon', 'swoop', 'swop', 'symbol', 'syrup', 'tab', 'tabby', 'table', 'taboo', 'tack', 'tackle', 'tag', 'tail', 'tailor', 'taint', 'take', 'talk', 'tallow', 'tally', 'tame', 'tamp', 'tamper', 'tan', 'tangle', 'tango', 'tank', 'tap', 'tape', 'taper', 'tar', 'target', 'tariff', 'tarry', 'tart', 'task', 'tassel', 'taste', 'tattle', 'tattoo', 'taunt', 'tax', 'taxi', 'teach', 'team', 'tear', 'tease', 'tee', 'teem', 'teeter', 'teethe', 'telex', 'tell', 'temper', 'tempt', 'tenant', 'tend', 'tender', 'tenon', 'tense', 'tent', 'tenure', 'term', 'test', 'tether', 'thank', 'thatch', 'thaw', 'thieve', 'thin', 'think', 'thirst', 'thorn', 'thou', 'thrall', 'thrash', 'thread', 'threat', 'thresh', 'thrill', 'thrive', 'throat', 'throb', 'throne', 'throng', 'throw', 'thrum', 'thrust', 'thud', 'thumb', 'thump', 'thwack', 'thwart', 'tick', 'ticket', 'tickle', 'tide', 'tidy', 'tie', 'tier', 'tile', 'till', 'tiller', 'tilt', 'timber', 'time', 'tin', 'tinge', 'tingle', 'tinker', 'tinkle', 'tinsel', 'tint', 'tip', 'tipple', 'tiptoe', 'tire', 'tissue', 'tithe', 'title', 'titter', 'toady', 'toast', 'toddle', 'toe', 'toggle', 'toil', 'token', 'toll', 'tomb', 'tomcat', 'tone', 'tongue', 'tool', 'toot', 'tooth', 'tootle', 'top', 'topple', 'torch', 'torque', 'toss', 'tot', 'total', 'totter', 'touch', 'tough', 'tour', 'tout', 'tow', 'towel', 'tower', 'toy', 'trace', 'track', 'trade', 'trail', 'train', 'tram', 'tramp', 'trance', 'trap', 'trash', 'travel', 'trawl', 'tread', 'treat', 'treble', 'tree', 'trek', 'trench', 'trend', 'triage', 'trice', 'trick', 'trill', 'trim', 'trip', 'triple', 'troll', 'troop', 'trot', 'troupe', 'trowel', 'truant', 'truck', 'trudge', 'true', 'truss', 'trust', 'try', 'tub', 'tube', 'tuck', 'tucker', 'tuft', 'tug', 'tumble', 'tun', 'tune', 'tunnel', 'turf', 'turn', 'turtle', 'tusk', 'tussle', 'tutor', 'twang', 'tweak', 'tweet', 'twig', 'twill', 'twin', 'twine', 'twinge', 'twirl', 'twist', 'twitch', 'type', 'typify', 'umpire', 'unable', 'unbend', 'unbolt', 'unclog', 'uncoil', 'undo', 'unfit', 'unfold', 'unfurl', 'unhand', 'unify', 'unite', 'unjam', 'unlace', 'unlink', 'unload', 'unlock', 'unmask', 'unpack', 'unpick', 'unplug', 'unroll', 'unseal', 'unseat', 'untie', 'unveil', 'unwind', 'unwrap', 'unzip', 'up', 'update', 'uphold', 'uplift', 'upload', 'uproot', 'upset', 'upturn', 'urge', 'use', 'usher', 'usurp', 'utter', 'vacate', 'vacuum', 'valet', 'value', 'valve', 'vamp', 'vanish', 'vary', 'vat', 'vault', 'vector', 'veer', 'veil', 'vein', 'vend', 'veneer', 'vent', 'verge', 'verify', 'verse', 'vest', 'vet', 'veto', 'vex', 'vial', 'vice', 'video', 'vie', 'view', 'vilify', 'visa', 'vision', 'visit', 'visor', 'voice', 'void', 'volley', 'vomit', 'voodoo', 'vote', 'vouch', 'vow', 'voyage', 'wad', 'waddle', 'wade', 'wafer', 'waffle', 'waft', 'wag', 'wager', 'waggle', 'wagon', 'wail', 'wait', 'waive', 'wake', 'waken', 'walk', 'wall', 'wallow', 'waltz', 'wan', 'wander', 'wane', 'want', 'wanton', 'war', 'warble', 'ward', 'warm', 'warn', 'warp', 'wash', 'waste', 'watch', 'water', 'wattle', 'wave', 'waver', 'wax', 'waylay', 'weaken', 'wean', 'weapon', 'wear', 'weary', 'weasel', 'weave', 'web', 'wed', 'wedge', 'weed', 'weep', 'weigh', 'weight', 'weld', 'well', 'welt', 'welter', 'wench', 'wend', 'wet', 'whack', 'whale', 'wharf', 'wheel', 'wheeze', 'whelp', 'whet', 'whiff', 'while', 'whine', 'whinny', 'whip', 'whir', 'whirl', 'whirr', 'whisk', 'white', 'whiten', 'whizz', 'whoop', 'whoosh', 'wick', 'widen', 'widow', 'wield', 'wig', 'wiggle', 'wild', 'wile', 'will', 'wilt', 'wimple', 'win', 'wince', 'winch', 'wind', 'window', 'wine', 'wing', 'wink', 'winnow', 'winter', 'wipe', 'wire', 'wish', 'wisp', 'wit', 'witch', 'wither', 'wobble', 'wolf', 'wonder', 'wont', 'woo', 'wood', 'word', 'work', 'worm', 'worry', 'worsen', 'worst', 'wound', 'wow', 'wrack', 'wrap', 'wreak', 'wreath', 'wreck', 'wrench', 'wrest', 'wring', 'write', 'writhe', 'wrong', 'x-ray', 'xerox', 'yacht', 'yak', 'yap', 'yard', 'yaw', 'yawn', 'yearn', 'yeast', 'yell', 'yellow', 'yelp', 'yen', 'yes', 'yield', 'yo-yo', 'yodel', 'yoke', 'zero', 'zigzag', 'zinc', 'zip', 'zipper', 'zone', 'zoom' ] + export const nouns = [ - 'abacus', 'abbey', 'abroad', 'abuse', 'access', 'acid', 'act', 'action', 'actor', 'ad', 'adult', 'advice', 'affair', 'affect', 'age', 'agency', 'agenda', 'agent', 'aglet', 'aid', 'air', 'airbag', 'airbus', 'alarm', 'alb', 'alcove', 'alder', 'alibi', 'alley', 'alloy', 'almond', 'alpaca', 'alpha', 'alto', 'amount', 'analog', 'anger', 'angle', 'angora', 'animal', 'anime', 'ankle', 'anklet', 'annual', 'anorak', 'answer', 'ant', 'antler', 'ape', 'appeal', 'apple', 'apron', 'apse', 'arch', 'archer', 'area', 'arm', 'armor', 'army', 'arrow', 'art', 'ascot', 'ash', 'ashram', 'aside', 'ask', 'aspect', 'assist', 'atom', 'atrium', 'attack', 'attic', 'aunt', 'author', 'avenue', 'award', 'babe', 'baboon', 'baby', 'back', 'bacon', 'bad', 'badge', 'badger', 'bag', 'bagel', 'bail', 'bait', 'bake', 'baker', 'bakery', 'ball', 'ballet', 'bamboo', 'banana', 'band', 'bangle', 'banjo', 'bank', 'banker', 'baobab', 'bar', 'barber', 'barge', 'barium', 'barn', 'base', 'basin', 'basis', 'basket', 'bass', 'bat', 'bath', 'bather', 'batter', 'battle', 'bay', 'bayou', 'beach', 'bead', 'beak', 'beam', 'bean', 'beanie', 'bear', 'beard', 'beast', 'beat', 'beauty', 'beaver', 'bed', 'bee', 'beech', 'beef', 'beer', 'beet', 'beetle', 'beggar', 'behest', 'being', 'belfry', 'belief', 'bell', 'belly', 'belt', 'bench', 'bend', 'bengal', 'beret', 'berry', 'bet', 'beyond', 'bid', 'bidet', 'big', 'bijou', 'bike', 'bikini', 'bill', 'bin', 'birch', 'bird', 'birth', 'bit', 'bite', 'bitter', 'black', 'blade', 'blame', 'blank', 'blazer', 'blight', 'blind', 'block', 'blood', 'bloom', 'blouse', 'blow', 'blue', 'boar', 'board', 'boat', 'bobcat', 'body', 'bog', 'bolero', 'bolt', 'bomb', 'bomber', 'bone', 'bongo', 'bonnet', 'bonsai', 'bonus', 'book', 'boot', 'bootee', 'bootie', 'boots', 'booty', 'border', 'bore', 'bosom', 'boss', 'botany', 'bother', 'bottle', 'bottom', 'bough', 'bow', 'bower', 'bowl', 'bowler', 'bowtie', 'box', 'boxer', 'boy', 'bra', 'brace', 'brain', 'brake', 'branch', 'brand', 'brandy', 'brass', 'brave', 'bread', 'break', 'breast', 'breath', 'breeze', 'brick', 'bridge', 'brief', 'briefs', 'broad', 'broker', 'brome', 'bronco', 'bronze', 'brooch', 'brood', 'brook', 'broom', 'brow', 'brown', 'brush', 'bubble', 'bucket', 'buckle', 'bud', 'buddy', 'budget', 'buffer', 'buffet', 'bug', 'buggy', 'bugle', 'bulb', 'bull', 'bullet', 'bumper', 'bun', 'bunch', 'burn', 'burst', 'bus', 'bush', 'bust', 'bustle', 'butane', 'butter', 'button', 'buy', 'buyer', 'cabana', 'cabin', 'cable', 'cacao', 'cactus', 'caddy', 'cadet', 'cafe', 'caftan', 'cake', 'calf', 'calico', 'call', 'calm', 'camel', 'cameo', 'camera', 'camp', 'can', 'canal', 'cancel', 'cancer', 'candle', 'candy', 'cane', 'cannon', 'canoe', 'canon', 'canopy', 'canvas', 'cap', 'cape', 'capon', 'car', 'carbon', 'card', 'care', 'career', 'cargo', 'carol', 'carp', 'carpet', 'carrot', 'carry', 'cart', 'case', 'cash', 'casino', 'cast', 'castle', 'cat', 'catch', 'catsup', 'cattle', 'cause', 'cave', 'cd', 'celery', 'cell', 'cellar', 'cello', 'cement', 'census', 'cent', 'center', 'cereal', 'chafe', 'chain', 'chair', 'chaise', 'chalet', 'chalk', 'chance', 'change', 'chaos', 'chap', 'chapel', 'chard', 'charge', 'charm', 'chart', 'check', 'cheek', 'chef', 'cheque', 'cherry', 'chess', 'chest', 'chick', 'chief', 'child', 'chill', 'chime', 'chin', 'chino', 'chip', 'chive', 'choice', 'choker', 'chop', 'chord', 'chrome', 'chub', 'chug', 'church', 'churn', 'cicada', 'cinema', 'circle', 'cirrus', 'city', 'claim', 'clam', 'clank', 'clasp', 'class', 'clause', 'clave', 'cleat', 'clef', 'cleric', 'clerk', 'click', 'client', 'cliff', 'climb', 'clip', 'cloak', 'clock', 'clogs', 'close', 'closet', 'cloth', 'cloud', 'cloudy', 'clove', 'clover', 'club', 'clue', 'clutch', 'coach', 'coal', 'coast', 'coat', 'cob', 'cobweb', 'cocoa', 'cod', 'code', 'codon', 'coffee', 'coffin', 'coil', 'coin', 'coke', 'cold', 'collar', 'colon', 'colony', 'color', 'colt', 'column', 'comb', 'combat', 'comic', 'comma', 'common', 'condor', 'cone', 'conga', 'congo', 'consul', 'cook', 'cookie', 'cope', 'copper', 'copy', 'cord', 'cork', 'corn', 'corner', 'cornet', 'corral', 'cost', 'cot', 'cotton', 'couch', 'cougar', 'cough', 'count', 'county', 'couple', 'course', 'court', 'cousin', 'cover', 'cow', 'cowboy', 'crab', 'crack', 'cradle', 'craft', 'crash', 'crate', 'cravat', 'craw', 'crayon', 'crazy', 'cream', 'creche', 'credit', 'creek', 'crest', 'crew', 'crib', 'crime', 'crocus', 'crook', 'crop', 'cross', 'crotch', 'croup', 'crow', 'crowd', 'crown', 'crude', 'crush', 'cry', 'cub', 'cuckoo', 'cup', 'cupola', 'curio', 'curl', 'curler', 'cursor', 'curve', 'cut', 'cutlet', 'cycle', 'cymbal', 'cynic', 'cyst', 'dad', 'dagger', 'dahlia', 'daisy', 'damage', 'dame', 'dance', 'dancer', 'danger', 'daniel', 'dare', 'dark', 'dart', 'dash', 'data', 'date', 'david', 'day', 'daybed', 'dead', 'deal', 'dealer', 'dear', 'death', 'debate', 'debt', 'debtor', 'decade', 'deck', 'deep', 'deer', 'degree', 'delay', 'delete', 'demand', 'demur', 'den', 'denim', 'depth', 'deputy', 'derby', 'desert', 'design', 'desire', 'desk', 'detail', 'device', 'devil', 'dew', 'dhow', 'diadem', 'dibble', 'dickey', 'diet', 'dig', 'digger', 'dill', 'dime', 'dimple', 'diner', 'dinghy', 'dinner', 'dirndl', 'dirt', 'disco', 'dish', 'dishes', 'disk', 'divan', 'diver', 'divide', 'diving', 'dock', 'doctor', 'doe', 'dog', 'doll', 'dollar', 'dolman', 'domain', 'donkey', 'door', 'dory', 'dot', 'double', 'doubt', 'draft', 'drag', 'dragon', 'drain', 'drake', 'drama', 'draw', 'drawer', 'dream', 'dress', 'drill', 'drink', 'drive', 'driver', 'drop', 'drug', 'drum', 'drunk', 'dry', 'dryer', 'duck', 'dud', 'due', 'duffel', 'dugout', 'dump', 'dust', 'duster', 'duty', 'dwarf', 'dynamo', 'eagle', 'ear', 'earth', 'ease', 'easel', 'east', 'eat', 'eave', 'e-book', 'eddy', 'edge', 'edger', 'editor', 'edward', 'eel', 'effect', 'effort', 'egg', 'eggnog', 'eight', 'elbow', 'elixir', 'elk', 'elm', 'emery', 'employ', 'emu', 'end', 'enemy', 'energy', 'engine', 'enigma', 'entry', 'envy', 'epee', 'epoch', 'eponym', 'epoxy', 'equal', 'era', 'error', 'escape', 'ese', 'essay', 'estate', 'ethics', 'europe', 'event', 'exam', 'excuse', 'exile', 'exit', 'expert', 'extent', 'eye', 'eyelid', 'face', 'facet', 'fact', 'factor', 'fail', 'fairy', 'faith', 'fall', 'fame', 'family', 'fan', 'fang', 'fanny', 'farm', 'farmer', 'fascia', 'fat', 'father', 'faucet', 'fault', 'fawn', 'fax', 'fear', 'feast', 'fedora', 'fee', 'feed', 'feel', 'feet', 'felony', 'female', 'fen', 'fence', 'fender', 'ferry', 'few', 'fiber', 'fibre', 'fiddle', 'field', 'fifth', 'fight', 'figure', 'file', 'fill', 'filly', 'film', 'filth', 'final', 'find', 'fine', 'finger', 'finish', 'fir', 'fire', 'fish', 'fix', 'flag', 'flame', 'flare', 'flash', 'flat', 'flavor', 'flax', 'fleck', 'fleece', 'flesh', 'flight', 'flock', 'flood', 'floor', 'flour', 'flow', 'flower', 'flu', 'fluke', 'flute', 'fly', 'foam', 'fob', 'focus', 'fog', 'fold', 'folder', 'fondue', 'font', 'food', 'foot', 'foray', 'force', 'forest', 'fork', 'form', 'formal', 'format', 'former', 'fort', 'forum', 'fowl', 'fox', 'frame', 'freeze', 'freon', 'fresco', 'fridge', 'friend', 'fringe', 'frock', 'frog', 'front', 'frost', 'frown', 'fruit', 'fuel', 'full', 'fun', 'funny', 'fur', 'futon', 'future', 'gaffer', 'gain', 'gale', 'galley', 'gallon', 'galn', 'game', 'gander', 'gap', 'garage', 'garb', 'garden', 'garlic', 'garter', 'gas', 'gate', 'gather', 'gauge', 'gazebo', 'gear', 'geese', 'gem', 'gender', 'gene', 'george', 'gerbil', 'geyser', 'ghost', 'giant', 'gift', 'girdle', 'girl', 'git', 'give', 'glad', 'gland', 'glass', 'glen', 'glider', 'glove', 'gloves', 'glue', 'glut', 'go', 'goal', 'goat', 'god', 'gold', 'golf', 'gong', 'good', 'goodie', 'goose', 'gopher', 'gossip', 'gown', 'grab', 'grade', 'grain', 'gram', 'grand', 'granny', 'grape', 'graph', 'grass', 'gray', 'grease', 'great', 'greek', 'green', 'grey', 'grief', 'grill', 'grip', 'grit', 'ground', 'group', 'grouse', 'growth', 'guard', 'guess', 'guest', 'guide', 'guilt', 'guilty', 'guitar', 'gum', 'gun', 'gutter', 'guy', 'gym', 'gyro', 'habit', 'hail', 'hair', 'half', 'hall', 'hamaki', 'hammer', 'hand', 'handle', 'hang', 'harbor', 'harm', 'harp', 'hat', 'hatbox', 'hate', 'hatred', 'haunt', 'hawk', 'hay', 'head', 'health', 'heart', 'hearth', 'heat', 'heater', 'heaven', 'heavy', 'hedge', 'heel', 'height', 'helen', 'helium', 'hell', 'hello', 'helmet', 'helo', 'help', 'hemp', 'hen', 'herb', 'heron', 'heyday', 'hide', 'high', 'hill', 'hip', 'hire', 'hit', 'hive', 'hobbit', 'hobby', 'hockey', 'hoe', 'hog', 'hold', 'hole', 'home', 'honey', 'hood', 'hoof', 'hook', 'hope', 'hops', 'horn', 'hornet', 'horror', 'horse', 'hose', 'host', 'hostel', 'hot', 'hotel', 'hour', 'house', 'hovel', 'hub', 'hubcap', 'hugger', 'human', 'humor', 'humour', 'hunger', 'hunt', 'hurry', 'hurt', 'hut', 'hutch', 'hyena', 'ice', 'icicle', 'icon', 'idea', 'ideal', 'if', 'igloo', 'image', 'impact', 'inbox', 'inch', 'income', 'index', 'injury', 'ink', 'inlay', 'inn', 'input', 'insect', 'inside', 'invite', 'iris', 'iron', 'irony', 'island', 'issue', 'it', 'item', 'jackal', 'jacket', 'jaguar', 'jail', 'jam', 'james', 'jar', 'jaw', 'jeans', 'jeep', 'jeff', 'jelly', 'jet', 'jewel', 'jiffy', 'job', 'jockey', 'joey', 'join', 'joint', 'joke', 'jot', 'joy', 'judge', 'judo', 'juice', 'jumbo', 'jump', 'jumper', 'junior', 'junk', 'junker', 'junket', 'jury', 'jute', 'kale', 'karate', 'karen', 'kayak', 'kazoo', 'keep', 'kendo', 'ketch', 'kettle', 'key', 'kick', 'kid', 'kidney', 'kill', 'kilt', 'kimono', 'kind', 'king', 'kiosk', 'kiss', 'kite', 'kitten', 'kitty', 'klomps', 'knee', 'knife', 'knight', 'knot', 'koala', 'lab', 'labour', 'lace', 'lack', 'ladder', 'lady', 'lake', 'lamb', 'lamp', 'lan', 'lanai', 'land', 'lap', 'lapdog', 'laptop', 'larch', 'larder', 'lark', 'latex', 'lathe', 'latte', 'laugh', 'lava', 'law', 'lawn', 'lawyer', 'lay', 'layer', 'lead', 'leader', 'leaf', 'league', 'leaker', 'leash', 'leave', 'leaver', 'leek', 'leg', 'legal', 'legume', 'lei', 'lemon', 'lemur', 'length', 'lentil', 'lesson', 'let', 'letter', 'level', 'lever', 'lie', 'lier', 'life', 'lift', 'light', 'lilac', 'lily', 'limit', 'limo', 'line', 'linen', 'liner', 'link', 'lion', 'lip', 'liquid', 'liquor', 'lisa', 'list', 'listen', 'litter', 'liver', 'living', 'lizard', 'llama', 'load', 'loaf', 'loafer', 'loan', 'local', 'lock', 'locker', 'locket', 'locust', 'loft', 'log', 'loggia', 'logic', 'long', 'look', 'loss', 'lot', 'lotion', 'lounge', 'lout', 'love', 'low', 'luck', 'lumber', 'lunch', 'lung', 'lunge', 'lute', 'lycra', 'lye', 'lynx', 'lyre', 'lyric', 'magic', 'maid', 'maiden', 'mail', 'main', 'major', 'make', 'makeup', 'male', 'mall', 'mallet', 'mambo', 'man', 'maniac', 'manner', 'manor', 'mantel', 'mantle', 'mantua', 'manx', 'many', 'map', 'maple', 'maraca', 'marble', 'mare', 'margin', 'mark', 'market', 'marsh', 'mask', 'mass', 'master', 'mat', 'match', 'mate', 'math', 'matter', 'maybe', 'mayor', 'meal', 'meat', 'media', 'medium', 'meet', 'melody', 'member', 'memory', 'men', 'menu', 'mess', 'metal', 'meteor', 'meter', 'method', 'metro', 'mice', 'middle', 'midi', 'might', 'mile', 'milk', 'mime', 'mimosa', 'mind', 'mine', 'mini', 'minion', 'minor', 'mint', 'minute', 'mirror', 'misfit', 'miss', 'mist', 'mister', 'miter', 'mitten', 'mix', 'mixer', 'moat', 'mobile', 'mocha', 'mode', 'model', 'modem', 'mole', 'mom', 'moment', 'money', 'monger', 'monkey', 'month', 'mood', 'moon', 'mop', 'morsel', 'mosque', 'most', 'motel', 'moth', 'mother', 'motion', 'motor', 'mound', 'mouse', 'mouser', 'mousse', 'mouth', 'mouton', 'move', 'mover', 'movie', 'mower', 'mud', 'mug', 'mukluk', 'mule', 'muscle', 'museum', 'music', 'mutt', 'n', 'nail', 'name', 'naming', 'napkin', 'nasty', 'nation', 'native', 'nature', 'neat', 'neck', 'need', 'needle', 'neon', 'nephew', 'nerve', 'nest', 'net', 'news', 'nexus', 'nicety', 'niche', 'nickel', 'niece', 'night', 'nobody', 'node', 'noise', 'noodle', 'normal', 'norse', 'north', 'nose', 'note', 'notice', 'notify', 'nougat', 'novel', 'nudge', 'number', 'nurse', 'nut', 'nylon', 'oak', 'oar', 'oasis', 'obi', 'object', 'oboe', 'ocean', 'ocelot', 'octave', 'octavo', 'octet', 'oeuvre', 'offer', 'office', 'oil', 'okra', 'oldie', 'olive', 'omega', 'omelet', 'one', 'onion', 'open', 'opera', 'opium', 'option', 'orange', 'orator', 'orchid', 'order', 'organ', 'osprey', 'other', 'others', 'ott', 'otter', 'ounce', 'outfit', 'outlay', 'output', 'outset', 'oval', 'ovary', 'oven', 'owl', 'owner', 'ox', 'oxen', 'oxford', 'oxygen', 'oyster', 'pace', 'pack', 'packet', 'pad', 'paddle', 'page', 'pagoda', 'pail', 'pain', 'paint', 'pair', 'pajama', 'palm', 'pan', 'panda', 'panic', 'pansy', 'pantry', 'pants', 'panty', 'paper', 'parade', 'parcel', 'pard', 'parent', 'park', 'parka', 'parrot', 'part', 'party', 'pass', 'past', 'pasta', 'paste', 'pastor', 'pastry', 'patch', 'path', 'patina', 'patio', 'patrol', 'pause', 'paw', 'pay', 'payee', 'pea', 'peace', 'peach', 'peak', 'peanut', 'pear', 'pearl', 'pedal', 'peen', 'peer', 'pelt', 'pen', 'pencil', 'peony', 'people', 'pepper', 'perch', 'period', 'permit', 'perp', 'person', 'pest', 'pet', 'petal', 'pew', 'pha', 'phase', 'phone', 'photo', 'phrase', 'piano', 'pick', 'pickax', 'picket', 'pickle', 'pie', 'piece', 'pier', 'piety', 'pig', 'pigeon', 'pike', 'pile', 'pillow', 'pilot', 'pimp', 'pimple', 'pin', 'pine', 'ping', 'pink', 'pinkie', 'pint', 'pinto', 'pipe', 'piracy', 'piss', 'pitch', 'pith', 'pizza', 'place', 'plain', 'plan', 'plane', 'planet', 'plant', 'plate', 'play', 'player', 'plenty', 'plier', 'plot', 'plough', 'plover', 'plow', 'plume', 'pocket', 'poem', 'poet', 'poetry', 'point', 'poison', 'pole', 'police', 'policy', 'polish', 'polo', 'pompom', 'poncho', 'pond', 'pony', 'poof', 'pool', 'pop', 'poppy', 'porch', 'port', 'porter', 'post', 'poster', 'pot', 'potato', 'potty', 'pouch', 'pound', 'powder', 'power', 'press', 'price', 'pride', 'priest', 'prince', 'print', 'prior', 'prison', 'prize', 'profit', 'prompt', 'proof', 'prose', 'prow', 'pruner', 'public', 'puddle', 'puffin', 'pull', 'pulley', 'puma', 'pump', 'punch', 'pupa', 'pupil', 'puppy', 'purple', 'purse', 'push', 'pusher', 'put', 'pvc', 'pyjama', 'quail', 'quart', 'quartz', 'queen', 'quiet', 'quill', 'quilt', 'quince', 'quit', 'quiver', 'quote', 'rabbi', 'rabbit', 'race', 'racer', 'racing', 'racism', 'racist', 'rack', 'radar', 'radio', 'radish', 'raffle', 'raft', 'rag', 'rage', 'rail', 'rain', 'raise', 'rake', 'ram', 'ramie', 'ranch', 'random', 'range', 'rank', 'rat', 'rate', 'ratio', 'raven', 'raw', 'ray', 'rayon', 'reach', 'read', 'reamer', 'rear', 'reason', 'recess', 'recipe', 'record', 'red', 'reef', 'refund', 'refuse', 'region', 'regret', 'reject', 'relief', 'relish', 'remote', 'remove', 'rent', 'repair', 'repeat', 'reply', 'report', 'resale', 'resist', 'resort', 'rest', 'result', 'retina', 'return', 'reveal', 'review', 'reward', 'rhyme', 'rhythm', 'rice', 'rich', 'riddle', 'ride', 'rider', 'ridge', 'rifle', 'right', 'rim', 'ring', 'rip', 'ripple', 'rise', 'riser', 'risk', 'river', 'road', 'roast', 'robe', 'robin', 'rock', 'rocker', 'rocket', 'rod', 'role', 'roll', 'roller', 'roof', 'room', 'root', 'rope', 'rose', 'rotate', 'rough', 'round', 'route', 'router', 'row', 'royal', 'rub', 'rubber', 'rubric', 'ruckus', 'ruffle', 'rugby', 'ruin', 'rule', 'rum', 'run', 'runner', 'rush', 'ruth', 'ry', 'sabre', 'sack', 'sad', 'saddle', 'safe', 'safety', 'sage', 'sail', 'sailor', 'salad', 'salary', 'sale', 'salmon', 'salon', 'saloon', 'salt', 'sampan', 'sample', 'sand', 'sari', 'sarong', 'sash', 'satin', 'satire', 'sauce', 'save', 'saving', 'savior', 'saw', 'scale', 'scarf', 'scene', 'scent', 'scheme', 'school', 'score', 'scorn', 'scow', 'screen', 'screw', 'scrim', 'scrip', 'script', 'sea', 'seal', 'search', 'season', 'seat', 'second', 'secret', 'sector', 'secure', 'seed', 'seeder', 'select', 'self', 'sell', 'senior', 'sense', 'sepal', 'series', 'serve', 'server', 'set', 'sewer', 'sex', 'shack', 'shade', 'shadow', 'shake', 'shaker', 'shame', 'shanty', 'shape', 'share', 'shark', 'sharon', 'shawl', 'she', 'shears', 'sheath', 'shed', 'sheep', 'sheet', 'shelf', 'shell', 'sherry', 'shield', 'shift', 'shin', 'shine', 'ship', 'shirt', 'shoat', 'shock', 'shoe', 'shoes', 'shofar', 'shoot', 'shop', 'shore', 'shorts', 'shot', 'shovel', 'show', 'shower', 'shred', 'shrimp', 'shrine', 'sick', 'side', 'siding', 'sign', 'signal', 'signet', 'signup', 'silica', 'silk', 'sill', 'silly', 'silo', 'silver', 'simple', 'sing', 'singer', 'single', 'sink', 'sir', 'sister', 'sitar', 'site', 'size', 'skate', 'skiing', 'skill', 'skin', 'skirt', 'skull', 'skunk', 'sky', 'slash', 'slave', 'sled', 'sledge', 'sleep', 'sleet', 'sleuth', 'slice', 'slide', 'slider', 'slime', 'slip', 'slope', 'sloth', 'smash', 'smell', 'smile', 'smock', 'smog', 'smoke', 'snail', 'snake', 'sneeze', 'snob', 'snorer', 'snow', 'soap', 'soccer', 'sock', 'socks', 'soda', 'sofa', 'soft', 'soil', 'solid', 'son', 'song', 'sonnet', 'soot', 'sorbet', 'sorrow', 'sort', 'sound', 'soup', 'source', 'south', 'sow', 'soy', 'space', 'spade', 'spank', 'spare', 'spark', 'spasm', 'spear', 'speech', 'speed', 'spell', 'spend', 'sphere', 'sphynx', 'spider', 'spike', 'spine', 'spiral', 'spirit', 'spite', 'spleen', 'split', 'sponge', 'spoon', 'sport', 'spot', 'spray', 'spread', 'spring', 'sprout', 'spruce', 'spume', 'spur', 'spy', 'square', 'squash', 'squid', 'stable', 'stack', 'staff', 'stag', 'stage', 'stain', 'stair', 'stamen', 'stamp', 'stance', 'stand', 'star', 'start', 'state', 'status', 'stay', 'steak', 'steal', 'steam', 'steel', 'stem', 'step', 'steps', 'stew', 'stick', 'still', 'stitch', 'stock', 'stole', 'stone', 'stool', 'stop', 'store', 'storey', 'storm', 'story', 'stove', 'strain', 'strait', 'strap', 'straw', 'stream', 'street', 'stress', 'strike', 'string', 'strip', 'stroke', 'stud', 'studio', 'study', 'stuff', 'stupid', 'style', 'stylus', 'suburb', 'subway', 'suck', 'suede', 'sugar', 'suit', 'sultan', 'summer', 'sun', 'sunday', 'supply', 'survey', 'sushi', 'SUV', 'swamp', 'swan', 'swath', 'sweat', 'sweats', 'sweet', 'sweets', 'swell', 'swim', 'swing', 'swiss', 'switch', 'swivel', 'sword', 'synod', 'syrup', 'system', 'tabby', 'table', 'tackle', 'tail', 'tailor', 'tale', 'talk', 'tam', 'tandem', 'tank', 'tanker', 'tap', 'tard', 'target', 'task', 'tassel', 'taste', 'tatami', 'tattoo', 'tavern', 'tax', 'taxi', 'tea', 'teach', 'team', 'tear', 'teen', 'teeth', 'tell', 'teller', 'temp', 'temper', 'temple', 'tempo', 'tennis', 'tenor', 'tent', 'tepee', 'term', 'test', 'text', 'thanks', 'thaw', 'theism', 'theme', 'theory', 'thigh', 'thing', 'thirst', 'thomas', 'thong', 'thongs', 'thorn', 'thread', 'thrill', 'throat', 'throne', 'thrush', 'thumb', 'tiara', 'tic', 'ticket', 'tie', 'tiger', 'tight', 'tights', 'tile', 'till', 'timber', 'time', 'timer', 'tin', 'tinkle', 'tip', 'tire', 'tissue', 'title', 'toad', 'toast', 'today', 'toe', 'toga', 'togs', 'toilet', 'tom', 'tomato', 'ton', 'tone', 'tongue', 'tool', 'toot', 'tooth', 'top', 'topic', 'toque', 'torso', 'tosser', 'total', 'tote', 'touch', 'tough', 'tour', 'towel', 'tower', 'town', 'toy', 'track', 'trade', 'trail', 'train', 'tram', 'tramp', 'trash', 'travel', 'tray', 'treat', 'tree', 'tremor', 'trench', 'trial', 'tribe', 'trick', 'trim', 'trip', 'tripod', 'trout', 'trove', 'trowel', 'truck', 'trunk', 'trust', 'truth', 'try', 'tub', 'tuba', 'tube', 'tulip', 'tummy', 'tuna', 'tune', 'tunic', 'tunnel', 'turban', 'turn', 'turnip', 'turret', 'turtle', 'tussle', 'tutu', 'tuxedo', 'tv', 'twig', 'twine', 'twist', 'two', 'type', 'tyvek', 'uncle', 'union', 'unique', 'unit', 'unity', 'upper', 'urn', 'usage', 'use', 'user', 'usher', 'usual', 'vacuum', 'valley', 'value', 'van', 'vane', 'vanity', 'vase', 'vast', 'vault', 'veal', 'veil', 'vein', 'veldt', 'vellum', 'velvet', 'venom', 'verse', 'verve', 'vessel', 'vest', 'vibe', 'video', 'view', 'villa', 'vinyl', 'viola', 'violet', 'violin', 'virtue', 'virus', 'vise', 'vision', 'visit', 'visor', 'visual', 'vixen', 'voice', 'volume', 'voyage', 'wad', 'wafer', 'waffle', 'waist', 'wait', 'waiter', 'wake', 'walk', 'walker', 'wall', 'wallet', 'walnut', 'walrus', 'wampum', 'war', 'warden', 'warmth', 'wash', 'washer', 'wasp', 'waste', 'watch', 'water', 'wave', 'wax', 'way', 'wealth', 'weapon', 'wear', 'weasel', 'web', 'wedge', 'weed', 'weeder', 'week', 'weight', 'weird', 'well', 'west', 'whale', 'wharf', 'wheat', 'wheel', 'while', 'whip', 'white', 'whole', 'whorl', 'width', 'wife', 'will', 'willow', 'win', 'wind', 'window', 'wine', 'wing', 'winner', 'winter', 'wire', 'wisdom', 'wish', 'witch', 'wolf', 'wombat', 'women', 'wonder', 'wood', 'wool', 'woolen', 'word', 'work', 'worker', 'world', 'worm', 'worry', 'worth', 'worthy', 'wound', 'wrap', 'wren', 'wrench', 'wrist', 'writer', 'wrong', 'yacht', 'yak', 'yam', 'yard', 'yarn', 'yawl', 'year', 'yeast', 'yellow', 'yew', 'yin', 'yoga', 'yogurt', 'yoke', 'you', 'young', 'youth', 'yurt', 'zebra', 'zephyr', 'zinc', 'zipper', 'zither', 'zone', 'zoo' +'abacus', 'abbey', 'abroad', 'abuse', 'access', 'acid', 'act', 'action', 'actor', 'ad', 'adult', 'advice', 'affair', 'affect', 'age', 'agency', 'agenda', 'agent', 'aglet', 'aid', 'air', 'airbag', 'airbus', 'alarm', 'alb', 'alcove', 'alder', 'alibi', 'alley', 'alloy', 'almond', 'alpaca', 'alpha', 'alto', 'amount', 'analog', 'anger', 'angle', 'angora', 'animal', 'anime', 'ankle', 'anklet', 'annual', 'anorak', 'answer', 'ant', 'antler', 'ape', 'appeal', 'apple', 'apron', 'apse', 'arch', 'archer', 'area', 'arm', 'armor', 'army', 'arrow', 'art', 'ascot', 'ash', 'ashram', 'aside', 'ask', 'aspect', 'assist', 'atom', 'atrium', 'attack', 'attic', 'aunt', 'author', 'avenue', 'award', 'babe', 'baboon', 'baby', 'back', 'bacon', 'bad', 'badge', 'badger', 'bag', 'bagel', 'bail', 'bait', 'bake', 'baker', 'bakery', 'ball', 'ballet', 'bamboo', 'banana', 'band', 'bangle', 'banjo', 'bank', 'banker', 'baobab', 'bar', 'barber', 'barge', 'barium', 'barn', 'base', 'basin', 'basis', 'basket', 'bass', 'bat', 'bath', 'bather', 'batter', 'battle', 'bay', 'bayou', 'beach', 'bead', 'beak', 'beam', 'bean', 'beanie', 'bear', 'beard', 'beast', 'beat', 'beauty', 'beaver', 'bed', 'bee', 'beech', 'beef', 'beer', 'beet', 'beetle', 'beggar', 'behest', 'being', 'belfry', 'belief', 'bell', 'belly', 'belt', 'bench', 'bend', 'bengal', 'beret', 'berry', 'bet', 'beyond', 'bid', 'bidet', 'big', 'bijou', 'bike', 'bikini', 'bill', 'bin', 'birch', 'bird', 'birth', 'bit', 'bite', 'bitter', 'black', 'blade', 'blame', 'blank', 'blazer', 'blight', 'blind', 'block', 'blood', 'bloom', 'blouse', 'blow', 'blue', 'boar', 'board', 'boat', 'bobcat', 'body', 'bog', 'bolero', 'bolt', 'bomb', 'bomber', 'bone', 'bongo', 'bonnet', 'bonsai', 'bonus', 'book', 'boot', 'bootee', 'bootie', 'boots', 'booty', 'border', 'bore', 'bosom', 'boss', 'botany', 'bother', 'bottle', 'bottom', 'bough', 'bow', 'bower', 'bowl', 'bowler', 'bowtie', 'box', 'boxer', 'boy', 'bra', 'brace', 'brain', 'brake', 'branch', 'brand', 'brandy', 'brass', 'brave', 'bread', 'break', 'breast', 'breath', 'breeze', 'brick', 'bridge', 'brief', 'briefs', 'broad', 'broker', 'brome', 'bronco', 'bronze', 'brooch', 'brood', 'brook', 'broom', 'brow', 'brown', 'brush', 'bubble', 'bucket', 'buckle', 'bud', 'buddy', 'budget', 'buffer', 'buffet', 'bug', 'buggy', 'bugle', 'bulb', 'bull', 'bullet', 'bumper', 'bun', 'bunch', 'burn', 'burst', 'bus', 'bush', 'bust', 'bustle', 'butane', 'butter', 'button', 'buy', 'buyer', 'cabana', 'cabin', 'cable', 'cacao', 'cactus', 'caddy', 'cadet', 'cafe', 'caftan', 'cake', 'calf', 'calico', 'call', 'calm', 'camel', 'cameo', 'camera', 'camp', 'can', 'canal', 'cancel', 'cancer', 'candle', 'candy', 'cane', 'cannon', 'canoe', 'canon', 'canopy', 'canvas', 'cap', 'cape', 'capon', 'car', 'carbon', 'card', 'care', 'career', 'cargo', 'carol', 'carp', 'carpet', 'carrot', 'carry', 'cart', 'case', 'cash', 'casino', 'cast', 'castle', 'cat', 'catch', 'catsup', 'cattle', 'cause', 'cave', 'cd', 'celery', 'cell', 'cellar', 'cello', 'cement', 'census', 'cent', 'center', 'cereal', 'chafe', 'chain', 'chair', 'chaise', 'chalet', 'chalk', 'chance', 'change', 'chaos', 'chap', 'chapel', 'chard', 'charge', 'charm', 'chart', 'check', 'cheek', 'chef', 'cheque', 'cherry', 'chess', 'chest', 'chick', 'chief', 'child', 'chill', 'chime', 'chin', 'chino', 'chip', 'chive', 'choice', 'choker', 'chop', 'chord', 'chrome', 'chub', 'chug', 'church', 'churn', 'cicada', 'cinema', 'circle', 'cirrus', 'city', 'claim', 'clam', 'clank', 'clasp', 'class', 'clause', 'clave', 'cleat', 'clef', 'cleric', 'clerk', 'click', 'client', 'cliff', 'climb', 'clip', 'cloak', 'clock', 'clogs', 'close', 'closet', 'cloth', 'cloud', 'cloudy', 'clove', 'clover', 'club', 'clue', 'clutch', 'coach', 'coal', 'coast', 'coat', 'cob', 'cobweb', 'cocoa', 'cod', 'code', 'codon', 'coffee', 'coffin', 'coil', 'coin', 'coke', 'cold', 'collar', 'colon', 'colony', 'color', 'colt', 'column', 'comb', 'combat', 'comic', 'comma', 'common', 'condor', 'cone', 'conga', 'congo', 'consul', 'cook', 'cookie', 'cope', 'copper', 'copy', 'cord', 'cork', 'corn', 'corner', 'cornet', 'corral', 'cost', 'cot', 'cotton', 'couch', 'cougar', 'cough', 'count', 'county', 'couple', 'course', 'court', 'cousin', 'cover', 'cow', 'cowboy', 'crab', 'crack', 'cradle', 'craft', 'crash', 'crate', 'cravat', 'craw', 'crayon', 'crazy', 'cream', 'creche', 'credit', 'creek', 'crest', 'crew', 'crib', 'crime', 'crocus', 'crook', 'crop', 'cross', 'crotch', 'croup', 'crow', 'crowd', 'crown', 'crude', 'crush', 'cry', 'cub', 'cuckoo', 'cup', 'cupola', 'curio', 'curl', 'curler', 'cursor', 'curve', 'cut', 'cutlet', 'cycle', 'cymbal', 'cynic', 'cyst', 'dad', 'dagger', 'dahlia', 'daisy', 'damage', 'dame', 'dance', 'dancer', 'danger', 'daniel', 'dare', 'dark', 'dart', 'dash', 'data', 'date', 'david', 'day', 'daybed', 'dead', 'deal', 'dealer', 'dear', 'death', 'debate', 'debt', 'debtor', 'decade', 'deck', 'deep', 'deer', 'degree', 'delay', 'delete', 'demand', 'demur', 'den', 'denim', 'depth', 'deputy', 'derby', 'desert', 'design', 'desire', 'desk', 'detail', 'device', 'devil', 'dew', 'dhow', 'diadem', 'dibble', 'dickey', 'diet', 'dig', 'digger', 'dill', 'dime', 'dimple', 'diner', 'dinghy', 'dinner', 'dirndl', 'dirt', 'disco', 'dish', 'dishes', 'disk', 'divan', 'diver', 'divide', 'diving', 'dock', 'doctor', 'doe', 'dog', 'doll', 'dollar', 'dolman', 'domain', 'donkey', 'door', 'dory', 'dot', 'double', 'doubt', 'draft', 'drag', 'dragon', 'drain', 'drake', 'drama', 'draw', 'drawer', 'dream', 'dress', 'drill', 'drink', 'drive', 'driver', 'drop', 'drug', 'drum', 'drunk', 'dry', 'dryer', 'duck', 'dud', 'due', 'duffel', 'dugout', 'dump', 'dust', 'duster', 'duty', 'dwarf', 'dynamo', 'eagle', 'ear', 'earth', 'ease', 'easel', 'east', 'eat', 'eave', 'e-book', 'eddy', 'edge', 'edger', 'editor', 'edward', 'eel', 'effect', 'effort', 'egg', 'eggnog', 'eight', 'elbow', 'elixir', 'elk', 'elm', 'emery', 'employ', 'emu', 'end', 'enemy', 'energy', 'engine', 'enigma', 'entry', 'envy', 'epee', 'epoch', 'eponym', 'epoxy', 'equal', 'era', 'error', 'escape', 'ese', 'essay', 'estate', 'ethics', 'europe', 'event', 'exam', 'excuse', 'exile', 'exit', 'expert', 'extent', 'eye', 'eyelid', 'face', 'facet', 'fact', 'factor', 'fail', 'fairy', 'faith', 'fall', 'fame', 'family', 'fan', 'fang', 'fanny', 'farm', 'farmer', 'fascia', 'fat', 'father', 'faucet', 'fault', 'fawn', 'fax', 'fear', 'feast', 'fedora', 'fee', 'feed', 'feel', 'feet', 'felony', 'female', 'fen', 'fence', 'fender', 'ferry', 'few', 'fiber', 'fibre', 'fiddle', 'field', 'fifth', 'fight', 'figure', 'file', 'fill', 'filly', 'film', 'filth', 'final', 'find', 'fine', 'finger', 'finish', 'fir', 'fire', 'fish', 'fix', 'flag', 'flame', 'flare', 'flash', 'flat', 'flavor', 'flax', 'fleck', 'fleece', 'flesh', 'flight', 'flock', 'flood', 'floor', 'flour', 'flow', 'flower', 'flu', 'fluke', 'flute', 'fly', 'foam', 'fob', 'focus', 'fog', 'fold', 'folder', 'fondue', 'font', 'food', 'foot', 'foray', 'force', 'forest', 'fork', 'form', 'formal', 'format', 'former', 'fort', 'forum', 'fowl', 'fox', 'frame', 'freeze', 'freon', 'fresco', 'fridge', 'friend', 'fringe', 'frock', 'frog', 'front', 'frost', 'frown', 'fruit', 'fuel', 'full', 'fun', 'funny', 'fur', 'futon', 'future', 'gaffer', 'gain', 'gale', 'galley', 'gallon', 'galn', 'game', 'gander', 'gap', 'garage', 'garb', 'garden', 'garlic', 'garter', 'gas', 'gate', 'gather', 'gauge', 'gazebo', 'gear', 'geese', 'gem', 'gender', 'gene', 'george', 'gerbil', 'geyser', 'ghost', 'giant', 'gift', 'girdle', 'girl', 'git', 'give', 'glad', 'gland', 'glass', 'glen', 'glider', 'glove', 'gloves', 'glue', 'glut', 'go', 'goal', 'goat', 'god', 'gold', 'golf', 'gong', 'good', 'goodie', 'goose', 'gopher', 'gossip', 'gown', 'grab', 'grade', 'grain', 'gram', 'grand', 'granny', 'grape', 'graph', 'grass', 'gray', 'grease', 'great', 'greek', 'green', 'grey', 'grief', 'grill', 'grip', 'grit', 'ground', 'group', 'grouse', 'growth', 'guard', 'guess', 'guest', 'guide', 'guilt', 'guilty', 'guitar', 'gum', 'gun', 'gutter', 'guy', 'gym', 'gyro', 'habit', 'hail', 'hair', 'half', 'hall', 'hamaki', 'hammer', 'hand', 'handle', 'hang', 'harbor', 'harm', 'harp', 'hat', 'hatbox', 'hate', 'hatred', 'haunt', 'hawk', 'hay', 'head', 'health', 'heart', 'hearth', 'heat', 'heater', 'heaven', 'heavy', 'hedge', 'heel', 'height', 'helen', 'helium', 'hell', 'hello', 'helmet', 'helo', 'help', 'hemp', 'hen', 'herb', 'heron', 'heyday', 'hide', 'high', 'hill', 'hip', 'hire', 'hit', 'hive', 'hobbit', 'hobby', 'hockey', 'hoe', 'hog', 'hold', 'hole', 'home', 'honey', 'hood', 'hoof', 'hook', 'hope', 'hops', 'horn', 'hornet', 'horror', 'horse', 'hose', 'host', 'hostel', 'hot', 'hotel', 'hour', 'house', 'hovel', 'hub', 'hubcap', 'hugger', 'human', 'humor', 'humour', 'hunger', 'hunt', 'hurry', 'hurt', 'hut', 'hutch', 'hyena', 'ice', 'icicle', 'icon', 'idea', 'ideal', 'if', 'igloo', 'image', 'impact', 'inbox', 'inch', 'income', 'index', 'injury', 'ink', 'inlay', 'inn', 'input', 'insect', 'inside', 'invite', 'iris', 'iron', 'irony', 'island', 'issue', 'it', 'item', 'jackal', 'jacket', 'jaguar', 'jail', 'jam', 'james', 'jar', 'jaw', 'jeans', 'jeep', 'jeff', 'jelly', 'jet', 'jewel', 'jiffy', 'job', 'jockey', 'joey', 'join', 'joint', 'joke', 'jot', 'joy', 'judge', 'judo', 'juice', 'jumbo', 'jump', 'jumper', 'junior', 'junk', 'junker', 'junket', 'jury', 'jute', 'kale', 'karate', 'karen', 'kayak', 'kazoo', 'keep', 'kendo', 'ketch', 'kettle', 'key', 'kick', 'kid', 'kidney', 'kill', 'kilt', 'kimono', 'kind', 'king', 'kiosk', 'kiss', 'kite', 'kitten', 'kitty', 'klomps', 'knee', 'knife', 'knight', 'knot', 'koala', 'lab', 'labour', 'lace', 'lack', 'ladder', 'lady', 'lake', 'lamb', 'lamp', 'lan', 'lanai', 'land', 'lap', 'lapdog', 'laptop', 'larch', 'larder', 'lark', 'latex', 'lathe', 'latte', 'laugh', 'lava', 'law', 'lawn', 'lawyer', 'lay', 'layer', 'lead', 'leader', 'leaf', 'league', 'leaker', 'leash', 'leave', 'leaver', 'leek', 'leg', 'legal', 'legume', 'lei', 'lemon', 'lemur', 'length', 'lentil', 'lesson', 'let', 'letter', 'level', 'lever', 'lie', 'lier', 'life', 'lift', 'light', 'lilac', 'lily', 'limit', 'limo', 'line', 'linen', 'liner', 'link', 'lion', 'lip', 'liquid', 'liquor', 'lisa', 'list', 'listen', 'litter', 'liver', 'living', 'lizard', 'llama', 'load', 'loaf', 'loafer', 'loan', 'local', 'lock', 'locker', 'locket', 'locust', 'loft', 'log', 'loggia', 'logic', 'long', 'look', 'loss', 'lot', 'lotion', 'lounge', 'lout', 'love', 'low', 'luck', 'lumber', 'lunch', 'lung', 'lunge', 'lute', 'lycra', 'lye', 'lynx', 'lyre', 'lyric', 'magic', 'maid', 'maiden', 'mail', 'main', 'major', 'make', 'makeup', 'male', 'mall', 'mallet', 'mambo', 'man', 'maniac', 'manner', 'manor', 'mantel', 'mantle', 'mantua', 'manx', 'many', 'map', 'maple', 'maraca', 'marble', 'mare', 'margin', 'mark', 'market', 'marsh', 'mask', 'mass', 'master', 'mat', 'match', 'mate', 'math', 'matter', 'maybe', 'mayor', 'meal', 'meat', 'media', 'medium', 'meet', 'melody', 'member', 'memory', 'men', 'menu', 'mess', 'metal', 'meteor', 'meter', 'method', 'metro', 'mice', 'middle', 'midi', 'might', 'mile', 'milk', 'mime', 'mimosa', 'mind', 'mine', 'mini', 'minion', 'minor', 'mint', 'minute', 'mirror', 'misfit', 'miss', 'mist', 'mister', 'miter', 'mitten', 'mix', 'mixer', 'moat', 'mobile', 'mocha', 'mode', 'model', 'modem', 'mole', 'mom', 'moment', 'money', 'monger', 'monkey', 'month', 'mood', 'moon', 'mop', 'morsel', 'mosque', 'most', 'motel', 'moth', 'mother', 'motion', 'motor', 'mound', 'mouse', 'mouser', 'mousse', 'mouth', 'mouton', 'move', 'mover', 'movie', 'mower', 'mud', 'mug', 'mukluk', 'mule', 'muscle', 'museum', 'music', 'mutt', 'n', 'nail', 'name', 'naming', 'napkin', 'nasty', 'nation', 'native', 'nature', 'neat', 'neck', 'need', 'needle', 'neon', 'nephew', 'nerve', 'nest', 'net', 'news', 'nexus', 'nicety', 'niche', 'nickel', 'niece', 'night', 'nobody', 'node', 'noise', 'noodle', 'normal', 'norse', 'north', 'nose', 'note', 'notice', 'notify', 'nougat', 'novel', 'nudge', 'number', 'nurse', 'nut', 'nylon', 'oak', 'oar', 'oasis', 'obi', 'object', 'oboe', 'ocean', 'ocelot', 'octave', 'octavo', 'octet', 'oeuvre', 'offer', 'office', 'oil', 'okra', 'oldie', 'olive', 'omega', 'omelet', 'one', 'onion', 'open', 'opera', 'opium', 'option', 'orange', 'orator', 'orchid', 'order', 'organ', 'osprey', 'other', 'others', 'ott', 'otter', 'ounce', 'outfit', 'outlay', 'output', 'outset', 'oval', 'ovary', 'oven', 'owl', 'owner', 'ox', 'oxen', 'oxford', 'oxygen', 'oyster', 'pace', 'pack', 'packet', 'pad', 'paddle', 'page', 'pagoda', 'pail', 'pain', 'paint', 'pair', 'pajama', 'palm', 'pan', 'panda', 'panic', 'pansy', 'pantry', 'pants', 'panty', 'paper', 'parade', 'parcel', 'pard', 'parent', 'park', 'parka', 'parrot', 'part', 'party', 'pass', 'past', 'pasta', 'paste', 'pastor', 'pastry', 'patch', 'path', 'patina', 'patio', 'patrol', 'pause', 'paw', 'pay', 'payee', 'pea', 'peace', 'peach', 'peak', 'peanut', 'pear', 'pearl', 'pedal', 'peen', 'peer', 'pelt', 'pen', 'pencil', 'peony', 'people', 'pepper', 'perch', 'period', 'permit', 'perp', 'person', 'pest', 'pet', 'petal', 'pew', 'pha', 'phase', 'phone', 'photo', 'phrase', 'piano', 'pick', 'pickax', 'picket', 'pickle', 'pie', 'piece', 'pier', 'piety', 'pig', 'pigeon', 'pike', 'pile', 'pillow', 'pilot', 'pimp', 'pimple', 'pin', 'pine', 'ping', 'pink', 'pinkie', 'pint', 'pinto', 'pipe', 'piracy', 'piss', 'pitch', 'pith', 'pizza', 'place', 'plain', 'plan', 'plane', 'planet', 'plant', 'plate', 'play', 'player', 'plenty', 'plier', 'plot', 'plough', 'plover', 'plow', 'plume', 'pocket', 'poem', 'poet', 'poetry', 'point', 'poison', 'pole', 'police', 'policy', 'polish', 'polo', 'pompom', 'poncho', 'pond', 'pony', 'poof', 'pool', 'pop', 'poppy', 'porch', 'port', 'porter', 'post', 'poster', 'pot', 'potato', 'potty', 'pouch', 'pound', 'powder', 'power', 'press', 'price', 'pride', 'priest', 'prince', 'print', 'prior', 'prison', 'prize', 'profit', 'prompt', 'proof', 'prose', 'prow', 'pruner', 'public', 'puddle', 'puffin', 'pull', 'pulley', 'puma', 'pump', 'punch', 'pupa', 'pupil', 'puppy', 'purple', 'purse', 'push', 'pusher', 'put', 'pvc', 'pyjama', 'quail', 'quart', 'quartz', 'queen', 'quiet', 'quill', 'quilt', 'quince', 'quit', 'quiver', 'quote', 'rabbi', 'rabbit', 'race', 'racer', 'racing', 'racism', 'racist', 'rack', 'radar', 'radio', 'radish', 'raffle', 'raft', 'rag', 'rage', 'rail', 'rain', 'raise', 'rake', 'ram', 'ramie', 'ranch', 'random', 'range', 'rank', 'rat', 'rate', 'ratio', 'raven', 'raw', 'ray', 'rayon', 'reach', 'read', 'reamer', 'rear', 'reason', 'recess', 'recipe', 'record', 'red', 'reef', 'refund', 'refuse', 'region', 'regret', 'reject', 'relief', 'relish', 'remote', 'remove', 'rent', 'repair', 'repeat', 'reply', 'report', 'resale', 'resist', 'resort', 'rest', 'result', 'retina', 'return', 'reveal', 'review', 'reward', 'rhyme', 'rhythm', 'rice', 'rich', 'riddle', 'ride', 'rider', 'ridge', 'rifle', 'right', 'rim', 'ring', 'rip', 'ripple', 'rise', 'riser', 'risk', 'river', 'road', 'roast', 'robe', 'robin', 'rock', 'rocker', 'rocket', 'rod', 'role', 'roll', 'roller', 'roof', 'room', 'root', 'rope', 'rose', 'rotate', 'rough', 'round', 'route', 'router', 'row', 'royal', 'rub', 'rubber', 'rubric', 'ruckus', 'ruffle', 'rugby', 'ruin', 'rule', 'rum', 'run', 'runner', 'rush', 'ruth', 'ry', 'sabre', 'sack', 'sad', 'saddle', 'safe', 'safety', 'sage', 'sail', 'sailor', 'salad', 'salary', 'sale', 'salmon', 'salon', 'saloon', 'salt', 'sampan', 'sample', 'sand', 'sari', 'sarong', 'sash', 'satin', 'satire', 'sauce', 'save', 'saving', 'savior', 'saw', 'scale', 'scarf', 'scene', 'scent', 'scheme', 'school', 'score', 'scorn', 'scow', 'screen', 'screw', 'scrim', 'scrip', 'script', 'sea', 'seal', 'search', 'season', 'seat', 'second', 'secret', 'sector', 'secure', 'seed', 'seeder', 'select', 'self', 'sell', 'senior', 'sense', 'sepal', 'series', 'serve', 'server', 'set', 'sewer', 'sex', 'shack', 'shade', 'shadow', 'shake', 'shaker', 'shame', 'shanty', 'shape', 'share', 'shark', 'sharon', 'shawl', 'she', 'shears', 'sheath', 'shed', 'sheep', 'sheet', 'shelf', 'shell', 'sherry', 'shield', 'shift', 'shin', 'shine', 'ship', 'shirt', 'shoat', 'shock', 'shoe', 'shoes', 'shofar', 'shoot', 'shop', 'shore', 'shorts', 'shot', 'shovel', 'show', 'shower', 'shred', 'shrimp', 'shrine', 'sick', 'side', 'siding', 'sign', 'signal', 'signet', 'signup', 'silica', 'silk', 'sill', 'silly', 'silo', 'silver', 'simple', 'sing', 'singer', 'single', 'sink', 'sir', 'sister', 'sitar', 'site', 'size', 'skate', 'skiing', 'skill', 'skin', 'skirt', 'skull', 'skunk', 'sky', 'slash', 'slave', 'sled', 'sledge', 'sleep', 'sleet', 'sleuth', 'slice', 'slide', 'slider', 'slime', 'slip', 'slope', 'sloth', 'smash', 'smell', 'smile', 'smock', 'smog', 'smoke', 'snail', 'snake', 'sneeze', 'snob', 'snorer', 'snow', 'soap', 'soccer', 'sock', 'socks', 'soda', 'sofa', 'soft', 'soil', 'solid', 'son', 'song', 'sonnet', 'soot', 'sorbet', 'sorrow', 'sort', 'sound', 'soup', 'source', 'south', 'sow', 'soy', 'space', 'spade', 'spank', 'spare', 'spark', 'spasm', 'spear', 'speech', 'speed', 'spell', 'spend', 'sphere', 'sphynx', 'spider', 'spike', 'spine', 'spiral', 'spirit', 'spite', 'spleen', 'split', 'sponge', 'spoon', 'sport', 'spot', 'spray', 'spread', 'spring', 'sprout', 'spruce', 'spume', 'spur', 'spy', 'square', 'squash', 'squid', 'stable', 'stack', 'staff', 'stag', 'stage', 'stain', 'stair', 'stamen', 'stamp', 'stance', 'stand', 'star', 'start', 'state', 'status', 'stay', 'steak', 'steal', 'steam', 'steel', 'stem', 'step', 'steps', 'stew', 'stick', 'still', 'stitch', 'stock', 'stole', 'stone', 'stool', 'stop', 'store', 'storey', 'storm', 'story', 'stove', 'strain', 'strait', 'strap', 'straw', 'stream', 'street', 'stress', 'strike', 'string', 'strip', 'stroke', 'stud', 'studio', 'study', 'stuff', 'stupid', 'style', 'stylus', 'suburb', 'subway', 'suck', 'suede', 'sugar', 'suit', 'sultan', 'summer', 'sun', 'sunday', 'supply', 'survey', 'sushi', 'SUV', 'swamp', 'swan', 'swath', 'sweat', 'sweats', 'sweet', 'sweets', 'swell', 'swim', 'swing', 'swiss', 'switch', 'swivel', 'sword', 'synod', 'syrup', 'system', 'tabby', 'table', 'tackle', 'tail', 'tailor', 'tale', 'talk', 'tam', 'tandem', 'tank', 'tanker', 'tap', 'tard', 'target', 'task', 'tassel', 'taste', 'tatami', 'tattoo', 'tavern', 'tax', 'taxi', 'tea', 'teach', 'team', 'tear', 'teen', 'teeth', 'tell', 'teller', 'temp', 'temper', 'temple', 'tempo', 'tennis', 'tenor', 'tent', 'tepee', 'term', 'test', 'text', 'thanks', 'thaw', 'theism', 'theme', 'theory', 'thigh', 'thing', 'thirst', 'thomas', 'thong', 'thongs', 'thorn', 'thread', 'thrill', 'throat', 'throne', 'thrush', 'thumb', 'tiara', 'tic', 'ticket', 'tie', 'tiger', 'tight', 'tights', 'tile', 'till', 'timber', 'time', 'timer', 'tin', 'tinkle', 'tip', 'tire', 'tissue', 'title', 'toad', 'toast', 'today', 'toe', 'toga', 'togs', 'toilet', 'tom', 'tomato', 'ton', 'tone', 'tongue', 'tool', 'toot', 'tooth', 'top', 'topic', 'toque', 'torso', 'tosser', 'total', 'tote', 'touch', 'tough', 'tour', 'towel', 'tower', 'town', 'toy', 'track', 'trade', 'trail', 'train', 'tram', 'tramp', 'trash', 'travel', 'tray', 'treat', 'tree', 'tremor', 'trench', 'trial', 'tribe', 'trick', 'trim', 'trip', 'tripod', 'trout', 'trove', 'trowel', 'truck', 'trunk', 'trust', 'truth', 'try', 'tub', 'tuba', 'tube', 'tulip', 'tummy', 'tuna', 'tune', 'tunic', 'tunnel', 'turban', 'turn', 'turnip', 'turret', 'turtle', 'tussle', 'tutu', 'tuxedo', 'tv', 'twig', 'twine', 'twist', 'two', 'type', 'tyvek', 'uncle', 'union', 'unique', 'unit', 'unity', 'upper', 'urn', 'usage', 'use', 'user', 'usher', 'usual', 'vacuum', 'valley', 'value', 'van', 'vane', 'vanity', 'vase', 'vast', 'vault', 'veal', 'veil', 'vein', 'veldt', 'vellum', 'velvet', 'venom', 'verse', 'verve', 'vessel', 'vest', 'vibe', 'video', 'view', 'villa', 'vinyl', 'viola', 'violet', 'violin', 'virtue', 'virus', 'vise', 'vision', 'visit', 'visor', 'visual', 'vixen', 'voice', 'volume', 'voyage', 'wad', 'wafer', 'waffle', 'waist', 'wait', 'waiter', 'wake', 'walk', 'walker', 'wall', 'wallet', 'walnut', 'walrus', 'wampum', 'war', 'warden', 'warmth', 'wash', 'washer', 'wasp', 'waste', 'watch', 'water', 'wave', 'wax', 'way', 'wealth', 'weapon', 'wear', 'weasel', 'web', 'wedge', 'weed', 'weeder', 'week', 'weight', 'weird', 'well', 'west', 'whale', 'wharf', 'wheat', 'wheel', 'while', 'whip', 'white', 'whole', 'whorl', 'width', 'wife', 'will', 'willow', 'win', 'wind', 'window', 'wine', 'wing', 'winner', 'winter', 'wire', 'wisdom', 'wish', 'witch', 'wolf', 'wombat', 'women', 'wonder', 'wood', 'wool', 'woolen', 'word', 'work', 'worker', 'world', 'worm', 'worry', 'worth', 'worthy', 'wound', 'wrap', 'wren', 'wrench', 'wrist', 'writer', 'wrong', 'yacht', 'yak', 'yam', 'yard', 'yarn', 'yawl', 'year', 'yeast', 'yellow', 'yew', 'yin', 'yoga', 'yogurt', 'yoke', 'you', 'young', 'youth', 'yurt', 'zebra', 'zephyr', 'zinc', 'zipper', 'zither', 'zone', 'zoo' ] + export const adverbs = [ - 'ably', 'acidly', 'airily', 'ally', 'amply', 'apply', 'aptly', 'archly', 'avidly', 'badly', 'baldly', 'barely', 'basely', 'belly', 'bodily', 'boldly', 'bubbly', 'bully', 'burly', 'busily', 'calmly', 'chilly', 'coldly', 'comely', 'comply', 'coolly', 'cosily', 'costly', 'coyly', 'cuddly', 'curly', 'curtly', 'daily', 'dally', 'damply', 'darkly', 'deadly', 'dearly', 'deeply', 'deftly', 'dimly', 'direly', 'doily', 'dolly', 'doubly', 'dourly', 'drily', 'dryly', 'dually', 'dully', 'duly', 'dumbly', 'early', 'easily', 'edgily', 'eerily', 'evenly', 'evilly', 'fairly', 'family', 'feebly', 'fiddly', 'filly', 'finely', 'firmly', 'fitly', 'flatly', 'fly', 'folly', 'fondly', 'foully', 'freely', 'frilly', 'fully', 'gadfly', 'gaily', 'gamely', 'gangly', 'gently', 'giggly', 'gladly', 'glibly', 'glumly', 'godly', 'golly', 'goodly', 'googly', 'grimly', 'grisly', 'gully', 'hardly', 'hazily', 'highly', 'hilly', 'holly', 'holy', 'homely', 'homily', 'hotly', 'hourly', 'hugely', 'humbly', 'icily', 'idly', 'imply', 'jangly', 'jelly', 'jokily', 'jolly', 'justly', 'keenly', 'kindly', 'kingly', 'lamely', 'lastly', 'lately', 'lazily', 'likely', 'lily', 'limply', 'lively', 'lolly', 'lonely', 'lordly', 'loudly', 'lovely', 'lowly', 'madly', 'mainly', 'manly', 'mayfly', 'mealy', 'meanly', 'measly', 'meekly', 'merely', 'mildly', 'mostly', 'mutely', 'namely', 'nearly', 'neatly', 'newly', 'nicely', 'nimbly', 'nobly', 'nosily', 'numbly', 'oddly', 'oily', 'only', 'openly', 'orally', 'overly', 'palely', 'partly', 'pearly', 'pebbly', 'pertly', 'pimply', 'ply', 'poorly', 'portly', 'primly', 'purely', 'rally', 'rarely', 'rashly', 'really', 'rely', 'reply', 'richly', 'ripely', 'rosily', 'rudely', 'sadly', 'safely', 'sagely', 'sally', 'sanely', 'scaly', 'seemly', 'shyly', 'sickly', 'silly', 'simply', 'singly', 'slily', 'slowly', 'sly', 'slyly', 'smelly', 'smugly', 'snugly', 'softly', 'solely', 'sorely', 'sourly', 'stably', 'steely', 'subtly', 'sully', 'supply', 'surely', 'surly', 'tally', 'tamely', 'tartly', 'tautly', 'termly', 'thinly', 'tidily', 'timely', 'tingly', 'tinkly', 'triply', 'truly', 'ugly', 'unduly', 'unholy', 'unruly', 'vainly', 'vastly', 'viably', 'vilely', 'waggly', 'wanly', 'warily', 'warmly', 'wavily', 'weakly', 'weekly', 'wetly', 'wholly', 'widely', 'wifely', 'wildly', 'wily', 'wisely', 'wobbly', 'woolly', 'wryly', 'yearly' +'ably', 'acidly', 'airily', 'ally', 'amply', 'apply', 'aptly', 'archly', 'avidly', 'badly', 'baldly', 'barely', 'basely', 'belly', 'bodily', 'boldly', 'bubbly', 'bully', 'burly', 'busily', 'calmly', 'chilly', 'coldly', 'comely', 'comply', 'coolly', 'cosily', 'costly', 'coyly', 'cuddly', 'curly', 'curtly', 'daily', 'dally', 'damply', 'darkly', 'deadly', 'dearly', 'deeply', 'deftly', 'dimly', 'direly', 'doily', 'dolly', 'doubly', 'dourly', 'drily', 'dryly', 'dually', 'dully', 'duly', 'dumbly', 'early', 'easily', 'edgily', 'eerily', 'evenly', 'evilly', 'fairly', 'family', 'feebly', 'fiddly', 'filly', 'finely', 'firmly', 'fitly', 'flatly', 'fly', 'folly', 'fondly', 'foully', 'freely', 'frilly', 'fully', 'gadfly', 'gaily', 'gamely', 'gangly', 'gently', 'giggly', 'gladly', 'glibly', 'glumly', 'godly', 'golly', 'goodly', 'googly', 'grimly', 'grisly', 'gully', 'hardly', 'hazily', 'highly', 'hilly', 'holly', 'holy', 'homely', 'homily', 'hotly', 'hourly', 'hugely', 'humbly', 'icily', 'idly', 'imply', 'jangly', 'jelly', 'jokily', 'jolly', 'justly', 'keenly', 'kindly', 'kingly', 'lamely', 'lastly', 'lately', 'lazily', 'likely', 'lily', 'limply', 'lively', 'lolly', 'lonely', 'lordly', 'loudly', 'lovely', 'lowly', 'madly', 'mainly', 'manly', 'mayfly', 'mealy', 'meanly', 'measly', 'meekly', 'merely', 'mildly', 'mostly', 'mutely', 'namely', 'nearly', 'neatly', 'newly', 'nicely', 'nimbly', 'nobly', 'nosily', 'numbly', 'oddly', 'oily', 'only', 'openly', 'orally', 'overly', 'palely', 'partly', 'pearly', 'pebbly', 'pertly', 'pimply', 'ply', 'poorly', 'portly', 'primly', 'purely', 'rally', 'rarely', 'rashly', 'really', 'rely', 'reply', 'richly', 'ripely', 'rosily', 'rudely', 'sadly', 'safely', 'sagely', 'sally', 'sanely', 'scaly', 'seemly', 'shyly', 'sickly', 'silly', 'simply', 'singly', 'slily', 'slowly', 'sly', 'slyly', 'smelly', 'smugly', 'snugly', 'softly', 'solely', 'sorely', 'sourly', 'stably', 'steely', 'subtly', 'sully', 'supply', 'surely', 'surly', 'tally', 'tamely', 'tartly', 'tautly', 'termly', 'thinly', 'tidily', 'timely', 'tingly', 'tinkly', 'triply', 'truly', 'ugly', 'unduly', 'unholy', 'unruly', 'vainly', 'vastly', 'viably', 'vilely', 'waggly', 'wanly', 'warily', 'warmly', 'wavily', 'weakly', 'weekly', 'wetly', 'wholly', 'widely', 'wifely', 'wildly', 'wily', 'wisely', 'wobbly', 'woolly', 'wryly', 'yearly' ] + export const interjections = [ - 'aha', 'ahem', 'ahh', 'ahoy', 'alas', 'arg', 'aw', 'bam', 'bingo', 'blah', 'boo', 'bravo', 'brrr', 'cheers', 'dang', 'drat', 'darn', 'duh', 'eek', 'eh', 'encore', 'eureka', 'gee', 'golly', 'gosh', 'haha', 'hello', 'hey', 'hmm', 'huh', 'humph', 'hurray', 'oh', 'oh my', 'oops', 'ouch', 'ow', 'phew', 'phooey', 'pooh', 'pow', 'rats', 'shh', 'shoo', 'thanks', 'there', 'uh-huh', 'uh-oh', 'ugh', 'wahoo', 'well', 'whoa', 'whoops', 'wow', 'yeah', 'yes', 'yikes', 'yippee', 'yo', 'yuck' +'aha', 'ahem', 'ahh', 'ahoy', 'alas', 'arg', 'aw', 'bam', 'bingo', 'blah', 'boo', 'bravo', 'brrr', 'cheers', 'dang', 'drat', 'darn', 'duh', 'eek', 'eh', 'encore', 'eureka', 'gee', 'golly', 'gosh', 'haha', 'hello', 'hey', 'hmm', 'huh', 'humph', 'hurray', 'oh', 'oh my', 'oops', 'ouch', 'ow', 'phew', 'phooey', 'pooh', 'pow', 'rats', 'shh', 'shoo', 'thanks', 'there', 'uh-huh', 'uh-oh', 'ugh', 'wahoo', 'well', 'whoa', 'whoops', 'wow', 'yeah', 'yes', 'yikes', 'yippee', 'yo', 'yuck' ] + export const adjectives = [ - 'abject', 'abrupt', 'absent', 'absurd', 'active', 'acute', 'adept', 'adroit', 'aerial', 'agile', 'airy', 'alert', 'aloof', 'amoral', 'amused', 'angry', 'apt', 'arch', 'ardent', 'artful', 'august', 'aural', 'avowed', 'awful', 'bad', 'banal', 'basic', 'bawdy', 'benign', 'bitter', 'bland', 'blank', 'bleak', 'blind', 'blithe', 'blunt', 'boyish', 'brave', 'breezy', 'brief', 'bright', 'broad', 'broken', 'busy', 'cagy', 'cm', 'candid', 'canny', 'carnal', 'casual', 'catty', 'caudal', 'chaste', 'cheeky', 'clear', 'clever', 'clinic', 'clumsy', 'coarse', 'cocky', 'cogent', 'cold', 'conic', 'coward', 'coy', 'cozy', 'crass', 'craven', 'crazy', 'creepy', 'crude', 'curt', 'cute', 'cynic', 'dainty', 'dark', 'dazed', 'dear', 'decent', 'deep', 'deft', 'demure', 'dense', 'dim', 'dire', 'dismal', 'dizzy', 'dogged', 'droll', 'dry', 'dull', 'eager', 'easy', 'eerie', 'equal', 'erect', 'erotic', 'ethic', 'even', 'evil', 'exact', 'exotic', 'faint', 'false', 'famous', 'fatal', 'faulty', 'feeble', 'firm', 'fishy', 'fixed', 'flabby', 'flashy', 'flat', 'fleet', 'flimsy', 'floppy', 'fluent', 'fluid', 'fond', 'foul', 'frail', 'frank', 'free', 'fresh', 'frisky', 'frugal', 'funny', 'fussy', 'futile', 'fuzzy', 'game', 'garish', 'gauche', 'gaudy', 'gawky', 'genial', 'gent', 'glad', 'glib', 'glum', 'grand', 'grave', 'great', 'greedy', 'grimy', 'groggy', 'gross', 'guilty', 'happy', 'hardy', 'harsh', 'hasty', 'hazy', 'heated', 'hectic', 'heroic', 'hoarse', 'honest', 'hot', 'huge', 'humane', 'humble', 'hungry', 'husky', 'icy', 'inept', 'insane', 'ireful', 'ironic', 'jaded', 'jaunty', 'jerky', 'jocose', 'joking', 'jolly', 'jovial', 'joyful', 'juicy', 'just', 'keen', 'lame', 'lavish', 'lax', 'lazy', 'lewd', 'light', 'limp', 'livid', 'logic', 'loose', 'loud', 'loving', 'loyal', 'lubber', 'lucid', 'lucky', 'lurid', 'lusty', 'mad', 'magic', 'manful', 'marked', 'mature', 'meager', 'mean', 'meek', 'menial', 'merry', 'messy', 'metric', 'mighty', 'mild', 'minute', 'miser', 'modest', 'moist', 'moody', 'moral', 'morbid', 'murky', 'music', 'mute', 'naive', 'naked', 'narrow', 'nasty', 'neat', 'nice', 'nimble', 'noble', 'noisy', 'normal', 'nosy', 'numb', 'oafish', 'opaque', 'pert', 'pesky', 'physic', 'pious', 'pithy', 'placid', 'plain', 'poetic', 'polite', 'poor', 'prim', 'prissy', 'proper', 'proud', 'public', 'pure', 'quaint', 'queer', 'quick', 'quiet', 'rabid', 'racy', 'raging', 'rakish', 'random', 'rank', 'rapid', 'rapt', 'rare', 'rash', 'raving', 'ready', 'regal', 'remote', 'rich', 'right', 'rigid', 'ripe', 'ritual', 'robust', 'rosy', 'rough', 'royal', 'rude', 'rueful', 'rugged', 'sad', 'safe', 'sane', 'saucy', 'savage', 'scant', 'secret', 'secure', 'sedate', 'serene', 'severe', 'sexy', 'sexual', 'shaky', 'sharp', 'shoddy', 'showy', 'shrewd', 'shy', 'silent', 'simple', 'skimpy', 'slack', 'sleazy', 'sleek', 'slick', 'slight', 'slow', 'smart', 'smooth', 'smug', 'snooty', 'snug', 'sober', 'soft', 'soggy', 'solemn', 'somber', 'sordid', 'sore', 'sound', 'sour', 'spry', 'square', 'staid', 'stark', 'static', 'steady', 'stern', 'stiff', 'stingy', 'stoic', 'stolid', 'stormy', 'stout', 'strict', 'strong', 'stuffy', 'stupid', 'suave', 'subtle', 'sudden', 'sudden', 'sulky', 'sullen', 'superb', 'supp', 'sure', 'swanky', 'swift', 'tacit', 'tacky', 'tame', 'tardy', 'tart', 'taut', 'tense', 'tepid', 'terse', 'testy', 'thick', 'thin', 'tidy', 'tight', 'timid', 'tonal', 'tough', 'tragic', 'trim', 'trite', 'true', 'trying', 'turgid', 'uneasy', 'unique', 'unkind', 'unsafe', 'urgent', 'useful', 'vague', 'vain', 'vexed', 'visual', 'vital', 'vivid', 'vocal', 'vulgar', 'wan', 'wanton', 'warm', 'weak', 'weird', 'wicked', 'wide', 'wild', 'wise', 'witty', 'woeful', 'wrong', 'wry' +'abject', 'abrupt', 'absent', 'absurd', 'active', 'acute', 'adept', 'adroit', 'aerial', 'agile', 'airy', 'alert', 'aloof', 'amoral', 'amused', 'angry', 'apt', 'arch', 'ardent', 'artful', 'august', 'aural', 'avowed', 'awful', 'bad', 'banal', 'basic', 'bawdy', 'benign', 'bitter', 'bland', 'blank', 'bleak', 'blind', 'blithe', 'blunt', 'boyish', 'brave', 'breezy', 'brief', 'bright', 'broad', 'broken', 'busy', 'cagy', 'cm', 'candid', 'canny', 'carnal', 'casual', 'catty', 'caudal', 'chaste', 'cheeky', 'clear', 'clever', 'clinic', 'clumsy', 'coarse', 'cocky', 'cogent', 'cold', 'conic', 'coward', 'coy', 'cozy', 'crass', 'craven', 'crazy', 'creepy', 'crude', 'curt', 'cute', 'cynic', 'dainty', 'dark', 'dazed', 'dear', 'decent', 'deep', 'deft', 'demure', 'dense', 'dim', 'dire', 'dismal', 'dizzy', 'dogged', 'droll', 'dry', 'dull', 'eager', 'easy', 'eerie', 'equal', 'erect', 'erotic', 'ethic', 'even', 'evil', 'exact', 'exotic', 'faint', 'false', 'famous', 'fatal', 'faulty', 'feeble', 'firm', 'fishy', 'fixed', 'flabby', 'flashy', 'flat', 'fleet', 'flimsy', 'floppy', 'fluent', 'fluid', 'fond', 'foul', 'frail', 'frank', 'free', 'fresh', 'frisky', 'frugal', 'funny', 'fussy', 'futile', 'fuzzy', 'game', 'garish', 'gauche', 'gaudy', 'gawky', 'genial', 'gent', 'glad', 'glib', 'glum', 'grand', 'grave', 'great', 'greedy', 'grimy', 'groggy', 'gross', 'guilty', 'happy', 'hardy', 'harsh', 'hasty', 'hazy', 'heated', 'hectic', 'heroic', 'hoarse', 'honest', 'hot', 'huge', 'humane', 'humble', 'hungry', 'husky', 'icy', 'inept', 'insane', 'ireful', 'ironic', 'jaded', 'jaunty', 'jerky', 'jocose', 'joking', 'jolly', 'jovial', 'joyful', 'juicy', 'just', 'keen', 'lame', 'lavish', 'lax', 'lazy', 'lewd', 'light', 'limp', 'livid', 'logic', 'loose', 'loud', 'loving', 'loyal', 'lubber', 'lucid', 'lucky', 'lurid', 'lusty', 'mad', 'magic', 'manful', 'marked', 'mature', 'meager', 'mean', 'meek', 'menial', 'merry', 'messy', 'metric', 'mighty', 'mild', 'minute', 'miser', 'modest', 'moist', 'moody', 'moral', 'morbid', 'murky', 'music', 'mute', 'naive', 'naked', 'narrow', 'nasty', 'neat', 'nice', 'nimble', 'noble', 'noisy', 'normal', 'nosy', 'numb', 'oafish', 'opaque', 'pert', 'pesky', 'physic', 'pious', 'pithy', 'placid', 'plain', 'poetic', 'polite', 'poor', 'prim', 'prissy', 'proper', 'proud', 'public', 'pure', 'quaint', 'queer', 'quick', 'quiet', 'rabid', 'racy', 'raging', 'rakish', 'random', 'rank', 'rapid', 'rapt', 'rare', 'rash', 'raving', 'ready', 'regal', 'remote', 'rich', 'right', 'rigid', 'ripe', 'ritual', 'robust', 'rosy', 'rough', 'royal', 'rude', 'rueful', 'rugged', 'sad', 'safe', 'sane', 'saucy', 'savage', 'scant', 'secret', 'secure', 'sedate', 'serene', 'severe', 'sexy', 'sexual', 'shaky', 'sharp', 'shoddy', 'showy', 'shrewd', 'shy', 'silent', 'simple', 'skimpy', 'slack', 'sleazy', 'sleek', 'slick', 'slight', 'slow', 'smart', 'smooth', 'smug', 'snooty', 'snug', 'sober', 'soft', 'soggy', 'solemn', 'somber', 'sordid', 'sore', 'sound', 'sour', 'spry', 'square', 'staid', 'stark', 'static', 'steady', 'stern', 'stiff', 'stingy', 'stoic', 'stolid', 'stormy', 'stout', 'strict', 'strong', 'stuffy', 'stupid', 'suave', 'subtle', 'sudden', 'sudden', 'sulky', 'sullen', 'superb', 'supp', 'sure', 'swanky', 'swift', 'tacit', 'tacky', 'tame', 'tardy', 'tart', 'taut', 'tense', 'tepid', 'terse', 'testy', 'thick', 'thin', 'tidy', 'tight', 'timid', 'tonal', 'tough', 'tragic', 'trim', 'trite', 'true', 'trying', 'turgid', 'uneasy', 'unique', 'unkind', 'unsafe', 'urgent', 'useful', 'vague', 'vain', 'vexed', 'visual', 'vital', 'vivid', 'vocal', 'vulgar', 'wan', 'wanton', 'warm', 'weak', 'weird', 'wicked', 'wide', 'wild', 'wise', 'witty', 'woeful', 'wrong', 'wry' ] + export const verbed = new Proxy(verbs, { get: (arr, prop) => { // Check it's not a property @@ -24,4 +29,4 @@ export const verbed = new Proxy(verbs, { return arr[prop] } } -}) +}) \ No newline at end of file diff --git a/core/src/initStore.js b/core/src/initStore.js index 038c39e9..a996b8ea 100644 --- a/core/src/initStore.js +++ b/core/src/initStore.js @@ -1,41 +1,39 @@ -import {store} from './store.js' -import {doLoadConfigFromAPI} from './redux/config/config-actions.js' -import {doInitWorkers, doLoadNodeConfig} from './redux/app/app-actions.js' -import {doLoadNotificationConfig} from './redux/user/user-actions.js' - -import './persistState.js' - -import {initApi} from 'qortal-ui-crypto' +import { store } from './store' +import { doLoadConfigFromAPI } from './redux/config/config-actions' +import { doInitWorkers, doLoadNodeConfig } from './redux/app/app-actions' +import { doLoadNotificationConfig } from './redux/user/user-actions' +import { initApi } from 'qortal-ui-crypto' +import './persistState' initApi(store) const workerInitChecker = () => { - const state = store.getState() + const state = store.getState() - if (store.getState().app.nodeConfig.knownNodes.length === 0) { - store.dispatch(doLoadNodeConfig()) - } + if (store.getState().app.nodeConfig.knownNodes.length === 0) { + store.dispatch(doLoadNodeConfig()) + } - if (state.config.loaded) { - store.dispatch(doLoadNodeConfig()) + if (state.config.loaded) { + store.dispatch(doLoadNodeConfig()) - if (state.app.workers.ready) { - - workerInitSubscription() - } else { - - if (!state.app.workers.loading) store.dispatch(doInitWorkers(state.config.crypto.kdfThreads, state.config.user.constants.workerURL)) - } - } + if (state.app.workers.ready) { + workerInitSubscription() + } else { + if (!state.app.workers.loading) store.dispatch(doInitWorkers(state.config.crypto.kdfThreads, state.config.user.constants.workerURL)) + } + } } + workerInitChecker() + const workerInitSubscription = store.subscribe(workerInitChecker) if (!store.getState().config.loaded) { - store.dispatch(doLoadConfigFromAPI()) - store.dispatch(doLoadNodeConfig()) + store.dispatch(doLoadConfigFromAPI()) + store.dispatch(doLoadNodeConfig()) } if (!store.getState().user.loaded) { - store.dispatch(doLoadNotificationConfig()) -} + store.dispatch(doLoadNotificationConfig()) +} \ No newline at end of file diff --git a/core/src/localStorageHelpers.js b/core/src/localStorageHelpers.js index 464927d1..9e3eb8f6 100644 --- a/core/src/localStorageHelpers.js +++ b/core/src/localStorageHelpers.js @@ -1,19 +1,19 @@ export const loadStateFromLocalStorage = (key) => { - try { - const config = localStorage.getItem(key) - if (config === null) return void 0 - return JSON.parse(config) - } catch (e) { - // Could add error handling in case there's a weird one...don't want to overwrite config if it's malfunctioned - return void 0 - } + try { + const config = localStorage.getItem(key) + if (config === null) return void 0 + return JSON.parse(config) + } catch (e) { + // Could add error handling in case there's a weird one...don't want to overwrite config if it's malfunctioned + return void 0 + } } export const saveStateToLocalStorage = (key, state) => { - try { - const stateJSON = JSON.stringify(state) - localStorage.setItem(key, stateJSON) - } catch (e) { - console.error(e, 'e') - } -} + try { + const stateJSON = JSON.stringify(state) + localStorage.setItem(key, stateJSON) + } catch (e) { + console.error(e, 'e') + } +} \ No newline at end of file diff --git a/core/src/lockScreen.js b/core/src/lockScreen.js index 7dfde20a..fff46475 100644 --- a/core/src/lockScreen.js +++ b/core/src/lockScreen.js @@ -1,11 +1,13 @@ import CryptoJS from 'crypto-js' export const encryptData = (data, salt) => CryptoJS.AES.encrypt(JSON.stringify(data), salt).toString() + export const decryptData = (ciphertext, salt) => { - const bytes = CryptoJS.AES.decrypt(ciphertext, salt) - try { - return JSON.parse(bytes.toString(CryptoJS.enc.Utf8)) - } catch(err) { - return null - } -} + const bytes = CryptoJS.AES.decrypt(ciphertext, salt) + + try { + return JSON.parse(bytes.toString(CryptoJS.enc.Utf8)) + } catch (err) { + return null + } +} \ No newline at end of file diff --git a/core/src/main.js b/core/src/main.js index 9beedda9..7f25c381 100644 --- a/core/src/main.js +++ b/core/src/main.js @@ -1,2 +1,2 @@ -import './initStore.js' -import './components/main-app.js' +import './initStore' +import './components/main-app' \ No newline at end of file diff --git a/core/src/notifications/config.js b/core/src/notifications/config.js index 200a4cdf..bd3054f7 100644 --- a/core/src/notifications/config.js +++ b/core/src/notifications/config.js @@ -1,12 +1,12 @@ const config = { - default: { - title: 'Qortal', - body: 'Qortal Notifications', - icon: '/img/favicon/favicon-96x96.png' - }, - newMessageAudio: '/sound/newmessage.ogg', - messageAlert: '/sound/messageAlert.ogg', - blockAlert: '/sound/blockAlert.ogg' + default: { + title: 'Qortal', + body: 'Qortal Notifications', + icon: '/img/favicon/favicon-96x96.png' + }, + newMessageAudio: '/sound/newmessage.ogg', + messageAlert: '/sound/messageAlert.ogg', + blockAlert: '/sound/blockAlert.ogg' } -export default config +export default config \ No newline at end of file diff --git a/core/src/notifications/controller.js b/core/src/notifications/controller.js index 1934fb42..8eb56857 100644 --- a/core/src/notifications/controller.js +++ b/core/src/notifications/controller.js @@ -1,39 +1,40 @@ +import { dispatcher } from './dispatcher' +import { NEW_MESSAGE, NEW_MESSAGE_NOTIFICATION_QAPP, NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL } from './types' import config from './config' -import {dispatcher} from './dispatcher' -import snackbar from '../functional-components/snackbar.js' -import {NEW_MESSAGE, NEW_MESSAGE_NOTIFICATION_QAPP, NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL} from './types' +import snackbar from '../functional-components/snackbar' let initial = 0 let _state const notificationCheck = function () { - if (window.Notification && Notification.permission === 'granted') { - // ... - return true - } else if (window.Notification && Notification.permission !== 'denied') { - Notification.requestPermission().then(permission => { - if (permission === 'granted') { - dispatcher(_state) - _state = '' - return true - } else { - initial = initial + 1 - snackbar.add({ - labelText: 'Notification is disabled, Enable it to recieve notifications.', - dismiss: true - }) - } - }) - } else { - if ([1, 3, 5, 7, 9, 11, 13, 15].includes(initial)) { - snackbar.add({ - labelText: 'Notification is disabled in this browser, Enable it to recieve notifications.', - dismiss: true - }) - } + if (window.Notification && Notification.permission === 'granted') { + return true + } else if (window.Notification && Notification.permission !== 'denied') { + Notification.requestPermission().then(permission => { + if (permission === 'granted') { + dispatcher(_state) + _state = '' - initial = initial + 1 - } + return true + } else { + initial = initial + 1 + + snackbar.add({ + labelText: 'Notification is disabled, Enable it to recieve notifications.', + dismiss: true + }) + } + }) + } else { + if ([1, 3, 5, 7, 9, 11, 13, 15].includes(initial)) { + snackbar.add({ + labelText: 'Notification is disabled in this browser, Enable it to recieve notifications.', + dismiss: true + }) + } + + initial = initial + 1 + } } /** @@ -41,52 +42,53 @@ const notificationCheck = function () { * @property notificationState = { type: NEW_MESSAGE, data } * @property data = { title: 'Qortal Chat', sound: config.messageAlert, options: { body: 'New Message', icon: config.default.icon, badge: config.default.icon }, req } */ - export const doNewMessage = function (req) { - const newMessage = () => { + const newMessage = () => { + let data - let data - if (req.type && req.type === 'qapp') { - data = req + if (req.type && req.type === 'qapp') { + data = req + } else if (req.groupId) { + const title = `${req.groupName}` + const body = `New Message from ${req.senderName === undefined ? req.sender : req.senderName}` - } else if (req.groupId) { - const title = `${req.groupName}` - const body = `New Message from ${req.senderName === undefined ? req.sender : req.senderName}` - data = { title, sound: config.messageAlert, options: { body, icon: config.default.icon, badge: config.default.icon }, req } - } else { - const title = `${req.senderName === undefined ? req.sender : req.senderName}` - const body = 'New Message' - data = { title, sound: config.messageAlert, options: { body, icon: config.default.icon, badge: config.default.icon }, req } - } + data = { title, sound: config.messageAlert, options: { body, icon: config.default.icon, badge: config.default.icon }, req } + } else { + const title = `${req.senderName === undefined ? req.sender : req.senderName}` + const body = 'New Message' - const notificationState = { type: NEW_MESSAGE, data: data } - const notificationStateQapp = { type: NEW_MESSAGE_NOTIFICATION_QAPP, data: data } - const canI = notificationCheck() + data = { title, sound: config.messageAlert, options: { body, icon: config.default.icon, badge: config.default.icon }, req } + } - if (canI === true) { - if (req.type && req.type === 'qapp') { - dispatcher(notificationStateQapp) - } else { - dispatcher(notificationState) - } + const notificationState = { type: NEW_MESSAGE, data: data } + const notificationStateQapp = { type: NEW_MESSAGE_NOTIFICATION_QAPP, data: data } + const canI = notificationCheck() - } else { - _state = notificationState - } - } - const page = window.top.location.href - if(req.type && req.type === 'qapp-local-notification'){ - try { - dispatcher({ type: NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL, data: req }) + if (canI === true) { + if (req.type && req.type === 'qapp') { + dispatcher(notificationStateQapp) + } else { + dispatcher(notificationState) + } + } else { + _state = notificationState + } + } - } catch (error) { - console.log('error', error) - } - }else if (!document.hasFocus()) { - newMessage() - } else { - if (page.includes(req.url) === false) { - newMessage() - } - } -} + const page = window.top.location.href + + if (req.type && req.type === 'qapp-local-notification') { + try { + dispatcher({ type: NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL, data: req }) + + } catch (error) { + console.log('error', error) + } + } else if (!document.hasFocus()) { + newMessage() + } else { + if (page.includes(req.url) === false) { + newMessage() + } + } +} \ No newline at end of file diff --git a/core/src/notifications/dispatcher.js b/core/src/notifications/dispatcher.js index e31e6d84..e66fa964 100644 --- a/core/src/notifications/dispatcher.js +++ b/core/src/notifications/dispatcher.js @@ -2,14 +2,16 @@ import {NEW_MESSAGE, NEW_MESSAGE_NOTIFICATION_QAPP, NEW_MESSAGE_NOTIFICATION_QAP import {newMessage, newMessageNotificationQapp, newMessageNotificationQappLocal} from './notification-actions' export const dispatcher = function (notificationState) { + switch (notificationState.type) { + case NEW_MESSAGE: + return newMessage(notificationState.data) - switch (notificationState.type) { - case NEW_MESSAGE: - return newMessage(notificationState.data) - case NEW_MESSAGE_NOTIFICATION_QAPP: - return newMessageNotificationQapp(notificationState.data) - case NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL: - return newMessageNotificationQappLocal(notificationState.data) - default: - } -} + case NEW_MESSAGE_NOTIFICATION_QAPP: + return newMessageNotificationQapp(notificationState.data) + + case NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL: + return newMessageNotificationQappLocal(notificationState.data) + + default: + } +} \ No newline at end of file diff --git a/core/src/notifications/notification-actions/index.js b/core/src/notifications/notification-actions/index.js index cc2f8937..90f883ff 100644 --- a/core/src/notifications/notification-actions/index.js +++ b/core/src/notifications/notification-actions/index.js @@ -1 +1 @@ -export { newMessage, newMessageNotificationQapp, newMessageNotificationQappLocal } from './new-message' +export { newMessage, newMessageNotificationQapp, newMessageNotificationQappLocal } from './new-message' \ No newline at end of file diff --git a/core/src/notifications/notification-actions/new-message.js b/core/src/notifications/notification-actions/new-message.js index b9ab7ff0..43f02712 100644 --- a/core/src/notifications/notification-actions/new-message.js +++ b/core/src/notifications/notification-actions/new-message.js @@ -1,267 +1,284 @@ -import {store} from '../../store.js' -import {doPageUrl, setNewTab} from '../../redux/app/app-actions.js' +import { store } from '../../store' +import { doPageUrl, setNewTab } from '../../redux/app/app-actions' import isElectron from 'is-electron' -import ShortUniqueId from 'short-unique-id'; +import ShortUniqueId from 'short-unique-id' const uid = new ShortUniqueId() export const newMessage = (data) => { - const alert = playSound(data.sound) + const alert = playSound(data.sound) - // Should I show notification ? - if (store.getState().user.notifications.q_chat.showNotification) { + // Should I show notification ? + if (store.getState().user.notifications.q_chat.showNotification) { + // Yes, I can but should I play sound ? + if (store.getState().user.notifications.q_chat.playSound) { + const notify = new Notification(data.title, data.options) - // Yes, I can but should I play sound ? - if (store.getState().user.notifications.q_chat.playSound) { + notify.onshow = (e) => { + alert.play() + } - const notify = new Notification(data.title, data.options) - - notify.onshow = (e) => { - alert.play() - } - - notify.onclick = (e) => { - const pageUrl = `/app/q-chat/?chat=${data.req.url}` - store.dispatch(doPageUrl(pageUrl)) - } - } else { - - const notify = new Notification(data.title, data.options) - - notify.onclick = (e) => { - const pageUrl = `/app/q-chat/?chat=${data.req.url}` - store.dispatch(doPageUrl(pageUrl)) - } - } - // If sounds are enabled, but notifications are not - } else if (store.getState().user.notifications.q_chat.playSound) { - alert.play() - } + notify.onclick = (e) => { + const pageUrl = `/app/q-chat/?chat=${data.req.url}` + store.dispatch(doPageUrl(pageUrl)) + } + } else { + const notify = new Notification(data.title, data.options) + notify.onclick = (e) => { + const pageUrl = `/app/q-chat/?chat=${data.req.url}` + store.dispatch(doPageUrl(pageUrl)) + } + } + // If sounds are enabled, but notifications are not + } else if (store.getState().user.notifications.q_chat.playSound) { + alert.play() + } } + export const newMessageNotificationQapp = (data) => { + const alert = playSound(data.sound) - const alert = playSound(data.sound) + // Should I show notification ? + if (store.getState().user.notifications.q_chat.showNotification) { + // Yes, I can but should I play sound ? + if (store.getState().user.notifications.q_chat.playSound) { + const notify = new Notification(data.title, data.options) - // Should I show notification ? - if (store.getState().user.notifications.q_chat.showNotification) { + notify.onshow = (e) => { + alert.play() + } - // Yes, I can but should I play sound ? - if (store.getState().user.notifications.q_chat.playSound) { + notify.onclick = (e) => { + const query = `?service=APP&name=Q-Mail` - const notify = new Notification(data.title, data.options) + store.dispatch(setNewTab({ + url: `qdn/browser/index.html${query}`, + id: 'q-mail-notification', + myPlugObj: { + "url": "qapps", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": "Q-Mail", + "icon": "vaadin:desktop", + "menus": [], + "parent": false + } + })) - notify.onshow = (e) => { - alert.play() - } + if (!isElectron()) { + window.focus(); + } else { + window.electronAPI.focusApp() + } + } + } else { + const notify = new Notification(data.title, data.options) - notify.onclick = (e) => { - const query = `?service=APP&name=Q-Mail` + notify.onclick = (e) => { + const query = `?service=APP&name=Q-Mail` - store.dispatch(setNewTab({ - url: `qdn/browser/index.html${query}`, - id: 'q-mail-notification', - myPlugObj: { - "url": "qapps", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": "Q-Mail", - "icon": "vaadin:desktop", - "menus": [], - "parent": false - } - })) - if (!isElectron()) { - window.focus(); - } else { - window.electronAPI.focusApp() - } - - } - } else { - - const notify = new Notification(data.title, data.options) - - notify.onclick = (e) => { - const query = `?service=APP&name=Q-Mail` - - store.dispatch(setNewTab({ - url: `qdn/browser/index.html${query}`, - id: 'q-mail-notification', - myPlugObj: { - "url": "qapps", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": "Q-Mail", - "icon": "vaadin:desktop", - "menus": [], - "parent": false - } - })) - if (!isElectron()) { - window.focus(); - } else { - window.electronAPI.focusApp() - } - } - } - // If sounds are enabled, but notifications are not - } else if (store.getState().user.notifications.q_chat.playSound) { - alert.play() - } + store.dispatch(setNewTab({ + url: `qdn/browser/index.html${query}`, + id: 'q-mail-notification', + myPlugObj: { + "url": "qapps", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": "Q-Mail", + "icon": "vaadin:desktop", + "menus": [], + "parent": false + } + })) + if (!isElectron()) { + window.focus(); + } else { + window.electronAPI.focusApp() + } + } + } + // If sounds are enabled, but notifications are not + } else if (store.getState().user.notifications.q_chat.playSound) { + alert.play() + } } - const extractComponents= async (url)=> { - if (!url.startsWith("qortal://")) { - return null; - } +const extractComponents = async (url) => { + if (!url.startsWith("qortal://")) { + return null + } - url = url.replace(/^(qortal\:\/\/)/, ""); - if (url.includes("/")) { - let parts = url.split("/"); - const service = parts[0].toUpperCase(); - parts.shift(); - const name = parts[0]; - parts.shift(); - let identifier; + url = url.replace(/^(qortal\:\/\/)/, "") - if (parts.length > 0) { - identifier = parts[0]; // Do not shift yet - // Check if a resource exists with this service, name and identifier combination - let responseObj = await parentEpml.request('apiCall', { - url: `/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${this.getApiKey()}` - }) + if (url.includes("/")) { + let parts = url.split("/") - if (responseObj.totalChunkCount > 0) { - // Identifier exists, so don't include it in the path - parts.shift(); - } - else { - identifier = null; - } - } + const service = parts[0].toUpperCase() - const path = parts.join("/"); + parts.shift() - const components = {}; - components["service"] = service; - components["name"] = name; - components["identifier"] = identifier; - components["path"] = path; - return components; - } + const name = parts[0] - return null; + parts.shift() + + let identifier + + if (parts.length > 0) { + // Do not shift yet + identifier = parts[0] + + // Check if a resource exists with this service, name and identifier combination + let responseObj = await parentEpml.request('apiCall', { + url: `/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${this.getApiKey()}` + }) + + if (responseObj.totalChunkCount > 0) { + // Identifier exists, so don't include it in the path + parts.shift() + } else { + identifier = null + } + } + + const path = parts.join("/") + const components = {} + + components["service"] = service + components["name"] = name + components["identifier"] = identifier + components["path"] = path + + return components + } + + return null } -export const newMessageNotificationQappLocal = (data) => { - const alert = playSound(data.sound) +export const newMessageNotificationQappLocal = (data) => { + const alert = playSound(data.sound) - // Should I show notification ? - if (store.getState().user.notifications.q_chat.showNotification) { + // Should I show notification ? + if (store.getState().user.notifications.q_chat.showNotification) { + // Yes, I can but should I play sound ? + if (store.getState().user.notifications.q_chat.playSound) { + const notify = new Notification(data.title, data.options) - // Yes, I can but should I play sound ? - if (store.getState().user.notifications.q_chat.playSound) { - - const notify = new Notification(data.title, data.options) - - notify.onshow = (e) => { - alert.play() - } - - notify.onclick = async(e) => { - let newQuery = data?.url; - if (newQuery.endsWith('/')) { - newQuery = newQuery.slice(0, -1); + notify.onshow = (e) => { + alert.play() } - const res = await extractComponents(newQuery) - if (!res) return - const { service, name, identifier, path } = res - let query = `?service=${service}` - if (name) { - query = query + `&name=${name}` - } - if (identifier) { - query = query + `&identifier=${identifier}` - } - if (path) { - query = query + `&path=${path}` - } - const tab = { - url: `qdn/browser/index.html${query}`, - id: uid.rnd(), - myPlugObj: { - "url": service === 'WEBSITE' ? "websites" : "qapps", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": name, - "icon": service === 'WEBSITE' ? 'vaadin:desktop' : 'vaadin:external-browser', - "mwcicon": service === 'WEBSITE' ? 'desktop_mac' : 'open_in_browser', - "menus": [], - "parent": false + + notify.onclick = async (e) => { + let newQuery = data?.url + + if (newQuery.endsWith('/')) { + newQuery = newQuery.slice(0, -1) } - } - store.dispatch(setNewTab(tab)) - if (!isElectron()) { - window.focus(); - } else { - window.electronAPI.focusApp() - } - } - } else { + const res = await extractComponents(newQuery) - const notify = new Notification(data.title, data.options) + if (!res) return - notify.onclick = async(e) => { - let newQuery = data?.url; - if (newQuery.endsWith('/')) { - newQuery = newQuery.slice(0, -1); - } - const res = await extractComponents(newQuery) - if (!res) return - const { service, name, identifier, path } = res - let query = `?service=${service}` - if (name) { - query = query + `&name=${name}` - } - if (identifier) { - query = query + `&identifier=${identifier}` - } - if (path) { - query = query + `&path=${path}` - } - const tab = { - url: `qdn/browser/index.html${query}`, - id: uid.rnd(), - myPlugObj: { - "url": service === 'WEBSITE' ? "websites" : "qapps", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": name, - "icon": service === 'WEBSITE' ? 'vaadin:desktop' : 'vaadin:external-browser', - "mwcicon": service === 'WEBSITE' ? 'desktop_mac' : 'open_in_browser', - "menus": [], - "parent": false + const { service, name, identifier, path } = res + + let query = `?service=${service}` + + if (name) { + query = query + `&name=${name}` } - } - store.dispatch(setNewTab(tab)) - if (!isElectron()) { - window.focus(); - } else { - window.electronAPI.focusApp() - } - } - } - // If sounds are enabled, but notifications are not - } else if (store.getState().user.notifications.q_chat.playSound) { - alert.play() - } + if (identifier) { + query = query + `&identifier=${identifier}` + } + if (path) { + query = query + `&path=${path}` + } + + const tab = { + url: `qdn/browser/index.html${query}`, + id: uid.rnd(), + myPlugObj: { + "url": service === 'WEBSITE' ? "websites" : "qapps", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": name, + "icon": service === 'WEBSITE' ? 'vaadin:desktop' : 'vaadin:external-browser', + "mwcicon": service === 'WEBSITE' ? 'desktop_mac' : 'open_in_browser', + "menus": [], + "parent": false + } + } + + store.dispatch(setNewTab(tab)) + + if (!isElectron()) { + window.focus() + } else { + window.electronAPI.focusApp() + } + } + } else { + const notify = new Notification(data.title, data.options) + + notify.onclick = async (e) => { + let newQuery = data?.url + + if (newQuery.endsWith('/')) { + newQuery = newQuery.slice(0, -1) + } + + const res = await extractComponents(newQuery) + + if (!res) return + + const { service, name, identifier, path } = res + + let query = `?service=${service}` + + if (name) { + query = query + `&name=${name}` + } + + if (identifier) { + query = query + `&identifier=${identifier}` + } + + if (path) { + query = query + `&path=${path}` + } + + const tab = { + url: `qdn/browser/index.html${query}`, + id: uid.rnd(), + myPlugObj: { + "url": service === 'WEBSITE' ? "websites" : "qapps", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": name, + "icon": service === 'WEBSITE' ? 'vaadin:desktop' : 'vaadin:external-browser', + "mwcicon": service === 'WEBSITE' ? 'desktop_mac' : 'open_in_browser', + "menus": [], + "parent": false + } + } + + store.dispatch(setNewTab(tab)) + + if (!isElectron()) { + window.focus() + } else { + window.electronAPI.focusApp() + } + } + } + // If sounds are enabled, but notifications are not + } else if (store.getState().user.notifications.q_chat.playSound) { + alert.play() + } } const playSound = (soundUrl) => { - return new Audio(soundUrl) -} + return new Audio(soundUrl) +} \ No newline at end of file diff --git a/core/src/notifications/types.js b/core/src/notifications/types.js index f50b3ec7..e26c8366 100644 --- a/core/src/notifications/types.js +++ b/core/src/notifications/types.js @@ -1,3 +1,3 @@ export const NEW_MESSAGE = 'NEW_MESSAGE' export const NEW_MESSAGE_NOTIFICATION_QAPP = 'NEW_MESSAGE_NOTIFICATION_QAPP' -export const NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL = 'NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL' +export const NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL = 'NEW_MESSAGE_NOTIFICATION_QAPP_LOCAL' \ No newline at end of file diff --git a/core/src/persistState.js b/core/src/persistState.js index 277634a0..fba35e6a 100644 --- a/core/src/persistState.js +++ b/core/src/persistState.js @@ -1,23 +1,20 @@ -import {store} from './store.js' -import {saveStateToLocalStorage} from './localStorageHelpers.js' - -const keys = [ - 'config', - 'user' -] +import { store } from './store' +import { saveStateToLocalStorage } from './localStorageHelpers' +const keys = ['config', 'user'] const oldReducers = {} - const oldState = store.getState() + for (const key of keys) { - oldReducers[key] = oldState[key] + oldReducers[key] = oldState[key] } store.subscribe(() => { - const newState = store.getState() - keys.forEach(key => { - if (newState[key] !== oldState[key]) { - saveStateToLocalStorage(key, store.getState()[key]) - } - }) -}) + const newState = store.getState() + + keys.forEach(key => { + if (newState[key] !== oldState[key]) { + saveStateToLocalStorage(key, store.getState()[key]) + } + }) +}) \ No newline at end of file diff --git a/core/src/plugins/addPluginRoutes.js b/core/src/plugins/addPluginRoutes.js index e840dd74..5736f4d5 100644 --- a/core/src/plugins/addPluginRoutes.js +++ b/core/src/plugins/addPluginRoutes.js @@ -1,7 +1,7 @@ -import {routes} from './routes.js' +import { routes } from './routes' export const addPluginRoutes = epmlInstance => { - Object.entries(routes).forEach(([route, handler]) => { - epmlInstance.route(route, handler) - }) -} + Object.entries(routes).forEach(([route, handler]) => { + epmlInstance.route(route, handler) + }) +} \ No newline at end of file diff --git a/core/src/plugins/load-plugins.js b/core/src/plugins/load-plugins.js index 63b72729..64438499 100644 --- a/core/src/plugins/load-plugins.js +++ b/core/src/plugins/load-plugins.js @@ -1,46 +1,47 @@ -import {store} from '../store.js' -import {Epml} from '../epml.js' -import {addPluginRoutes} from './addPluginRoutes' -import {doAddPlugin} from '../redux/app/app-actions.js' +import { store } from '../store' +import { Epml } from '../epml' +import { addPluginRoutes } from './addPluginRoutes' +import { doAddPlugin } from '../redux/app/app-actions' let retryLoadPluginsInterval = 0 + export const loadPlugins = () => fetch('/getPlugins') - .then(response => response.json()) - .then(response => { - const plugins = response.plugins - const config = store.getState().config - pluginLoader(plugins, config) - }) - .catch(err => { - retryLoadPluginsInterval += 1000 - console.error(err) - console.error(`Could not load plugins. Retrying in ${retryLoadPluginsInterval / 1000} second(s)`) - setTimeout(loadPlugins, retryLoadPluginsInterval) - }) + .then(response => response.json()).then(response => { + const plugins = response.plugins + const config = store.getState().config + pluginLoader(plugins, config) + }).catch(err => { + retryLoadPluginsInterval += 1000 + console.error(err) + console.error(`Could not load plugins. Retrying in ${retryLoadPluginsInterval / 1000} second(s)`) + setTimeout(loadPlugins, retryLoadPluginsInterval) + }) export const pluginLoader = (plugins, config) => { - const pluginContentWindows = [] - plugins.forEach(plugin => { - const frame = document.createElement('iframe') - frame.className += 'pluginJSFrame' - frame.sandbox = 'allow-scripts allow-same-origin' + const pluginContentWindows = [] - frame.src = window.location.origin + '/qortal-components/plugin-mainjs-loader.html#' + plugin + '/main.js' + plugins.forEach(plugin => { + const frame = document.createElement('iframe') - const insertedFrame = window.document.body.appendChild(frame) + frame.className += 'pluginJSFrame' + frame.sandbox = 'allow-scripts allow-same-origin' + frame.src = window.location.origin + '/qortal-components/plugin-mainjs-loader.html#' + plugin + '/main.js' - pluginContentWindows.push(insertedFrame.contentWindow) + const insertedFrame = window.document.body.appendChild(frame) - const epmlInstance = new Epml({ - type: 'WINDOW', - source: insertedFrame.contentWindow - }) + pluginContentWindows.push(insertedFrame.contentWindow) - addPluginRoutes(epmlInstance) - epmlInstance.imReady() + const epmlInstance = new Epml({ + type: 'WINDOW', + source: insertedFrame.contentWindow + }) - Epml.registerProxyInstance(`${plugin}-plugin`, epmlInstance) + addPluginRoutes(epmlInstance) - store.dispatch(doAddPlugin(epmlInstance)) - }) -} + epmlInstance.imReady() + + Epml.registerProxyInstance(`${plugin}-plugin`, epmlInstance) + + store.dispatch(doAddPlugin(epmlInstance)) + }) +} \ No newline at end of file diff --git a/core/src/plugins/plugin-mainjs-loader.html b/core/src/plugins/plugin-mainjs-loader.html index c424fdd5..3110129a 100644 --- a/core/src/plugins/plugin-mainjs-loader.html +++ b/core/src/plugins/plugin-mainjs-loader.html @@ -1,9 +1,6 @@ - - - - - - - + + + + \ No newline at end of file diff --git a/core/src/plugins/plugin-mainjs-loader.js b/core/src/plugins/plugin-mainjs-loader.js index 86ec8917..3114bd0b 100644 --- a/core/src/plugins/plugin-mainjs-loader.js +++ b/core/src/plugins/plugin-mainjs-loader.js @@ -1,12 +1,15 @@ -'use strict' -import {Epml, EpmlStream} from '../epml.js' +import { Epml, EpmlStream } from '../epml' window.Epml = Epml window.EpmlStream = EpmlStream const pluginScript = document.createElement('script') + pluginScript.async = false pluginScript.type = 'module' + const hash = window.location.hash + pluginScript.src = '/plugin/' + hash.slice(1) -document.body.appendChild(pluginScript) + +document.body.appendChild(pluginScript) \ No newline at end of file diff --git a/core/src/plugins/routes.js b/core/src/plugins/routes.js index dd213a31..af92345a 100644 --- a/core/src/plugins/routes.js +++ b/core/src/plugins/routes.js @@ -1,4 +1,4 @@ -import {store} from '../store.js' +import { store } from '../store' import { doAddPluginUrl, doPageUrl, @@ -7,13 +7,14 @@ import { doUpdateAccountInfo, doUpdateBlockInfo, doUpdateNodeInfo, - doUpdateNodeStatus, -} from '../redux/app/app-actions.js' + doUpdateNodeStatus +} from '../redux/app/app-actions' +import { loadStateFromLocalStorage, saveStateToLocalStorage, } from '../localStorageHelpers' +import { requestTransactionDialog } from '../functional-components/confirm-transaction-dialog' +import { doNewMessage } from '../notifications/controller' import * as api from 'qortal-ui-crypto' -import {requestTransactionDialog} from '../functional-components/confirm-transaction-dialog.js' -import {doNewMessage} from '../notifications/controller.js' -import snackbar from '../functional-components/snackbar.js' -import {loadStateFromLocalStorage, saveStateToLocalStorage,} from '../localStorageHelpers.js' +import snackbar from '../functional-components/snackbar' + const createTransaction = api.createTransaction const processTransaction = api.processTransaction @@ -119,19 +120,20 @@ export const routes = { let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(tx.signedBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(tx.signedBytes) } let extraData = {} - if(req.data.type === 38 && tx && tx._rewardShareKeyPair && tx._rewardShareKeyPair.secretKey){ + + if (req.data.type === 38 && tx && tx._rewardShareKeyPair && tx._rewardShareKeyPair.secretKey) { extraData.rewardSharePrivateKey = Base58.encode(tx._rewardShareKeyPair.secretKey) } - response = { success: true, data: res, @@ -140,70 +142,80 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = { success: false, - message: e.message, + message: e.message } } + return response }, standaloneTransaction: async (req) => { const rebuildUint8Array = (obj) => { let _array = new Uint8Array(Object.keys(obj).length) + for (let i = 0; i < _array.byteLength; ++i) { _array.set([obj[i]], i) } + return _array } let response + try { // req.data.keyPair unfortunately "prepared" into horrible object so we need to convert back let _keyPair = {} + for (let _keyName in req.data.keyPair) { _keyPair[_keyName] = rebuildUint8Array( req.data.keyPair[_keyName] ) } + const tx = createTransaction( req.data.type, _keyPair, req.data.params ) + let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(tx.signedBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(tx.signedBytes) } - response = { success: true, - data: res, + data: res } } catch (e) { console.error(e) console.error(e.message) + response = { success: false, - message: e.message, + message: e.message } } + return response }, username: async (req) => { const state = store.getState() - return state.user.storedWallets[state.app.wallet.addresses[0].address] - .name + return state.user.storedWallets[state.app.wallet.addresses[0].address].name }, chat: async (req) => { let response + try { const tx = createTransaction( req.data.type, @@ -215,13 +227,16 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = false } + return response }, sign_chat: async (req) => { let response + try { const signedChatBytes = await signChatTransaction( req.data.chatBytesArray, @@ -231,10 +246,11 @@ export const routes = { let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(signedChatBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(signedChatBytes) } @@ -242,13 +258,16 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = false } + return response }, sign_arbitrary: async (req) => { let response + try { const signedArbitraryBytes = await signArbitraryTransaction( req.data.arbitraryBytesBase58, @@ -256,12 +275,14 @@ export const routes = { req.data.arbitraryNonce, store.getState().app.wallet._addresses[req.data.nonce].keyPair ) + let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(signedArbitraryBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(signedArbitraryBytes) } @@ -269,25 +290,30 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = false } + return response }, sign_arbitrary_with_fee: async (req) => { let response + try { const signedArbitraryBytes = await signArbitraryWithFeeTransaction( req.data.arbitraryBytesBase58, req.data.arbitraryBytesForSigningBase58, store.getState().app.wallet._addresses[req.data.nonce].keyPair ) + let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(signedArbitraryBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(signedArbitraryBytes) } @@ -295,8 +321,10 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = false } + return response }, @@ -307,12 +335,13 @@ export const routes = { showSnackBar: async (req) => { snackbar.add({ labelText: req.data, - dismiss: true, + dismiss: true }) }, tradeBotCreateRequest: async (req) => { let response + try { const unsignedTxn = await tradeBotCreateRequest(req.data) @@ -320,37 +349,46 @@ export const routes = { unsignedTxn, store.getState().app.selectedAddress.keyPair ) + let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(signedTxnBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(signedTxnBytes) } + response = res } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, tradeBotRespondRequest: async (req) => { let response + try { response = await tradeBotRespondRequest(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, deleteTradeOffer: async (req) => { let response + try { const unsignedTxn = await deleteTradeOffer(req.data) @@ -361,10 +399,11 @@ export const routes = { let res - if(req.data.apiVersion && req.data.apiVersion === 2){ + if (req.data.apiVersion && req.data.apiVersion === 2) { res = await processTransactionVersion2(signedTxnBytes) } - if(!req.data.apiVersion){ + + if (!req.data.apiVersion) { res = await processTransaction(signedTxnBytes) } @@ -372,94 +411,115 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, cancelAllOffers: async (req) => { let response + try { - response = await cancelAllOffers( - store.getState().app.selectedAddress - ) + response = await cancelAllOffers(store.getState().app.selectedAddress) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendBtc: async (req) => { let response + try { response = await sendBtc(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendLtc: async (req) => { let response + try { response = await sendLtc(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendDoge: async (req) => { let response + try { response = await sendDoge(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendDgb: async (req) => { let response + try { response = await sendDgb(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendRvn: async (req) => { let response + try { response = await sendRvn(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendArrr: async (req) => { let response + try { response = await sendArrr(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response - }, -} + } +} \ No newline at end of file diff --git a/core/src/plugins/streams.js b/core/src/plugins/streams.js index c33047ee..1a88aebc 100644 --- a/core/src/plugins/streams.js +++ b/core/src/plugins/streams.js @@ -1,5 +1,5 @@ -import {store} from '../store.js' -import {EpmlStream} from 'epml' +import { store } from '../store' +import { EpmlStream } from 'epml' const LOGIN_STREAM_NAME = 'logged_in' const CONFIG_STREAM_NAME = 'config' @@ -23,57 +23,54 @@ export const sideEffectActionStream = new EpmlStream(SIDE_EFFECT_ACTION, () => s export const profileDataActionStream = new EpmlStream(SIDE_EFFECT_ACTION, () => store.getState().app.profileData) export const coinBalancesActionStream = new EpmlStream(COIN_BALANCES_ACTION, () => store.getState().app.coinBalances) - - - let oldState = { - app: {} + app: {} } store.subscribe(() => { - const state = store.getState() + const state = store.getState() - if (oldState.app.loggedIn !== state.app.loggedIn) { - loggedInStream.emit(state.app.loggedIn) - } + if (oldState.app.loggedIn !== state.app.loggedIn) { + loggedInStream.emit(state.app.loggedIn) + } - if (oldState.config !== state.config) { - configStream.emit(state.config) - } + if (oldState.config !== state.config) { + configStream.emit(state.config) + } - if (oldState.app.nodeConfig !== state.app.nodeConfig) { - nodeConfigStream.emit(state.app.nodeConfig) - } + if (oldState.app.nodeConfig !== state.app.nodeConfig) { + nodeConfigStream.emit(state.app.nodeConfig) + } - if (oldState.app.chatLastSeen !== state.app.chatLastSeen) { - chatLastSeenStream.emit(state.app.chatLastSeen) - } + if (oldState.app.chatLastSeen !== state.app.chatLastSeen) { + chatLastSeenStream.emit(state.app.chatLastSeen) + } - if (oldState.app.selectedAddress !== state.app.selectedAddress) { - selectedAddressStream.emit({ - address: state.app.selectedAddress.address, - color: state.app.selectedAddress.color, - nonce: state.app.selectedAddress.nonce, - textColor: state.app.selectedAddress.textColor - }) - } - if (oldState.app.chatHeads !== state.app.chatHeads) { - chatHeadsStateStream.emit(state.app.chatHeads) - } + if (oldState.app.selectedAddress !== state.app.selectedAddress) { + selectedAddressStream.emit({ + address: state.app.selectedAddress.address, + color: state.app.selectedAddress.color, + nonce: state.app.selectedAddress.nonce, + textColor: state.app.selectedAddress.textColor + }) + } - if (oldState.app.appInfo !== state.app.appInfo) { - appInfoStateStream.emit(state.app.appInfo) - } - if (oldState.app.sideEffectAction !== state.app.sideEffectAction) { - sideEffectActionStream.emit(state.app.sideEffectAction) - } - if(oldState.app.profileDataActionStream !== state.app.profileDataActionStream){ - profileDataActionStream.emit(state.app.profileData) - } - if (oldState.app.coinBalances !== state.app.coinBalances) { - coinBalancesActionStream.emit(state.app.coinBalances) - } + if (oldState.app.chatHeads !== state.app.chatHeads) { + chatHeadsStateStream.emit(state.app.chatHeads) + } + if (oldState.app.appInfo !== state.app.appInfo) { + appInfoStateStream.emit(state.app.appInfo) + } + if (oldState.app.sideEffectAction !== state.app.sideEffectAction) { + sideEffectActionStream.emit(state.app.sideEffectAction) + } + if (oldState.app.profileDataActionStream !== state.app.profileDataActionStream) { + profileDataActionStream.emit(state.app.profileData) + } + if (oldState.app.coinBalances !== state.app.coinBalances) { + coinBalancesActionStream.emit(state.app.coinBalances) + } - oldState = state -}) + oldState = state +}) \ No newline at end of file diff --git a/core/src/redux/app/actions/app-core.js b/core/src/redux/app/actions/app-core.js index 63f60ec8..20603501 100644 --- a/core/src/redux/app/actions/app-core.js +++ b/core/src/redux/app/actions/app-core.js @@ -25,207 +25,209 @@ import { REMOVE_QAPP_FRIENDS_LIST, ALLOW_SHOW_SYNC_INDICATOR, REMOVE_SHOW_SYNC_INDICATOR -} from '../app-action-types.js' +} from '../app-action-types' export const doUpdateBlockInfo = (blockObj) => { - return (dispatch, getState) => { - dispatch(updateBlock(blockObj)) - } + return (dispatch, getState) => { + dispatch(updateBlock(blockObj)) + } } const updateBlock = (payload) => { - return { - type: UPDATE_BLOCK_INFO, - payload - } + return { + type: UPDATE_BLOCK_INFO, + payload + } } export const doUpdateNodeStatus = (nodeStatusObj) => { - return (dispatch, getState) => { - dispatch(updateNodeStatus(nodeStatusObj)) - } + return (dispatch, getState) => { + dispatch(updateNodeStatus(nodeStatusObj)) + } } const updateNodeStatus = (payload) => { - return { - type: UPDATE_NODE_STATUS, - payload - } + return { + type: UPDATE_NODE_STATUS, + payload + } } export const doUpdateNodeInfo = (nodeInfoObj) => { - return (dispatch, getState) => { - dispatch(updateNodeInfo(nodeInfoObj)) - } + return (dispatch, getState) => { + dispatch(updateNodeInfo(nodeInfoObj)) + } } const updateNodeInfo = (payload) => { - return { - type: UPDATE_NODE_INFO, - payload - } + return { + type: UPDATE_NODE_INFO, + payload + } } export const doSetChatHeads = (chatHeadsObj) => { - return (dispatch, getState) => { - dispatch(setChatHeads(chatHeadsObj)) - } + return (dispatch, getState) => { + dispatch(setChatHeads(chatHeadsObj)) + } } const setChatHeads = (payload) => { - return { - type: CHAT_HEADS, - payload - } + return { + type: CHAT_HEADS, + payload + } } export const doUpdateAccountInfo = (appInfoObj) => { - return (dispatch, getState) => { - dispatch(updateAccountInfo(appInfoObj)) - } + return (dispatch, getState) => { + dispatch(updateAccountInfo(appInfoObj)) + } } const updateAccountInfo = (payload) => { - return { - type: ACCOUNT_INFO, - payload - } + return { + type: ACCOUNT_INFO, + payload + } } export const addAutoLoadImageChat = (payload) => { - return { - type: ADD_AUTO_LOAD_IMAGES_CHAT, - payload - } + return { + type: ADD_AUTO_LOAD_IMAGES_CHAT, + payload + } } export const removeAutoLoadImageChat = (payload) => { - return { - type: REMOVE_AUTO_LOAD_IMAGES_CHAT, - payload - } + return { + type: REMOVE_AUTO_LOAD_IMAGES_CHAT, + payload + } } export const allowQAPPAutoAuth = (payload) => { - return { - type: ALLOW_QAPP_AUTO_AUTH, - payload - } + return { + type: ALLOW_QAPP_AUTO_AUTH, + payload + } } export const removeQAPPAutoAuth = (payload) => { - return { - type: REMOVE_QAPP_AUTO_AUTH, - payload - } + return { + type: REMOVE_QAPP_AUTO_AUTH, + payload + } } + export const allowQAPPAutoLists = (payload) => { - return { - type: ALLOW_QAPP_AUTO_LISTS, - payload - } + return { + type: ALLOW_QAPP_AUTO_LISTS, + payload + } } export const removeQAPPAutoLists = (payload) => { - return { - type: REMOVE_QAPP_AUTO_LISTS, - payload - } + return { + type: REMOVE_QAPP_AUTO_LISTS, + payload + } } export const allowQAPPAutoFriendsList = (payload) => { - return { - type: ALLOW_QAPP_FRIENDS_LIST, - payload - } + return { + type: ALLOW_QAPP_FRIENDS_LIST, + payload + } } export const removeQAPPAutoFriendsList = (payload) => { - return { - type: REMOVE_QAPP_FRIENDS_LIST, - payload - } + return { + type: REMOVE_QAPP_FRIENDS_LIST, + payload + } } export const setChatLastSeen = (payload) => { - return { - type: SET_CHAT_LAST_SEEN, - payload - } + return { + type: SET_CHAT_LAST_SEEN, + payload + } } + export const addChatLastSeen = (payload) => { - return { - type: ADD_CHAT_LAST_SEEN, - payload - } + return { + type: ADD_CHAT_LAST_SEEN, + payload + } } export const setNewTab = (payload) => { - return { - type: SET_NEW_TAB, - payload - } + return { + type: SET_NEW_TAB, + payload + } } export const setNewNotification = (payload) => { - return { - type: SET_NEW_NOTIFICATION, - payload - } + return { + type: SET_NEW_NOTIFICATION, + payload + } } export const setIsOpenDevDialog = (payload) => { - return { - type: IS_OPEN_DEV_DIALOG, - payload - } + return { + type: IS_OPEN_DEV_DIALOG, + payload + } } export const addTabInfo = (payload) => { - return { - type: ADD_TAB_INFO, - payload - } + return { + type: ADD_TAB_INFO, + payload + } } export const setTabNotifications = (payload) => { - return { - type: SET_TAB_NOTIFICATIONS, - payload - } + return { + type: SET_TAB_NOTIFICATIONS, + payload + } } -export const setSideEffectAction = (payload)=> { - return { - type: SET_SIDE_EFFECT, - payload - } +export const setSideEffectAction = (payload) => { + return { + type: SET_SIDE_EFFECT, + payload + } } export const setProfileData = (payload) => { - return { - type: SET_PROFILE_DATA, - payload - } + return { + type: SET_PROFILE_DATA, + payload + } } export const setCoinBalances = (payload) => { - return { - type: SET_COIN_BALANCES, - payload - } + return { + type: SET_COIN_BALANCES, + payload + } } export const allowShowSyncIndicator = (payload) => { - return { - type: ALLOW_SHOW_SYNC_INDICATOR, - payload - } + return { + type: ALLOW_SHOW_SYNC_INDICATOR, + payload + } } export const removeShowSyncIndicator = (payload) => { - return { - type: REMOVE_SHOW_SYNC_INDICATOR, - payload - } -} + return { + type: REMOVE_SHOW_SYNC_INDICATOR, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/app/actions/init-worker.js b/core/src/redux/app/actions/init-worker.js index 3bdff3ee..3c880f36 100644 --- a/core/src/redux/app/actions/init-worker.js +++ b/core/src/redux/app/actions/init-worker.js @@ -1,31 +1,33 @@ -import {Epml} from '../../../epml.js' -import {EpmlWorkerPlugin} from 'epml' - -import {INIT_WORKERS} from '../app-action-types.js' +import { Epml } from '../../../epml' +import { EpmlWorkerPlugin } from 'epml' +import { INIT_WORKERS } from '../app-action-types' Epml.registerPlugin(EpmlWorkerPlugin) export const doInitWorkers = (numberOfWorkers, workerURL) => { - const workers = [] - return (dispatch, getState) => { - dispatch(initWorkers()) - try { - for (let i = 0; i < numberOfWorkers; i++) { - workers.push(new Epml({ type: 'WORKER', source: new Worker(workerURL) })) - } - Promise.all(workers.map(workerEpml => workerEpml.ready())) - .then(() => { - dispatch(initWorkers('success', workers)) - }) - } catch (e) { - dispatch(initWorkers('error', e)) - } - } + const workers = [] + + return (dispatch, getState) => { + dispatch(initWorkers()) + + try { + for (let i = 0; i < numberOfWorkers; i++) { + workers.push(new Epml({ type: 'WORKER', source: new Worker(workerURL) })) + } + + Promise.all(workers.map(workerEpml => workerEpml.ready())).then(() => { + dispatch(initWorkers('success', workers)) + }) + } catch (e) { + dispatch(initWorkers('error', e)) + } + } } + const initWorkers = (status, payload) => { - return { - type: INIT_WORKERS, - status, - payload - } -} + return { + type: INIT_WORKERS, + status, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/app/actions/login.js b/core/src/redux/app/actions/login.js index 0bb8b092..368d9dc8 100644 --- a/core/src/redux/app/actions/login.js +++ b/core/src/redux/app/actions/login.js @@ -1,43 +1,43 @@ -import {LOG_IN, LOG_OUT, SELECT_ADDRESS} from '../app-action-types.js' +import { LOG_IN, LOG_OUT, SELECT_ADDRESS } from '../app-action-types' export const doSelectAddress = address => { - return (dispatch, getState) => { - dispatch(selectAddress(address)) - } + return (dispatch, getState) => { + dispatch(selectAddress(address)) + } } const selectAddress = address => { - return { - type: SELECT_ADDRESS, - address - } + return { + type: SELECT_ADDRESS, + address + } } export const doLogin = wallet => { - return (dispatch, getState) => { - dispatch(login('success', { - wallet - })) - } + return (dispatch, getState) => { + dispatch(login('success', { + wallet + })) + } } const login = (status, payload) => { - return { - type: LOG_IN, - status, - payload - } + return { + type: LOG_IN, + status, + payload + } } export const doLogout = () => { - // THOUGHTS: Maybe add some checks for ongoing stuff... - return (dispatch, getState) => { - dispatch(logout()) - } + // THOUGHTS: Maybe add some checks for ongoing stuff... + return (dispatch, getState) => { + dispatch(logout()) + } } const logout = () => { - return { - type: LOG_OUT - } -} + return { + type: LOG_OUT + } +} \ No newline at end of file diff --git a/core/src/redux/app/actions/node-config.js b/core/src/redux/app/actions/node-config.js index 1761239f..8eea91ce 100644 --- a/core/src/redux/app/actions/node-config.js +++ b/core/src/redux/app/actions/node-config.js @@ -1,120 +1,118 @@ // Node Config Actions here... -import {ADD_NODE, EDIT_NODE, LOAD_NODE_CONFIG, REMOVE_NODE, SET_NODE} from '../app-action-types.js' -import {UI_VERSION} from '../version.js' +import { ADD_NODE, EDIT_NODE, LOAD_NODE_CONFIG, REMOVE_NODE, SET_NODE } from '../app-action-types' +import { UI_VERSION } from '../version' const nodeConfigUrl = '/getConfig' - const checkNodes = JSON.parse(localStorage.getItem('myQortalNodes')) - const checkMyNode = localStorage.getItem('mySelectedNode') export const doLoadNodeConfig = () => { + return (dispatch, getState) => { + fetch(nodeConfigUrl).then(res => { + return res.json() + }).then(data => { + const nodeConfig = { + node: 0, + knownNodes: [{}], + version: '' + } - return (dispatch, getState) => { - fetch(nodeConfigUrl) - .then(res => { - return res.json() - }) - .then(data => { - const nodeConfig = { - node: 0, - knownNodes: [{}], - version: '' - } + if (checkMyNode === null || checkMyNode.length === 0) { + localStorage.setItem('mySelectedNode', 0) + nodeConfig.node = localStorage.getItem('mySelectedNode') + } else { + nodeConfig.node = localStorage.getItem('mySelectedNode') + } - if (checkMyNode === null || checkMyNode.length === 0) { - localStorage.setItem('mySelectedNode', 0) - nodeConfig.node = localStorage.getItem('mySelectedNode') - } else { - nodeConfig.node = localStorage.getItem('mySelectedNode') - } + if (checkNodes === null || checkNodes.length === 0) { + var saveNode = [] + saveNode.push(obj1, obj2) + localStorage.setItem('myQortalNodes', JSON.stringify(saveNode)) + nodeConfig.knownNodes = JSON.parse(localStorage.getItem('myQortalNodes')) + } else { + nodeConfig.knownNodes = JSON.parse(localStorage.getItem('myQortalNodes')) + } - if (checkNodes === null || checkNodes.length === 0) { - var saveNode = []; - saveNode.push(obj1,obj2); - localStorage.setItem('myQortalNodes', JSON.stringify(saveNode)); - nodeConfig.knownNodes = JSON.parse(localStorage.getItem('myQortalNodes')); - } else{ - nodeConfig.knownNodes = JSON.parse(localStorage.getItem('myQortalNodes')); - } + nodeConfig.version = UI_VERSION - nodeConfig.version = UI_VERSION; - return dispatch(loadNodeConfig(nodeConfig)) - }) - .catch(err => { - console.error(err) - }) - } + return dispatch(loadNodeConfig(nodeConfig)) + }).catch(err => { + console.error(err) + }) + } } const loadNodeConfig = (payload) => { - return { - type: LOAD_NODE_CONFIG, - payload - } + return { + type: LOAD_NODE_CONFIG, + payload + } } export const doSetNode = (nodeIndex) => { - return (dispatch, getState) => { - return dispatch(setNode(nodeIndex)) - } + return (dispatch, getState) => { + return dispatch(setNode(nodeIndex)) + } } const setNode = (payload) => { - return { - type: SET_NODE, - payload - } + return { + type: SET_NODE, + payload + } } export const doAddNode = (nodeObject) => { - return (dispatch, getState) => { - return dispatch(addNode(nodeObject)) - } + return (dispatch, getState) => { + return dispatch(addNode(nodeObject)) + } } + export const doRemoveNode = (index) => { - return (dispatch, getState) => { - return dispatch(removeNode(index)) - } + return (dispatch, getState) => { + return dispatch(removeNode(index)) + } } + export const doEditNode = (index, nodeObject) => { - return (dispatch, getState) => { - return dispatch(editNode({index, nodeObject})) - } + return (dispatch, getState) => { + return dispatch(editNode({ index, nodeObject })) + } } const addNode = (payload) => { - return { - type: ADD_NODE, - payload - } + return { + type: ADD_NODE, + payload + } } const editNode = (payload) => { - return { - type: EDIT_NODE, - payload - } + return { + type: EDIT_NODE, + payload + } } + const removeNode = (payload) => { - return { - type: REMOVE_NODE, - payload - } + return { + type: REMOVE_NODE, + payload + } } + const obj1 = { - name: 'Local Node', - protocol: 'http', - domain: '127.0.0.1', - port: 12391, - enableManagement: true + name: 'Local Node', + protocol: 'http', + domain: '127.0.0.1', + port: 12391, + enableManagement: true } const obj2 = { - name: 'Local Testnet', - protocol: 'http', - domain: '127.0.0.1', - port: 62391, - enableManagement: true + name: 'Local Testnet', + protocol: 'http', + domain: '127.0.0.1', + port: 62391, + enableManagement: true } - diff --git a/core/src/redux/app/actions/plugins.js b/core/src/redux/app/actions/plugins.js index e376befe..0386c2a6 100644 --- a/core/src/redux/app/actions/plugins.js +++ b/core/src/redux/app/actions/plugins.js @@ -1,40 +1,40 @@ -import {ADD_PLUGIN, ADD_PLUGIN_URL, PAGE_URL} from '../app-action-types.js' +import { ADD_PLUGIN, ADD_PLUGIN_URL, PAGE_URL } from '../app-action-types' export const doAddPluginUrl = (pluginUrlsConf) => { - return (dispatch, getState) => { - dispatch(addPluginUrl(pluginUrlsConf)) - } + return (dispatch, getState) => { + dispatch(addPluginUrl(pluginUrlsConf)) + } } const addPluginUrl = (payload) => { - return { - type: ADD_PLUGIN_URL, - payload - } + return { + type: ADD_PLUGIN_URL, + payload + } } export const doAddPlugin = (epmlInstance) => { - return (dispatch, getState) => { - dispatch(addPlugin(epmlInstance)) - } + return (dispatch, getState) => { + dispatch(addPlugin(epmlInstance)) + } } const addPlugin = (payload) => { - return { - type: ADD_PLUGIN, - payload - } + return { + type: ADD_PLUGIN, + payload + } } export const doPageUrl = (pageUrl) => { - return (dispatch, getState) => { - dispatch(myPageUrl(pageUrl)) - } + return (dispatch, getState) => { + dispatch(myPageUrl(pageUrl)) + } } const myPageUrl = (payload) => { - return { - type: PAGE_URL, - payload - } -} + return { + type: PAGE_URL, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/app/app-action-types.js b/core/src/redux/app/app-action-types.js index 212d9148..9f03cc71 100644 --- a/core/src/redux/app/app-action-types.js +++ b/core/src/redux/app/app-action-types.js @@ -38,4 +38,4 @@ export const SET_COIN_BALANCES = 'SET_COIN_BALANCES' export const ALLOW_QAPP_FRIENDS_LIST = 'ALLOW_QAPP_FRIENDS_LIST' export const REMOVE_QAPP_FRIENDS_LIST = 'REMOVE_QAPP_FRIENDS_LIST' export const ALLOW_SHOW_SYNC_INDICATOR = 'ALLOW_SHOW_SYNC_INDICATOR' -export const REMOVE_SHOW_SYNC_INDICATOR = 'REMOVE_SHOW_SYNC_INDICATOR' +export const REMOVE_SHOW_SYNC_INDICATOR = 'REMOVE_SHOW_SYNC_INDICATOR' \ No newline at end of file diff --git a/core/src/redux/app/app-actions.js b/core/src/redux/app/app-actions.js index 3dea965a..be3713ed 100644 --- a/core/src/redux/app/app-actions.js +++ b/core/src/redux/app/app-actions.js @@ -1,29 +1,27 @@ -import {NAVIGATE, NETWORK_CONNECTION_STATUS} from './app-action-types.js' +import { NAVIGATE, NETWORK_CONNECTION_STATUS } from './app-action-types' -export * from './actions/login.js' -export * from './actions/init-worker.js' -export * from './actions/plugins.js' -export * from './actions/app-core.js' -export * from './actions/node-config.js' +export * from './actions/login' +export * from './actions/init-worker' +export * from './actions/plugins' +export * from './actions/app-core' +export * from './actions/node-config' export const doNavigate = loca => { - return (dispatch, getState) => { - dispatch(navigate(loca)) - } + return (dispatch, getState) => { + dispatch(navigate(loca)) + } } const navigate = loca => { - - return { - type: NAVIGATE, - url: loca.pathname - } + return { + type: NAVIGATE, + url: loca.pathname + } } export const updateNetworkConnectionStatus = status => { - - return { - type: NETWORK_CONNECTION_STATUS, - payload: status - } -} + return { + type: NETWORK_CONNECTION_STATUS, + payload: status + } +} \ No newline at end of file diff --git a/core/src/redux/app/app-reducer.js b/core/src/redux/app/app-reducer.js index f4d96981..ff108675 100644 --- a/core/src/redux/app/app-reducer.js +++ b/core/src/redux/app/app-reducer.js @@ -1,5 +1,5 @@ // Loading state, login state, isNavDrawOpen state etc. None of this needs to be saved to localstorage. -import {loadStateFromLocalStorage, saveStateToLocalStorage} from '../../localStorageHelpers.js' +import { loadStateFromLocalStorage, saveStateToLocalStorage } from '../../localStorageHelpers' import { ACCOUNT_INFO, ADD_AUTO_LOAD_IMAGES_CHAT, @@ -41,361 +41,396 @@ import { REMOVE_QAPP_FRIENDS_LIST, ALLOW_SHOW_SYNC_INDICATOR, REMOVE_SHOW_SYNC_INDICATOR -} from './app-action-types.js' -import {initWorkersReducer} from './reducers/init-workers.js' -import {loginReducer} from './reducers/login-reducer.js' -import {addNode, editNode, removeNode, setNode} from './reducers/manage-node.js' -import localForage from "localforage"; +} from './app-action-types' +import { initWorkersReducer } from './reducers/init-workers' +import { loginReducer } from './reducers/login-reducer' +import { addNode, editNode, removeNode, setNode } from './reducers/manage-node' +import localForage from "localforage" const chatLastSeen = localForage.createInstance({ - name: "chat-last-seen", -}); + name: 'chat-last-seen' +}) const INITIAL_STATE = { - loggedIn: false, - drawerOpen: false, - workers: { - workers: [], - ready: false, - loading: false - }, - wallet: { - addresses: [ - { - address: '' - } - ] - }, - nodeConfig: { - node: 0, - knownNodes: [{}], - version: '' - }, - plugins: [], - registeredUrls: [], - accountInfo: { - names: [], - addressInfo: {} - }, - url: '', - selectedAddress: {}, - chatHeads: {}, - blockInfo: {}, - nodeInfo: {}, - nodeStatus: {}, - pageUrl: '', - autoLoadImageChats: loadStateFromLocalStorage('autoLoadImageChats') || [], - qAPPAutoAuth: loadStateFromLocalStorage('qAPPAutoAuth') || false, - qAPPAutoLists: loadStateFromLocalStorage('qAPPAutoLists') || false, - qAPPFriendsList: loadStateFromLocalStorage('qAPPFriendsList') || false, - showSyncIndicator: loadStateFromLocalStorage('showSyncIndicator') || false, - chatLastSeen: [], - newTab: null, - tabInfo: {}, - isOpenDevDialog: false, - newNotification: null, - sideEffectAction: null, - profileData: null, - coinBalances: {} + loggedIn: false, + drawerOpen: false, + workers: { + workers: [], + ready: false, + loading: false + }, + wallet: { + addresses: [ + { + address: '' + } + ] + }, + nodeConfig: { + node: 0, + knownNodes: [{}], + version: '' + }, + plugins: [], + registeredUrls: [], + accountInfo: { + names: [], + addressInfo: {} + }, + url: '', + selectedAddress: {}, + chatHeads: {}, + blockInfo: {}, + nodeInfo: {}, + nodeStatus: {}, + pageUrl: '', + autoLoadImageChats: loadStateFromLocalStorage('autoLoadImageChats') || [], + qAPPAutoAuth: loadStateFromLocalStorage('qAPPAutoAuth') || false, + qAPPAutoLists: loadStateFromLocalStorage('qAPPAutoLists') || false, + qAPPFriendsList: loadStateFromLocalStorage('qAPPFriendsList') || false, + showSyncIndicator: loadStateFromLocalStorage('showSyncIndicator') || false, + chatLastSeen: [], + newTab: null, + tabInfo: {}, + isOpenDevDialog: false, + newNotification: null, + sideEffectAction: null, + profileData: null, + coinBalances: {} } export default (state = INITIAL_STATE, action) => { - switch (action.type) { - case INIT_WORKERS: - return initWorkersReducer(state, action) - case LOG_IN: - return loginReducer(state, action) - case LOG_OUT: - return { - ...state, - pin: '', - loggedIn: false, - loggingIn: false, - wallet: INITIAL_STATE.wallet, - selectedAddress: INITIAL_STATE.selectedAddress, - accountInfo: INITIAL_STATE.accountInfo + switch (action.type) { + case INIT_WORKERS: + return initWorkersReducer(state, action) - } - case ADD_PLUGIN: - return { - ...state, - plugins: [ - ...state.plugins, - action.payload - ] - } - case ADD_PLUGIN_URL: - return { - ...state, - registeredUrls: action.payload - } - case ADD_NEW_PLUGIN_URL: // TODO: Will be used in to add new plugins in future... - return { - ...state, - registeredUrls: state.registeredUrls.concat(action.payload) - } - case CHAT_HEADS: - return { - ...state, - chatHeads: action.payload - } - case UPDATE_BLOCK_INFO: - return { - ...state, - blockInfo: action.payload - } - case UPDATE_NODE_STATUS: - return { - ...state, - nodeStatus: action.payload - } - case UPDATE_NODE_INFO: - return { - ...state, - nodeInfo: action.payload - } - case ACCOUNT_INFO: - return { - ...state, - accountInfo: action.payload - } - case LOAD_NODE_CONFIG: - return { - ...state, - nodeConfig: action.payload - } - case SET_NODE: - return setNode(state, action) - case ADD_NODE: - return addNode(state, action) - case EDIT_NODE: - return editNode(state, action) - case REMOVE_NODE: - return removeNode(state, action) - case PAGE_URL: - return { - ...state, - pageUrl: action.payload - } - case NAVIGATE: - return { - ...state, - url: action.url - } - case SELECT_ADDRESS: - return { - ...state, - selectedAddress: action.address - } - case NETWORK_CONNECTION_STATUS: - return { - ...state, - networkIsConnected: action.payload - } - case ADD_AUTO_LOAD_IMAGES_CHAT: { - const findChat = state.autoLoadImageChats.findIndex((chat) => chat === action.payload) + case LOG_IN: + return loginReducer(state, action) - if (findChat !== -1) return state - const updatedState = [...state.autoLoadImageChats, action.payload] + case LOG_OUT: + return { + ...state, + pin: '', + loggedIn: false, + loggingIn: false, + wallet: INITIAL_STATE.wallet, + selectedAddress: INITIAL_STATE.selectedAddress, + accountInfo: INITIAL_STATE.accountInfo - saveStateToLocalStorage('autoLoadImageChats', updatedState) - return { - ...state, - autoLoadImageChats: updatedState - } - } + } - case REMOVE_AUTO_LOAD_IMAGES_CHAT: { - const updatedState = state.autoLoadImageChats.filter((chat) => chat !== action.payload) - saveStateToLocalStorage('autoLoadImageChats', updatedState) - return { - ...state, - autoLoadImageChats: updatedState - } - } + case ADD_PLUGIN: + return { + ...state, + plugins: [ + ...state.plugins, + action.payload + ] + } - case ALLOW_QAPP_AUTO_AUTH: { - saveStateToLocalStorage("qAPPAutoAuth", true) - return { - ...state, - qAPPAutoAuth: action.payload - } - } + case ADD_PLUGIN_URL: + return { + ...state, + registeredUrls: action.payload + } - case REMOVE_QAPP_AUTO_AUTH: { - saveStateToLocalStorage("qAPPAutoAuth", false) - return { - ...state, - qAPPAutoAuth: action.payload - } - } + case ADD_NEW_PLUGIN_URL: // TODO: Will be used in to add new plugins in future... + return { + ...state, + registeredUrls: state.registeredUrls.concat(action.payload) + } - case ALLOW_QAPP_AUTO_LISTS: { - saveStateToLocalStorage("qAPPAutoLists", true) - return { - ...state, - qAPPAutoLists: action.payload - } - } + case CHAT_HEADS: + return { + ...state, + chatHeads: action.payload + } - case REMOVE_QAPP_AUTO_LISTS: { - saveStateToLocalStorage("qAPPAutoLists", false) - return { - ...state, - qAPPAutoLists: action.payload - } - } + case UPDATE_BLOCK_INFO: + return { + ...state, + blockInfo: action.payload + } - case ALLOW_QAPP_FRIENDS_LIST: { - saveStateToLocalStorage("qAPPFriendsList", true) - return { - ...state, - qAPPFriendsList: action.payload - } - } + case UPDATE_NODE_STATUS: + return { + ...state, + nodeStatus: action.payload + } - case REMOVE_QAPP_FRIENDS_LIST: { - saveStateToLocalStorage("qAPPFriendsList", false) - return { - ...state, - qAPPFriendsList: action.payload - } - } + case UPDATE_NODE_INFO: + return { + ...state, + nodeInfo: action.payload + } - case SET_CHAT_LAST_SEEN: { - return { - ...state, - chatLastSeen: action.payload - } - } + case ACCOUNT_INFO: + return { + ...state, + accountInfo: action.payload + } - case ADD_CHAT_LAST_SEEN: { - const chatId = action.payload.key - const timestamp = action.payload.timestamp - if (!chatId || !timestamp) return state - let newChatLastSeen = [...state.chatLastSeen] - const findChatIndex = state.chatLastSeen.findIndex((chat) => chat.key === chatId) - if (findChatIndex !== -1) { + case LOAD_NODE_CONFIG: + return { + ...state, + nodeConfig: action.payload + } - newChatLastSeen[findChatIndex] = { - key: chatId, - timestamp, - } - } - if (findChatIndex === -1) { + case SET_NODE: + return setNode(state, action) - newChatLastSeen = [...newChatLastSeen, { - key: chatId, - timestamp, - }] - } - chatLastSeen.setItem(chatId, timestamp) - return { - ...state, - chatLastSeen: newChatLastSeen - } - } + case ADD_NODE: + return addNode(state, action) - case SET_NEW_TAB: { - return { - ...state, - newTab: action.payload - } - } + case EDIT_NODE: + return editNode(state, action) - case IS_OPEN_DEV_DIALOG: { - return { - ...state, - isOpenDevDialog: action.payload - } - } + case REMOVE_NODE: + return removeNode(state, action) - case ADD_TAB_INFO: { - const newTabInfo = action.payload - if (state.tabInfo[newTabInfo.id] && state.tabInfo[newTabInfo.id].name && newTabInfo.name === state.tabInfo[newTabInfo.id].name) break - return { - ...state, - tabInfo: { - ...state.tabInfo, - [newTabInfo.id]: { - ...newTabInfo, - count: 0 - } - } - } - } + case PAGE_URL: + return { + ...state, + pageUrl: action.payload + } - case SET_TAB_NOTIFICATIONS: { - const count = action.payload.count - const name = action.payload.name - const newTabInfo = {} - Object.keys(state.tabInfo).forEach((key) => { - const tab = state.tabInfo[key] - if (tab.name == name) { - newTabInfo[key] = { - ...tab, - count - } - } else { - newTabInfo[key] = tab - } - }) - return { - ...state, - tabInfo: newTabInfo - } - } + case NAVIGATE: + return { + ...state, + url: action.url + } - case SET_NEW_NOTIFICATION: { - return { - ...state, - newNotification: action.payload - } - } + case SELECT_ADDRESS: + return { + ...state, + selectedAddress: action.address + } - case SET_SIDE_EFFECT: { - return { - ...state, - sideEffectAction: action.payload - } - } + case NETWORK_CONNECTION_STATUS: + return { + ...state, + networkIsConnected: action.payload + } - case SET_PROFILE_DATA: { - return { - ...state, - profileData: action.payload - } - } + case ADD_AUTO_LOAD_IMAGES_CHAT: { + const findChat = state.autoLoadImageChats.findIndex((chat) => chat === action.payload) - case SET_COIN_BALANCES: { - const copyBalances = {...state.coinBalances} - copyBalances[action.payload.type] = { - value: action.payload.value, - fullValue: action.payload.fullValue - } - return { - ...state, - coinBalances: copyBalances - } - } + if (findChat !== -1) return state - case ALLOW_SHOW_SYNC_INDICATOR: { - saveStateToLocalStorage("showSyncIndicator", true) - return { - ...state, - showSyncIndicator: action.payload - } - } + const updatedState = [...state.autoLoadImageChats, action.payload] - case REMOVE_SHOW_SYNC_INDICATOR: { - saveStateToLocalStorage("showSyncIndicator", false) - return { - ...state, - showSyncIndicator: action.payload - } - } + saveStateToLocalStorage('autoLoadImageChats', updatedState) + return { + ...state, + autoLoadImageChats: updatedState + } + } - default: - return state - } -} + case REMOVE_AUTO_LOAD_IMAGES_CHAT: { + const updatedState = state.autoLoadImageChats.filter((chat) => chat !== action.payload) + saveStateToLocalStorage('autoLoadImageChats', updatedState) + return { + ...state, + autoLoadImageChats: updatedState + } + } + + case ALLOW_QAPP_AUTO_AUTH: { + saveStateToLocalStorage("qAPPAutoAuth", true) + return { + ...state, + qAPPAutoAuth: action.payload + } + } + + case REMOVE_QAPP_AUTO_AUTH: { + saveStateToLocalStorage("qAPPAutoAuth", false) + return { + ...state, + qAPPAutoAuth: action.payload + } + } + + case ALLOW_QAPP_AUTO_LISTS: { + saveStateToLocalStorage("qAPPAutoLists", true) + return { + ...state, + qAPPAutoLists: action.payload + } + } + + case REMOVE_QAPP_AUTO_LISTS: { + saveStateToLocalStorage("qAPPAutoLists", false) + return { + ...state, + qAPPAutoLists: action.payload + } + } + + case ALLOW_QAPP_FRIENDS_LIST: { + saveStateToLocalStorage("qAPPFriendsList", true) + return { + ...state, + qAPPFriendsList: action.payload + } + } + + case REMOVE_QAPP_FRIENDS_LIST: { + saveStateToLocalStorage("qAPPFriendsList", false) + return { + ...state, + qAPPFriendsList: action.payload + } + } + + case SET_CHAT_LAST_SEEN: { + return { + ...state, + chatLastSeen: action.payload + } + } + + case ADD_CHAT_LAST_SEEN: { + const chatId = action.payload.key + const timestamp = action.payload.timestamp + + if (!chatId || !timestamp) return state + + let newChatLastSeen = [...state.chatLastSeen] + + const findChatIndex = state.chatLastSeen.findIndex((chat) => chat.key === chatId) + + if (findChatIndex !== -1) { + newChatLastSeen[findChatIndex] = { + key: chatId, + timestamp + } + } + + if (findChatIndex === -1) { + newChatLastSeen = [...newChatLastSeen, { + key: chatId, + timestamp + }] + } + + chatLastSeen.setItem(chatId, timestamp) + + return { + ...state, + chatLastSeen: newChatLastSeen + } + } + + case SET_NEW_TAB: { + return { + ...state, + newTab: action.payload + } + } + + case IS_OPEN_DEV_DIALOG: { + return { + ...state, + isOpenDevDialog: action.payload + } + } + + case ADD_TAB_INFO: { + const newTabInfo = action.payload + + if (state.tabInfo[newTabInfo.id] && state.tabInfo[newTabInfo.id].name && newTabInfo.name === state.tabInfo[newTabInfo.id].name) break + + return { + ...state, + tabInfo: { + ...state.tabInfo, + [newTabInfo.id]: { + ...newTabInfo, + count: 0 + } + } + } + } + + case SET_TAB_NOTIFICATIONS: { + const count = action.payload.count + const name = action.payload.name + const newTabInfo = {} + + Object.keys(state.tabInfo).forEach((key) => { + const tab = state.tabInfo[key] + + if (tab.name == name) { + newTabInfo[key] = { + ...tab, + count + } + } else { + newTabInfo[key] = tab + } + }) + + return { + ...state, + tabInfo: newTabInfo + } + } + + case SET_NEW_NOTIFICATION: { + return { + ...state, + newNotification: action.payload + } + } + + case SET_SIDE_EFFECT: { + return { + ...state, + sideEffectAction: action.payload + } + } + + case SET_PROFILE_DATA: { + return { + ...state, + profileData: action.payload + } + } + + case SET_COIN_BALANCES: { + const copyBalances = { ...state.coinBalances } + + copyBalances[action.payload.type] = { + value: action.payload.value, + fullValue: action.payload.fullValue + } + + return { + ...state, + coinBalances: copyBalances + } + } + + case ALLOW_SHOW_SYNC_INDICATOR: { + saveStateToLocalStorage("showSyncIndicator", true) + + return { + ...state, + showSyncIndicator: action.payload + } + } + + case REMOVE_SHOW_SYNC_INDICATOR: { + saveStateToLocalStorage("showSyncIndicator", false) + + return { + ...state, + showSyncIndicator: action.payload + } + } + + default: + return state + } +} \ No newline at end of file diff --git a/core/src/redux/app/reducers/init-workers.js b/core/src/redux/app/reducers/init-workers.js index 993cd261..88f73f02 100644 --- a/core/src/redux/app/reducers/init-workers.js +++ b/core/src/redux/app/reducers/init-workers.js @@ -1,32 +1,34 @@ export const initWorkersReducer = (state, action) => { - switch (action.status) { - case 'success': - return { - ...state, - workers: { - workers: action.payload, - ready: true, - loading: false - } - } - case 'error': - return { - ...state, - workers: { - ...state.workers, - ready: false, - loading: false, - lastError: action.payload - } - } - default: - return { - ...state, - workers: { - ...state.workers, - // ready: true, - loading: true - } - } - } -} + switch (action.status) { + case 'success': + return { + ...state, + workers: { + workers: action.payload, + ready: true, + loading: false + } + } + + case 'error': + return { + ...state, + workers: { + ...state.workers, + ready: false, + loading: false, + lastError: action.payload + } + } + + default: + return { + ...state, + workers: { + ...state.workers, + // ready: true, + loading: true + } + } + } +} \ No newline at end of file diff --git a/core/src/redux/app/reducers/login-reducer.js b/core/src/redux/app/reducers/login-reducer.js index 2a50f20a..e5694857 100644 --- a/core/src/redux/app/reducers/login-reducer.js +++ b/core/src/redux/app/reducers/login-reducer.js @@ -1,22 +1,24 @@ export const loginReducer = (state, action) => { - switch (action.status) { - case 'success': - return { - ...state, - wallet: action.payload.wallet, - loggedIn: true, - loggingIn: false - } - case 'error': - return { - ...state, - loggedIn: false, - loggingIn: false - } - default: - return { - ...state, - loggingIn: true - } - } -} + switch (action.status) { + case 'success': + return { + ...state, + wallet: action.payload.wallet, + loggedIn: true, + loggingIn: false + } + + case 'error': + return { + ...state, + loggedIn: false, + loggingIn: false + } + + default: + return { + ...state, + loggingIn: true + } + } +} \ No newline at end of file diff --git a/core/src/redux/app/reducers/manage-node.js b/core/src/redux/app/reducers/manage-node.js index 4e42f01f..38bb6373 100644 --- a/core/src/redux/app/reducers/manage-node.js +++ b/core/src/redux/app/reducers/manage-node.js @@ -1,45 +1,48 @@ export const setNode = (state, action) => { - return { - ...state, - nodeConfig: { - ...state.nodeConfig, - node: action.payload - } - } + return { + ...state, + nodeConfig: { + ...state.nodeConfig, + node: action.payload + } + } } export const addNode = (state, action) => { - return { - ...state, - nodeConfig: { - ...state.nodeConfig, - knownNodes: [ - ...state.nodeConfig.knownNodes, - action.payload - ] - } - } + return { + ...state, + nodeConfig: { + ...state.nodeConfig, + knownNodes: [ + ...state.nodeConfig.knownNodes, + action.payload + ] + } + } } export const editNode = (state, action) => { - const copyKnownNodes = [...state.nodeConfig.knownNodes] - copyKnownNodes[action.payload.index] = action.payload.nodeObject - return { - ...state, - nodeConfig: { - ...state.nodeConfig, - knownNodes: copyKnownNodes - } - } + const copyKnownNodes = [...state.nodeConfig.knownNodes] + copyKnownNodes[action.payload.index] = action.payload.nodeObject + + return { + ...state, + nodeConfig: { + ...state.nodeConfig, + knownNodes: copyKnownNodes + } + } } + export const removeNode = (state, action) => { - const copyKnownNodes = [...state.nodeConfig.knownNodes] - copyKnownNodes.splice(action.payload, 1); - return { - ...state, - nodeConfig: { - ...state.nodeConfig, - knownNodes: copyKnownNodes - } - } -} + const copyKnownNodes = [...state.nodeConfig.knownNodes] + copyKnownNodes.splice(action.payload, 1) + + return { + ...state, + nodeConfig: { + ...state.nodeConfig, + knownNodes: copyKnownNodes + } + } +} \ No newline at end of file diff --git a/core/src/redux/config/config-actions.js b/core/src/redux/config/config-actions.js index c8a0a2de..11fb5f3d 100644 --- a/core/src/redux/config/config-actions.js +++ b/core/src/redux/config/config-actions.js @@ -3,23 +3,25 @@ export const LOAD_CONFIG_FROM_API = 'LOAD_CONFIG_FROM_API' const configUrl = '/getConfig' export const doLoadConfigFromAPI = () => { - return (dispatch, getState) => { - if (getState().config.loaded) return dispatch(loadConfigFromAPI('success')) - dispatch(loadConfigFromAPI()) - fetch(configUrl) - .then(res => res.json()) - .then(data => dispatch(loadConfigFromAPI('success', data.config))) - .catch(err => { - console.error(err) - dispatch(loadConfigFromAPI('error', err)) - }) - } + return (dispatch, getState) => { + if (getState().config.loaded) return dispatch(loadConfigFromAPI('success')) + + dispatch(loadConfigFromAPI()) + + fetch(configUrl) + .then(res => res.json()) + .then(data => dispatch(loadConfigFromAPI('success', data.config))) + .catch(err => { + console.error(err) + dispatch(loadConfigFromAPI('error', err)) + }) + } } const loadConfigFromAPI = (status, payload) => { - return { - type: LOAD_CONFIG_FROM_API, - status, - payload - } -} + return { + type: LOAD_CONFIG_FROM_API, + status, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/config/config-reducer.js b/core/src/redux/config/config-reducer.js index 81900681..290888f5 100644 --- a/core/src/redux/config/config-reducer.js +++ b/core/src/redux/config/config-reducer.js @@ -1,35 +1,35 @@ // Must be saved to localstorage. Will storage things such as saved addresses and themes (day/night mode) etc. // Initial state needs to be loaded from either the getConfig url or localstorage...NOT set via this -import {loadStateFromLocalStorage} from '../../localStorageHelpers' -import {LOAD_CONFIG_FROM_API} from './config-actions.js' -import {loadConfigFromAPI} from './reducers/load-config-from-api.js' +import { loadStateFromLocalStorage } from '../../localStorageHelpers' +import { LOAD_CONFIG_FROM_API } from './config-actions' +import { loadConfigFromAPI } from './reducers/load-config-from-api' const DEFAULT_INITIAL_STATE = { - styles: { - breakpoints: {}, - theme: { - color: 'green', - colors: {} - } - }, - coin: { - name: '' - }, - user: { - language: 'english', - server: {}, - node: 0, - knownNodes: [{}] - }, - savedWallets: {}, - loaded: false + styles: { + breakpoints: {}, + theme: { + color: 'green', + colors: {} + } + }, + coin: { + name: '' + }, + user: { + language: 'english', + server: {}, + node: 0, + knownNodes: [{}] + }, + savedWallets: {}, + loaded: false } export default (state = loadStateFromLocalStorage('config') || DEFAULT_INITIAL_STATE, action) => { - switch (action.type) { - case LOAD_CONFIG_FROM_API: - return loadConfigFromAPI(state, action) - default: - return state - } -} + switch (action.type) { + case LOAD_CONFIG_FROM_API: + return loadConfigFromAPI(state, action) + default: + return state + } +} \ No newline at end of file diff --git a/core/src/redux/config/reducers/load-config-from-api.js b/core/src/redux/config/reducers/load-config-from-api.js index 10add38b..b76d4f99 100644 --- a/core/src/redux/config/reducers/load-config-from-api.js +++ b/core/src/redux/config/reducers/load-config-from-api.js @@ -1,22 +1,22 @@ export const loadConfigFromAPI = (state, action) => { - switch (action.status) { - case 'success': - return { - ...action.payload, - loaded: true, - loading: false - } - case 'error': - return { - ...state, - loaded: false, - loading: false, - loadingError: action.payload - } - default: - return { - ...state, - loading: true - } - } -} + switch (action.status) { + case 'success': + return { + ...action.payload, + loaded: true, + loading: false + } + case 'error': + return { + ...state, + loaded: false, + loading: false, + loadingError: action.payload + } + default: + return { + ...state, + loading: true + } + } +} \ No newline at end of file diff --git a/core/src/redux/reducers.js b/core/src/redux/reducers.js index 8e444b29..3e6beca4 100644 --- a/core/src/redux/reducers.js +++ b/core/src/redux/reducers.js @@ -1,11 +1,10 @@ import { combineReducers } from 'redux' - -import app from './app/app-reducer.js' -import config from './config/config-reducer.js' -import user from './user/user-reducer.js' +import app from './app/app-reducer' +import config from './config/config-reducer' +import user from './user/user-reducer' export default combineReducers({ - user, - app, - config + user, + app, + config }) \ No newline at end of file diff --git a/core/src/redux/user/actions/claim-airdrop.js b/core/src/redux/user/actions/claim-airdrop.js index d94b5fe1..4ba16ac6 100644 --- a/core/src/redux/user/actions/claim-airdrop.js +++ b/core/src/redux/user/actions/claim-airdrop.js @@ -1,14 +1,14 @@ -import {CLAIM_AIRDROP} from '../user-action-types.js' +import { CLAIM_AIRDROP } from '../user-action-types' export const doClaimAirdrop = (address) => { - return (dispatch, getState) => { - dispatch(claimAidrop()) - } + return (dispatch, getState) => { + dispatch(claimAidrop()) + } } const claimAidrop = (payload) => { - return { - type: CLAIM_AIRDROP, - payload - } -} + return { + type: CLAIM_AIRDROP, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/user/actions/notification-config.js b/core/src/redux/user/actions/notification-config.js index 71a62b2b..fb8097f6 100644 --- a/core/src/redux/user/actions/notification-config.js +++ b/core/src/redux/user/actions/notification-config.js @@ -1,54 +1,43 @@ -import {LOAD_NOTIFICATION_CONFIG, SET_QCHAT_NOTIFICATION_CONFIG} from '../user-action-types.js' +import { LOAD_NOTIFICATION_CONFIG, SET_QCHAT_NOTIFICATION_CONFIG } from '../user-action-types' const configUrl = '/getConfig' export const doLoadNotificationConfig = () => { - - return (dispatch, getState) => { - - fetch(configUrl) - .then(res => { - return res.json() - }) - .then(data => { - - const notifications = { - q_chat: {} - } - notifications.q_chat = data.config.user.notifications.q_chat - return dispatch(loadNotificationConfig(notifications)) - }) - .catch(err => { - console.error(err) - }) - } + return (dispatch, getState) => { + fetch(configUrl).then(res => { + return res.json() + }).then(data => { + const notifications = { + q_chat: {} + } + notifications.q_chat = data.config.user.notifications.q_chat + return dispatch(loadNotificationConfig(notifications)) + }).catch(err => { + console.error(err) + }) + } } const loadNotificationConfig = (payload) => { - - return { - type: LOAD_NOTIFICATION_CONFIG, - payload - } + return { + type: LOAD_NOTIFICATION_CONFIG, + payload + } } /** * doSetQChatNotificationConfig action to set QChat Notification * @param { Object } qChatNotificationObject - { playSound: boolean, showNotification: boolean } */ - export const doSetQChatNotificationConfig = (qChatNotificationObject) => { - - return (dispatch, getState) => { - - return dispatch(setQChatNotificationConfig(qChatNotificationObject)) - } + return (dispatch, getState) => { + return dispatch(setQChatNotificationConfig(qChatNotificationObject)) + } } const setQChatNotificationConfig = (payload) => { - - return { - type: SET_QCHAT_NOTIFICATION_CONFIG, - payload - } -} + return { + type: SET_QCHAT_NOTIFICATION_CONFIG, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/user/actions/store-wallet.js b/core/src/redux/user/actions/store-wallet.js index 07b5f872..f42ab42d 100644 --- a/core/src/redux/user/actions/store-wallet.js +++ b/core/src/redux/user/actions/store-wallet.js @@ -1,50 +1,48 @@ -import {REMOVE_WALLET, STORE_WALLET, UPDATE_STORED_WALLET_NAME} from '../user-action-types.js' +import { REMOVE_WALLET, STORE_WALLET, UPDATE_STORED_WALLET_NAME } from '../user-action-types' export const doStoreWallet = (wallet, password, name, statusUpdateFn = () => { }) => { - return (dispatch, getState) => { - - return wallet.generateSaveWalletData(password, getState().config.crypto.kdfThreads, statusUpdateFn).then(data => { - - dispatch(storeWallet({ - ...data, - name - })) - }) - } + return (dispatch, getState) => { + return wallet.generateSaveWalletData(password, getState().config.crypto.kdfThreads, statusUpdateFn).then(data => { + dispatch(storeWallet({ + ...data, + name + })) + }) + } } const storeWallet = payload => { - return { - type: STORE_WALLET, - payload - } + return { + type: STORE_WALLET, + payload + } } export const doRemoveWallet = (address) => { - return (dispatch, getState) => { - return dispatch(removeWallet({ - address - })) - } + return (dispatch, getState) => { + return dispatch(removeWallet({ + address + })) + } } const removeWallet = payload => { - return { - type: REMOVE_WALLET, - payload - } + return { + type: REMOVE_WALLET, + payload + } } export const doUpdateStoredWalletName = (address, name) => { - return (dispatch, getState) => { - return updateStoredWalletName({ - address, name - }) - } + return (dispatch, getState) => { + return updateStoredWalletName({ + address, name + }) + } } const updateStoredWalletName = payload => { - return { - type: UPDATE_STORED_WALLET_NAME, - payload - } -} + return { + type: UPDATE_STORED_WALLET_NAME, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/user/actions/update-account-info.js b/core/src/redux/user/actions/update-account-info.js index 7b80ab82..bc6e1705 100644 --- a/core/src/redux/user/actions/update-account-info.js +++ b/core/src/redux/user/actions/update-account-info.js @@ -1,14 +1,14 @@ -import {UPDATE_ACCOUNT_INFO} from '../user-action-types' +import { UPDATE_ACCOUNT_INFO } from '../user-action-types' export const doUpdateAccountInfo = (accInfo) => { - return (dispatch, getState) => { - return dispatch(updateAccountInfo(accInfo)) - } + return (dispatch, getState) => { + return dispatch(updateAccountInfo(accInfo)) + } } export const updateAccountInfo = (payload) => { - return { - type: UPDATE_ACCOUNT_INFO, - payload - } -} + return { + type: UPDATE_ACCOUNT_INFO, + payload + } +} \ No newline at end of file diff --git a/core/src/redux/user/actions/update-name.js b/core/src/redux/user/actions/update-name.js index ae46cee0..206fc607 100644 --- a/core/src/redux/user/actions/update-name.js +++ b/core/src/redux/user/actions/update-name.js @@ -1,43 +1,47 @@ -import {updateAccountInfo} from './update-account-info.js' -import {doUpdateStoredWalletName} from './store-wallet.js' +import { updateAccountInfo } from './update-account-info' +import { doUpdateStoredWalletName } from './store-wallet' const GET_NAME_URL = 'names/address/' const CHECK_NAME_INTERVAL = 1000 * 10 // Every 10 seconds export const UPDATE_NAME_STATUSES = { - LOADING: 'LOADING', - LOADED: 'LOADED', - DOES_NOT_EXIST: 'DOES_NOT_EXIST', - WAITING_FOR_CONFIRM: 'WAITING_FOR_CONFIRM' + LOADING: 'LOADING', + LOADED: 'LOADED', + DOES_NOT_EXIST: 'DOES_NOT_EXIST', + WAITING_FOR_CONFIRM: 'WAITING_FOR_CONFIRM' } export const doUpdateAccountName = (address, expectedName, awaitingConfirm) => { - return (dispatch, getState) => { - dispatch(updateAccountInfo({ - nameStatus: UPDATE_NAME_STATUSES.LOADING, - name: expectedName - })) - const state = getState() - const config = state.config - const node = config.coin.node.api - const url = node.url + node.tail + GET_NAME_URL + address - return fetch(url) - .then(res => res.json()) - .then(names => { - if (names.length > 0) { - const name = names[0] - dispatch(updateAccountInfo({ - nameStatus: UPDATE_NAME_STATUSES.LOADED, - name - })) - // ... - if (state.user.storedWallets[address]) dispatch(doUpdateStoredWalletName(address, name)) - } else { - dispatch(updateAccountInfo({ - nameStatus: awaitingConfirm ? UPDATE_NAME_STATUSES.DOES_NOT_EXIST : UPDATE_NAME_STATUSES.WAITING_FOR_CONFIRM - })) - if (awaitingConfirm) setTimeout(() => dispatch(doUpdateAccountName(address, expectedName, awaitingConfirm)), CHECK_NAME_INTERVAL) - } - }) - } -} + return (dispatch, getState) => { + dispatch(updateAccountInfo({ + nameStatus: UPDATE_NAME_STATUSES.LOADING, + name: expectedName + })) + + const state = getState() + const config = state.config + const node = config.coin.node.api + const url = node.url + node.tail + GET_NAME_URL + address + + return fetch(url) + .then(res => res.json()) + .then(names => { + if (names.length > 0) { + const name = names[0] + + dispatch(updateAccountInfo({ + nameStatus: UPDATE_NAME_STATUSES.LOADED, + name + })) + // ... + if (state.user.storedWallets[address]) dispatch(doUpdateStoredWalletName(address, name)) + } else { + dispatch(updateAccountInfo({ + nameStatus: awaitingConfirm ? UPDATE_NAME_STATUSES.DOES_NOT_EXIST : UPDATE_NAME_STATUSES.WAITING_FOR_CONFIRM + })) + + if (awaitingConfirm) setTimeout(() => dispatch(doUpdateAccountName(address, expectedName, awaitingConfirm)), CHECK_NAME_INTERVAL) + } + }) + } +} \ No newline at end of file diff --git a/core/src/redux/user/user-actions.js b/core/src/redux/user/user-actions.js index 88a264ec..1e9c62a7 100644 --- a/core/src/redux/user/user-actions.js +++ b/core/src/redux/user/user-actions.js @@ -1,4 +1,4 @@ -export * from './actions/store-wallet.js' -export * from './actions/claim-airdrop.js' -export * from './actions/update-name.js' -export * from './actions/notification-config.js' +export * from './actions/store-wallet' +export * from './actions/claim-airdrop' +export * from './actions/update-name' +export * from './actions/notification-config' \ No newline at end of file diff --git a/core/src/redux/user/user-reducer.js b/core/src/redux/user/user-reducer.js index 672e6f36..a51083d2 100644 --- a/core/src/redux/user/user-reducer.js +++ b/core/src/redux/user/user-reducer.js @@ -1,4 +1,4 @@ -import {loadStateFromLocalStorage} from '../../localStorageHelpers' +import { loadStateFromLocalStorage } from '../../localStorageHelpers' import { CLAIM_AIRDROP, LOAD_NOTIFICATION_CONFIG, @@ -6,65 +6,71 @@ import { SET_QCHAT_NOTIFICATION_CONFIG, STORE_WALLET, UPDATE_ACCOUNT_INFO -} from './user-action-types.js' +} from './user-action-types' const DEFAULT_INITIAL_STATE = { - storedWallets: {}, - hasClaimedAirdrop: false, - accountInfo: { - // nameStatus: '' - }, - notifications: { - q_chat: {} - }, - loaded: false + storedWallets: {}, + hasClaimedAirdrop: false, + accountInfo: { + // nameStatus: '' + }, + notifications: { + q_chat: {} + }, + loaded: false } export default (state = loadStateFromLocalStorage('user') || DEFAULT_INITIAL_STATE, action) => { - switch (action.type) { - case STORE_WALLET: - return { - ...state, - storedWallets: { - ...(state.storedWallets || {}), - [action.payload.address0]: action.payload - } - } - case REMOVE_WALLET: - delete state.storedWallets[action.payload.address] - return { - ...state, - storedWallets:state.storedWallets - } - case CLAIM_AIRDROP: - return { - ...state, - hasClaimedAirdrop: true - } - case UPDATE_ACCOUNT_INFO: { - return { - ...state, - accountInfo: { - ...state.accountInfo, - ...action.payload - } - } - } - case LOAD_NOTIFICATION_CONFIG: - return { - ...state, - notifications: action.payload, - loaded: true - } - case SET_QCHAT_NOTIFICATION_CONFIG: - return { - ...state, - notifications: { - ...state.notifications, - q_chat: action.payload - } - } - default: - return state - } -} + switch (action.type) { + case STORE_WALLET: + return { + ...state, + storedWallets: { + ...(state.storedWallets || {}), + [action.payload.address0]: action.payload + } + } + + case REMOVE_WALLET: + delete state.storedWallets[action.payload.address] + return { + ...state, + storedWallets: state.storedWallets + } + + case CLAIM_AIRDROP: + return { + ...state, + hasClaimedAirdrop: true + } + + case UPDATE_ACCOUNT_INFO: { + return { + ...state, + accountInfo: { + ...state.accountInfo, + ...action.payload + } + } + } + + case LOAD_NOTIFICATION_CONFIG: + return { + ...state, + notifications: action.payload, + loaded: true + } + + case SET_QCHAT_NOTIFICATION_CONFIG: + return { + ...state, + notifications: { + ...state.notifications, + q_chat: action.payload + } + } + + default: + return state + } +} \ No newline at end of file diff --git a/core/src/stateAwait.js b/core/src/stateAwait.js index 7736b769..5ad29aa6 100644 --- a/core/src/stateAwait.js +++ b/core/src/stateAwait.js @@ -1,23 +1,27 @@ /** * Simple helper function so that I can do `await stateAwait(state => state.something === true)` or `await stateAwait(state => state.name === 'myName')` */ -import {store} from './store.js' +import { store } from './store' let subscriptions = [] + store.subscribe(() => { - const state = store.getState() - subscriptions = subscriptions.filter(fn => fn(state)) + const state = store.getState() + subscriptions = subscriptions.filter(fn => fn(state)) }) + export const stateAwait = fn => { - return new Promise((resolve, reject) => { - // Check immediately...then if not true store it - if (fn(store.getState())) resolve() - subscriptions.push(state => { - if (fn(state)) { - resolve() - return true - } - return false - }) - }) -} + return new Promise((resolve, reject) => { + // Check immediately...then if not true store it + if (fn(store.getState())) resolve() + + subscriptions.push(state => { + if (fn(state)) { + resolve() + return true + } + + return false + }) + }) +} \ No newline at end of file diff --git a/core/src/store.js b/core/src/store.js index e6a1ca3a..78749e9e 100644 --- a/core/src/store.js +++ b/core/src/store.js @@ -1,13 +1,12 @@ -import {applyMiddleware, compose, createStore} from 'redux' +import { applyMiddleware, compose, createStore } from 'redux' import { thunk } from 'redux-thunk' - -import rootReducer from './redux/reducers.js' +import rootReducer from './redux/reducers' const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose export const store = createStore( - rootReducer, - composeEnhancers( - applyMiddleware(thunk) - ) + rootReducer, + composeEnhancers( + applyMiddleware(thunk) + ) ) \ No newline at end of file diff --git a/core/src/styles/app-styles.js b/core/src/styles/app-styles.js index 2fac5ce4..e3a5833b 100644 --- a/core/src/styles/app-styles.js +++ b/core/src/styles/app-styles.js @@ -1,64 +1,67 @@ -import {html, LitElement} from 'lit' - +import { html, LitElement } from 'lit' +import './app-theme' import './styles.scss' -import './app-theme.js' class AppStyles extends LitElement { + static get properties() { + return { + } + } - /* Disable shadow DOM, so that the styles DO bleed */ - createRenderRoot () { - return this - } + constructor() { + super() + this.windowHeight = html`100vh` + window.addEventListener('resize', () => this._windowResized()) + this._windowResized() + } - render () { - return html` - + + ` + } - } + firstUpdated() { + // ... + } - hr { - border-color: var(--theme-on-surface); - } + /* Disable shadow DOM, so that the styles DO bleed */ + createRenderRoot() { + return this + } - - - ` - } + // For mobile chrome's address bar + _windowResized() { + const ua = navigator.userAgent + const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(ua) + const isChrome = /Chrome/i.test(ua) + const isSafari = /Version\/[\d\.]+.*Safari/.test(ua) - constructor () { - super() - this.windowHeight = html`100vh` - window.addEventListener('resize', () => this._windowResized()) - this._windowResized() - } - - // For mobile chrome's address bar - _windowResized () { - const ua = navigator.userAgent - const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(ua) - const isChrome = /Chrome/i.test(ua) - const isSafari = /Version\/[\d\.]+.*Safari/.test(ua) - - if (isMobile && isChrome) { - this.windowHeight = html`calc(100vh - 56px)` - } else if (isMobile && isSafari) { - this.windowHeight = html`calc(100vh - 72px)` - } else { - this.windowHeight = html`100vh` - } - } + if (isMobile && isChrome) { + this.windowHeight = html`calc(100vh - 56px)` + } else if (isMobile && isSafari) { + this.windowHeight = html`calc(100vh - 72px)` + } else { + this.windowHeight = html`100vh` + } + } } -window.customElements.define('app-styles', AppStyles) +window.customElements.define('app-styles', AppStyles) \ No newline at end of file diff --git a/core/src/styles/app-theme.js b/core/src/styles/app-theme.js index f2e9f93b..4d9358f7 100644 --- a/core/src/styles/app-theme.js +++ b/core/src/styles/app-theme.js @@ -1,57 +1,61 @@ -import {html, LitElement} from 'lit' -import {connect} from 'pwa-helpers' -import {store} from '../store.js' +import { html, LitElement } from 'lit' +import { connect } from 'pwa-helpers' +import { store } from '../store' class AppTheme extends connect(store)(LitElement) { + static get properties() { + return { + styles: { type: Object }, + theme: { type: Object } + } + } - static get properties () { - return { - styles: { type: Object }, - theme: { type: Object } - } - } + constructor() { + super() + } - /* Disable shady css, so that the styles DO bleed */ - createRenderRoot () { - return this - } + render() { + return html` + + ` + } - --mdc-theme-secondary: ${this.theme.colors.secondary}; /* Sets the text color to the theme secondary color. */ - --mdc-theme-secondary-bg: ${this.theme.colors.secondaryBg};/* Sets the background color to the theme secondary color. */ - --mdc-theme-on-secondary: ${this.theme.colors.onSecondary}; /* Sets the text color to the color configured for text on the secondary color. */ + firstUpdated() { + // ... + } - --mdc-theme-surface: ${this.theme.colors.surface}; /* Sets the background color to the surface background color. */ - --mdc-theme-on-surface: ${this.theme.colors.onSurface};/* Sets the text color to the color configured for text on the surface color. */ - --mdc-theme-background: ${this.theme.colors.background};/* Sets the background color to the theme background color. */ + /* Disable shady css, so that the styles DO bleed */ + createRenderRoot() { + return this + } - --layout-breakpoint-tablet: ${this.styles.breakpoints.tablet}; - --layout-breakpoint-desktop: ${this.styles.breakpoints.desktop}; - --layout-breakpoint-mobile: ${this.styles.breakpoints.mobile}; - - --mdc-theme-error: ${this.theme.colors.error}; - --mdc-theme-warning: ${this.theme.colors.warning}; - } - - paper-spinner-lite, paper-spinner { - --paper-spinner-color: var(--mdc-theme-secondary) - } - - - ` - } - - stateChanged (state) { - this.styles = state.config.styles - this.theme = this.styles.theme - } + stateChanged(state) { + this.styles = state.config.styles + this.theme = this.styles.theme + } } -window.customElements.define('app-theme', AppTheme) +window.customElements.define('app-theme', AppTheme) \ No newline at end of file diff --git a/core/src/styles/core-css.js b/core/src/styles/core-css.js new file mode 100644 index 00000000..400cc10e --- /dev/null +++ b/core/src/styles/core-css.js @@ -0,0 +1,4753 @@ +import {css} from 'lit' + +export const friendsViewStyles = css` + * { + box-sizing: border-box; + } + + .top-bar-icon { + cursor: pointer; + height: 18px; + width: 18px; + transition: 0.2s all; + } + + .top-bar-icon:hover { + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .close-row { + width: 100%; + display: flex; + justify-content: flex-end; + height: 50px; + flex: 0 + } + + .container-body { + width: 100%; + display: flex; + flex-direction: column; + flex-grow: 1; + margin-top: 5px; + padding: 0px 6px; + box-sizing: border-box; + align-items: center; + gap: 10px; + } + + .container-body::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .container-body::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .container-body::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .container-body::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + p { + color: var(--black); + margin: 0px; + padding: 0px; + word-break: break-all; + } + + .container { + display: flex; + width: 100%; + flex-direction: column; + height: 100%; + } + + .chat-right-panel-label { + font-family: Montserrat, sans-serif; + color: var(--group-header); + padding: 5px; + font-size: 13px; + user-select: none; + } + + .group-info { + display: flex; + flex-direction: column; + justify-content: flex-start; + gap: 10px; + } + + .group-name { + font-family: Raleway, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + text-align: center; + user-select: none; + } + + .group-description { + font-family: Roboto, sans-serif; + color: var(--chat-bubble-msg-color); + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + margin-top: 15px; + word-break: break-word; + user-select: none; + } + + .group-subheader { + font-family: Montserrat, sans-serif; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .group-data { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .search-results-div { + position: absolute; + top: 25px; + right: 25px; + } + + .name-input { + width: 100%; + outline: 0; + border-width: 0 0 2px; + border-color: var(--mdc-theme-primary); + background-color: transparent; + padding: 10px; + font-family: Roboto, sans-serif; + font-size: 15px; + color: var(--chat-bubble-msg-color); + box-sizing: border-box; + } + + .name-input::selection { + background-color: var(--mdc-theme-primary); + color: white; + } + + .name-input::placeholder { + opacity: 0.9; + color: var(--black); + } + + .search-field { + width: 100%; + position: relative; + } + + .search-icon { + position: absolute; + right: 3px; + color: var(--chat-bubble-msg-color); + transition: hover 0.3s ease-in-out; + background: none; + border-radius: 50%; + padding: 6px 3px; + font-size: 21px; + } + + .search-icon:hover { + cursor: pointer; + background: #d7d7d75c; + } +` + +export const feedItemStyles = css` + * { + --mdc-theme-text-primary-on-background: var(--black); + box-sizing: border-box; + } + + :host { + width: 100%; + box-sizing: border-box; + } + + img { + width: 100%; + max-height: 30vh; + border-radius: 5px; + cursor: pointer; + position: relative; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.8em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 30px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .defaultSize { + width: 100%; + height: 160px; + } + + .parent-feed-item { + position: relative; + display: flex; + background-color: var(--chat-bubble-bg); + flex-grow: 0; + flex-direction: column; + align-items: flex-start; + justify-content: center; + border-radius: 5px; + padding: 12px 15px 4px 15px; + min-width: 150px; + width: 100%; + box-sizing: border-box; + cursor: pointer; + font-size: 16px; + } + + .avatar { + width: 36px; + height: 36px; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + } + + .avatarApp { + width: 30px; + height: 30px; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + } + + .feed-item-name { + user-select: none; + color: #03a9f4; + margin-bottom: 5px; + } + + .app-name { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + } + + mwc-menu { + position: absolute; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const profileModalUpdateStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 1024px; + box-sizing: border-box; + } + + .input { + width: 90%; + outline: 0; + border-width: 0 0 2px; + border-color: var(--mdc-theme-primary); + background-color: transparent; + padding: 10px; + font-family: Roboto, sans-serif; + font-size: 15px; + color: var(--chat-bubble-msg-color); + box-sizing: border-box; + } + + .input::selection { + background-color: var(--mdc-theme-primary); + color: white; + } + + .input::placeholder { + opacity: 0.6; + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red { + font-family: Roboto, sans-serif; + font-size: 16px; + color: #f44336; + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red:hover { + cursor: pointer; + background-color: #f4433663; + } + + .modal-button:hover { + cursor: pointer; + background-color: #03a8f475; + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .modal-overlay { + display: block; + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + /* Semi-transparent backdrop */ + z-index: 1000; + } + + .modal-content { + position: fixed; + top: 50vh; + left: 50vw; + transform: translate(-50%, -50%); + background-color: var(--mdc-theme-surface); + width: 80vw; + padding: 20px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; + z-index: 1001; + border-radius: 5px; + display: flex; + flex-direction: column; + } + + .modal-overlay.hidden { + display: none; + } + + .avatar { + width: 36px; + height: 36px; + display: flex; + align-items: center; + } + + .app-name { + display: flex; + gap: 20px; + align-items: center; + width: 100%; + cursor: pointer; + padding: 5px; + border-radius: 5px; + margin-bottom: 10px; + } + + .inner-content { + display: flex; + flex-direction: column; + max-height: 75vh; + flex-grow: 1; + overflow: auto; + } + + .inner-content::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .inner-content::-webkit-scrollbar { + width: 12px; + border-radius: 7px; + background-color: whitesmoke; + } + + .inner-content::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } +` + +export const friendsSidePanelParentStyles = css` + .header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px; + border-bottom: 1px solid #e0e0e0; + } + + .content { + padding: 16px; + } + + .close { + visibility: hidden; + position: fixed; + z-index: -100; + right: -1000px; + } + + .parent-side-panel { + transform: translateX(100%); + /* start from outside the right edge */ + transition: transform 0.3s ease-in-out; + } + + .parent-side-panel.open { + transform: translateX(0); + /* slide in to its original position */ + + } +` + +export const friendsSidePanelStyles = css` + :host { + display: block; + position: fixed; + top: 55px; + right: 0px; + width: 420px; + max-width: 95%; + height: calc(100vh - 55px); + background-color: var(--white); + border-left: 1px solid rgb(224, 224, 224); + z-index: 1; + transform: translateX(100%); + /* start from outside the right edge */ + transition: transform 0.3s ease-in-out; + } + + :host([isOpen]) { + transform: unset; + /* slide in to its original position */ + } + + .header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px; + border-bottom: 1px solid #e0e0e0; + } + + .content { + padding: 16px; + display: flex; + flex-direction: column; + flex-grow: 1; + overflow: auto; + } + + .content::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .content::-webkit-scrollbar { + width: 12px; + border-radius: 7px; + background-color: whitesmoke; + } + + .content::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .parent { + display: flex; + flex-direction: column; + height: 100%; + } + + .active { + font-size: 16px; + background: var(--black); + color: var(--white); + padding: 5px; + border-radius: 2px; + cursor: pointer; + } + + .default { + font-size: 16px; + color: var(--black); + padding: 5px; + border-radius: 2px; + cursor: pointer; + } + + .default-content { + visibility: hidden; + position: absolute; + z-index: -50; + } +` + +export const friendItemActionsStyles = css` + :host { + display: none; + position: absolute; + background-color: var(--white); + border: 1px solid #ddd; + padding: 8px; + z-index: 10; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + color: var(--black); + max-width: 250px; + } + + .close-icon { + cursor: pointer; + float: right; + margin-left: 10px; + color: var(--black); + } + + .send-message-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: var(--mdc-theme-primary); + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + } + + .send-message-button:hover { + cursor: pointer; + background-color: #03a8f485; + } + + .action-parent { + display: flex; + flex-direction: column; + width: 100%; + } + + div[tabindex='0']:focus { + outline: none; + } +` + +export const coreSyncStatusStyles = css` + .lineHeight { + line-height: 33%; + } + + .tooltip { + display: inline-block; + position: relative; + text-align: left; + } + + .tooltip .bottom { + min-width: 200px; + max-width: 250px; + top: 35px; + left: 50%; + transform: translate(-50%, 0); + padding: 10px 10px; + color: var(--black); + background-color: var(--white); + font-weight: normal; + font-size: 13px; + border-radius: 8px; + position: absolute; + z-index: 99999999; + box-sizing: border-box; + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); + border: 1px solid var(--black); + visibility: hidden; + opacity: 0; + transition: opacity 0.8s; + } + + .tooltip:hover .bottom { + visibility: visible; + opacity: 1; + } + + .tooltip .bottom i { + position: absolute; + bottom: 100%; + left: 50%; + margin-left: -12px; + width: 24px; + height: 12px; + overflow: hidden; + } + + .tooltip .bottom i::after { + content: ''; + position: absolute; + width: 12px; + height: 12px; + left: 50%; + transform: translate(-50%, 50%) rotate(45deg); + background-color: var(--white); + border: 1px solid var(--black); + box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); + } +` + +export const chatSideNavHeadsStyles = css` + :host { + width: 100%; + } + + ul { + list-style-type: none; + } + + li { + padding: 10px 2px 10px 5px; + cursor: pointer; + width: 100%; + display: flex; + box-sizing: border-box; + font-size: 14px; + transition: 0.2s background-color; + } + + li:hover { + background-color: var(--lightChatHeadHover); + } + + .active { + background: var(--menuactive); + border-left: 4px solid #3498db; + } + + .img-icon { + font-size: 40px; + color: var(--chat-group); + } + + .status { + color: #92959e; + } + + .clearfix { + display: flex; + align-items: center; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +` + +export const beginnerChecklistStyles = css` + .layout { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + } + + .count { + position: absolute; + top: -5px; + right: -5px; + font-size: 12px; + background-color: red; + color: white; + border-radius: 50%; + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; + } + + .nocount { + display: none; + } + + .popover-panel { + position: absolute; + width: 200px; + padding: 10px; + background-color: var(--white); + border: 1px solid var(--black); + border-radius: 4px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + top: 40px; + max-height: 350px; + overflow: auto; + scrollbar-width: thin; + scrollbar-color: #6a6c75 #a1a1a1; + } + + .popover-panel::-webkit-scrollbar { + width: 11px; + } + + .popover-panel::-webkit-scrollbar-track { + background: #a1a1a1; + } + + .popover-panel::-webkit-scrollbar-thumb { + background-color: #6a6c75; + border-radius: 6px; + border: 3px solid #a1a1a1; + } + + .list { + display: flex; + flex-direction: column; + gap: 15px; + } + + .task-list-item { + display: flex; + gap: 15px; + justify-content: space-between; + align-items: center; + } + + .checklist-item { + padding: 5px; + border-bottom: 1px solid; + display: flex; + justify-content: space-between; + cursor: pointer; + transition: 0.2s all; + } + + .checklist-item:hover { + background: var(--nav-color-hover); + } + + p { + font-size: 16px; + color: var(--black); + margin: 0px; + padding: 0px; + } +` + +export const addFriendsModalStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 1024px; + box-sizing: border-box; + } + + .input { + width: 90%; + outline: 0; + border-width: 0 0 2px; + border-color: var(--mdc-theme-primary); + background-color: transparent; + padding: 10px; + font-family: Roboto, sans-serif; + font-size: 15px; + color: var(--chat-bubble-msg-color); + box-sizing: border-box; + } + + .input::selection { + background-color: var(--mdc-theme-primary); + color: white; + } + + .input::placeholder { + opacity: 0.6; + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red { + font-family: Roboto, sans-serif; + font-size: 16px; + color: #f44336; + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red:hover { + cursor: pointer; + background-color: #f4433663; + } + + .modal-button:hover { + cursor: pointer; + background-color: #03a8f475; + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .modal-overlay { + display: block; + position: fixed; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + background-color: rgba(0, 0, 0, 0.5); + /* Semi-transparent backdrop */ + z-index: 1000; + } + + .modal-content { + position: fixed; + top: 50vh; + left: 50vw; + transform: translate(-50%, -50%); + background-color: var(--mdc-theme-surface); + width: 80vw; + max-width: 600px; + padding: 20px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; + z-index: 1001; + border-radius: 5px; + display: flex; + flex-direction: column; + } + + .modal-overlay.hidden { + display: none; + } + + .avatar { + width: 36px; + height: 36px; + display: flex; + align-items: center; + } + + .app-name { + display: flex; + gap: 20px; + align-items: center; + width: 100%; + cursor: pointer; + padding: 5px; + border-radius: 5px; + margin-bottom: 10px; + } + + .inner-content { + display: flex; + flex-direction: column; + max-height: 75vh; + flex-grow: 1; + overflow: auto; + } + + .inner-content::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .inner-content::-webkit-scrollbar { + width: 12px; + border-radius: 7px; + background-color: whitesmoke; + } + + .inner-content::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } +` + +export const saveSettingsQdnStyles = css` + :host { + margin-right: 20px; + } + + .header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px; + border-bottom: 1px solid #e0e0e0; + } + + .content { + padding: 16px; + } + + .close { + visibility: hidden; + position: fixed; + z-index: -100; + right: -1000px; + } + + .parent-side-panel { + transform: translateX(100%); + /* start from outside the right edge */ + transition: transform 0.3s ease-in-out; + } + + .parent-side-panel.open { + transform: translateX(0); + /* slide in to its original position */ + } + + .notActive { + opacity: 0.5; + cursor: default; + color: var(--black); + } + + .active { + opacity: 1; + cursor: pointer; + color: green; + } + + .accept-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: var(--mdc-theme-primary); + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + font-size: 18px; + } + + .accept-button:hover { + cursor: pointer; + background-color: #03a8f485; + } + + .undo-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: #f44336; + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + font-size: 18px; + } + + .undo-button:hover { + cursor: pointer; + background-color: #f4433663; + } +` + +export const profileQdnStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + box-sizing: border-box; + } + + .header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px; + border-bottom: 1px solid #e0e0e0; + } + + .content { + padding: 16px; + } + + .close { + visibility: hidden; + position: fixed; + z-index: -100; + right: -1000px; + } + + .parent-side-panel { + transform: translateX(100%); + /* start from outside the right edge */ + transition: transform 0.3s ease-in-out; + } + + .parent-side-panel.open { + transform: translateX(0); + /* slide in to its original position */ + } + + .notActive { + opacity: 0.5; + cursor: default; + color: var(--black); + } + + .active { + opacity: 1; + cursor: pointer; + color: green; + } + + .accept-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: var(--mdc-theme-primary); + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + font-size: 18px; + } + + .accept-button:hover { + cursor: pointer; + background-color: #03a8f485; + } + + .undo-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: #f44336; + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + font-size: 18px; + } + + .undo-button:hover { + cursor: pointer; + background-color: #f4433663; + } + + .full-info-wrapper { + width: 100%; + min-width: 600px; + max-width: 600px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 25px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + display: block !important; + } + + .full-info-logo { + width: 120px; + height: 120px; + background: var(--white); + border: 1px solid var(--black); + border-radius: 50%; + position: relative; + top: -110px; + left: 210px; + } + + .data-info { + margin-top: 10px; + margin-right: 25px; + display: flex; + flex-direction: column; + align-items: flex-start; + min-height: 55vh; + max-height: 55vh; + overflow: auto; + } + + .data-info::-webkit-scrollbar-track { + background: #a1a1a1; + } + + .data-info::-webkit-scrollbar-thumb { + background-color: #6a6c75; + border-radius: 6px; + border: 3px solid #a1a1a1; + } + + .data-info>* { + flex-shrink: 0; + } + + .decline { + --mdc-theme-primary: var(--mdc-theme-error); + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .green { + --mdc-theme-primary: #198754; + } + + .buttons { + display: inline; + float: right; + margin-bottom: 5px; + } + + .paybutton { + display: inline; + float: left; + margin-bottom: 5px; + } + + .round-fullinfo { + position: relative; + width: 120px; + height: 120px; + border-radius: 50%; + right: 25px; + top: -1px; + } + + h2 { + margin: 10px 0; + } + + h3 { + margin-top: -80px; + color: #03a9f4; + font-size: 18px; + } + + h4 { + margin: 5px 0; + } + + p { + margin-top: 5px; + line-height: 1.2; + font-size: 16px; + color: var(--black); + text-align: start; + overflow: hidden; + word-break: break-word; + } + + .send-message-button { + cursor: pointer; + transition: all 0.2s; + } + + .send-message-button:hover { + transform: scale(1.1); + } +` + +export const avatarComponentStyles = css` + * { + --mdc-theme-text-primary-on-background: var(--black); + box-sizing: border-box; + } + + :host { + width: 100%; + box-sizing: border-box; + } + + img { + width: 100%; + max-height: 30vh; + border-radius: 5px; + cursor: pointer; + position: relative; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .defaultSize { + width: 100%; + height: 160px; + } + + .parent-feed-item { + position: relative; + display: flex; + background-color: var(--chat-bubble-bg); + flex-grow: 0; + flex-direction: column; + align-items: flex-start; + justify-content: center; + border-radius: 5px; + padding: 12px 15px 4px 15px; + min-width: 150px; + width: 100%; + box-sizing: border-box; + cursor: pointer; + font-size: 16px; + } + + .avatar { + width: 36px; + height: 36px; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + } + + .avatarApp { + width: 30px; + height: 30px; + border-radius: 50%; + overflow: hidden; + display: flex; + align-items: center; + } + + .feed-item-name { + user-select: none; + color: #03a9f4; + margin-bottom: 5px; + } + + .app-name { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + } + + mwc-menu { + position: absolute; + } +` + +export const fragFileInputStyles = css` + #drop-area { + border: 2px dashed #ccc; + font-family: "Roboto", sans-serif; + padding: 20px; + } + + #trigger:hover { + cursor: pointer; + } + + #drop-area.highlight { + border-color: var(--mdc-theme-primary, #000); + } + + p { + margin-top: 0; + } + + form { + margin-bottom: 10px; + } + + #fileInput { + display: none; + } +` + +export const confirmTransactionDialogStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + } + + .decline { + --mdc-theme-primary: var(--mdc-theme-error) + } + + #txInfo { + text-align: left; + max-width: 520px; + color: var(--black); + } + + .buttons { + text-align: right; + } + + table td, + th { + padding: 4px; + text-align: left; + font-size: 14px; + color: var(--black); + } +` + +export const loadingRippleStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-spinner-color: var(--mdc-theme-secondary); + } + + #rippleWrapper { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 0; + width: 0; + z-index: 999; + overflow: visible; + --ripple-activating-transition: transform 0.3s cubic-bezier(0.6, 0.0, 1, 1), opacity 0.3s cubic-bezier(0.6, 0.0, 1, 1); + --ripple-disable-transition: opacity 0.5s ease; + } + + #ripple { + border-radius: 50%; + border-width: 0; + margin-left: -100vmax; + margin-top: -100vmax; + height: 200vmax; + width: 200vmax; + overflow: hidden; + background: var(--black); + transform: scale(0); + overflow: hidden; + } + + #ripple.error { + transition: var(--ripple-activating-transition); + background: var(--mdc-theme-error) + } + + #rippleShader { + background: var(--white); + opacity: 0; + height: 100%; + width: 100%; + } + + #ripple.activating { + transition: var(--ripple-activating-transition); + transform: scale(1) + } + + .activating #rippleShader { + transition: var(--ripple-activating-transition); + opacity: 1; + } + + #ripple.disabling { + transition: var(--ripple-disable-transition); + opacity: 0; + } + + #rippleContentWrapper { + position: absolute; + top: 100vmax; + left: 100vmax; + height: var(--window-height); + width: 100vw; + display: flex; + align-items: center; + justify-content: center; + } + + #rippleContent { + opacity: 0; + text-align: center; + } + + .activating-done #rippleContent { + opacity: 1; + transition: var(--ripple-activating-transition); + } +` + +export const myButtonStyle = css` + vaadin-button { + height: 100%; + margin: 0; + cursor: pointer; + min-width: 80px; + background-color: #03a9f4; + color: white; + } + + vaadin-button:hover { + opacity: 0.8; + } +` + +export const mykeyPageStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-heading-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + .red { + --mdc-theme-primary: red; + } +` + +export const settingsPageStyles = css` + * { + --mdc-theme-primary: var(--login-button); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-dialog-content-ink-color: var(--black); + --mdc-theme-surface: var(--white); + --mdc-theme-text-primary-on-background: var(--black); + --mdc-dialog-min-width: 300px; + --mdc-dialog-max-width: 650px; + --mdc-dialog-max-height: 700px; + --mdc-list-item-text-width: 100%; + } + + #main { + width: 210px; + display: flex; + align-items: center; + } + + .globe { + color: var(--black); + --mdc-icon-size: 36px; + } + + span.name { + display: inline-block; + width: 150px; + font-weight: 600; + color: var(--general-color-blue); + border: 1px solid transparent; + } + + .red { + --mdc-theme-primary: red; + } + + .buttonred { + color: #f44336; + } + + .buttongreen { + color: #03c851; + } + + .buttonBlue { + color: var(--general-color-blue); + } + + .floatleft { + float: left; + } + + .floatright { + float: right; + } + + .list-parent { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + } + + #customSelect { + position: relative; + border: 1px solid #ccc; + cursor: pointer; + background: var(--plugback); + } + + #customSelect .selected { + padding: 10px; + display: flex; + align-items: center; + justify-content: space-between; + } + + #customSelect ul { + position: absolute; + top: 100%; + left: 0; + list-style: none; + margin: 0; + padding: 0; + border: 1px solid #ccc; + display: none; + background: var(--plugback); + width: 100%; + box-sizing: border-box; + z-index: 10; + } + + #customSelect ul.open { + display: block; + } + + #customSelect ul li { + padding: 10px; + transition: 0.2s all; + } + + #customSelect ul li:hover { + background-color: var(--graylight); + } + + .selected-left-side { + display: flex; + align-items: center; + } +` + +export const sideMenuStyles = css` + nav { + padding: 0; + } + + :host { + list-style: none; + width: 100%; + position: relative; + } + + :host([compact]) { + width: auto; + } +` + +export const sideMenuItemStyles = css` + :host { + --font-family: "Roboto", sans-serif; + --item-font-size: 0.9375rem; + --sub-item-font-size: 0.75rem; + --item-padding: 0.875rem; + --item-content-padding: 0.875rem; + --icon-height: 1.125rem; + --icon-width: 1.125rem; + --item-border-radius: 5px; + --item-selected-color: #dddddd; + --item-selected-color-text: #333333; + --item-color-active: #d1d1d1; + --item-color-hover: #eeeeee; + --item-text-color: #080808; + --item-icon-color: #080808; + --item-border-color: #eeeeee; + --item-border-selected-color: #333333; + + --overlay-box-shadow: 0 2px 4px -1px hsla(214, 53%, 23%, 0.16), 0 3px 12px -1px hsla(214, 50%, 22%, 0.26); + --overlay-background-color: #ffffff; + + --spacing: 4px; + + font-family: var(--font-family); + display: flex; + overflow: hidden; + flex-direction: column; + border-radius: var(--item-border-radius); + } + + #itemLink { + align-items: center; + font-size: var(--item-font-size); + font-weight: 400; + height: var(--icon-height); + transition: background-color 200ms; + padding: var(--item-padding); + cursor: pointer; + display: inline-flex; + flex-grow: 1; + align-items: center; + overflow: hidden; + text-decoration: none; + border-bottom: 1px solid var(--item-border-color); + text-transform: uppercase; + } + + .hideItem { + display: none !important; + } + + #itemLink:hover { + background-color: var(--item-color-hover); + } + + #itemLink:active { + background-color: var(--item-color-active); + } + + #content { + padding-left: var(--item-content-padding); + flex: 1; + } + + :host([compact]) #content { + padding-left: 0; + display: none; + } + + :host([selected]) #itemLink { + background-color: var(--item-selected-color); + color: var(--item-selected-color-text); + border-left: 3px solid var(--item-border-selected-color); + } + + :host([selected]) slot[name="icon"]::slotted(*) { + color: var(--item-selected-color-text); + } + + :host(:not([selected])) #itemLink { + color: var(--item-text-color); + } + + :host([expanded]) { + background-color: var(--item-selected-color); + } + + :host([hasSelectedChild]) { + background-color: var(--item-selected-color); + } + + :host span { + cursor: inherit; + overflow: hidden; + text-overflow: ellipsis; + user-select: none; + -webkit-user-select: none; + white-space: nowrap; + } + + slot[name="icon"]::slotted(*) { + flex-shrink: 0; + color: var(--item-icon-color); + height: var(--icon-height); + width: var(--icon-width); + pointer-events: none; + } + + #collapse-button { + float: right; + } + + :host([compact]) #itemLink[level]:not([level="0"]) { + padding: calc(var(--item-padding) / 2); + } + + :host(:not([compact])) #itemLink[level]:not([level="0"]) { + padding-left: calc(var(--icon-width) + var(--item-content-padding)); + } + + #itemLink[level]:not([level="0"]) #content { + display: block; + visibility: visible; + width: auto; + font-weight: 400; + font-size: var(--sub-item-font-size) + } + + #overlay { + display: block; + left: 101%; + min-width: 200px; + padding: 4px 2px; + background-color: var(--overlay-background-color); + background-image: var(--overlay-background-image, none); + box-shadow: var(--overlay-box-shadow); + border: 1px solid var(--overlay-background-color); + border-left: 0; + border-radius: 0 3px 3px 0; + position: absolute; + z-index: 1; + animation: pop 200ms forwards; + } + + @keyframes pop { + 0% { + transform: translateX(-5px); + opacity: 0.5; + } + + 100% { + transform: translateX(0); + opacity: 1; + } + } +` + +export const appInfoStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + } + + .normal { + --mdc-theme-primary: rgb(3, 169, 244); + } + + #profileInMenu { + flex: 0 0 100px; + padding: 12px; + border-top: 1px solid var(--border); + background: var(--sidetopbar); + } + + .info { + margin: 0; + font-size: 14px; + font-weight: 100; + display: inline-block; + width: 100%; + padding-bottom: 8px; + color: var(--black); + } + + .blue { + color: #03a9f4; + margin: 0; + font-size: 14px; + font-weight: 200; + display: inline; + } + + .black { + color: var(--black); + margin: 0; + font-size: 14px; + font-weight: 200; + display: inline; + } +` + +export const languageSelectorStyles = css` + select { + width: 175px; + height: 34px; + padding: 5px 0px 5px 5px; + font-size: 16px; + border: 1px solid var(--black); + border-radius: 3px; + color: var(--black); + background: + linear-gradient(45deg, transparent 50%, white 50%), + linear-gradient(135deg, white 50%, transparent 50%), + linear-gradient(to right, #03a9f4, #03a9f4); + background-position: + calc(100% - 17px) calc(0.5em + 4px), + calc(100% - 7px) calc(0.5em + 4px), + 100% 0; + background-size: + 10px 10px, + 10px 10px, + 2.2em 2.2em; + background-repeat: no-repeat; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + } + + *:focus { + outline: none; + } + + select option { + color: var(--black); + background: var(--white); + line-height: 34px; + } + +` + +export const newSelectorStyles = css` + select { + width: auto; + height: auto; + position: absolute; + top: 50px; + padding: 5px 5px 5px 5px; + font-size: 16px; + border: 1px solid var(--black); + border-radius: 3px; + color: var(--black); + background: var(--white); + overflow: auto; + } + + *:focus { + outline: none; + } + + select option { + color: var(--black); + background: var(--white); + line-height: 34px; + } + + select option:hover { + color: var(--white); + background: var(--black); + line-height: 34px; + cursor: pointer; + } +` + +export const qortThemeToggleStyles = css` + :host { + display: inline-block; + position: relative; + width: 54px; + height: 32px; + transform: translateY(-2px); + } + + svg { + width: 32px; + height: 32px; + } + + input { + cursor: pointer; + position: absolute; + z-index: 1; + opacity: 0; + width: 100%; + height: 100%; + } + + .slider { + position: absolute; + cursor: pointer; + width: 100%; + height: 16px; + top: 50%; + transform: translateY(-50%); + background-color: var(--switchbackground); + border: 2px solid var(--switchborder); + border-radius: 1rem; + transition: all .4s ease; + } + + .icon { + width: 32px; + height: 32px; + display: inline-block; + position: absolute; + top: 50%; + background: var(--switchbackground); + border: 2px solid var(--switchborder); + border-radius: 50%; + transition: transform 300ms ease; + } + + :host([theme="light"]) .icon { + transform: translate(0, -50%); + } + + input:checked~.icon, + :host([theme="dark"]) .icon { + transform: translate(calc(100% - 12px), -50%); + } + + .moon { + display: none; + } + + .moon svg { + transform: scale(0.6); + } + + :host([theme="dark"]) .sun { + display: none; + } + + :host([theme="dark"]) .moon { + display: inline-block; + } +` + +export const searchModalStyles = css` + * { + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --item-selected-color: var(--nav-selected-color); + --item-selected-color-text: var(--nav-selected-color-text); + --item-color-active: var(--nav-color-active); + --item-color-hover: var(--nav-color-hover); + --item-text-color: var(--nav-text-color); + --item-icon-color: var(--nav-icon-color); + --item-border-color: var(--nav-border-color); + --item-border-selected-color: var(--nav-border-selected-color); + } + + paper-dialog.searchSettings { + min-width: 525px; + max-width: 525px; + min-height: auto; + max-height: 150px; + background-color: var(--white); + color: var(--black); + line-height: 1.6; + overflow: hidden; + border: 1px solid var(--black); + border-radius: 10px; + padding: 15px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .search { + display: inline; + width: 50%; + align-items: center; + } +` + +export const startMintingStyles = css` + p, + h1 { + color: var(--black) + } + + .dialogCustom { + position: fixed; + z-index: 10000; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + top: 0px; + bottom: 0px; + left: 0px; + width: 100vw; + } + + .dialogCustomInner { + width: 300px; + min-height: 400px; + background-color: var(--white); + box-shadow: var(--mdc-dialog-box-shadow, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)); + padding: 20px 24px; + border-radius: 4px; + } + + .dialogCustomInner ul { + padding-left: 0px + } + + .dialogCustomInner li { + margin-bottom: 10px; + } + + .start-minting-wrapper { + position: absolute; + transform: translate(50%, 20px); + z-index: 10; + } + + .dialog-header h1 { + font-size: 18px; + } + + .row { + display: flex; + width: 100%; + align-items: center; + } + + .modalFooter { + width: 100%; + display: flex; + justify-content: flex-end; + } + + .hide { + visibility: hidden + } + + .inactiveText { + opacity: .60 + } + + .column { + display: flex; + flex-direction: column; + width: 100%; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + .word-break { + word-break: break-all; + } + + .dialog-container { + width: 300px; + min-height: 300px; + max-height: 75vh; + padding: 5px; + display: flex; + align-items: flex-start; + flex-direction: column; + } + + .between { + justify-content: space-between; + } + + .no-width { + width: auto + } + + .between p { + margin: 0; + padding: 0; + color: var(--black); + } + + .marginLoader { + margin-left: 10px; + } + + .marginRight { + margin-right: 10px; + } + + .warning { + display: flex; + flex-grow: 1 + } + + .message-error { + color: var(--error); + } +` + +export const themeToggleStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-error: rgb(255, 89, 89); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --item-selected-color: var(--nav-selected-color); + --item-selected-color-text: var(--nav-selected-color-text); + --item-color-active: var(--nav-color-active); + --item-color-hover: var(--nav-color-hover); + --item-text-color: var(--nav-text-color); + --item-icon-color: var(--nav-icon-color); + --item-border-color: var(--nav-border-color); + --item-border-selected-color: var(--nav-border-selected-color); + } + + paper-icon-button { + -ms-transform: rotate(120deg); + transform: rotate(120deg); + } + + :host([theme="light"]) .light-mode { + display: inline-block; + } + + :host([theme="light"]) .dark-mode { + display: none; + } + + :host([theme="dark"]) .light-mode { + display: none; + } + + :host([theme="dark"]) .dark-mode { + display: inline-block; + } +` + +export const walletProfileStyles = css` + #profileInMenu { + padding: 12px; + border-top: var(--border); + background: var(--sidetopbar); + color: var(--black); + } + + #accountName { + margin: 0; + font-size: 18px; + font-weight: 500; + width: 100%; + padding-bottom: 8px; + display: flex; + } + + #blocksMinted { + margin: 0; + margin-top: 0; + font-size: 12px; + color: #03a9f4; + } + + #address { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + margin-top: 8px; + font-size: 11px; + } + + .round-fullinfo { + position: relative; + width: 68px; + height: 68px; + border-radius: 50%; + } + + .full-info-logo { + width: 68px; + height: 68px; + border-radius: 50%; + } + + .inline-block-child { + flex: 1; + } +` + +export const appViewStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-error: rgb(255, 89, 89); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --item-selected-color: var(--nav-selected-color); + --item-selected-color-text: var(--nav-selected-color-text); + --item-color-active: var(--nav-color-active); + --item-color-hover: var(--nav-color-hover); + --item-text-color: var(--nav-text-color); + --item-icon-color: var(--nav-icon-color); + --item-border-color: var(--nav-border-color); + --item-border-selected-color: var(--nav-border-selected-color); + } + + :host { + --app-drawer-width: 260px; + } + + app-drawer-layout:not([narrow]) [drawer-toggle]:not(side-menu-item) { + display: none; + } + + app-drawer { + box-shadow: var(--shadow-2); + } + + app-header { + box-shadow: var(--shadow-2); + } + + app-toolbar { + background: var(--sidetopbar); + color: var(--black); + border-top: var(--border); + height: 48px; + padding: 3px; + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .s-menu { + list-style: none; + padding: 0px 0px; + background: var(--sidetopbar); + border-radius: 2px; + width: 100%; + border-top: 1px solid var(--border); + outline: none; + } + + .search { + display: inline; + width: 50%; + align-items: center; + } + + #sideBar { + height: 100vh; + display: flex; + flex-direction: column; + background: var(--sidetopbar); + } + + .sideBarMenu { + overflow-y: auto; + flex: 1 1; + } + + .sideBarMenu::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .sideBarMenu::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .sideBarMenu::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .sideBarMenu::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + .red { + --mdc-theme-primary: #C6011F; + } + + .setpass-wrapper { + width: 100%; + min-width: 400px; + max-width: 450px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 10px 10px 0px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .lock-wrapper { + width: 100%; + height: 100%; + min-width: 600px; + max-width: 600px; + min-height: 400px; + max-height: 400px; + text-align: center; + background: url("/img/qortal-lock.jpg"); + border: 1px solid var(--black); + border-radius: 25px; + padding: 10px 10px 0px; + } + + .text-wrapper { + width: 100%; + height: 100%; + min-width: 280px; + max-width: 280px; + min-height: 64px; + max-height: 64px; + text-align: center; + margin-left: 35px; + margin-top: 125px; + overflow: hidden; + } + + .lock-title-white { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #ffffff; + } + + .lock-title-red { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #df3636; + } +` + +export const showPluginStyles = css` + html { + --scrollbarBG: #a1a1a1; + --thumbBG: #6a6c75; + } + + *::-webkit-scrollbar { + width: 11px; + } + + * { + scrollbar-width: thin; + scrollbar-color: var(--thumbBG) var(--scrollbarBG); + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-select-ink-color: var(--black); + --mdc-select-fill-color: var(--black); + --mdc-select-label-ink-color: var(--black); + --mdc-select-idle-line-color: var(--black); + --mdc-select-hover-line-color: var(--black); + --mdc-select-outlined-idle-border-color: var(--txtfieldborder); + --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-shape-radius: 25px; + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 700px; + } + + *::-webkit-scrollbar-track { + background: var(--scrollbarBG); + } + + *::-webkit-scrollbar-thumb { + background-color: var(--thumbBG); + border-radius: 6px; + border: 3px solid var(--scrollbarBG); + } + + .hideIframe { + display: none; + position: absolute; + z-Index: -10; + } + + .showIframe { + display: flex; + position: relative; + z-Index: 1; + } + + .tabs { + display: flex; + width: 100%; + max-width: 100%; + justify-content: flex-start; + padding-top: 0.5em; + padding-left: 0.5em; + background: var(--sidetopbar); + border-bottom: 1px solid var(--black); + height: 48px; + box-sizing: border-box; + } + + .tab { + padding: 0.5em; + background: var(--white); + border-top-right-radius: 10px; + border-top-left-radius: 10px; + border-top: 1px solid grey; + border-left: 1px solid grey; + border-right: 1px solid grey; + color: grey; + cursor: pointer; + transition: background 0.3s; + position: relative; + width: auto; + min-width: 110px; + max-width: 220px; + overflow: hidden; + z-index: 2; + } + + .tabCard { + display: inline-block; + } + + .tabTitle { + display: inline-block; + position: relative; + width: auto; + min-width: 1px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + .tab:hover { + background: var(--nav-color-hover); + color: var(--black); + min-width: fit-content; + } + + .tab.active { + display: inline-block; + min-width: fit-content; + max-width: 200px; + margin-bottom: -1px; + background: var(--white); + color: var(--black); + border-top-right-radius: 10px; + border-top-left-radius: 10px; + border-top: 1px solid var(--black); + border-left: 1px solid var(--black); + border-right: 1px solid var(--black); + border-bottom: 1px solid var(--white); + z-index: 1; + } + + .close { + position: absolute; + top: 8px; + right: 5px; + color: var(--black); + --mdc-icon-size: 20px; + } + + .close:hover { + color: #C6011F; + font-weight: bold; + } + + .tab .close, + .tab .show { + display: none; + } + + .tab.active .close, + .tab.active .show { + display: inline-block; + color: var(--black); + } + + .tab:hover .close, + .tab:hover .show { + display: inline-block; + color: var(--black); + } + + .tab .close:hover, + .tab.active .close:hover { + color: #C6011F; + font-weight: bold; + } + + .add-tab-button { + margin-left: 10px; + font-weight: bold; + background: none; + border: none; + color: var(--general-color-blue); + font-size: 2em; + cursor: pointer; + transition: color 0.3s; + } + + .add-tab-button:hover { + color: var(--black); + } + + .add-dev-button { + position: fixed; + right: 20px; + margin-left: 10px; + margin-top: 4px; + max-height: 28px; + padding: 5px 5px; + font-size: 14px; + background-color: var(--general-color-blue); + color: white; + border: 1px solid transparent; + border-radius: 3px; + cursor: pointer; + } + + .add-dev-button:hover { + opacity: 0.8; + cursor: pointer; + } + + .red { + --mdc-theme-primary: #F44336; + } + + .iconActive { + position: absolute; + top: 5px; + color: var(--general-color-blue); + --mdc-icon-size: 24px; + } + + .iconInactive { + position: absolute; + top: 5px; + color: #999; + --mdc-icon-size: 24px; + } + + .tab:hover .iconInactive { + color: var(--general-color-blue); + } + + .count { + position: relative; + top: -5px; + font-weight: bold; + background-color: #C6011F; + color: white; + font-size: 12px; + padding: 2px 6px; + text-align: center; + border-radius: 5px; + animation: pulse 1500ms infinite; + animation-duration: 6s; + } + + .ml-5 { + margin-left: 5px; + } + + .ml-10 { + margin-left: 10px; + } + + .ml-15 { + margin-left: 15px; + } + + .ml-20 { + margin-left: 20px; + } + + .ml-25 { + margin-left: 25px; + } + + .ml-30 { + margin-left: 30px; + } + + .ml-35 { + margin-left: 35px; + } + + .ml-40 { + margin-left: 40px; + } + + @keyframes pulse { + 0% { + box-shadow: #C6011F 0 0 0 0; + } + + 75% { + box-shadow: #ff69b400 0 0 0 16px; + } + } +` + +export const navBarStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-shape-radius: 25px; + --mdc-dialog-min-width: 300px; + --mdc-dialog-max-width: 700px; + } + + .parent { + display: flex; + flex-direction: column; + flex-flow: column; + align-items: center; + padding: 20px; + height: calc(100vh - 120px); + overflow-y: auto; + } + + .navbar { + display: flex; + justify-content: space-between; + align-items: center; + background-color: var(--white); + padding: 10px 20px; + max-width: 750px; + width: 80%; + } + + .navbar input { + font-size: 16px; + color: #000; + padding: 5px; + flex-grow: 1; + margin-right: 10px; + border: 1px solid var(--black); + } + + .navbar button { + padding: 5px 10px; + font-size: 18px; + background-color: var(--app-background-1); + background-image: linear-gradient(315deg, var(--app-background-1) 0%, var(--app-background-2) 74%); + color: var(--app-icon); + border: 1px solid transparent; + border-radius: 3px; + cursor: pointer; + } + + .navbar button:hover { + background-color: #45a049; + } + + .app-list { + display: flex; + justify-content: space-between; + padding: 10px 0; + gap: 10px; + flex-wrap: wrap; + } + + .app-list .app-icon { + position: relative; + text-align: center; + font-size: 15px; + font-weight: bold; + color: var(--black); + width: 175px; + height: 110px; + background: transparent; + padding: 5px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 10px; + } + + .text { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; + width: 100%; + min-width: 1px; + } + + .app-list .app-icon span { + display: block; + } + + .app-icon-box { + display: flex; + align-items: center; + padding-left: 14px; + width: 80px; + min-width: 80px; + height: 80px; + min-height: 80px; + background-color: var(--app-background-1); + background-image: linear-gradient(315deg, var(--app-background-1) 0%, var(--app-background-2) 74%); + border-top-left-radius: 10px; + border-top-right-radius: 20px; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 10px; + position: relative; + } + + .app-list .app-icon:hover .removeIcon { + display: inline; + } + + .menuIcon { + color: var(--app-icon); + --mdc-icon-size: 64px; + cursor: pointer; + } + + .menuIconPos { + right: -2px; + } + + .removeIconPos { + position: absolute; + top: -10px; + right: -10px; + z-index: 1; + } + + .menuIconPos:hover .removeIcon { + display: inline; + } + + .removeIcon { + display: none; + color: var(--black); + --mdc-icon-size: 28px; + cursor: pointer; + position: relative; + z-index: 1; + } + + .removeIcon:hover { + color: #C6011F; + font-weight: bold; + } + + .red { + --mdc-theme-primary: #F44336; + } + + select { + padding: 10px 10px 10px 10px; + width: 100%; + font-size: 16px; + font-weight: 500; + background: var(--white); + color: var(--black); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url('/img/arrow.png'); + background-repeat: no-repeat; + background-position: right 10px center; + background-size: 20px; + } + + .resetIcon { + position: fixed; + right: 20px; + top: 116px; + color: #666; + --mdc-icon-size: 32px; + cursor: pointer; + } + + .resetIcon:hover { + color: var(--general-color-blue); + font-weight: bold; + } + + .searchIcon { + position: fixed; + left: 20px; + top: 116px; + color: #666; + --mdc-icon-size: 32px; + cursor: pointer; + } + + .searchIcon:hover { + color: var(--general-color-blue); + font-weight: bold; + } + + .importIcon { + position: fixed; + left: 20px; + bottom: 16px; + color: #666; + --mdc-icon-size: 32px; + cursor: pointer; + } + + .importIcon:hover { + color: var(--general-color-blue); + font-weight: bold; + } + + .exportIcon { + position: fixed; + right: 20px; + bottom: 16px; + color: #666; + --mdc-icon-size: 32px; + cursor: pointer; + } + + .exportIcon:hover { + color: var(--general-color-blue); + font-weight: bold; + } + + paper-dialog.searchSettings { + width: 100%; + max-width: 550px; + height: auto; + max-height: 600px; + background-color: var(--white); + color: var(--black); + line-height: 1.6; + overflow: hidden; + border: 1px solid var(--black); + border-radius: 10px; + padding: 15px; + } + + paper-dialog button { + padding: 5px 10px; + font-size: 18px; + background-color: var(--general-color-blue); + color: white; + border: 1px solid transparent; + border-radius: 5px; + cursor: pointer; + } + + paper-dialog button:hover { + opacity: 0.8; + cursor: pointer; + } + + .search { + display: inline; + width: 50%; + align-items: center; + } + + .divCard { + height: auto; + max-height: 500px; + border: 1px solid var(--border); + padding: 1em; + margin-bottom: 1em; + } + + img { + border-radius: 25%; + max-width: 32px; + height: 100%; + max-height: 32px; + } + + vaadin-text-field[focused]::part(input-field) { + border-color: var(--general-color-blue); + } +` + +export const appAvatarStyles = css` + :host { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + cursor: pointer; + } + + .menuIcon { + color: var(--app-icon); + --mdc-icon-size: 64px; + cursor: pointer; + } +` + +export const syncIndicator2Styles = css` + * { + --mdc-theme-text-primary-on-background: var(--black); + box-sizing: border-box; + } + + :host { + box-sizing: border-box; + position: fixed; + bottom: 50px; + right: 25px; + z-index: 50000; + } + + .parent { + width: 360px; + padding: 10px; + border-radius: 8px; + border: 1px solid var(--black); + display: flex; + align-items: center; + gap: 10px; + user-select: none; + background: var(--white); + } + + .row { + display: flex; + gap: 10px; + width: 100%; + } + + .column { + display: flex; + flex-direction: column; + gap: 10px; + width: 100%; + } + + .bootstrap-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .bootstrap-button:hover { + cursor: pointer; + background-color: #03a8f475; + } +` + +export const tourComponentStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + box-sizing: border-box; + color: var(--black); + background: var(--white); + } + + :host { + box-sizing: border-box; + position: fixed; + bottom: 25px; + right: 25px; + z-index: 50000; + } + + .full-info-wrapper { + width: 100%; + min-width: 600px; + max-width: 600px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 25px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + display: block !important; + } + + .buttons { + display: inline; + } + + .accept-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: var(--black); + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + font-size: 18px; + justify-content: center; + outline: 1px solid var(--black); + } + + .accept-button:hover { + cursor: pointer; + background-color: #03a8f485; + } + + .close-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: #f44336; + transition: all 0.3s ease-in-out; + display: flex; + align-items: center; + gap: 10px; + font-size: 18px; + width: auto; + } + + .close-button:hover { + cursor: pointer; + background-color: #f4433663; + } + + .driver-popover.driverjs-theme { + background-color: var(--white); + color: var(--black); + max-width: 500px; + width: auto; + } + + .driver-popover.driverjs-theme .driver-popover-title { + font-size: 20px; + text-align: center; + } + + .driver-popover.driverjs-theme .driver-popover-title, + .driver-popover.driverjs-theme .driver-popover-description, + .driver-popover.driverjs-theme .driver-popover-progress-text { + color: var(--black); + font-family: Roboto, sans-serif; + } + + .driver-popover.driverjs-theme .driver-popover-description { + font-size: 16px; + } + + .driver-popover.driverjs-theme button { + flex: 1; + text-align: center; + background-color: #000; + color: #ffffff; + border: 2px solid #000; + text-shadow: none; + font-size: 14px; + padding: 5px 8px; + border-radius: 6px; + } + + .driver-popover.driverjs-theme .test-span { + color: green; + } + + .driver-popover.driverjs-theme button:hover { + background-color: #000; + color: #ffffff; + } + + .driver-popover.driverjs-theme .driver-popover-navigation-btns { + justify-content: space-between; + gap: 3px; + } + + .driver-popover.driverjs-theme .driver-popover-close-btn { + color: #9b9b9b; + } + + .driver-popover.driverjs-theme .driver-popover-close-btn:hover { + color: #000; + } + + .driver-popover.driverjs-theme .driver-popover-footer { + gap: 20px; + } + + .driver-popover.driverjs-theme .driver-popover-footer button { + background-color: #000 !important; + } + + .driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow { + border-left-color: #fde047; + } + + .driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow { + border-right-color: #fde047; + } + + .driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow { + border-top-color: #fde047; + } + + .driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow { + border-bottom-color: #fde047; + } +` + +export const createAccountSectionStyles = css` + * { + --mdc-theme-primary: var(--login-button); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --mdc-checkbox-unchecked-color: var(--black); + --lumo-primary-text-color: var(--login-border); + --lumo-primary-color-50pct: var(--login-border-50pct); + --lumo-primary-color-10pct: var(--login-border-10pct); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + .red { + --mdc-theme-primary: red; + } + + mwc-formfield { + color: var(--black); + } +` + +export const welcomePageStyles = css` + * { + --mdc-theme-primary: var(--login-button); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-button-outline-color: var(--general-color-blue); + } + + .button-outline { + margin: 6px; + width: 90%; + max-width:90vw; + border-top: 0; + border-bottom: 0; + } + + .welcome-page { + padding: 12px 0; + overflow: hidden; + } +` + +export const logoutViewStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + } + + .decline { + --mdc-theme-primary: var(--mdc-theme-error) + } + + .buttons { + text-align:right; + } +` + +export const notificationBellStyles = css` + .layout { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + } + + .count { + position: absolute; + top: -5px; + right: -5px; + font-size: 12px; + background-color: red; + color: white; + border-radius: 50%; + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; + user-select: none; + } + + .nocount { + display: none; + } + + .popover-panel { + position: absolute; + width: 200px; + padding: 10px; + background-color: var(--white); + border: 1px solid var(--black); + border-radius: 4px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + top: 40px; + max-height: 350px; + overflow: auto; + scrollbar-width: thin; + scrollbar-color: #6a6c75 #a1a1a1; + } + + .popover-panel::-webkit-scrollbar { + width: 11px; + } + + .popover-panel::-webkit-scrollbar-track { + background: #a1a1a1; + } + + .popover-panel::-webkit-scrollbar-thumb { + background-color: #6a6c75; + border-radius: 6px; + border: 3px solid #a1a1a1; + } + + .notifications-list { + display: flex; + flex-direction: column; + } + + .notification-item { + padding: 5px; + border-bottom: 1px solid; + display: flex; + justify-content: space-between; + cursor: pointer; + transition: 0.2s all; + } + + .notification-item:hover { + background: var(--nav-color-hover); + } + + p { + font-size: 14px; + color: var(--black); + margin: 0px; + padding: 0px; + } +` + +export const notificationBellGeneralStyles = css` + .layout { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + } + + .count { + position: absolute; + top: -5px; + right: -5px; + font-size: 12px; + background-color: red; + color: white; + border-radius: 50%; + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; + } + + .nocount { + display: none; + } + + .popover-panel { + position: absolute; + width: 200px; + padding: 10px; + background-color: var(--white); + border: 1px solid var(--black); + border-radius: 4px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + top: 40px; + max-height: 350px; + overflow: auto; + scrollbar-width: thin; + scrollbar-color: #6a6c75 #a1a1a1; + } + + .popover-panel::-webkit-scrollbar { + width: 11px; + } + + .popover-panel::-webkit-scrollbar-track { + background: #a1a1a1; + } + + .popover-panel::-webkit-scrollbar-thumb { + background-color: #6a6c75; + border-radius: 6px; + border: 3px solid #a1a1a1; + } + + .notifications-list { + display: flex; + flex-direction: column; + } + + .notification-item { + padding: 5px; + border-bottom: 1px solid; + display: flex; + justify-content: space-between; + cursor: pointer; + transition: 0.2s all; + } + + .notification-item:hover { + background: var(--nav-color-hover); + } + + p { + font-size: 14px; + color: var(--black); + margin: 0px; + padding: 0px; + } +` + +export const notificationItemTxStyles = css` + .centered { + display: flex; + justify-content: center; + align-items: center; + } + + .layout { + width: 100px; + display: flex; + flex-direction: column; + align-items: center; + position: relative; + } + + .count { + position: absolute; + top: -5px; + right: -5px; + font-size: 12px; + background-color: red; + color: white; + border-radius: 50%; + width: 16px; + height: 16px; + display: flex; + align-items: center; + justify-content: center; + } + + .nocount { + display: none; + } + + .popover-panel { + position: absolute; + width: 200px; + padding: 10px; + background-color: var(--white); + border: 1px solid var(--black); + border-radius: 4px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + top: 40px; + max-height: 350px; + overflow: auto; + scrollbar-width: thin; + scrollbar-color: #6a6c75 #a1a1a1; + } + + .popover-panel::-webkit-scrollbar { + width: 11px; + } + + .popover-panel::-webkit-scrollbar-track { + background: #a1a1a1; + } + + .popover-panel::-webkit-scrollbar-thumb { + background-color: #6a6c75; + border-radius: 6px; + border: 3px solid #a1a1a1; + } + + .notifications-list { + display: flex; + flex-direction: column; + } + + .notification-item { + padding: 5px; + border-bottom: 1px solid; + display: flex; + flex-direction: column; + cursor: default; + } + + .notification-item:hover { + background: var(--nav-color-hover); + } + + p { + font-size: 14px; + color: var(--black); + margin: 0px; + padding: 0px; + } + + .loader, + .loader:before, + .loader:after { + border-radius: 50%; + width: 10px; + height: 10px; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation: load7 1.8s infinite ease-in-out; + animation: load7 1.8s infinite ease-in-out; + } + + .loader { + color: var(--black); + font-size: 5px; + margin-bottom: 20px; + position: relative; + text-indent: -9999em; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; + } + + .loader:before, + .loader:after { + content: ''; + position: absolute; + top: 0; + } + + .loader:before { + left: -3.5em; + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; + } + + .loader:after { + left: 3.5em; + } + + @-webkit-keyframes load7 { + + 0%, + 80%, + 100% { + box-shadow: 0 2.5em 0 -1.3em; + } + + 40% { + box-shadow: 0 2.5em 0 0; + } + } + + @keyframes load7 { + + 0%, + 80%, + 100% { + box-shadow: 0 2.5em 0 -1.3em; + } + + 40% { + box-shadow: 0 2.5em 0 0; + } + } +` + +export const popoverComponentStyles = css` + :host { + display: none; + position: absolute; + background-color: var(--white); + border: 1px solid #ddd; + padding: 8px; + z-index: 10; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + color: var(--black); + max-width: 250px; + } + + .close-icon { + cursor: pointer; + float: right; + margin-left: 10px; + color: var(--black) + } +` + +export const accountViewStyles = css` + .sub-main { + position: relative; + text-align: center; + } + + .center-box { + position: relative; + top: 45%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .img-icon { + display: block; + margin-top: 10px; + } + + .content-box { + border: 1px solid #a1a1a1; + padding: 10px 25px; + text-align: left; + display: inline-block; + } + + .title { + font-weight: 600; + font-size: 15px; + display: block; + line-height: 32px; + opacity: 0.66; + } + + .value { + font-size: 16px; + display: inline-block; + } + + #accountName { + margin: 0; + font-size: 24px; + font-weight: 500; + display: inline-block; + width: 100%; + } +` + +export const exportKeysStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 500px; + --mdc-dialog-max-width: 750px; + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + } + + .center-box { + position: relative; + top: 45%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .sub-main { + position: relative; + text-align: center; + height: auto; + width: 100%; + } + + .content-box { + text-align: center; + display: inline-block; + min-width: 400px; + margin-bottom: 10px; + margin-left: 10px; + margin-top: 20px; + } + + .export-button { + display: inline-flex; + flex-direction: column; + justify-content: center; + align-content: center; + border: none; + border-radius: 20px; + padding-left: 10px; + padding-right: 10px; + color: white; + background: #03a9f4; + width: 75%; + font-size: 16px; + cursor: pointer; + height: 40px; + margin-top: 1rem; + text-transform: uppercase; + text-decoration: none; + transition: all .2s; + position: relative; + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + --mdc-theme-primary: #198754; + } + + .button-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + margin-top: 20px; + } + + .repair-button { + height: 40px; + padding: 10px 10px; + font-size: 16px; + font-weight: 500; + background-color: #03a9f4; + color: white; + border: 1px solid transparent; + border-radius: 20px; + text-decoration: none; + text-transform: uppercase; + cursor: pointer; + } + + .repair-button:hover { + opacity: 0.8; + cursor: pointer; + } + + .lds-roller { + display: inline-block; + position: relative; + width: 80px; + height: 80px; + } + + .lds-roller div { + animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + transform-origin: 40px 40px; + } + + .lds-roller div:after { + content: " "; + display: block; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + background: var(--black); + margin: -4px 0 0 -4px; + } + + .lds-roller div:nth-child(1) { + animation-delay: -0.036s; + } + + .lds-roller div:nth-child(1):after { + top: 63px; + left: 63px; + } + + .lds-roller div:nth-child(2) { + animation-delay: -0.072s; + } + + .lds-roller div:nth-child(2):after { + top: 68px; + left: 56px; + } + + .lds-roller div:nth-child(3) { + animation-delay: -0.108s; + } + + .lds-roller div:nth-child(3):after { + top: 71px; + left: 48px; + } + + .lds-roller div:nth-child(4) { + animation-delay: -0.144s; + } + + .lds-roller div:nth-child(4):after { + top: 72px; + left: 40px; + } + + .lds-roller div:nth-child(5) { + animation-delay: -0.18s; + } + + .lds-roller div:nth-child(5):after { + top: 71px; + left: 32px; + } + + .lds-roller div:nth-child(6) { + animation-delay: -0.216s; + } + + .lds-roller div:nth-child(6):after { + top: 68px; + left: 24px; + } + + .lds-roller div:nth-child(7) { + animation-delay: -0.252s; + } + + .lds-roller div:nth-child(7):after { + top: 63px; + left: 17px; + } + + .lds-roller div:nth-child(8) { + animation-delay: -0.288s; + } + + .lds-roller div:nth-child(8):after { + top: 56px; + left: 12px; + } + + @keyframes lds-roller { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } +` + +export const notificationsViewStyles = css` + .sub-main { + position: relative; + text-align: center; + } + + .notification-box { + display: block; + position: relative; + top: 45%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + @media(min-width: 1400px) { + .notification-box { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 30px; + } + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .content-box { + border: 1px solid #a1a1a1; + padding: 10px 25px; + text-align: left; + display: inline-block; + min-width: 350px; + min-height: 150px; + margin: 20px 0; + } + + h4 { + margin-bottom: 0; + } + + mwc-checkbox::shadow .mdc-checkbox::after, + mwc-checkbox::shadow .mdc-checkbox::before { + background-color: var(--mdc-theme-primary) + } + + label:hover { + cursor: pointer; + } + + .title { + font-weight: 600; + font-size: 15px; + display: block; + line-height: 32px; + opacity: 0.66; + } + + .value { + font-size: 16px; + display: inline-block; + } + + .q-button { + display: inline-flex; + flex-direction: column; + justify-content: center; + align-content: center; + border: none; + border-radius: 20px; + padding-left: 25px; + padding-right: 25px; + color: white; + background: #03a9f4; + width: 50%; + font-size: 17px; + cursor: pointer; + height: 50px; + margin-top: 1rem; + text-transform: uppercase; + text-decoration: none; + transition: all .2s; + position: relative; + } + + .remove-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + cursor: pointer; + } +` + +export const qrLoginViewStyles = css` + * { + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + } + + .center-box { + position: relative; + top: 45%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .q-button { + display: inline-flex; + flex-direction: column; + justify-content: center; + align-content: center; + border: none; + border-radius: 20px; + padding-left: 25px; + padding-right: 25px; + color: white; + background: #03a9f4; + width: 50%; + font-size: 17px; + cursor: pointer; + height: 50px; + margin-top: 1rem; + text-transform: uppercase; + text-decoration: none; + transition: all .2s; + position: relative; + } + + .q-button.outlined { + background: unset; + border: 1px solid #03a9f4; + } + + :host([theme="light"]) .q-button.outlined { + color: #03a9f4; + } + + #qr-toggle-button { + margin-left: 12px; + } + + #login-qr-code { + margin: auto; + } +` + +export const securityViewStyles = css` + * { + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --mdc-checkbox-unchecked-color: var(--black); + --mdc-theme-on-surface: var(--black); + --mdc-checkbox-disabled-color: var(--black); + --mdc-checkbox-ink-color: var(--black); + } + + .center-box { + position: relative; + top: 45%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .q-button { + display: inline-flex; + flex-direction: column; + justify-content: center; + align-content: center; + border: none; + border-radius: 20px; + padding-left: 25px; + padding-right: 25px; + color: white; + background: #03a9f4; + width: 50%; + font-size: 17px; + cursor: pointer; + height: 50px; + margin-top: 1rem; + text-transform: uppercase; + text-decoration: none; + transition: all .2s; + position: relative; + } + + .add-dev-button { + margin-top: 4px; + max-height: 28px; + padding: 5px 5px; + font-size: 14px; + background-color: #03a9f4; + color: white; + border: 1px solid transparent; + border-radius: 3px; + cursor: pointer; + } + + .add-dev-button:hover { + opacity: 0.8; + cursor: pointer; + } +` + +export const userSettingsStyles = css` + :host { + margin: 0; + width: 100%; + max-width: 100vw; + height: 100%; + max-height: 100vh; + background-color: var(--white); + color: var(--black); + line-height: 1.6; + } + + .decline { + --mdc-theme-primary: var(--mdc-theme-error) + } + + paper-dialog.userSettings { + width: 100%; + max-width: 100vw; + height: 100%; + max-height: 100vh; + background-color: var(--white); + color: var(--black); + line-height: 1.6; + overflow-y: auto; + } + + .actions { + display: flex; + justify-content: space-between; + padding: 0 4em; + margin: 15px 0 -2px 0; + } + + .close-icon { + font-size: 36px; + } + + .close-icon:hover { + cursor: pointer; + opacity: .6; + } + + .buttons { + text-align: right; + } + + .container { + max-width: 90vw; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + padding: .6em; + } + + ul { + list-style: none; + padding: 0; + margin-bottom: 0; + } + + .leftBar { + background-color: var(--white); + color: var(--black); + border: 1px solid var(--border); + padding: 20px 0 0 0; + border-radius: 5px; + } + + .leftBar img { + margin: 0 auto; + width: 75%; + height: 75%; + text-align: center; + } + + .leftBar .slug { + text-align: center; + margin-top: 20px; + color: var(--black); + font-size: 16px; + font-weight: 600; + margin-bottom: 7px; + } + + .leftBar ul li { + border-bottom: 1px solid var(--border); + } + + .leftBar ul li:last-child { + border-bottom: none; + } + + .leftBar ul li a { + color: var(--black); + font-size: 16px; + font-weight: 400; + text-decoration: none; + padding: .9em; + display: block; + } + + .leftBar ul li a i { + margin-right: 8px; + font-size: 16px; + } + + .leftBar ul li a:hover { + background-color: var(--menuhover); + color: #515151; + } + + .leftBar ul li:active { + border-bottom: none; + } + + .leftBar ul li a.active { + color: #515151; + background-color: var(--menuactive); + border-left: 2px solid #515151; + margin-left: -2px; + } + + .mainPage { + background-color: var(--white); + color: var(--black); + border: 1px solid var(--border); + padding: 20px 0 10px 0; + border-radius: 5px; + font-size: 16px; + text-align: center; + min-height: 460px; + height: auto; + overflow: auto; + + } + + @media(max-width:700px) { + .mainPage { + margin-top: 30px; + } + } + + @media(min-width:765px) { + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + .actions { + display: flex; + justify-content: space-between; + padding: 0 4em; + margin: 15px 0 -25px 0; + } + + .container { + padding: 2em; + } + + .wrapper { + display: grid; + grid-template-columns: 1fr 3fr; + grid-gap: 30px; + } + + .wrapper>.mainPage { + padding: 2em; + } + + .leftBar { + text-align: left; + max-height: 403px; + max-width: 400px; + font-size: 16px; + } + + .mainPage { + font-size: 16px; + } + } +` + +export const userInfoViewStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + box-sizing: border-box; + } + + h2 { + margin: 10px 0; + } + + h3 { + margin-top: -80px; + color: #03a9f4; + font-size: 18px; + } + + h4 { + margin: 5px 0; + } + + p { + margin-top: 5px; + font-size: 14px; + line-height: 16px; + } + + ul { + list-style: none; + display: flex; + } + + ul li { + margin: 15px auto; + font-size: 15px; + font-weight: 600; + color: #03a9f4; + } + + .btn-info { + color: #03a9f4; + --mdc-icon-size: 16px; + padding-top: 3px; + } + + .data-info { + margin-top: 10px; + margin-right: 25px; + } + + .data-items { + font-weight: 600; + color: var(--black); + display: block; + text-align: center; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + #transactionList { + color: var(--black); + padding: 15px; + } + + .color-in { + color: #02977e; + background-color: rgba(0, 201, 167, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .color-out { + color: #b47d00; + background-color: rgba(219, 154, 4, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .card-body { + background-color: var(--white); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 100vh; + margin: 0; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .card-container-button { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 500px; + max-width: 100%; + text-align: center; + } + + .card-explorer-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 10px; + position: relative; + width: 900px; + max-width: 100%; + text-align: center; + } + + .card-container .level { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + left: 30px; + } + + .card-container .founder { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + right: 30px; + } + + .card-container .round { + width: 96px; + height: 96px; + border: 1px solid #03a9f4; + border-radius: 50%; + padding: 2px; + } + + .card-container .badge { + width: 200px; + height: 135px; + border: 1px solid transparent; + border-radius: 10%; + padding: 2px; + } + + .userdata { + background-color: #1F1A36; + text-align: left; + padding: 15px; + margin-top: 30px; + } + + .userdata ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .userdata ul li { + border: 1px solid #2D2747; + border-radius: 2px; + display: inline-block; + font-size: 12px; + margin: 0 7px 7px 0; + padding: 7px; + } + + .decline { + --mdc-theme-primary: var(--mdc-theme-error) + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .green { + --mdc-theme-primary: #198754; + } + + .buttons { + display: inline; + float: right; + margin-bottom: 5px; + } + + .paybutton { + display: inline; + float: left; + margin-bottom: 5px; + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .explorer-trades { + text-align: center; + } + + .box { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 100%; + } + + .box-info { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 250px; + } + + .box-info-full { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 450px; + width: 450px; + } + + header { + display: flex; + flex: 0 1 auto; + align-items: center; + justify-content: center; + padding: 0px 10px; + font-size: 16px; + color: var(--black); + background-color: var(--tradehead); + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + min-height: 40px; + } + + .border-wrapper { + border: 1px var(--tradeborder) solid; + overflow: hidden; + } + + + #first-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #second-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #third-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #first-explorer-section>div {} + + #second-explorer-section>div {} + + #third-explorer-section>div {} + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + .full-info { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #1da1f2; + } + + .full-info-wrapper { + width: 100%; + min-width: 600px; + max-width: 600px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 25px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .full-info-logo { + width: 120px; + height: 120px; + background: var(--white); + border: 1px solid var(--black); + border-radius: 50%; + position: relative; + top: -110px; + left: 210px; + } + + .round-fullinfo { + position: relative; + width: 120px; + height: 120px; + border-radius: 50%; + right: 25px; + top: -1px; + } +` \ No newline at end of file diff --git a/core/src/styles/styles.scss b/core/src/styles/styles.scss index 98e54de2..655b1231 100644 --- a/core/src/styles/styles.scss +++ b/core/src/styles/styles.scss @@ -5,7 +5,7 @@ $mdc-layout-grid-breakpoints: ( phone: 0px ); -:root, html, body{ +:root, html, body { --layout-breakpoint-desktop: #{map-get($mdc-layout-grid-breakpoints, desktop)}; --layout-breakpoint-laptop: #{map-get($mdc-layout-grid-breakpoints, laptop)}; --layout-breakpoint-tablet: #{map-get($mdc-layout-grid-breakpoints, tablet)}; @@ -14,4 +14,4 @@ $mdc-layout-grid-breakpoints: ( iframe.pluginJSFrame { display:none; -} +} \ No newline at end of file diff --git a/core/src/styles/switch-theme.css b/core/src/styles/switch-theme.css index cd195572..4c56f166 100644 --- a/core/src/styles/switch-theme.css +++ b/core/src/styles/switch-theme.css @@ -6,6 +6,7 @@ html { --plugback: #ffffff; --border: #d0d6de; --border2: #dde2e8; + --border3: #080808; --copybutton: #707584; --chat-group: #080808; --chat-bubble: #9f9f9f0a; @@ -66,6 +67,13 @@ html { --app-hr: rgba(0, 0, 0, .3); --code-block-text-color: #008fd5; --noavatar: url("/img/noavatar_light.png"); + --login-border: rgba(0, 167, 245); + --login-border-50pct: rgba(0, 167, 245, 0.5); + --login-border-10pct: rgba(0, 167, 245, 0.1); + --login-button: rgb(3, 169, 244); + --general-color-blue: #03a9f4; + --qchat-name: #03a9f4; + --qchat-my-name: #05be0e; } html[theme="dark"] { @@ -76,6 +84,7 @@ html[theme="dark"] { --plugback: #0f1a2e; --border: #0b305e; --border2: #0b305e; + --border3: #767676; --copybutton: #d0d6de; --chat-group: #ffffff; --chat-bubble: #9694941a; @@ -136,5 +145,11 @@ html[theme="dark"] { --app-hr: rgba(255, 255, 255, .3); --code-block-text-color: #008fd5; --noavatar: url("/img/noavatar_dark.png"); -} - + --login-border: rgba(0, 167, 245); + --login-border-50pct: rgba(0, 167, 245, 0.5); + --login-border-10pct: rgba(0, 167, 245, 0.1); + --login-button: rgb(3, 169, 244); + --general-color-blue: #03a9f4; + --qchat-name: #03a9f4; + --qchat-my-name: #05be0e; +} \ No newline at end of file diff --git a/core/src/tradebot/addTradeBotRoutes.js b/core/src/tradebot/addTradeBotRoutes.js index 50da648e..6e03c77f 100644 --- a/core/src/tradebot/addTradeBotRoutes.js +++ b/core/src/tradebot/addTradeBotRoutes.js @@ -1,7 +1,7 @@ -import {routes} from './trade-bot-routes.js' +import { routes } from './trade-bot-routes' export const addTradeBotRoutes = epmlInstance => { - Object.entries(routes).forEach(([route, handler]) => { - epmlInstance.route(route, handler) - }) -} + Object.entries(routes).forEach(([route, handler]) => { + epmlInstance.route(route, handler) + }) +} \ No newline at end of file diff --git a/core/src/tradebot/trade-bot-routes.js b/core/src/tradebot/trade-bot-routes.js index f20a5f36..8d0f085c 100644 --- a/core/src/tradebot/trade-bot-routes.js +++ b/core/src/tradebot/trade-bot-routes.js @@ -1,6 +1,6 @@ -import {store} from '../store.js' +import { store } from '../store' import * as api from 'qortal-ui-crypto' -import snackbar from '../functional-components/snackbar.js' +import snackbar from '../functional-components/snackbar' const createTransaction = api.createTransaction const processTransaction = api.processTransaction @@ -37,12 +37,13 @@ export const routes = { } const res = await processTransaction(tx.signedBytes) + let extraData = {} - if(req.data.type === 38 && tx && tx._rewardShareKeyPair && tx._rewardShareKeyPair.secretKey){ + + if (req.data.type === 38 && tx && tx._rewardShareKeyPair && tx._rewardShareKeyPair.secretKey) { extraData.rewardSharePrivateKey = Base58.encode(tx._rewardShareKeyPair.secretKey) } - response = { success: true, data: res, @@ -51,61 +52,73 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = { success: false, - message: e.message, + message: e.message } } + return response }, standaloneTransaction: async (req) => { const rebuildUint8Array = (obj) => { let _array = new Uint8Array(Object.keys(obj).length) + for (let i = 0; i < _array.byteLength; ++i) { _array.set([obj[i]], i) } + return _array } let response + try { let _keyPair = {} + for (let _keyName in req.data.keyPair) { _keyPair[_keyName] = rebuildUint8Array( req.data.keyPair[_keyName] ) } + const tx = createTransaction( req.data.type, _keyPair, req.data.params ) + const res = await processTransaction(tx.signedBytes) + response = { success: true, - data: res, + data: res } } catch (e) { console.error(e) console.error(e.message) + response = { success: false, - message: e.message, + message: e.message } } + return response }, showSnackBar: async (req) => { snackbar.add({ labelText: req.data, - dismiss: true, + dismiss: true }) }, tradeBotCreateRequest: async (req) => { let response + try { const unsignedTxn = await tradeBotCreateRequest(req.data) @@ -118,25 +131,31 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, tradeBotRespondRequest: async (req) => { let response + try { response = await tradeBotRespondRequest(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, deleteTradeOffer: async (req) => { let response + try { const unsignedTxn = await deleteTradeOffer(req.data) @@ -149,13 +168,16 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, cancelAllOffers: async (req) => { let response + try { response = await cancelAllOffers( store.getState().app.selectedAddress @@ -163,80 +185,100 @@ export const routes = { } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendBtc: async (req) => { let response + try { response = await sendBtc(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendLtc: async (req) => { let response + try { response = await sendLtc(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendDoge: async (req) => { let response + try { response = await sendDoge(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendDgb: async (req) => { let response + try { response = await sendDgb(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendRvn: async (req) => { let response + try { response = await sendRvn(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response }, sendArrr: async (req) => { let response + try { response = await sendArrr(req.data) } catch (e) { console.error(e) console.error(e.message) + response = e.message } + return response - }, -} + } +} \ No newline at end of file diff --git a/core/src/transactionRequest.js b/core/src/transactionRequest.js index ee080ca6..54d87b73 100644 --- a/core/src/transactionRequest.js +++ b/core/src/transactionRequest.js @@ -1,12 +1,12 @@ let transactionRequestListener = async () => { - return { - confirmed: false, - reason: 'Dialoag not registered' - } + return { + confirmed: false, + reason: 'Dialoag not registered' + } } export const requestTransaction = async (...args) => transactionRequestListener(...args) export const listenForRequest = listener => { - transactionRequestListener = listener -} + transactionRequestListener = listener +} \ No newline at end of file diff --git a/core/src/worker.js b/core/src/worker.js index a1188062..d5e81df8 100644 --- a/core/src/worker.js +++ b/core/src/worker.js @@ -1,8 +1,7 @@ -import {Epml, EpmlReadyPlugin, EpmlWorkerPlugin, RequestPlugin} from 'epml' - -import utils from './cryptoUtils.js' -import {bytes_to_base64 as bytesToBase64, Sha512} from 'asmcrypto.js' +import { Epml, EpmlReadyPlugin, EpmlWorkerPlugin, RequestPlugin } from 'epml' +import { bytes_to_base64 as bytesToBase64, Sha512 } from 'asmcrypto.js' import bcrypt from 'bcryptjs' +import utils from './cryptoUtils' Epml.registerPlugin(RequestPlugin) Epml.registerPlugin(EpmlReadyPlugin) @@ -11,12 +10,13 @@ Epml.registerPlugin(EpmlWorkerPlugin) const parentEpml = new Epml({ type: 'WORKER', source: self }) parentEpml.route('kdf', async req => { - const { salt, key, nonce, staticSalt, staticBcryptSalt } = req.data - const combinedBytes = utils.appendBuffer(salt, utils.stringtoUTF8Array(staticSalt + key + nonce)) - const sha512Hash = new Sha512().process(combinedBytes).finish().result - const sha512HashBase64 = bytesToBase64(sha512Hash) - const result = bcrypt.hashSync(sha512HashBase64.substring(0, 72), staticBcryptSalt) - return { key, nonce, result } + const { salt, key, nonce, staticSalt, staticBcryptSalt } = req.data + const combinedBytes = utils.appendBuffer(salt, utils.stringtoUTF8Array(staticSalt + key + nonce)) + const sha512Hash = new Sha512().process(combinedBytes).finish().result + const sha512HashBase64 = bytesToBase64(sha512Hash) + const result = bcrypt.hashSync(sha512HashBase64.substring(0, 72), staticBcryptSalt) + + return { key, nonce, result } }) -parentEpml.imReady() +parentEpml.imReady() \ No newline at end of file diff --git a/core/tooling/build.js b/core/tooling/build.js index 4b50d746..74e03a2f 100644 --- a/core/tooling/build.js +++ b/core/tooling/build.js @@ -1,38 +1,35 @@ const rollup = require('rollup') async function writeBundle(bundle, outputOptions) { - - await bundle.generate(outputOptions) - - await bundle.write(outputOptions) + await bundle.generate(outputOptions) + await bundle.write(outputOptions) } async function buildInline(conf) { + const bundle = await rollup.rollup(conf.inputOptions).catch(err => { + throw err + }) - const bundle = await rollup.rollup(conf.inputOptions).catch(err => { - throw err - }) + await writeBundle(bundle, conf.outputOptions) - await writeBundle(bundle, conf.outputOptions) - console.log('BUILD CORE ==> Bundling Done 🎉'); + console.log('BUILD CORE ==> Bundling Done 🎉') } async function build(options, outputs, outputOptions, inputOptions, inlineConfigs) { + const bundle = await rollup.rollup(inputOptions).catch(err => { + throw err + }) - const bundle = await rollup.rollup(inputOptions).catch(err => { - throw err - }) + for (const option of outputs) { + await writeBundle(bundle, { + ...outputOptions, + ...option + }) + } - for (const option of outputs) { - await writeBundle(bundle, { - ...outputOptions, - ...option - }) - } - - for (const conf of inlineConfigs) { - await buildInline(conf) - } + for (const conf of inlineConfigs) { + await buildInline(conf) + } } -module.exports = build +module.exports = build \ No newline at end of file diff --git a/core/tooling/generateBuildConfig.js b/core/tooling/generateBuildConfig.js index 83efcba4..f09d05a5 100644 --- a/core/tooling/generateBuildConfig.js +++ b/core/tooling/generateBuildConfig.js @@ -7,95 +7,92 @@ const commonjs = require('@rollup/plugin-commonjs') const alias = require('@rollup/plugin-alias') const terser = require('@rollup/plugin-terser'); const scss = require('rollup-plugin-scss') -const webWorkerLoader = require('@qortal/rollup-plugin-web-worker-loader'); - +const webWorkerLoader = require('@qortal/rollup-plugin-web-worker-loader') const generateES5BuildConfig = require('./generateES5BuildConfig') - const generateInputs = (tree, inputs = {}) => { + for (const file of Object.values(tree)) { + inputs[file.file.split('.')[0]] = file.source + if (file.children) generateInputs(file.children, inputs) + } - for (const file of Object.values(tree)) { - - inputs[file.file.split('.')[0]] = file.source - if (file.children) generateInputs(file.children, inputs) - } - return inputs + return inputs } const generateBuildConfig = ({ elementComponents, functionalComponents, otherOutputs, apiComponents, aliases, options, inlineComponents }) => { - const buildConfig = { - outputs: [ - { - dir: 'es6', - format: 'esm' - } - ], - outputOptions: { - sourcemap: false - }, - inputOptions: { - onwarn: (warning, rollupWarn) => { - if (warning.code !== 'CIRCULAR_DEPENDENCY') { - rollupWarn(warning) - } - }, - input: { - main: options.inputFile, - ...generateInputs(elementComponents) - }, - plugins: [ - alias({ - entries: Object.keys(aliases).map(find => { - return { - find, - replacement: aliases[find] - } - }) - }), - nodeResolve({ - preferBuiltins: false, - mainFields: ['module', 'browser'] - }), - replace({ - preventAssignment: true, - "process.env.NODE_ENV": JSON.stringify("production"), - }), - commonjs(), - globals(), - progress(), - webWorkerLoader(), - scss({ - output: options.sassOutputDir - }), - terser({ - compress: true, - output: { - comments: false - } - }) - ], - preserveEntrySignatures: false, - external: ['crypto'], - context: 'window' - }, - options: { - outputDir: options.outputDir - } - } + const buildConfig = { + outputs: [ + { + dir: 'es6', + format: 'esm' + } + ], + outputOptions: { + sourcemap: false + }, + inputOptions: { + onwarn: (warning, rollupWarn) => { + if (warning.code !== 'CIRCULAR_DEPENDENCY') { + rollupWarn(warning) + } + }, + input: { + main: options.inputFile, + ...generateInputs(elementComponents) + }, + plugins: [ + alias({ + entries: Object.keys(aliases).map(find => { + return { + find, + replacement: aliases[find] + } + }) + }), + nodeResolve({ + preferBuiltins: false, + mainFields: ['module', 'browser'] + }), + replace({ + preventAssignment: true, + "process.env.NODE_ENV": JSON.stringify("production"), + }), + commonjs(), + globals(), + progress(), + webWorkerLoader(), + scss({ + output: options.sassOutputDir + }), + terser({ + compress: true, + output: { + comments: false + } + }) + ], + preserveEntrySignatures: false, + external: ['crypto'], + context: 'window' + }, + options: { + outputDir: options.outputDir + } + } - for (const output of buildConfig.outputs) { - output.dir = path.join(options.outputDir, output.dir) - } + for (const output of buildConfig.outputs) { + output.dir = path.join(options.outputDir, output.dir) + } - const inlineConfigs = generateES5BuildConfig(inlineComponents, { - outputDir: options.outputDir, - aliases - }) + const inlineConfigs = generateES5BuildConfig(inlineComponents, { + outputDir: options.outputDir, + aliases + }) - return { - buildConfig, - inlineConfigs - } + return { + buildConfig, + inlineConfigs + } } -module.exports = generateBuildConfig +module.exports = generateBuildConfig \ No newline at end of file diff --git a/core/tooling/generateES5BuildConfig.js b/core/tooling/generateES5BuildConfig.js index a7cc10d8..ea671767 100644 --- a/core/tooling/generateES5BuildConfig.js +++ b/core/tooling/generateES5BuildConfig.js @@ -1,69 +1,67 @@ -const babel = require('@rollup/plugin-babel'); -const { nodeResolve } = require('@rollup/plugin-node-resolve'); -const replace = require('@rollup/plugin-replace'); -const commonjs = require('@rollup/plugin-commonjs'); -const progress = require('rollup-plugin-progress'); -const terser = require('@rollup/plugin-terser'); -const alias = require('@rollup/plugin-alias'); -const webWorkerLoader = require('@qortal/rollup-plugin-web-worker-loader'); -const path = require('path'); - +const path = require('path') +const babel = require('@rollup/plugin-babel') +const replace = require('@rollup/plugin-replace') +const commonjs = require('@rollup/plugin-commonjs') +const progress = require('rollup-plugin-progress') +const terser = require('@rollup/plugin-terser') +const alias = require('@rollup/plugin-alias') +const webWorkerLoader = require('@qortal/rollup-plugin-web-worker-loader') +const { nodeResolve } = require('@rollup/plugin-node-resolve') const generateRollupConfig = (file, { outputDir, aliases }) => { - - return { - inputOptions: { - input: file.input, - onwarn: (warning, rollupWarn) => { - if (warning.code !== 'CIRCULAR_DEPENDENCY') { - rollupWarn(warning) - } - }, - plugins: [ - nodeResolve({ - preferBuiltins: false, - mainFields: ['module', 'browser'] - }), - replace({ - preventAssignment: true, - "process.env.NODE_ENV": JSON.stringify("production"), - }), - alias({ - entries: Object.keys(aliases).map(find => { - return { - find, - replacement: aliases[find] - } - }) - }), - commonjs(), - progress(), - webWorkerLoader(), - babel.babel({ - babelHelpers: 'bundled', - exclude: 'node_modules/**' - }), - terser({ - compress: true, - output: { - comments: false, - }, - }) - ], - preserveEntrySignatures: false, - external: ['crypto'] - }, - outputOptions: { - file: path.join(outputDir, file.output), - format: 'umd', - name: 'worker', - sourcemap: false - } - } + return { + inputOptions: { + input: file.input, + onwarn: (warning, rollupWarn) => { + if (warning.code !== 'CIRCULAR_DEPENDENCY') { + rollupWarn(warning) + } + }, + plugins: [ + nodeResolve({ + preferBuiltins: false, + mainFields: ['module', 'browser'] + }), + replace({ + preventAssignment: true, + "process.env.NODE_ENV": JSON.stringify("production"), + }), + alias({ + entries: Object.keys(aliases).map(find => { + return { + find, + replacement: aliases[find] + } + }) + }), + commonjs(), + progress(), + webWorkerLoader(), + babel.babel({ + babelHelpers: 'bundled', + exclude: 'node_modules/**' + }), + terser({ + compress: true, + output: { + comments: false, + }, + }) + ], + preserveEntrySignatures: false, + external: ['crypto'] + }, + outputOptions: { + file: path.join(outputDir, file.output), + format: 'umd', + name: 'worker', + sourcemap: false + } + } } const generateES5BuildConfig = (files, options) => { - return files.map(file => generateRollupConfig(file, options)) + return files.map(file => generateRollupConfig(file, options)) } -module.exports = generateES5BuildConfig +module.exports = generateES5BuildConfig \ No newline at end of file diff --git a/core/tooling/utils.js b/core/tooling/utils.js index ad7b0ac0..7372f169 100644 --- a/core/tooling/utils.js +++ b/core/tooling/utils.js @@ -1,15 +1,16 @@ const path = require('path') const makeSourceAbsolute = (dir, tree) => { - for (const component of Object.values(tree)) { - component.source = path.join(dir, component.file) - if (component.children) { - makeSourceAbsolute(dir, component.children) - } - } - return tree + for (const component of Object.values(tree)) { + component.source = path.join(dir, component.file) + if (component.children) { + makeSourceAbsolute(dir, component.children) + } + } + + return tree } module.exports = { - makeSourceAbsolute -} + makeSourceAbsolute +} \ No newline at end of file diff --git a/core/tooling/watch-inlines.js b/core/tooling/watch-inlines.js index 71d15adb..e880f24c 100644 --- a/core/tooling/watch-inlines.js +++ b/core/tooling/watch-inlines.js @@ -1,17 +1,17 @@ const rollup = require('rollup') -async function watchInlines (inlineConfigs) { - for (const conf of inlineConfigs) { - const watchOptions = { - ...conf.inputOptions, - output: [conf.outputOptions], - watch: { - } - } - const watcher = rollup.watch(watchOptions) - watcher.on('event', event => { - }) - } +async function watchInlines(inlineConfigs) { + for (const conf of inlineConfigs) { + const watchOptions = { + ...conf.inputOptions, + output: [conf.outputOptions], + watch: { + } + } + const watcher = rollup.watch(watchOptions) + watcher.on('event', event => { + }) + } } -module.exports = watchInlines +module.exports = watchInlines \ No newline at end of file diff --git a/core/tooling/watch.js b/core/tooling/watch.js index 5f2829cd..b6c1bdbf 100644 --- a/core/tooling/watch.js +++ b/core/tooling/watch.js @@ -1,34 +1,35 @@ const rollup = require('rollup') async function watch(options, outputs, outputOptions, inputOptions) { - - const watchOptions = { - ...inputOptions, - output: outputs.map(option => { - return { - ...outputOptions, - ...option - } - }), - watch: { - } - } - const watcher = rollup.watch(watchOptions) - watcher.on('event', event => { - }) + const watchOptions = { + ...inputOptions, + output: outputs.map(option => { + return { + ...outputOptions, + ...option + } + }), + watch: { + } + } + const watcher = rollup.watch(watchOptions) + watcher.on('event', event => { + }) } async function writeBundle(bundle, outputOptions) { - await bundle.generate(outputOptions) - await bundle.write(outputOptions) - console.log('WATCH CORE ==> Write Bundle : Done 🎉'); + await bundle.generate(outputOptions) + await bundle.write(outputOptions) + + console.log('WATCH CORE ==> Write Bundle : Done 🎉') } async function buildInline(conf) { - const bundle = await rollup.rollup(conf.inputOptions).catch(err => { - throw err - }) - await writeBundle(bundle, conf.outputOptions) + const bundle = await rollup.rollup(conf.inputOptions).catch(err => { + throw err + }) + + await writeBundle(bundle, conf.outputOptions) } -module.exports = watch +module.exports = watch \ No newline at end of file diff --git a/core/translate/directives/lang-changed-base.js b/core/translate/directives/lang-changed-base.js index 0a894f33..2d2049bb 100644 --- a/core/translate/directives/lang-changed-base.js +++ b/core/translate/directives/lang-changed-base.js @@ -2,39 +2,39 @@ import { AsyncDirective } from 'lit/async-directive.js' import { listenForLangChanged } from '../util.js' export class LangChangedDirectiveBase extends AsyncDirective { - constructor() { - super(...arguments) - this.langChangedSubscription = null - this.getValue = (() => "") - } + constructor() { + super(...arguments) + this.langChangedSubscription = null + this.getValue = (() => '') + } - renderValue(getValue) { - this.getValue = getValue - this.subscribe() - return this.getValue() - } + renderValue(getValue) { + this.getValue = getValue + this.subscribe() + return this.getValue() + } - langChanged(e) { - this.setValue(this.getValue(e)) - } + langChanged(e) { + this.setValue(this.getValue(e)) + } - subscribe() { - if (this.langChangedSubscription == null) { - this.langChangedSubscription = listenForLangChanged(this.langChanged.bind(this)) - } - } + subscribe() { + if (this.langChangedSubscription == null) { + this.langChangedSubscription = listenForLangChanged(this.langChanged.bind(this)) + } + } - unsubscribe() { - if (this.langChangedSubscription != null) { - this.langChangedSubscription() - } - } + unsubscribe() { + if (this.langChangedSubscription != null) { + this.langChangedSubscription() + } + } - disconnected() { - this.unsubscribe() - } + disconnected() { + this.unsubscribe() + } - reconnected() { - this.subscribe() - } + reconnected() { + this.subscribe() + } } \ No newline at end of file diff --git a/core/translate/directives/lang-changed.js b/core/translate/directives/lang-changed.js index 5fcd9521..7ab735af 100644 --- a/core/translate/directives/lang-changed.js +++ b/core/translate/directives/lang-changed.js @@ -2,8 +2,9 @@ import { directive } from 'lit/directive.js' import { LangChangedDirectiveBase } from './lang-changed-base.js' export class LangChangedDirective extends LangChangedDirectiveBase { - render(getValue) { - return this.renderValue(getValue) - } + render(getValue) { + return this.renderValue(getValue) + } } + export const langChanged = directive(LangChangedDirective) \ No newline at end of file diff --git a/core/translate/directives/translate-unsafe-html.js b/core/translate/directives/translate-unsafe-html.js index 0d47066f..4111da75 100644 --- a/core/translate/directives/translate-unsafe-html.js +++ b/core/translate/directives/translate-unsafe-html.js @@ -4,9 +4,9 @@ import { TranslateDirective } from './translate.js' import { get } from '../util.js' export class TranslateUnsafeHTMLDirective extends TranslateDirective { - render(key, values, config) { - return this.renderValue(() => unsafeHTML(get(key, values, config))) - } + render(key, values, config) { + return this.renderValue(() => unsafeHTML(get(key, values, config))) + } } export const translateUnsafeHTML = directive(TranslateUnsafeHTMLDirective) \ No newline at end of file diff --git a/core/translate/directives/translate.js b/core/translate/directives/translate.js index 88395896..2ef51fd8 100644 --- a/core/translate/directives/translate.js +++ b/core/translate/directives/translate.js @@ -3,9 +3,9 @@ import { get } from '../util.js' import { LangChangedDirectiveBase } from './lang-changed-base.js' export class TranslateDirective extends LangChangedDirectiveBase { - render(key, values, config) { - return this.renderValue(() => get(key, values, config)) - } + render(key, values, config) { + return this.renderValue(() => get(key, values, config)) + } } export const translate = directive(TranslateDirective) \ No newline at end of file diff --git a/core/translate/helpers.js b/core/translate/helpers.js index 0e33c77e..59f2bc9d 100644 --- a/core/translate/helpers.js +++ b/core/translate/helpers.js @@ -1,16 +1,18 @@ export function interpolate(text, values, config) { - return Object.entries(extract(values || {})).reduce((text, [key, value]) => text.replace(new RegExp(`{{[  ]*${key}[  ]*}}`, `gm`), String(extract(value))), text) + return Object.entries(extract(values || {})).reduce((text, [key, value]) => text.replace(new RegExp(`{{[  ]*${key}[  ]*}}`, `gm`), String(extract(value))), text) } export function lookup(key, config) { - const parts = key.split(".") - let string = config.strings - while (string != null && parts.length > 0) { - string = string[parts.shift()] - } - return string != null ? string.toString() : null + const parts = key.split(".") + let string = config.strings + + while (string != null && parts.length > 0) { + string = string[parts.shift()] + } + + return string != null ? string.toString() : null } export function extract(obj) { - return (typeof obj === "function") ? obj() : obj + return (typeof obj === "function") ? obj() : obj } \ No newline at end of file diff --git a/core/translate/util.js b/core/translate/util.js index 113e4c85..3c7d9786 100644 --- a/core/translate/util.js +++ b/core/translate/util.js @@ -2,48 +2,48 @@ import { LANG_CHANGED_EVENT } from './config.js' import { extract, interpolate, lookup } from './helpers.js' export const defaultTranslateConfig = () => { - return { - loader: () => Promise.resolve({}), - empty: key => `[${key}]`, - lookup: lookup, - interpolate: interpolate, - translationCache: {} - } + return { + loader: () => Promise.resolve({}), + empty: key => `[${key}]`, + lookup: lookup, + interpolate: interpolate, + translationCache: {} + } } export let translateConfig = defaultTranslateConfig() export function registerTranslateConfig(config) { - return (translateConfig = Object.assign(Object.assign({}, translateConfig), config)) + return (translateConfig = Object.assign(Object.assign({}, translateConfig), config)) } export function dispatchLangChanged(detail) { - window.dispatchEvent(new CustomEvent(LANG_CHANGED_EVENT, { detail })) + window.dispatchEvent(new CustomEvent(LANG_CHANGED_EVENT, { detail })) } export function updateLang(newLang, newStrings, config = translateConfig) { - dispatchLangChanged({ - previousStrings: config.strings, - previousLang: config.lang, - lang: (config.lang = newLang), - strings: (config.strings = newStrings) - }) + dispatchLangChanged({ + previousStrings: config.strings, + previousLang: config.lang, + lang: (config.lang = newLang), + strings: (config.strings = newStrings) + }) } export function listenForLangChanged(callback, options) { - const handler = (e) => callback(e.detail) - window.addEventListener(LANG_CHANGED_EVENT, handler, options) - return () => window.removeEventListener(LANG_CHANGED_EVENT, handler) + const handler = (e) => callback(e.detail) + window.addEventListener(LANG_CHANGED_EVENT, handler, options) + return () => window.removeEventListener(LANG_CHANGED_EVENT, handler) } export async function use(lang, config = translateConfig) { - const strings = await config.loader(lang, config) - config.translationCache = {} - updateLang(lang, strings, config) + const strings = await config.loader(lang, config) + config.translationCache = {} + updateLang(lang, strings, config) } export function get(key, values, config = translateConfig) { - let translation = config.translationCache[key] || (config.translationCache[key] = config.lookup(key, config) || config.empty(key, config)) - values = values != null ? extract(values) : null - return values != null ? config.interpolate(translation, values, config) : translation + let translation = config.translationCache[key] || (config.translationCache[key] = config.lookup(key, config) || config.empty(key, config)) + values = values != null ? extract(values) : null + return values != null ? config.interpolate(translation, values, config) : translation } \ No newline at end of file diff --git a/core/ui-core.js b/core/ui-core.js index 3cbfaf4b..7ae9a654 100644 --- a/core/ui-core.js +++ b/core/ui-core.js @@ -29,16 +29,6 @@ const uiCoreController = (type) => { default: return } - } -module.exports = uiCoreController - -/** - * Performance update - * Write a CSS ripple effect and replace all paper-ripple and mwc-ripple - * Do something about the particles... - */ - -// TODO: notifications settings, do not show notification in an active chat, Fix double message rendering, right custom menu in chat - +module.exports = uiCoreController \ No newline at end of file diff --git a/crypto/api/createTransaction.js b/crypto/api/createTransaction.js index faf24803..3d9c19d9 100644 --- a/crypto/api/createTransaction.js +++ b/crypto/api/createTransaction.js @@ -5,7 +5,6 @@ import signChat from './transactions/chat/signChat.js' import signArbitrary from './transactions/arbitrary/signArbitrary.js' import signArbitraryWithFee from './transactions/arbitrary/signArbitraryWithFee.js' - export const createTransaction = (type, keyPair, params) => { const tx = new transactions[type]() tx.keyPair = keyPair @@ -36,8 +35,6 @@ export const signArbitraryWithFeeTransaction = (arbitraryBytesBase58, arbitraryB return signArbitraryWithFee(arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) } - - // Process Transactions export const processTransaction = bytes => request('/transactions/process', { method: 'POST', diff --git a/crypto/api/fetch-request.js b/crypto/api/fetch-request.js index 3aab5658..6adab74c 100644 --- a/crypto/api/fetch-request.js +++ b/crypto/api/fetch-request.js @@ -1,6 +1,7 @@ import {waitForConfig, watchConfig} from '../config.js' let config = {} + watchConfig((c) => { config = c }) @@ -15,6 +16,7 @@ export async function request(url, options) { const n = config.nodeConfig.knownNodes[config.nodeConfig.node] const node = n.protocol + '://' + n.domain + ':' + n.port + return fetch(node + url, { method, headers, diff --git a/crypto/api/transactions/AirdropTransaction.js b/crypto/api/transactions/AirdropTransaction.js index 0d366ab5..04aa8acf 100644 --- a/crypto/api/transactions/AirdropTransaction.js +++ b/crypto/api/transactions/AirdropTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from './TransactionBase.js' -import {QORT_DECIMALS} from '../constants.js' +import TransactionBase from './TransactionBase' +import {QORT_DECIMALS} from '../constants' export default class PaymentTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/DelegationTransaction.js b/crypto/api/transactions/DelegationTransaction.js index d2b670b8..72883c9a 100644 --- a/crypto/api/transactions/DelegationTransaction.js +++ b/crypto/api/transactions/DelegationTransaction.js @@ -1,5 +1,4 @@ -'use strict' -import TransactionBase from './TransactionBase.js' +import TransactionBase from './TransactionBase' export default class DelegationTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/DeployAtTransaction.js b/crypto/api/transactions/DeployAtTransaction.js index 3e4edbc3..4b77f21e 100644 --- a/crypto/api/transactions/DeployAtTransaction.js +++ b/crypto/api/transactions/DeployAtTransaction.js @@ -1,7 +1,6 @@ -'use strict' -import TransactionBase from './TransactionBase.js' -import {store} from '../../api.js' -import {QORT_DECIMALS} from '../constants.js' +import TransactionBase from './TransactionBase' +import {store} from '../../api' +import {QORT_DECIMALS} from '../constants' export default class DeployAtTransaction extends TransactionBase { constructor() { @@ -9,7 +8,6 @@ export default class DeployAtTransaction extends TransactionBase { this.type = 16 } - render(html) { return html` ${this._atDeployDialog1}: @@ -31,12 +29,15 @@ export default class DeployAtTransaction extends TransactionBase { set atDeployDialog1(atDeployDialog1) { this._atDeployDialog1 = atDeployDialog1 } + set atDeployDialog2(atDeployDialog2) { this._atDeployDialog2 = atDeployDialog2 } + set atDeployDialog3(atDeployDialog3) { this._atDeployDialog3 = atDeployDialog3 } + set atDeployDialog4(atDeployDialog4) { this._atDeployDialog4 = atDeployDialog4 } @@ -46,6 +47,7 @@ export default class DeployAtTransaction extends TransactionBase { this._fee = fee * QORT_DECIMALS this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) } + set rAmount(rAmount) { this._amountToShow = rAmount this._rAmount = Math.round(rAmount * store.getState().config.coin.decimals) @@ -63,26 +65,29 @@ export default class DeployAtTransaction extends TransactionBase { this._rDescriptionBytes = this.constructor.utils.stringtoUTF8Array(this._rDescription.toLocaleLowerCase()) this._rDescriptionLength = this.constructor.utils.int32ToBytes(this._rDescriptionBytes.length) } + set atType(atType) { this._atType = atType this._atTypeBytes = this.constructor.utils.stringtoUTF8Array(this._atType) this._atTypeLength = this.constructor.utils.int32ToBytes(this._atTypeBytes.length) } + set rTags(rTags) { this._rTags = rTags this._rTagsBytes = this.constructor.utils.stringtoUTF8Array(this._rTags.toLocaleLowerCase()) this._rTagsLength = this.constructor.utils.int32ToBytes(this._rTagsBytes.length) } + set rCreationBytes(rCreationBytes) { const decode = this.constructor.Base58.decode(rCreationBytes) this._rCreationBytes = this.constructor.utils.stringtoUTF8Array(decode) this._rCreationBytesLength = this.constructor.utils.int32ToBytes(this._rCreationBytes.length) } + set rAssetId(rAssetId) { this._rAssetId = this.constructor.utils.int64ToBytes(rAssetId) } - get params() { const params = super.params params.push( diff --git a/crypto/api/transactions/MessageTransaction.js b/crypto/api/transactions/MessageTransaction.js index 5e34c0fa..e534284f 100644 --- a/crypto/api/transactions/MessageTransaction.js +++ b/crypto/api/transactions/MessageTransaction.js @@ -1,13 +1,12 @@ -'use strict' -import PaymentTransaction from './PaymentTransaction.js' +import PaymentTransaction from './PaymentTransaction' export default class MessageTransaction extends PaymentTransaction { constructor() { super() this.type = 17 - this._key = this.constructor.utils.int64ToBytes(0); - this._isEncrypted = new Uint8Array(1); // Defaults to false - this._isText = new Uint8Array(1); // Defaults to false + this._key = this.constructor.utils.int64ToBytes(0) + this._isEncrypted = new Uint8Array(1) // Defaults to false + this._isText = new Uint8Array(1) // Defaults to false } set message(message /* UTF8 String */) { diff --git a/crypto/api/transactions/PaymentTransaction.js b/crypto/api/transactions/PaymentTransaction.js index 7e86b211..ad3c023b 100644 --- a/crypto/api/transactions/PaymentTransaction.js +++ b/crypto/api/transactions/PaymentTransaction.js @@ -1,7 +1,6 @@ -'use strict' -import TransactionBase from './TransactionBase.js' -import Base58 from '../deps/Base58.js' -import {store} from '../../api.js' +import TransactionBase from './TransactionBase' +import Base58 from '../deps/Base58' +import {store} from '../../api' export default class PaymentTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/PublicizeTransaction.js b/crypto/api/transactions/PublicizeTransaction.js index 2e1afda4..42e5ba50 100644 --- a/crypto/api/transactions/PublicizeTransaction.js +++ b/crypto/api/transactions/PublicizeTransaction.js @@ -1,6 +1,5 @@ -"use strict"; -import ChatBase from "./chat/ChatBase.js" -import {QORT_DECIMALS} from "../constants.js" +import ChatBase from './chat/ChatBase' +import {QORT_DECIMALS} from '../constants' export default class PublicizeTransaction extends ChatBase { constructor() { @@ -12,16 +11,18 @@ export default class PublicizeTransaction extends ChatBase { set proofOfWorkNonce(proofOfWorkNonce) { this._proofOfWorkNonce = this.constructor.utils.int32ToBytes(proofOfWorkNonce) } + set fee(fee) { this._fee = fee * QORT_DECIMALS this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) } + get params() { - const params = super.params; + const params = super.params params.push( this._proofOfWorkNonce, this._feeBytes ) - return params; + return params } } diff --git a/crypto/api/transactions/TransactionBase.js b/crypto/api/transactions/TransactionBase.js index e29f00b4..c5a96068 100644 --- a/crypto/api/transactions/TransactionBase.js +++ b/crypto/api/transactions/TransactionBase.js @@ -1,16 +1,17 @@ -'use strict' -import {QORT_DECIMALS, TX_TYPES} from '../constants.js' -import nacl from '../deps/nacl-fast.js' -import Base58 from '../deps/Base58.js' -import utils from '../deps/utils.js' +import {QORT_DECIMALS, TX_TYPES} from '../constants' +import nacl from '../deps/nacl-fast' +import Base58 from '../deps/Base58' +import utils from '../deps/utils' export default class TransactionBase { static get utils() { return utils } + static get nacl() { return nacl } + static get Base58() { return Base58 } diff --git a/crypto/api/transactions/TransferPrivsTransaction.js b/crypto/api/transactions/TransferPrivsTransaction.js index 61029703..b9eaf809 100644 --- a/crypto/api/transactions/TransferPrivsTransaction.js +++ b/crypto/api/transactions/TransferPrivsTransaction.js @@ -1,7 +1,6 @@ -'use strict' -import TransactionBase from './TransactionBase.js' -import {store} from '../../api.js' -import {QORT_DECIMALS} from '../constants.js' +import TransactionBase from './TransactionBase' +import {store} from '../../api' +import {QORT_DECIMALS} from '../constants' export default class TransferPrivsTransaction extends TransactionBase { constructor() { @@ -12,12 +11,12 @@ export default class TransferPrivsTransaction extends TransactionBase { render(html) { const conf = store.getState().config return html` - Are you sure to transfer privileges to this account ? -
    - ${this.theRecipient} -
    - On pressing confirm, the transfer privileges request will be sent! - ` + Are you sure to transfer privileges to this account ? +
    + ${this.theRecipient} +
    + On pressing confirm, the transfer privileges request will be sent! + ` } set recipient(recipient) { diff --git a/crypto/api/transactions/arbitrary/signArbitrary.js b/crypto/api/transactions/arbitrary/signArbitrary.js index bad7ccae..6118a99b 100644 --- a/crypto/api/transactions/arbitrary/signArbitrary.js +++ b/crypto/api/transactions/arbitrary/signArbitrary.js @@ -1,9 +1,8 @@ -import nacl from '../../deps/nacl-fast.js' -import utils from '../../deps/utils.js' -import Base58 from '../../deps/Base58.js' +import nacl from '../../deps/nacl-fast' +import utils from '../../deps/utils' +import Base58 from '../../deps/Base58' const signArbitrary = (arbitraryBytesBase58, arbitraryBytesForSigningBase58, nonce, keyPair) => { - if (!arbitraryBytesBase58) { throw new Error('ArbitraryBytesBase58 not defined') } @@ -19,12 +18,11 @@ const signArbitrary = (arbitraryBytesBase58, arbitraryBytesForSigningBase58, non const arbitraryBytes = Base58.decode(arbitraryBytesBase58) const _arbitraryBytesBuffer = Object.keys(arbitraryBytes).map(function (key) { return arbitraryBytes[key]; }) const arbitraryBytesBuffer = new Uint8Array(_arbitraryBytesBuffer) - const arbitraryBytesForSigning = Base58.decode(arbitraryBytesForSigningBase58) const _arbitraryBytesForSigningBuffer = Object.keys(arbitraryBytesForSigning).map(function (key) { return arbitraryBytesForSigning[key]; }) const arbitraryBytesForSigningBuffer = new Uint8Array(_arbitraryBytesForSigningBuffer) - const _nonce = utils.int32ToBytes(nonce) + arbitraryBytesBuffer.set(_nonce, 112) arbitraryBytesForSigningBuffer.set(_nonce, 112) diff --git a/crypto/api/transactions/arbitrary/signArbitraryWithFee.js b/crypto/api/transactions/arbitrary/signArbitraryWithFee.js index fdab1200..700990c4 100644 --- a/crypto/api/transactions/arbitrary/signArbitraryWithFee.js +++ b/crypto/api/transactions/arbitrary/signArbitraryWithFee.js @@ -1,14 +1,12 @@ -import nacl from '../../deps/nacl-fast.js' -import utils from '../../deps/utils.js' -import Base58 from '../../deps/Base58.js' +import nacl from '../../deps/nacl-fast' +import utils from '../../deps/utils' +import Base58 from '../../deps/Base58' const signArbitraryWithFee = (arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) => { - if (!arbitraryBytesBase58) { throw new Error('ArbitraryBytesBase58 not defined') } - if (!keyPair) { throw new Error('keyPair not defined') } @@ -16,13 +14,9 @@ const signArbitraryWithFee = (arbitraryBytesBase58, arbitraryBytesForSigningBase const arbitraryBytes = Base58.decode(arbitraryBytesBase58) const _arbitraryBytesBuffer = Object.keys(arbitraryBytes).map(function (key) { return arbitraryBytes[key]; }) const arbitraryBytesBuffer = new Uint8Array(_arbitraryBytesBuffer) - const arbitraryBytesForSigning = Base58.decode(arbitraryBytesForSigningBase58) const _arbitraryBytesForSigningBuffer = Object.keys(arbitraryBytesForSigning).map(function (key) { return arbitraryBytesForSigning[key]; }) const arbitraryBytesForSigningBuffer = new Uint8Array(_arbitraryBytesForSigningBuffer) - - - const signature = nacl.sign.detached(arbitraryBytesForSigningBuffer, keyPair.privateKey) return utils.appendBuffer(arbitraryBytesBuffer, signature) diff --git a/crypto/api/transactions/arbitraryV3.js b/crypto/api/transactions/arbitraryV3.js index 2c2536af..dd871aac 100644 --- a/crypto/api/transactions/arbitraryV3.js +++ b/crypto/api/transactions/arbitraryV3.js @@ -26,6 +26,7 @@ data = appendBuffer(data, lastReference) data = appendBuffer(data, publicKey) data = appendBuffer(data, paymentsLengthBytes) + // Here it is necessary to insert the payments, if there are data = appendBuffer(data, serviceBytes) data = appendBuffer(data, dataSizeBytes) diff --git a/crypto/api/transactions/chat/ChatBase.js b/crypto/api/transactions/chat/ChatBase.js index ce9fe8dc..fe1b26f5 100644 --- a/crypto/api/transactions/chat/ChatBase.js +++ b/crypto/api/transactions/chat/ChatBase.js @@ -1,16 +1,17 @@ -'use strict' -import {QORT_DECIMALS, TX_TYPES} from '../../constants.js' -import nacl from '../../deps/nacl-fast.js' -import Base58 from '../../deps/Base58.js' -import utils from '../../deps/utils.js' +import {QORT_DECIMALS, TX_TYPES} from '../../constants' +import nacl from '../../deps/nacl-fast' +import Base58 from '../../deps/Base58' +import utils from '../../deps/utils' export default class ChatBase { static get utils() { return utils } + static get nacl() { return nacl } + static get Base58() { return Base58 } @@ -135,6 +136,7 @@ export default class ChatBase { return true } }) + return finalResult } diff --git a/crypto/api/transactions/chat/ChatTransaction.js b/crypto/api/transactions/chat/ChatTransaction.js index b79aa415..1b048aa3 100644 --- a/crypto/api/transactions/chat/ChatTransaction.js +++ b/crypto/api/transactions/chat/ChatTransaction.js @@ -1,10 +1,8 @@ -'use strict' -import ChatBase from "./ChatBase.js" -import nacl from '../../deps/nacl-fast.js' -import ed2curve from '../../deps/ed2curve.js' +import ChatBase from './ChatBase' +import nacl from '../../deps/nacl-fast' +import ed2curve from '../../deps/ed2curve' import {Sha256} from 'asmcrypto.js' -import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants.js' - +import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants' export default class ChatTransaction extends ChatBase { constructor() { diff --git a/crypto/api/transactions/chat/GroupChatTransaction.js b/crypto/api/transactions/chat/GroupChatTransaction.js index a7dd51c3..bb69f442 100644 --- a/crypto/api/transactions/chat/GroupChatTransaction.js +++ b/crypto/api/transactions/chat/GroupChatTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import ChatBase from "./ChatBase.js" -import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants.js' +import ChatBase from './ChatBase' +import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants' export default class GroupChatTransaction extends ChatBase { constructor() { @@ -34,7 +33,7 @@ export default class GroupChatTransaction extends ChatBase { } set isEncrypted(isEncrypted) { - this._isEncrypted = new Uint8Array(1); + this._isEncrypted = new Uint8Array(1) this._isEncrypted[0] = isEncrypted } @@ -63,6 +62,7 @@ export default class GroupChatTransaction extends ChatBase { params.push(this._chatReference) } } + return params } } diff --git a/crypto/api/transactions/chat/decryptChatMessage.js b/crypto/api/transactions/chat/decryptChatMessage.js index 38ecea4e..8f4b05df 100644 --- a/crypto/api/transactions/chat/decryptChatMessage.js +++ b/crypto/api/transactions/chat/decryptChatMessage.js @@ -1,6 +1,6 @@ -import nacl from '../../deps/nacl-fast.js' -import Base58 from '../../deps/Base58.js' -import ed2curve from '../../deps/ed2curve.js' +import nacl from '../../deps/nacl-fast' +import Base58 from '../../deps/Base58' +import ed2curve from '../../deps/ed2curve' import {Sha256} from 'asmcrypto.js' export const decryptChatMessage = (encryptedMessage, privateKey, recipientPublicKey, lastReference) => { @@ -8,12 +8,11 @@ export const decryptChatMessage = (encryptedMessage, privateKey, recipientPublic const _base58RecipientPublicKey = recipientPublicKey instanceof Uint8Array ? Base58.encode(recipientPublicKey) : recipientPublicKey const _recipientPublicKey = Base58.decode(_base58RecipientPublicKey) - const _lastReference = lastReference instanceof Uint8Array ? lastReference : Base58.decode(lastReference) - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) const convertedPublicKey = ed2curve.convertPublicKey(_recipientPublicKey) - const sharedSecret = new Uint8Array(32); + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) const _chatEncryptionSeed = new Sha256().process(sharedSecret).finish().result @@ -26,32 +25,30 @@ export const decryptChatMessage = (encryptedMessage, privateKey, recipientPublic } export const decryptChatMessageBase64 = (encryptedMessage, privateKey, recipientPublicKey, lastReference) => { - let _encryptedMessage = atob(encryptedMessage); - const binaryLength = _encryptedMessage.length; - const bytes = new Uint8Array(binaryLength); + let _encryptedMessage = atob(encryptedMessage) + + const binaryLength = _encryptedMessage.length + const bytes = new Uint8Array(binaryLength) for (let i = 0; i < binaryLength; i++) { - bytes[i] = _encryptedMessage.charCodeAt(i); + bytes[i] = _encryptedMessage.charCodeAt(i) } const _base58RecipientPublicKey = recipientPublicKey instanceof Uint8Array ? Base58.encode(recipientPublicKey) : recipientPublicKey const _recipientPublicKey = Base58.decode(_base58RecipientPublicKey) - const _lastReference = lastReference instanceof Uint8Array ? lastReference : Base58.decode(lastReference) - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) const convertedPublicKey = ed2curve.convertPublicKey(_recipientPublicKey) - const sharedSecret = new Uint8Array(32); + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) const _chatEncryptionSeed = new Sha256().process(sharedSecret).finish().result const _decryptedMessage = nacl.secretbox.open(bytes, _lastReference.slice(0, 24), _chatEncryptionSeed) - if (_decryptedMessage === false) { return _decryptedMessage } + return new TextDecoder('utf-8').decode(_decryptedMessage) - - } diff --git a/crypto/api/transactions/chat/signChat.js b/crypto/api/transactions/chat/signChat.js index da2597d0..2b80e8a9 100644 --- a/crypto/api/transactions/chat/signChat.js +++ b/crypto/api/transactions/chat/signChat.js @@ -1,5 +1,5 @@ -import nacl from '../../deps/nacl-fast.js' -import utils from '../../deps/utils.js' +import nacl from '../../deps/nacl-fast' +import utils from '../../deps/utils' const signChat = (chatBytes, nonce, keyPair) => { diff --git a/crypto/api/transactions/groups/AddGroupAdminTransaction.js b/crypto/api/transactions/groups/AddGroupAdminTransaction.js index 4719320c..761e0029 100644 --- a/crypto/api/transactions/groups/AddGroupAdminTransaction.js +++ b/crypto/api/transactions/groups/AddGroupAdminTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class AddGroupAdminTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/CancelGroupBanTransaction.js b/crypto/api/transactions/groups/CancelGroupBanTransaction.js index 78d58c85..f0b11fa1 100644 --- a/crypto/api/transactions/groups/CancelGroupBanTransaction.js +++ b/crypto/api/transactions/groups/CancelGroupBanTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class CancelGroupBanTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/CancelGroupInviteTransaction.js b/crypto/api/transactions/groups/CancelGroupInviteTransaction.js index 6bf09844..8dccb6fa 100644 --- a/crypto/api/transactions/groups/CancelGroupInviteTransaction.js +++ b/crypto/api/transactions/groups/CancelGroupInviteTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class CancelGroupInviteTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/CreateGroupTransaction.js b/crypto/api/transactions/groups/CreateGroupTransaction.js index 1a6b38c9..b81e47ee 100644 --- a/crypto/api/transactions/groups/CreateGroupTransaction.js +++ b/crypto/api/transactions/groups/CreateGroupTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class CreateGroupTransaction extends TransactionBase { constructor() { @@ -12,11 +11,11 @@ export default class CreateGroupTransaction extends TransactionBase { return html` ${this._groupdialog5}
    -
    ${this._groupdialog7}: ${this._rGroupName}
    -
    -
    ${this._groupdialog8}: ${this._rGroupDesc}
    -
    -
    ${this._groupdialog9}: ${this.myGroupType === 1 ? "Public" : "Private"}
    +
    ${this._groupdialog7}: ${this._rGroupName}
    +
    +
    ${this._groupdialog8}: ${this._rGroupDesc}
    +
    +
    ${this._groupdialog9}: ${this._rGroupTypeDesc}
    ${this._groupdialog6} ` @@ -42,6 +41,10 @@ export default class CreateGroupTransaction extends TransactionBase { this._groupdialog9 = groupdialog9 } + set groupTypeDesc(groupTypeDesc) { + this._rGroupTypeDesc = groupTypeDesc + } + set fee(fee) { this._fee = fee * QORT_DECIMALS this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) @@ -49,18 +52,17 @@ export default class CreateGroupTransaction extends TransactionBase { set rGroupName(rGroupName) { this._rGroupName = rGroupName - this._rGroupNameBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupName.toLocaleLowerCase()) + this._rGroupNameBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupName) this._rGroupNameLength = this.constructor.utils.int32ToBytes(this._rGroupNameBytes.length) } set rGroupDesc(rGroupDesc) { this._rGroupDesc = rGroupDesc - this._rGroupDescBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupDesc.toLocaleLowerCase()) + this._rGroupDescBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupDesc) this._rGroupDescLength = this.constructor.utils.int32ToBytes(this._rGroupDescBytes.length) } set rGroupType(rGroupType) { - this.myGroupType = rGroupType this._rGroupType = new Uint8Array(1) this._rGroupType[0] = rGroupType } @@ -71,13 +73,11 @@ export default class CreateGroupTransaction extends TransactionBase { } set rGroupMinimumBlockDelay(rGroupMinimumBlockDelay) { - this._rGroupMinimumBlockDelay = rGroupMinimumBlockDelay - this._rGroupMinimumBlockDelayBytes = this.constructor.utils.int32ToBytes(this._rGroupMinimumBlockDelay) + this._rGroupMinimumBlockDelayBytes = this.constructor.utils.int32ToBytes(rGroupMinimumBlockDelay) } set rGroupMaximumBlockDelay(rGroupMaximumBlockDelay) { - this._rGroupMaximumBlockDelay = rGroupMaximumBlockDelay - this._rGroupMaximumBlockDelayBytes = this.constructor.utils.int32ToBytes(this._rGroupMaximumBlockDelay) + this._rGroupMaximumBlockDelayBytes = this.constructor.utils.int32ToBytes(rGroupMaximumBlockDelay) } get params() { diff --git a/crypto/api/transactions/groups/GroupBanTransaction.js b/crypto/api/transactions/groups/GroupBanTransaction.js index 23aeb769..ab679f7a 100644 --- a/crypto/api/transactions/groups/GroupBanTransaction.js +++ b/crypto/api/transactions/groups/GroupBanTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class GroupBanTransaction extends TransactionBase { constructor() { @@ -33,7 +32,7 @@ export default class GroupBanTransaction extends TransactionBase { set rBanReason(rBanReason) { this._rBanReason = rBanReason - this._rBanReasonBytes = this.constructor.utils.stringtoUTF8Array(this._rBanReason.toLocaleLowerCase()) + this._rBanReasonBytes = this.constructor.utils.stringtoUTF8Array(this._rBanReason) this._rBanReasonLength = this.constructor.utils.int32ToBytes(this._rBanReasonBytes.length) } diff --git a/crypto/api/transactions/groups/GroupInviteTransaction.js b/crypto/api/transactions/groups/GroupInviteTransaction.js index 0e7397e3..20ce9bed 100644 --- a/crypto/api/transactions/groups/GroupInviteTransaction.js +++ b/crypto/api/transactions/groups/GroupInviteTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class GroupInviteTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/GroupKickTransaction.js b/crypto/api/transactions/groups/GroupKickTransaction.js index 22712da4..77391943 100644 --- a/crypto/api/transactions/groups/GroupKickTransaction.js +++ b/crypto/api/transactions/groups/GroupKickTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class GroupKickTransaction extends TransactionBase { constructor() { @@ -33,7 +32,7 @@ export default class GroupKickTransaction extends TransactionBase { set rBanReason(rBanReason) { this._rBanReason = rBanReason - this._rBanReasonBytes = this.constructor.utils.stringtoUTF8Array(this._rBanReason.toLocaleLowerCase()) + this._rBanReasonBytes = this.constructor.utils.stringtoUTF8Array(this._rBanReason) this._rBanReasonLength = this.constructor.utils.int32ToBytes(this._rBanReasonBytes.length) } diff --git a/crypto/api/transactions/groups/JoinGroupTransaction.js b/crypto/api/transactions/groups/JoinGroupTransaction.js index b42e17d2..4db9cb73 100644 --- a/crypto/api/transactions/groups/JoinGroupTransaction.js +++ b/crypto/api/transactions/groups/JoinGroupTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class JoinGroupTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/LeaveGroupTransaction.js b/crypto/api/transactions/groups/LeaveGroupTransaction.js index fd57381f..104cb9fe 100644 --- a/crypto/api/transactions/groups/LeaveGroupTransaction.js +++ b/crypto/api/transactions/groups/LeaveGroupTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class LeaveGroupTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js b/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js index abd8c084..d0aff6a3 100644 --- a/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js +++ b/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class RemoveGroupAdminTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/UpdateGroupTransaction.js b/crypto/api/transactions/groups/UpdateGroupTransaction.js index 1c01bff6..d080c24f 100644 --- a/crypto/api/transactions/groups/UpdateGroupTransaction.js +++ b/crypto/api/transactions/groups/UpdateGroupTransaction.js @@ -1,74 +1,109 @@ -'use strict'; -import TransactionBase from '../TransactionBase.js' -import {store} from '../../../api.js' -import {QORT_DECIMALS} from "../../constants.js" +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class UpdateGroupTransaction extends TransactionBase { - constructor() { - super() - this.type = 23 - } + constructor() { + super() + this.type = 23 + } - render(html) { - const conf = store.getState().config - return html` - Are you sure to update this group ? -
    + render(html) { + return html` + ${this._updategroupdialog1} +
    +
    ${this._updategroupdialog3}: ${this._rGroupNewOwnerDesc}
    +
    +
    ${this._updategroupdialog4}: ${this._rGroupNewName}
    +
    +
    ${this._updategroupdialog5}: ${this._rGroupNewDesc}
    +
    +
    ${this._updategroupdialog6}: ${this._rGroupTypeDesc}
    +
    + ${this._updategroupdialog2} + ` + } -
    - On pressing confirm, the group details will be updated! - ` - } + set updategroupdialog1(updategroupdialog1) { + this._updategroupdialog1 = updategroupdialog1 + } - set fee(fee) { - this._fee = fee * QORT_DECIMALS - this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) - } + set updategroupdialog2(updategroupdialog2) { + this._updategroupdialog2 = updategroupdialog2 + } - set newOwner(newOwner) { - this._newOwner = newOwner instanceof Uint8Array ? newOwner : this.constructor.Base58.decode(newOwner) - } + set updategroupdialog3(updategroupdialog3) { + this._updategroupdialog3 = updategroupdialog3 + } - set newIsOpen(newIsOpen) { - this._rGroupType = new Uint8Array(1) - this._rGroupType[0] = newIsOpen - } + set updategroupdialog4(updategroupdialog4) { + this._updategroupdialog4 = updategroupdialog4 + } - set newDescription(newDescription) { - this._rGroupDescBytes = this.constructor.utils.stringtoUTF8Array(newDescription.toLocaleLowerCase()) - this._rGroupDescLength = this.constructor.utils.int32ToBytes(this._rGroupDescBytes.length) - } + set updategroupdialog5(updategroupdialog5) { + this._updategroupdialog5 = updategroupdialog5 + } - set newApprovalThreshold(newApprovalThreshold) { - this._rGroupApprovalThreshold = new Uint8Array(1) - this._rGroupApprovalThreshold[0] = newApprovalThreshold; - } + set groupTypeDesc(groupTypeDesc) { + this._rGroupTypeDesc = groupTypeDesc + } - set newMinimumBlockDelay(newMinimumBlockDelay) { - this._rGroupMinimumBlockDelayBytes = this.constructor.utils.int32ToBytes(newMinimumBlockDelay) - } + set fee(fee) { + this._fee = fee * QORT_DECIMALS + this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) + } - set newMaximumBlockDelay(newMaximumBlockDelay) { - this._rGroupMaximumBlockDelayBytes = this.constructor.utils.int32ToBytes(newMaximumBlockDelay) - } + set newGroupId(newGroupId) { + this._rGroupNewBytes = this.constructor.utils.int32ToBytes(newGroupId) + } - set _groupId(_groupId){ - this._groupBytes = this.constructor.utils.int32ToBytes(_groupId) - } + set newOwner(newOwner) { + this._rGroupNewOwnerDesc = newOwner + this._rGroupNewOwner = newOwner instanceof Uint8Array ? newOwner : this.constructor.Base58.decode(newOwner) + } - get params() { - const params = super.params - params.push( - this._groupBytes, - this._newOwner, - this._rGroupDescLength, - this._rGroupDescBytes, - this._rGroupType, - this._rGroupApprovalThreshold, - this._rGroupMinimumBlockDelayBytes, - this._rGroupMaximumBlockDelayBytes, - this._feeBytes - ) - return params - } + set newName(newName) { + this._rGroupNewName = newName + this._rGroupNewNameBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupNewName) + this._rGroupNewNameLength = this.constructor.utils.int32ToBytes(this._rGroupNewNameBytes.length) + } + + set newDescription(newDescription) { + this._rGroupNewDesc = newDescription + this._rGroupNewDescBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupNewDesc) + this._rGroupNewDescLength = this.constructor.utils.int32ToBytes(this._rGroupNewDescBytes.length) + } + + set newIsOpen(newIsOpen) { + this._rGroupNewType = new Uint8Array(1) + this._rGroupNewType[0] = newIsOpen + } + + set newApprovalThreshold(newApprovalThreshold) { + this._rGroupNewApprovalThreshold = new Uint8Array(1) + this._rGroupNewApprovalThreshold[0] = newApprovalThreshold + } + + set newMinimumBlockDelay(newMinimumBlockDelay) { + this._rGroupNewMinimumBlockDelayBytes = this.constructor.utils.int32ToBytes(newMinimumBlockDelay) + } + + set newMaximumBlockDelay(newMaximumBlockDelay) { + this._rGroupNewMaximumBlockDelayBytes = this.constructor.utils.int32ToBytes(newMaximumBlockDelay) + } + + get params() { + const params = super.params + params.push( + this._rGroupNewBytes, + this._rGroupNewOwner, + this._rGroupNewDescLength, + this._rGroupNewDescBytes, + this._rGroupNewType, + this._rGroupNewApprovalThreshold, + this._rGroupNewMinimumBlockDelayBytes, + this._rGroupNewMaximumBlockDelayBytes, + this._feeBytes + ) + return params + } } diff --git a/crypto/api/transactions/names/BuyNameTransacion.js b/crypto/api/transactions/names/BuyNameTransacion.js index c03f7b85..d41a7ab8 100644 --- a/crypto/api/transactions/names/BuyNameTransacion.js +++ b/crypto/api/transactions/names/BuyNameTransacion.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class BuyNameTransacion extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/CancelSellNameTransacion.js b/crypto/api/transactions/names/CancelSellNameTransacion.js index cfd59b8d..5d53b3a7 100644 --- a/crypto/api/transactions/names/CancelSellNameTransacion.js +++ b/crypto/api/transactions/names/CancelSellNameTransacion.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class CancelSellNameTransacion extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/RegisterNameTransaction.js b/crypto/api/transactions/names/RegisterNameTransaction.js index 06dde2ea..7240e281 100644 --- a/crypto/api/transactions/names/RegisterNameTransaction.js +++ b/crypto/api/transactions/names/RegisterNameTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class RegisterNameTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/SellNameTransacion.js b/crypto/api/transactions/names/SellNameTransacion.js index 1ce67835..f93ea901 100644 --- a/crypto/api/transactions/names/SellNameTransacion.js +++ b/crypto/api/transactions/names/SellNameTransacion.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class SellNameTransacion extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/UpdateNameTransaction.js b/crypto/api/transactions/names/UpdateNameTransaction.js index f7ccf613..c9f5aebe 100644 --- a/crypto/api/transactions/names/UpdateNameTransaction.js +++ b/crypto/api/transactions/names/UpdateNameTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class UpdateNameTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/polls/CreatePollTransaction.js b/crypto/api/transactions/polls/CreatePollTransaction.js index bb578126..fa01e9b1 100644 --- a/crypto/api/transactions/polls/CreatePollTransaction.js +++ b/crypto/api/transactions/polls/CreatePollTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class CreatePollTransaction extends TransactionBase { constructor() { @@ -25,15 +24,15 @@ export default class CreatePollTransaction extends TransactionBase {
    ${this._votedialog6}
    - ${this._feeDialog}: ${this._feeDisplay} + ${this._feeDialog}: ${this._feeDisplay}
    ` } addOption(option) { - const optionBytes = this.constructor.utils.stringtoUTF8Array(option); - const optionLength = this.constructor.utils.int32ToBytes(optionBytes.length); - this._options.push({ length: optionLength, bytes: optionBytes }); + const optionBytes = this.constructor.utils.stringtoUTF8Array(option) + const optionLength = this.constructor.utils.int32ToBytes(optionBytes.length) + this._options.push({ length: optionLength, bytes: optionBytes }) } set feeDialog(feeDialog){ @@ -69,7 +68,7 @@ export default class CreatePollTransaction extends TransactionBase { set rPollName(rPollName) { this._rPollName = rPollName this._rPollNameBytes = this.constructor.utils.stringtoUTF8Array(this._rPollName) - this._rPollNameLength = this.constructor.utils.int32ToBytes(this._rPollNameBytes.length); + this._rPollNameLength = this.constructor.utils.int32ToBytes(this._rPollNameBytes.length) } @@ -80,13 +79,14 @@ export default class CreatePollTransaction extends TransactionBase { } set rOptions(rOptions) { - const optionsArray = rOptions[0].split(', ').map(opt => opt.trim()); + const optionsArray = rOptions[0].split(', ').map(opt => opt.trim()) this._pollOptions = optionsArray + for (let i = 0; i < optionsArray.length; i++) { - this.addOption(optionsArray[i]); + this.addOption(optionsArray[i]) } - this._rNumberOfOptionsBytes = this.constructor.utils.int32ToBytes(optionsArray.length); + this._rNumberOfOptionsBytes = this.constructor.utils.int32ToBytes(optionsArray.length) } @@ -100,9 +100,10 @@ export default class CreatePollTransaction extends TransactionBase { this._rPollDescBytes, this._rNumberOfOptionsBytes ) + // Push the dynamic options for (let i = 0; i < this._options.length; i++) { - params.push(this._options[i].length, this._options[i].bytes); + params.push(this._options[i].length, this._options[i].bytes) } params.push(this._feeBytes); diff --git a/crypto/api/transactions/polls/VoteOnPollTransaction.js b/crypto/api/transactions/polls/VoteOnPollTransaction.js index 16c51140..83a7eda9 100644 --- a/crypto/api/transactions/polls/VoteOnPollTransaction.js +++ b/crypto/api/transactions/polls/VoteOnPollTransaction.js @@ -1,6 +1,5 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import {QORT_DECIMALS} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import {QORT_DECIMALS} from '../../constants' export default class VoteOnPollTransaction extends TransactionBase { constructor() { @@ -16,7 +15,7 @@ export default class VoteOnPollTransaction extends TransactionBase {
    ${this._votedialog2}
    - ${this._feeDialog}: ${this._feeDisplay} + ${this._feeDialog}: ${this._feeDisplay}
    ` } @@ -39,14 +38,12 @@ export default class VoteOnPollTransaction extends TransactionBase { this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) } - set rPollName(rPollName) { this._rPollName = rPollName this._rPollNameBytes = this.constructor.utils.stringtoUTF8Array(this._rPollName) - this._rPollNameLength = this.constructor.utils.int32ToBytes(this._rPollNameBytes.length) + this._rPollNameLength = this.constructor.utils.int32ToBytes(this._rPollNameBytes.length) } - set rOptionIndex(rOptionIndex) { this._rOptionIndex = rOptionIndex this._rOptionIndexBytes = this.constructor.utils.int32ToBytes(this._rOptionIndex) @@ -55,7 +52,7 @@ export default class VoteOnPollTransaction extends TransactionBase { get params() { const params = super.params params.push( - this._rPollNameLength, + this._rPollNameLength, this._rPollNameBytes, this._rOptionIndexBytes, this._feeBytes diff --git a/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js b/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js index 2c2f9b3c..d16ff579 100644 --- a/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js +++ b/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js @@ -1,8 +1,7 @@ -'use strict' -import TransactionBase from '../TransactionBase.js' -import publicKeyToAddress from '../../wallet/publicKeyToAddress.js' -import {Base58} from '../../deps/deps.js' -import {DYNAMIC_FEE_TIMESTAMP} from '../../constants.js' +import TransactionBase from '../TransactionBase' +import publicKeyToAddress from '../../wallet/publicKeyToAddress' +import {Base58} from '../../deps/deps' +import {DYNAMIC_FEE_TIMESTAMP} from '../../constants' export default class RemoveRewardShareTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/reward-share/RewardShareTransaction.js b/crypto/api/transactions/reward-share/RewardShareTransaction.js index eac8329c..7033417e 100644 --- a/crypto/api/transactions/reward-share/RewardShareTransaction.js +++ b/crypto/api/transactions/reward-share/RewardShareTransaction.js @@ -1,10 +1,9 @@ -'use strict' -import publicKeyToAddress from '../../wallet/publicKeyToAddress.js' -import TransactionBase from "../TransactionBase.js" -import nacl from '../../deps/nacl-fast.js' -import ed2curve from '../../deps/ed2curve.js' +import publicKeyToAddress from '../../wallet/publicKeyToAddress' +import TransactionBase from '../TransactionBase' +import nacl from '../../deps/nacl-fast' +import ed2curve from '../../deps/ed2curve' import {Sha256} from 'asmcrypto.js' -import {DYNAMIC_FEE_TIMESTAMP} from '../../constants.js' +import {DYNAMIC_FEE_TIMESTAMP} from '../../constants' export default class RewardShareTransaction extends TransactionBase { constructor() { @@ -42,18 +41,16 @@ export default class RewardShareTransaction extends TransactionBase { set recipientPublicKey(recipientPublicKey) { this._base58RecipientPublicKey = recipientPublicKey instanceof Uint8Array ? this.constructor.Base58.encode(recipientPublicKey) : recipientPublicKey this._recipientPublicKey = this.constructor.Base58.decode(this._base58RecipientPublicKey) - this.recipient = publicKeyToAddress(this._recipientPublicKey) - this.fee = (recipientPublicKey === this.constructor.Base58.encode(this._keyPair.publicKey) ? 0 : 0.001) - const convertedPrivateKey = ed2curve.convertSecretKey(this._keyPair.privateKey) const convertedPublicKey = ed2curve.convertPublicKey(this._recipientPublicKey) - const sharedSecret = new Uint8Array(32); - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey); + const sharedSecret = new Uint8Array(32) + + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + this._rewardShareSeed = new Sha256().process(sharedSecret).finish().result this._base58RewardShareSeed = this.constructor.Base58.encode(this._rewardShareSeed) - this._rewardShareKeyPair = nacl.sign.keyPair.fromSeed(this._rewardShareSeed) if (new Date(this._timestamp).getTime() >= DYNAMIC_FEE_TIMESTAMP) { diff --git a/crypto/api/transactions/trade-portal/tradebot/signTradeBotTransaction.js b/crypto/api/transactions/trade-portal/tradebot/signTradeBotTransaction.js index 47dcbfb6..a5653cda 100644 --- a/crypto/api/transactions/trade-portal/tradebot/signTradeBotTransaction.js +++ b/crypto/api/transactions/trade-portal/tradebot/signTradeBotTransaction.js @@ -1,6 +1,6 @@ -import Base58 from '../../../deps/Base58.js' -import nacl from '../../../deps/nacl-fast.js' -import utils from '../../../deps/utils.js' +import Base58 from '../../../deps/Base58' +import nacl from '../../../deps/nacl-fast' +import utils from '../../../deps/utils' const signTradeBotTransaction = (unsignedTxn, keyPair) => { if (!unsignedTxn) { diff --git a/crypto/api/transactions/trade-portal/tradeoffer/cancelAllOffers.js b/crypto/api/transactions/trade-portal/tradeoffer/cancelAllOffers.js index 414a28e3..0325d882 100644 --- a/crypto/api/transactions/trade-portal/tradeoffer/cancelAllOffers.js +++ b/crypto/api/transactions/trade-portal/tradeoffer/cancelAllOffers.js @@ -1,6 +1,6 @@ -import {request} from '../../../fetch-request.js' -import {deleteTradeOffer, signTradeBotTxn} from '../../../tradeRequest.js' -import {processTransaction} from '../../../createTransaction.js' +import {request} from '../../../fetch-request' +import {deleteTradeOffer, signTradeBotTxn} from '../../../tradeRequest' +import {processTransaction} from '../../../createTransaction' export const cancelAllOffers = async (requestObject) => { const keyPair = requestObject.keyPair @@ -13,6 +13,7 @@ export const cancelAllOffers = async (requestObject) => { } const myOpenOffers = await getMyOpenOffers() + let response = true myOpenOffers.forEach(async (openOffer) => { @@ -20,5 +21,6 @@ export const cancelAllOffers = async (requestObject) => { let signedTxnBytes = await signTradeBotTxn(unsignedTxn, keyPair) await processTransaction(signedTxnBytes) }) + return response } diff --git a/crypto/api/transactions/transactions.js b/crypto/api/transactions/transactions.js index 75aeb35b..dbe17f68 100644 --- a/crypto/api/transactions/transactions.js +++ b/crypto/api/transactions/transactions.js @@ -1,29 +1,30 @@ -import PaymentTransaction from './PaymentTransaction.js' -import RegisterNameTransaction from './names/RegisterNameTransaction.js' -import UpdateNameTransaction from './names/UpdateNameTransaction.js' -import SellNameTransacion from './names/SellNameTransacion.js' -import CancelSellNameTransacion from './names/CancelSellNameTransacion.js' -import BuyNameTransacion from './names/BuyNameTransacion.js' -import MessageTransaction from './MessageTransaction.js' -import ChatTransaction from './chat/ChatTransaction.js' -import GroupChatTransaction from './chat/GroupChatTransaction.js' -import PublicizeTransaction from './PublicizeTransaction.js' -import CreateGroupTransaction from './groups/CreateGroupTransaction.js' -import AddGroupAdminTransaction from './groups/AddGroupAdminTransaction.js' -import RemoveGroupAdminTransaction from './groups/RemoveGroupAdminTransaction.js' -import GroupBanTransaction from './groups/GroupBanTransaction.js' -import CancelGroupBanTransaction from './groups/CancelGroupBanTransaction.js' -import GroupKickTransaction from './groups/GroupKickTransaction.js' -import GroupInviteTransaction from './groups/GroupInviteTransaction.js' -import CancelGroupInviteTransaction from './groups/CancelGroupInviteTransaction.js' -import JoinGroupTransaction from './groups/JoinGroupTransaction.js' -import LeaveGroupTransaction from './groups/LeaveGroupTransaction.js' -import RewardShareTransaction from './reward-share/RewardShareTransaction.js' -import RemoveRewardShareTransaction from './reward-share/RemoveRewardShareTransaction.js' -import TransferPrivsTransaction from './TransferPrivsTransaction.js' -import DeployAtTransaction from './DeployAtTransaction.js' -import VoteOnPollTransaction from './polls/VoteOnPollTransaction.js' -import CreatePollTransaction from './polls/CreatePollTransaction.js' +import PaymentTransaction from './PaymentTransaction' +import RegisterNameTransaction from './names/RegisterNameTransaction' +import UpdateNameTransaction from './names/UpdateNameTransaction' +import SellNameTransacion from './names/SellNameTransacion' +import CancelSellNameTransacion from './names/CancelSellNameTransacion' +import BuyNameTransacion from './names/BuyNameTransacion' +import MessageTransaction from './MessageTransaction' +import ChatTransaction from './chat/ChatTransaction' +import GroupChatTransaction from './chat/GroupChatTransaction' +import PublicizeTransaction from './PublicizeTransaction' +import CreateGroupTransaction from './groups/CreateGroupTransaction' +import UpdateGroupTransaction from './groups/UpdateGroupTransaction' +import AddGroupAdminTransaction from './groups/AddGroupAdminTransaction' +import RemoveGroupAdminTransaction from './groups/RemoveGroupAdminTransaction' +import GroupBanTransaction from './groups/GroupBanTransaction' +import CancelGroupBanTransaction from './groups/CancelGroupBanTransaction' +import GroupKickTransaction from './groups/GroupKickTransaction' +import GroupInviteTransaction from './groups/GroupInviteTransaction' +import CancelGroupInviteTransaction from './groups/CancelGroupInviteTransaction' +import JoinGroupTransaction from './groups/JoinGroupTransaction' +import LeaveGroupTransaction from './groups/LeaveGroupTransaction' +import RewardShareTransaction from './reward-share/RewardShareTransaction' +import RemoveRewardShareTransaction from './reward-share/RemoveRewardShareTransaction' +import TransferPrivsTransaction from './TransferPrivsTransaction' +import DeployAtTransaction from './DeployAtTransaction' +import VoteOnPollTransaction from './polls/VoteOnPollTransaction' +import CreatePollTransaction from './polls/CreatePollTransaction' export const transactionTypes = { 2: PaymentTransaction, @@ -40,6 +41,7 @@ export const transactionTypes = { 181: GroupChatTransaction, 19: PublicizeTransaction, 22: CreateGroupTransaction, + 23: UpdateGroupTransaction, 24: AddGroupAdminTransaction, 25: RemoveGroupAdminTransaction, 26: GroupBanTransaction, diff --git a/electron-builder.yml b/electron-builder.yml index a4e04f6e..baf541fa 100644 --- a/electron-builder.yml +++ b/electron-builder.yml @@ -111,6 +111,7 @@ linux: - "AppImage" - "snap" - "rpm" + asar: true deb: artifactName: "Qortal-Setup-amd64.${ext}" diff --git a/electron.js b/electron.js index e9365ffa..ee9b47c7 100644 --- a/electron.js +++ b/electron.js @@ -9,7 +9,6 @@ const { nativeTheme, crashReporter } = require('electron') - const { autoUpdater } = require('electron-updater') const server = require('./server.js') const log = require('electron-log') @@ -24,6 +23,7 @@ const execFile = require('child_process').execFile const exec = require('child_process').exec const spawn = require('child_process').spawn const XMLHttpRequest = require('xhr2') + const homePath = app.getPath('home') const downloadPath = app.getPath('downloads') const logPath = app.getPath('logs') @@ -39,39 +39,39 @@ crashReporter.start({ if (myMemory > 16000000000) { app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=8192 --max-semi-space-size=2') - log.info("Memory Size Is 16GB Using JS Memory Heap Size 8GB") + log.info("Memory Size Is 16GB Using JS Memory Heap Size 8GB") } else if (myMemory > 12000000000) { app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=6144 --max-semi-space-size=2') - log.info("Memory Size Is 12GB Using JS Memory Heap Size 6GB") + log.info("Memory Size Is 12GB Using JS Memory Heap Size 6GB") } else if (myMemory > 7000000000) { app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=4096 --max-semi-space-size=2') - log.info("Memory Size Is 8GB Using JS Memory Heap Size 4GB") + log.info("Memory Size Is 8GB Using JS Memory Heap Size 4GB") } else { app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=2048 --max-semi-space-size=2') - log.info("Memory Size Is 4GB Using JS Memory Heap Size 2GB") + log.info("Memory Size Is 4GB Using JS Memory Heap Size 2GB") } -setInterval (function() { - let mu = process.memoryUsage() - log.info('heapTotal:', mu.heapTotal, 'heapUsed:', mu.heapUsed); - if (mu.heapUsed > 1024 * 1024 * 1024) { - log.info('Taking out the garbage') - global.gc() - } +setInterval(function () { + let mu = process.memoryUsage() + log.info('heapTotal:', mu.heapTotal, 'heapUsed:', mu.heapUsed) + if (mu.heapUsed > 1024 * 1024 * 1024) { + log.info('Taking out the garbage') + global.gc() + } }, 1000 * 120) if (process.arch === 'arm') { app.disableHardwareAcceleration() app.commandLine.appendSwitch('enable-experimental-web-platform-features') - app.commandLine.appendSwitch('disable-software-rasterizer') - app.commandLine.appendSwitch('in-process-gpu') + app.commandLine.appendSwitch('disable-software-rasterizer') + app.commandLine.appendSwitch('in-process-gpu') log.info('We are on 32bit. Hardware Acceleration is disabled !') } else { app.commandLine.appendSwitch('enable-experimental-web-platform-features') app.commandLine.appendSwitch('disable-renderer-backgrounding') app.commandLine.appendSwitch('disable-http-cache') - app.commandLine.appendSwitch('disable-software-rasterizer') - app.commandLine.appendSwitch('in-process-gpu') + app.commandLine.appendSwitch('disable-software-rasterizer') + app.commandLine.appendSwitch('in-process-gpu') log.info('We are on 64bit. Hardware Acceleration is enabled !') } @@ -84,6 +84,7 @@ if (process.platform === 'win32') { } app.enableSandbox() + electronDl() process.env['APP_PATH'] = app.getAppPath() @@ -147,24 +148,27 @@ const macjavaaarch64file = homePath + "/openjdk-17.0.2_macos-aarch64_bin.zip" const macjavaaarch64bindir = homePath + "/jdk-17.0.2/Contents/Home/bin" const macjavaaarch64binfile = homePath + "/jdk-17.0.2/Contents/Home/bin/java" -let win = BrowserWindow.getFocusedWindow(); +let win = BrowserWindow.getFocusedWindow() const isRunning = (query, cb) => { let platform = process.platform let cmd = '' + switch (platform) { case 'win32': cmd = `tasklist`; break case 'darwin': cmd = `ps -ax | grep [q]ortal.jar`; break case 'linux': cmd = `ps ax | grep [q]ortal.jar`; break default: break } + exec(cmd, (err, stdout, stderr) => { cb(stdout.toLowerCase().indexOf(query.toLowerCase()) > -1) }) } function doesFileExist(urlToJavaFile) { - const xhr = new XMLHttpRequest(); + const xhr = new XMLHttpRequest() + xhr.open('HEAD', urlToJavaFile, true) xhr.send() @@ -187,6 +191,7 @@ async function checkWin() { checkboxLabel: i18n.__("electron_translate_28"), checkboxChecked: false } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { spawn(startWinCore, { detached: true }) @@ -207,6 +212,7 @@ async function checkWin() { message: i18n.__("electron_translate_21"), detail: i18n.__("electron_translate_22") } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { downloadWindows() @@ -244,6 +250,7 @@ async function startElectronWin() { message: i18n.__("electron_translate_21"), detail: i18n.__("electron_translate_22") } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { downloadWindows() @@ -271,6 +278,7 @@ function startElectronUnix() { message: i18n.__("electron_translate_21"), detail: i18n.__("electron_translate_22") } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { downloadQortal() @@ -290,13 +298,16 @@ async function downloadWindows() { alwaysOnTop: true, show: false }) + await winLoader.loadFile(path.join(__dirname + '/splash/download.html')) winLoader.show() + await electronDl.download(myWindow, winurl, { directory: downloadPath, onProgress: function () { log.info("Starting Download Qortal Core Installer") } }) + winLoader.destroy() const coreInstall = execFile(winexe, (e, stdout, stderr) => { @@ -315,7 +326,7 @@ async function downloadWindows() { async function removeQortalExe() { try { await fs.rmSync(winexe, { - force: true, + force: true }) } catch (err) { log.info('renove error', err) @@ -329,14 +340,13 @@ async function checkPort() { return { ok: false, status: -1, - statusText: 'Qortal Connect Failure', + statusText: 'Qortal Connect Failure' } }).then(checkResponseStatus) } async function checkResponseStatus(res) { if (res.ok) { - } else if (process.platform === 'win32') { await checkWin() } else { @@ -347,6 +357,7 @@ async function checkResponseStatus(res) { async function javaversion() { let stderrChunks = []; let checkJava = await spawn('java', ['-version'], { shell: true }) + if (process.platform === 'linux') { if (process.arch === 'x64') { if (fs.existsSync(linjavax64bindir)) { @@ -379,8 +390,11 @@ async function javaversion() { checkJava.stderr.on('end', () => { let datres = Buffer.concat(stderrChunks).toString().split('\n')[0] - const javaVersion = new RegExp('(java|openjdk) version').test(datres) ? datres.split(' ')[2].replace(/"/g, '') : false; + + const javaVersion = new RegExp('(java|openjdk) version').test(datres) ? datres.split(' ')[2].replace(/"/g, '') : false + log.info("Java Version", javaVersion) + if (javaVersion != false) { checkQortal() } else { @@ -391,6 +405,7 @@ async function javaversion() { message: i18n.__("electron_translate_26"), detail: i18n.__("electron_translate_27") } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { installJava() @@ -411,6 +426,7 @@ async function installJava() { alwaysOnTop: true, show: false }) + await splashLoader.loadFile(path.join(__dirname + '/splash/download.html')) if (process.platform === 'linux') { @@ -418,84 +434,108 @@ async function installJava() { if (doesFileExist(linjavax64url) == true) { try { splashLoader.show() + await electronDl.download(myWindow, linjavax64url, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaX64Linux() } else { try { splashLoader.show() + await electronDl.download(myWindow, linjavax64urlbackup, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaX64Linux() } } else if (process.arch === 'arm64') { if (doesFileExist(linjavaarm64url) == true) { try { splashLoader.show() + await electronDl.download(myWindow, linjavaarm64url, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaArm64Linux() } else { try { splashLoader.show() + await electronDl.download(myWindow, linjavaarm64urlbackup, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaArm64Linux() } } else if (process.arch === 'arm') { if (doesFileExist(linjavaarmurl) == true) { try { splashLoader.show() + await electronDl.download(myWindow, linjavaarmurl, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaArmLinux() } else { try { splashLoader.show() + await electronDl.download(myWindow, linjavaarmurlbackup, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaArmLinux() } } @@ -504,56 +544,72 @@ async function installJava() { if (doesFileExist(macjavax64url) == true) { try { splashLoader.show() + await electronDl.download(myWindow, macjavax64url, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaX64Mac() } else { try { splashLoader.show() + await electronDl.download(myWindow, macjavax64urlbackup, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaX64Mac() } } else { if (doesFileExist(macjavaaarch64url) == true) { try { splashLoader.show() + await electronDl.download(myWindow, macjavaaarch64url, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaAarch64Mac() } else { try { splashLoader.show() + await electronDl.download(myWindow, macjavaaarch64urlbackup, { directory: homePath, onProgress: function () { log.info("Starting Download JAVA") } }) } catch (err) { splashLoader.destroy() + log.info('Download JAVA error', err) } + splashLoader.destroy() + await unzipJavaAarch64Mac() } } @@ -563,50 +619,60 @@ async function installJava() { async function unzipJavaX64Linux() { try { await extract(linjavax64file, { dir: homePath }) + log.info('Unzip Java complete') } catch (err) { log.info('Unzip Java error', err) } + await chmodJava() } async function unzipJavaArm64Linux() { try { await extract(linjavaarm64file, { dir: homePath }) + log.info('Unzip Java complete') } catch (err) { log.info('Unzip Java error', err) } + await chmodJava() } async function unzipJavaArmLinux() { try { await extract(linjavaarmfile, { dir: homePath }) + log.info('Unzip Java complete') } catch (err) { log.info('Unzip Java error', err) } + await chmodJava() } async function unzipJavaX64Mac() { try { await extract(macjavax64file, { dir: homePath }) + log.info('Unzip Java complete') } catch (err) { log.info('Unzip Java error', err) } + await chmodJava() } async function unzipJavaAarch64Mac() { try { await extract(macjavaaarch64file, { dir: homePath }) + log.info('Unzip Java complete') } catch (err) { log.info('Unzip Java error', err) } + await chmodJava() } @@ -619,6 +685,7 @@ async function chmodJava() { } catch (err) { log.info('chmod error', err) } + await removeJavaZip() } @@ -633,6 +700,7 @@ async function removeJavaZip() { } catch (err) { log.info('rm error', err) } + checkQortal() } else if (process.arch === 'arm64') { try { @@ -643,6 +711,7 @@ async function removeJavaZip() { } catch (err) { log.info('rm error', err) } + checkQortal() } else if (process.arch === 'arm') { try { @@ -653,6 +722,7 @@ async function removeJavaZip() { } catch (err) { log.info('rm error', err) } + checkQortal() } } else if (process.platform === 'darwin') { @@ -665,6 +735,7 @@ async function removeJavaZip() { } catch (err) { log.info('rm error', err) } + checkQortal() } else { try { @@ -675,6 +746,7 @@ async function removeJavaZip() { } catch (err) { log.info('rm error', err) } + checkQortal() } } @@ -696,6 +768,7 @@ function checkQortal() { checkboxLabel: i18n.__("electron_translate_28"), checkboxChecked: false } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { startQortal() @@ -716,6 +789,7 @@ function checkQortal() { message: i18n.__("electron_translate_21"), detail: i18n.__("electron_translate_22") } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { downloadQortal() @@ -735,29 +809,36 @@ async function downloadQortal() { alwaysOnTop: true, show: false }) + await qortalLoader.loadFile(path.join(__dirname + '/splash/download.html')) try { qortalLoader.show() + await electronDl.download(myWindow, zipurl, { directory: zipdir, onProgress: function () { log.info("Starting Download Qortal") } }) } catch (err) { qortalLoader.destroy() + log.info('Download Qortal error', err) } + qortalLoader.destroy() + await unzipQortal() } async function unzipQortal() { try { await extract(zipfile, { dir: zipdir }) + log.info('Unzip Qortal complete') } catch (err) { log.info('Unzip Qortal error', err) } + await chmodQortal() } @@ -770,6 +851,7 @@ async function chmodQortal() { } catch (err) { log.info('chmod error', err) } + await removeQortalZip() } @@ -782,6 +864,7 @@ async function removeQortalZip() { } catch (err) { log.info('rm error', err) } + await checkAndStart() } @@ -797,6 +880,7 @@ async function checkAndStart() { checkboxLabel: i18n.__("electron_translate_28"), checkboxChecked: false } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { startQortal() @@ -813,145 +897,145 @@ async function checkAndStart() { } async function startQortal() { - if (process.platform === 'linux') { - switch (process.arch) { - case 'x64': - if (fs.existsSync(linjavax64bindir)) { - try { - await spawn( - 'nohup', ['nice', '-n', '20', linjavax64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } else { - try { - await spawn( - 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } - break; - case 'arm64': - if (fs.existsSync(linjavaarm64bindir)) { - try { - await spawn( - 'nohup', ['nice', '-n', '20', linjavaarm64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } else { - try { - await spawn( - 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } - break; - case 'arm': - if (fs.existsSync(linjavaarmbindir)) { - try { - await spawn( - 'nohup', ['nice', '-n', '20', linjavaarmbinfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } else { - try { - await spawn( - 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } - break; - } - } else if (process.platform === 'darwin') { - if (process.arch === 'x64') { - if (fs.existsSync(macjavax64bindir)) { - try { - await spawn( - 'nohup', ['nice', '-n', '20', macjavax64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } else { - try { - await spawn( - 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } - } else { - if (fs.existsSync(macjavaaarch64bindir)) { - try { - await spawn( - 'nohup', ['nice', '-n', '20', macjavaaarch64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } else { - try { - await spawn( - 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { - cwd: qortaldir, - shell: true, - detached: true - } - ) - } catch (err) { - log.info('Start qortal error', err) - } - } - } - } + if (process.platform === 'linux') { + switch (process.arch) { + case 'x64': + if (fs.existsSync(linjavax64bindir)) { + try { + await spawn( + 'nohup', ['nice', '-n', '20', linjavax64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } else { + try { + await spawn( + 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } + break; + case 'arm64': + if (fs.existsSync(linjavaarm64bindir)) { + try { + await spawn( + 'nohup', ['nice', '-n', '20', linjavaarm64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } else { + try { + await spawn( + 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } + break; + case 'arm': + if (fs.existsSync(linjavaarmbindir)) { + try { + await spawn( + 'nohup', ['nice', '-n', '20', linjavaarmbinfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } else { + try { + await spawn( + 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } + break; + } + } else if (process.platform === 'darwin') { + if (process.arch === 'x64') { + if (fs.existsSync(macjavax64bindir)) { + try { + await spawn( + 'nohup', ['nice', '-n', '20', macjavax64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } else { + try { + await spawn( + 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } + } else { + if (fs.existsSync(macjavaaarch64bindir)) { + try { + await spawn( + 'nohup', ['nice', '-n', '20', macjavaaarch64binfile, '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } else { + try { + await spawn( + 'nohup', ['nice', '-n', '20', 'java', '-Djava.net.preferIPv4Stack=false', '-Xss256m', '-XX:+UseSerialGC', '-jar', qortaljar, qortalsettings, '1>run.log', '2>&1', '&'], { + cwd: qortaldir, + shell: true, + detached: true + } + ) + } catch (err) { + log.info('Start qortal error', err) + } + } + } + } } @@ -977,6 +1061,7 @@ const editMenu = Menu.buildFromTemplate([ checkboxLabel: i18n.__("electron_translate_28"), checkboxChecked: store.get('askingCore') } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { store.set('askingCore', returnValue.checkboxChecked) @@ -1012,6 +1097,7 @@ let myWindow = null function createWindow() { // Get saved window config, or default to empty object let windowConfig = store.get('winBounds', {}) + myWindow = new BrowserWindow({ backgroundColor: '#eee', // Use saved size, or default values if config is empty @@ -1033,38 +1119,46 @@ function createWindow() { }, show: false }) + // Maximize window if saved config was maximized if (store.get('isMaximized', false)) { myWindow.maximize() - // Apply saved window position if config is not empty + // Apply saved window position if config is not empty } else if (windowConfig.x !== undefined && windowConfig.y !== undefined) { myWindow.setPosition(windowConfig.x, windowConfig.y) // Electron centers windows by default if position is not set } + // Wait until window is ready before showing myWindow.once('ready-to-show', myWindow.show) myWindow.loadURL('http://localhost:12388/app') + // Save current window config when closing myWindow.on('close', () => { // Save current maximized state const isMaximized = myWindow.isMaximized() store.set('isMaximized', isMaximized) + // Save current size and position if not maximized if (!isMaximized) { store.set('winBounds', myWindow.getBounds()) } }) + myWindow.on('closed', function () { myWindow = null }) + ipcMain.handle('dark-mode:toggle', () => { if (nativeTheme.shouldUseDarkColors) { nativeTheme.themeSource = 'light' } else { nativeTheme.themeSource = 'dark' } + return nativeTheme.shouldUseDarkColors }) + ipcMain.handle('dark-mode:system', () => { nativeTheme.themeSource = 'system' }) @@ -1093,19 +1187,24 @@ function createNewWindow() { }, show: false }) + newWindow.show() newWindow.loadURL('http://localhost:12388/app') + newWindow.on('closed', function () { newWindow = null }) + ipcMain.handle('dark-mode:toggle', () => { if (nativeTheme.shouldUseDarkColors) { nativeTheme.themeSource = 'light' } else { nativeTheme.themeSource = 'dark' } + return nativeTheme.shouldUseDarkColors }) + ipcMain.handle('dark-mode:system', () => { nativeTheme.themeSource = 'system' }) @@ -1113,13 +1212,14 @@ function createNewWindow() { const createTray = () => { let myTray = new Tray(path.join(__dirname + '/img/icons/png/tray/tray.png')) + const contextMenu = Menu.buildFromTemplate([ { label: `Qortal UI v${app.getVersion()}`, - enabled: false, + enabled: false }, { - type: 'separator', + type: 'separator' }, { label: i18n.__("electron_translate_31"), @@ -1134,6 +1234,7 @@ const createTray = () => { checkboxLabel: i18n.__("electron_translate_28"), checkboxChecked: store.get('askingCore') } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { store.set('askingCore', returnValue.checkboxChecked) @@ -1145,23 +1246,24 @@ const createTray = () => { }, }, { - type: 'separator', + type: 'separator' }, { label: i18n.__("electron_translate_1"), click: function () { myWindow.maximize() myWindow.show() - }, + } }, { label: i18n.__("electron_translate_2"), click: function () { myTray.destroy() app.quit() - }, - }, + } + } ]) + myTray.setTitle("QORTAL UI") myTray.setToolTip(`Qortal UI v${app.getVersion()}`) myTray.setContextMenu(contextMenu) @@ -1171,6 +1273,7 @@ const createTray = () => { async function checkAll() { if (process.platform === 'win32') { app.setAppUserModelId("org.qortal.QortalUI") + await checkPort() } else if (process.platform === 'darwin') { await checkPort() @@ -1181,6 +1284,7 @@ async function checkAll() { title: "System Detector", body: "No Supported Sytem Detected" }) + dl.show() } } @@ -1197,16 +1301,21 @@ if (!isLock) { myWindow.show() } }) + app.whenReady().then(async () => { createWindow() createTray() + if (!store.get('askingCore')) { await checkAll() } + await autoUpdater.checkForUpdatesAndNotify() + setInterval(() => { autoUpdater.checkForUpdatesAndNotify() }, 1000 * 60 * 720) + app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) { createWindow() @@ -1214,15 +1323,18 @@ if (!isLock) { } }) }) + app.on('window-all-closed', function () { if (process.platform !== 'darwin') { app.quit() } }) + ipcMain.on('app_version', (event) => { log.info(app.getVersion()) myWindow.webContents.send('app_version', { version: app.getVersion() }) }) + ipcMain.on('set-start-core', (event) => { const dialogOpts = { type: 'info', @@ -1234,6 +1346,7 @@ if (!isLock) { checkboxLabel: i18n.__("electron_translate_28"), checkboxChecked: store.get('askingCore') } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { store.set('askingCore', returnValue.checkboxChecked) @@ -1243,23 +1356,28 @@ if (!isLock) { } }) }) + ipcMain.on('clear-all-cache', (event) => { const theWindows = BrowserWindow.getAllWindows()[0] const ses = theWindows.webContents.session console.clear() ses.clearCache() }) + ipcMain.on('check-for-update', (event) => { const check = new Notification({ title: i18n.__("electron_translate_43"), body: i18n.__("electron_translate_44") }) + check.show() autoUpdater.checkForUpdatesAndNotify() }) + ipcMain.on('start-core-electron', (event) => { checkOsPlatform() }) + ipcMain.on('show-my-menu', (event) => { let homePageOptions = Menu.buildFromTemplate([ { @@ -1307,8 +1425,10 @@ if (!isLock) { }, } ]) + homePageOptions.popup(myWindow) }) + autoUpdater.on('update-available', (event) => { const downloadOpts = { type: 'info', @@ -1316,25 +1436,30 @@ if (!isLock) { title: i18n.__("electron_translate_3"), detail: i18n.__("electron_translate_4") } + dialog.showMessageBox(downloadOpts).then((returnValue) => { if (returnValue.response === 0) { autoUpdater.downloadUpdate() + const dl = new Notification({ title: i18n.__("electron_translate_11"), body: i18n.__("electron_translate_12") }) + dl.show() } else { - } }) }) + autoUpdater.on('update-not-available', (event) => { log.info("NO UPDATE") }) + autoUpdater.on('download-progress', (progressObj) => { myWindow.webContents.send('downloadProgress', progressObj) }) + autoUpdater.on('update-downloaded', (event) => { const dialogOpts = { type: 'info', @@ -1343,29 +1468,34 @@ if (!isLock) { message: i18n.__("electron_translate_8"), detail: i18n.__("electron_translate_9") } + dialog.showMessageBox(dialogOpts).then((returnValue) => { if (returnValue.response === 0) { autoUpdater.quitAndInstall() } else { - } }) }) + autoUpdater.on('error', (err) => { const n = new Notification({ title: i18n.__("electron_translate_10"), body: err }) + n.show() }) + ipcMain.on('focus-app', (event) => { if (myWindow.isMinimized()) { myWindow.restore() } + myWindow.maximize() myWindow.focus() }) + process.on('uncaughtException', function (err) { log.info("*** WHOOPS TIME ***" + err) }) -} +} \ No newline at end of file diff --git a/img/qdcgroup.png b/img/qdcgroup.png new file mode 100644 index 0000000000000000000000000000000000000000..159a65ad2ba68f4d515a77c8fb48d35a4f412056 GIT binary patch literal 14569 zcmaKTbyOYCvhK#+-JRg>?(P!Y*=TSl_zvzCEV#S7I|K>t4#73p#$SHt-gEE!yQY(s zyO)_O5Fl>pWDX>kcQCUCY5>hFeO$(YLI401t*w@>yRNd5fQ6F-i`hRiEZz>zf6)Md zkf^t_nT0*jo!lH~ZR;pZdDYoVNp5Q?OsT`I%%ml-~2zfSt-f?CE{)`O!;3%=_;#{OFFp%$@y8> znJw7ZILLYVSuD-XI4#XM&AFM#IoLQjS=l*Q*}0k7*#x*a1UPxg|NEf)tI*ZbNn+xv#|YBtA7hB zEC2sR9UT5g+Ra@9_`ml4KZ)J6e4K%-8bCKE4_Ax7eP>1Wk1A&YNmrnmyOXPylhc=f zH>8@4le?3fjgvDu2R92ZIh~HJqotFV8~wik%E|)rj&AN|jut?9DPhXL6fCy3mI4xN zQtW(u9Q6v&lSqLCRN@dR4;=bgeS4f;2#Mx_z_b(JR)j+ z2R5fb7+r#(G=pFy5)B7pg-wPPAfqmj^_>@lT?rk~OU6|P%7)1ssuWMs-ucC^)ydb! z1!0r~?ac*?5Ctu-f_fJ1mk_+2j03BO81B1>mP(3%NrN*-{F(0dBoC1M^UY2tzQmpX zeCgJ&W2tdvxbxZl`vu<2c6C&dFN%BZ^feAXof4ejXm6$S2=uuNL!GEPZaBxeGr8Vw zr>29x8D=;r>PxvRU7P;vYrejIC9;Y=0KZW@)FfQL70qu0R&q|8u4a^5kE_h}Y$pXL zfd(P~BWTVy>?jRFytF5>$NbEkh~t@5m@mx^ocP=)BUwbb43zN z7{|W&UIQB?Z#dtiQa}44*3NbLqr}zjgxk-vuhh2NC97t| zlV*5`)%`z8@yS&{@G9;oc{r=OHLALw8I08Sg2!bcyWrMPi(0X%Nu4AyxXg+GLCp)J zFW-Ihu1*nMxGU~EkSkv$jg!*TY(st8E-!}aeq@^meU=x*5D7|Qb?zUFmEDQD;NA;y zWxZpg{=tjBFIAhfL=N*Y2r4;DFvxKqW2UX9-;Y1w8~!;m_(yWQ> zJo!dlJ{#(MSp_0EV|;23S6kyINkm0+@SF%foed0EMW3Z4WjWbxY>&3?xAui`J6IlQ zdeyhpZwSSSk;5WGR>pGzt_*uVQEMXn8K=CF^4=Iq@xXc2$*NdU9(EKVFIzJZ^Ii*- z80vt3_X2&RB`PBlMnKBr?I%b0*p7oWuo5p5qa)0Q6Z-|Q!V}IkVoyt=a^Q4 zc`cXWjv(4l;Jkd+)F2jhz0zaFpi(jsPE_^u$IXtwQ+)PRUEQ#$;PMH5Z~0cgcOHY{4d?84{_7h^&&9 z_Z5=2sMCXvwXKGF0at!Z$>;|FO7kY%NTPQ!e~8&swHmfkQ5)Q%6dsF1_+DjZ#1TD( zj1rRv+2~mHJ)pT;C6`}Fx=W;(Q^>wiEMN8|gAHJ-F6bzgszY?WNOAJZpduA1i{?gO zZ4SrqCIS_C`j`67ISb;QVqzad^N=pt@@alDl(Pa`ej&^yC@)M`vu5B320~Y>O5Cg) z-VU}sl4jRey`4{oEb($feUz0byIh1_h~)hjW$;H}CWPD`#?ERlvzgZvYs%H5U4q{v zJYt1~#;wmdGRq0eAg~=5|2s?Jg$O|(Ht0(!G~VpFW2gr9K8$pLw^uEqBI?=BJ#Rh^ zVS0}~kffIZoAs)^ezL16ybUeG$N%e|RJ(r*LSJy8Z7o`upK)G~;m&tjV$DsskTPFC zTo943-p*?cVv)X&puF#y3~oh>$$iuQg4sL<%GSn3_~T=x+NlUE)y~z!!i1*r3d8r9 zsTs1~Ji)FY^4Y7!z&&L0khN*GS;eTkbrHsc_^({wH@J2|5yw?5$d~8VgMp0Tm|QiR z>V7R`m80uDe3(npvVpTszw2L{3@HoywJG>9L0|VI^V*8AbA zQd^3Dj;0~nQ2tH^JsVtIh3g0jVCM3g?Z1gf<_b>1nq;Q}jt+DKLx!A$TxagRE!(h` zrkn@PDL9H02E0`@4}OJUHnvA)-^Xv7pG-5nNen1D*j}uC@wxz0{x+Vyx)3(seRdUL zJa!*d!)l{wSAqD*G!2$MqV8)qs&<&lx)5oYg%x3+L#Ukg>RS}1G0jwA5l2pdKMwmd zeRU9x*2|26rrU1QnBcnMm4Tc2?Q*q7KVZrJYf5OSBacu?zIae+o}iabAi|R2&bPC# z>lk$JP8cGtck=2x7vl)mPZ>P;36yeIS@uu@cYEZ4dP8I%);)hE)@hSWLJvR-|OGFJKRwUx`My&k# z+x{cFb_(H`a-OojZ6tQ@C*a%NM1vY+*8#DHoSmARY zsCIU@)Z7sA<5+~x-X1@&HU$t=P{P*w!UlGN2#oZu)g;n6`{V3*_E-h)+C3_cF$8Eu zcacq{9-LhmC(IrSFi#L7epgU=Ju1TLI=7J2TmV0Ep?pSBFtZW;ysaQ7N$n6w<&F<` z>V^j4{JawaKNm&`b-ITT^vO+`LyFMP1b%2E1VR?!56ONNWzHH5G2t_lD*27wY=H~| zag9ZFeqDR>xeg1?=1@uPa{tX_bNC2*@ocqaKZUBLv*do4R^p}h{Ce^^km%J3lEi(K z{9Rj^|J5x7ihY1Sb$f&TBLOdyjpz>2g+a%P25zRJ%@VW2&O$9R8HKfFjcz`>&u zH~ov*wPTOxp|Jgvp|<&w?oe-YE;MU=GZhn`^y~LH?P8HO_jmrNK&JnDUenR=RNt>I2Zh@RTRtEV z!Iup)}T6f!iF=0o2R9<-3l6o;wax1X+{}ik3HrE}(gXbcK`#7ZTc-hxU}BgiGG3iBUDG zAF%PE$o4mseo{|4@;m3aiv~vSNNH{WVr}OGJTuy)`U#~dM6cYCM_~#dPakAgzFkEInc8WV>@LZUMTB5E7 z4U{|C@}9>Bd{5@jpDS@Nv9Ks8DDtI|`&0)&;mhpcyPrSTjYnxXk&Y<&iL9oU)_tnK{iswAwv&J^_zbFk45vh>9ru3}jH4Cv)8x%jluyOR*G zdpdaDMR!uV1yJf^v>=wr4m3ckT}I-`y7(kXuB|QpeH|BVb8Zy&7OkAERV*Gdv}0$k zQt(yvP98x?14h$AoNSs4X0oJ!QSB`C{9|j7lwDZ?3BIkm7Fkn((V-_J8kadlk)<8F z#c^}3;;QvKdiC3urm8TE*M6JSRQOqn`YYAh8 zrV(AZ&E1h1feAz0;EAa$T;Qjc)ETd3pIAXFk)3@667}GZa*LQjS0a z6o!2e~lYO#r^XXO!26N=9A&vzF0vZQ; zFHMEd@DMKf?ZSQLFPuHoT9V&A&Xx#x7Jj>u&;+!(hb^4ue!NYqq8RaU_Cq97u0f)wA8B`|M3W z%hU^ztqeNc%gqWh35TH5jD5@dn;d|sxY$oS=e6B=vU9O)1|dD~iT!@Wr|N;;U*uR^ z?00FQDyVnJ$gp`cDFWjhx36B-*J8l#Hf~4RUZlz3u*zsVy?L&|9<13ctfSKHc`utJ zt$F0X^A0JcOzPtLbK$qR1tI@5wkV8re%Kq^nP-vLYe^6|UgX&(>sv;tXG@;Wq0=WB;Wb4oc3B&kLA5~y&_#`Tel^(Nb7 ziYIFNQObAqurF%&6nmK{9C%zOk9UTYQu_LYMI|MK->BqEwlS9SdX3c8A!Or-*}LEf z?_S0Ha%oDiejo3lFNu-7tQtwZX$WryxLJ8x?@^>szR zG2D+zqmu<{Q`ZQrC70GG24}rADOYce#1f&5*VfcH^4w%KtWxh5mDqyD4e&WEBiLW= z&)_mLG7^%K%n7w9%V{qpFSj2q)=|hitfmO*7#KLx$w`Ch%tO4k{g-vuyC1jgy^(H+ zt-b2|5|Bl|2tmds%c`|4YuBA*Rq8py39ggBr+WB_7O`sQloY726&RL*dL>UlX4ctNBFXXO8I0!#;RZ zmE5EF%m02+2L+wz>Sm7z?bWea^m&XA;A~(5zNngCQM^a_6xx-v8f=w)9@NbJXK0W# zk%;Ckf|B)ug}~o)Pgsu7sq02&Fb=EEzIq`!^AmT#VTSd9fm1gOYY(^}cqu*{%q3@G z=rW9Rz5Vfy_kJBNimxA(e(p`EmGHg&vg0fUEM^cB-8qqP8FYM1p5&y*Z|JJqO5`po zF>K&LieuBU0immb-Nwcc4fx0nx@Wyj;fZ|4pzC=3Gl3$SiOw_i9W$3F1zuV_SI5`~ z1{Q@7`_V&#?fChumN!I^N+yQwTEe~w;D5Cj%^DU?>RUF9U(il9NBp#Fw-)@SN$w?6V}t2xFpH_}9ns!Aka zJ4X$r=XJT!Zi|OXW3CvB8m+)xIG^@T)fH^%*PUNZOlz%>;21k~-0geM(GYDM@C2kf zl_js|x2KVziIHUJWj5+h5cSflLB6_LqzpucNaaV>dMZUzv0SGIklP#b5VBrW%!cJZ zUpd0Qvy7?F(A&H~PG@jh6DnPgioVY#)Ree_j~}rKd;a`nj1^O2`Y^$hFfb@TyH(_} zmCqQtJ%c8G$fVZUJ5wj?XYoX(n&bPiDUWIGk)j)hz?ndh#~0}6Sc9>FFif2}2QTFp zMLDM@?&gLSZ>=<$l&=_qhA2F{yX%oUw|eBBW`Zr}#g9^+8zHjaug@-Rqi=ziyU+_M zllA?9kke|Ct%#*qRAhr31> zB;o662)8d1VwdelIh^>5$U|WqF@N8Mo=~z)M|_M1ans1dUR8ghQM2N_!@Z#bc77kj z9O_7nLgGmczsW1d$+9%aUu0cKvS5aOqgoWe$VCUIvs=WOhmNtg>VoK_g|BnFD`uU3 zlKU}MrS+quOxBft?pv(%cfQakTYxU0`O$@r@n63Zy*HYT`&fdad*)eP~SfQC>hTwd=Yckk_Ynu&y&nHe_JjEt3~WuHa7uvLYE z$$IGk4P$p5nu(G|CT-WOGj^yx(##vw=pU_+ZnEv4I%bE6WGUW-89}IDt)?<@ep4pF z<~^p12KGScuDhvaZETHiG%fh`D*m`^vgx~MYcsDEqCS;$XZm8sM&0dC5ESt`jAxR* zrkTX{6YY4ZI*b0sN$&_M7nfSMN<0Sx!?<)sMu*^CXegvFKKKw%-B@#-s~R7h z=4}k!2n*lcqlFbp4V+5pxND}frX+Ad#OwHDmp;AxO|a*Y;EG^EABM&lzrVhmga&LH zf+B+N6e{|lWBQv*aAQ>mg6IOL0$kGd)jT8>o}pIO>Q)vW<>~(K$lIF#K&32RHY2rs z@45La@r0Iz;Zi+S)m`FOEfOAt5&i9e?JP2Ro~o-oAuHK7_#j!efI62a*0A*N1c?79 zBYB^fAZG4b$0%h_n7;TZKLNrAKjwQD=ND(aIKR8pP67Nbt_{TKlC|AemZW@=CfYr9 z;tW7PjZilg;T?tug{hoAc@jUJd~vf+Y&8kgd|3`BAsn=`Vx^F;s_`j`B^9rwG&>+5 zxWl{oXr<8_t;(>SgF!-O3n2e7mPl1t^xQuc;A*D4D6;C=aMPWH-z6{yX`<3FsFz)o z9=>WZ&p+A!tBZ3Q_D$1U$*+&F==g*rK-YlaEx59#<0m|7C?^Ly3r%VQuFbF6;qg34 zWOCi}CEpvnsigfSy|BpMP(XqIqNoFEySJ4($4|sK;%G%~@J=4#@A)$nPZ4c1XA@C^ z9^pY$-bbxGeqoPeDjknxvtceGAs#7+QyWPuin*Ai7MCXo(#^y0u|1-n*o1t}riE2I zGcH^{Q0{;wW2*U)e5_4wYs|e`WI3O%mBQaX9*Ouqfso122ed6@Q0Tt2MZ_79GJWxs zj)k)EaS4w3A3z;3G^rteIdj{^G|yC1_KN4yaQ*z`O~Yhn*5w_tCx|kx@^V%2L!Yu< zn9r(SeYIcdOdZ&0VlAORW_Tk+aZ~KnA95xE!!QH=DN=$Uo_8p-tR@_AZyO4z55-5RpDA4SJ^^Q!TP1+Qw= zNKq%@rB(BSogO2O11h4gZncOWbVW{=I=dZ0Fg52a1jB5*g>aC& zys`$nnL-4YuUk$V#F!xzL*DM5_s=~5B}p&-9~h%?B=%Jqu2>RnG(|ASO-XYrlLcY! z_%iaPty{kK8xkY@R)l~uE+xw`>H8`ocw7$<;%0qv)lfVHDlwmFk<_q4E@gRS(_22B ze$gE-d7#X$5q*pYj6z_p6l~gII@xqvg2{XAki?W3w3h_)*)r*@%X0z---ah42V`c@ z82&&CDyHE#fXm;#LK_dWa+QGQex`hJea26p;Qr2Gmg%g-kpsZjW|H{k?fu2~v zWJwyom}Lgr(H4oqlXX zqhsQhNyPqf$OuCw=aqPKcWwLo`67cXrlbr={JA&<%MNcF=WQI3Xv^!gP>p!F6OfI< z1_V&|Xp7V{8%9DL|Hv%}+_i9PMt!;u;pP?I6{bFh+4fBY>#LpKyoFKi1v*tNMnG)L z%0gI!Dy4${Oi18N8=MAbdrXO5eZWqsQ>zul{8oG4i6o|Hk85@5KIvk~`;@^hmNcp2 z4QFBwpbRKl(hb|Gp8TYwh&$zo#_({Qx3|u*aHbc5k%Mm@Omj>yc}^)wx;B~?u4npA zP4r4>fLJn1ar-O91!*ZUqkPAcfQKW(u^=Fn1qdmBGwKepvX84BTcuGHb9)K9qJ(8P|K;LhYfDt1zN$DNe zXW(pmfDw3|*?ui9O%3h4F8FM%pqT8{{~Pgg-Us;+V&|K&&9W)$R2OVDf`k@1)IwSP z@}`!)1;UzZ;gmijSj61~2qrfmRS*}WwdX-N_IVim;VWVB(YS;$WCJlvcJNR}9gVJZ1=nuR<10D8aRsx9g(j=S4 z$rn}m4y8b1r>JHD^avfRJdQnu0dL=sdNH8#3_HdW>6(@JLy>mu-0$TUW#jCi{m4i( z3|iIxWF8y~8qqzdCQf2a0Y<8S``+ac@U9j!&{|V5;dAlNg0$$Q;U$6k`RvrGpg~CG zobB*<;ro7SHN?$;D3+}uX;Sdl9y{vrIVzEXTxI>^P`nmR%W@Co8Qw@qUnygT>g@C# zDbAn?WGn-V2y}iU`aI}-7#~LLt;$m$Q~Dl zGF_6Tl!$@*-A1M(%|&sUok=VPH_}vcoGc5YTA*wvHG=HPaaa3iy_JwGFeYo9$#B87 zw2Cb1nYkHPyrvwXDIO7?+brTPO)@m+?^6`}Jk6@Mr+YvEXVeb*s$*%sA8C7eUfidX z>~K9{$S=na*&)Xpe6=Q+IJoG;F$8&jXR+T-o1saiLF4bOZ^5O!5*lS}vB;=amTtJA z%bBxZCkQL)rp|gqEeE%P0g}}N%Y1%up*%VmqEGfYT_~6NwWW*04g>;a0)$s5XRIX< zQWw~%8a$Y2hQRAH+2d$+uXPJdv!D_)iTGtGS#NEh| z({G9j3WVApn39^pgDAWkrVH5Vw%s#=qm8rDiL$)EkEuhK$K-K))(5!J=GJEAlAOt+ zHUyBBqJL4A!KYYNiNlGc+)Gv)4@mYlVJwtI5{l2%JGV)F5Yjy5#|F!!vJN2+%Z+u; zjLZ}Cy}dE96)JMgPmO&y^(#TyR`1J8*@0^LW|S-GUgF*ukNA4MF%4)_Q)Hv*;107) zF|way)pEiFcqpE5 z6so+~QLYD%(VO@p-<$-#s{H)2Gdm^cr@*0Z{wST_`>35b!fL$hmS-(qsZKBbgCjk1 z=T0RbRwspd;qQ>|xjwHCeJg!WTN3U1sj4986Gt_Yq zIo5ZDHAsYz5|n|G*C;EOw2Z`g`|;Ul&6lX-oh0&CTGA?UV@Z z)gqn{=eWSj-}h_ZO1j!kQ!$S85Yw6Z*`(pF_7W-k51ZI$oYxc8K#nBIKY#w1zJhNq z7_^?61-ReY_))MEQpdd97)VaP_qE8*5_mZ}RR?jXzSu!ju_lEb@I4pO+xA*GD7{!P@VMlLAKGtDO%>xp!cR#v}83&KNmUBesu_ya$TcL zUkr|jt#PDTme#3;gp$~B)k1EW@F;8t*3YVA*|5_uaDro+Y8}2be`3{Z$Ui-b%c9zu z5Q`CU`9HhwBa<6yCs~X2offAVN5Q6-8Eq3egu0M`lx8f=!m%gMOu~jl(YizD)u~>6 z6afrS;s|l70HjCM#Y>ur?zxFhZ4M^i-hek~vmXznDVJ7<9iDal{lwvPhoQ}+a;Cw| zQOH|m`x3F2HJbU|XrW`s=pk{)5i>WZIwt-=E?^9C%G1lZH{*{iDuTnjaynXjHl(p_ z=dn%GqkZD4!XuxXColgii{AAeYa3U08_#nNV+e8-9!=E3NanLISVZ=l5TdP=eB;XX z#A6Np!N(frsEUf~A8J8{5(<@ZLI~8cVn=5Smcb2nRB(&efn3wD@yMTJCaPiy`)Kj| z>EN6O>8jPE;%_|?7c<-_i+ zT2;}@C^Tnss1~lrnZi_TGDGP9t|G?I>P;e#i*9T~B7Iul^;>|IvMfZ@b$XvBf+=$G z1-jDHp9D;cqfG0cruNiw=r$PfxVyOY&Fm#UY*Vs-1R|=sg*+#19y={)&>HItn^VCQ{EerlTHBMX62$Nn#U zjOtV0+k|GO%4?kI)T}>C-020cIS!RNv)#kx0Til~2%q`iaw;O|s}!aREF50lp~IZ0 z#9l9z1pU~i5nCVBV>)`d?%*|uXcxuM!}y>?UtZynm@>@6aWpU3xMIm}gUX6YB@oQx z6hDK(x1Eq(%-sDgb~rqr5hFUzAU@1{E&bbBckWZDHi5ah1nRYxs9)WPpV2z)R*Pgz z3hXTsk{P-PEmw*>DMUhJvgRMt(t}Pf%l(Nmpc|k2XU4=)67~~z8;FB6+}}>MX6d|( z@`{S|2svzsMtWseO%GjFue&HzYE^#SP+(j>_5XTUKD*vftF%J$WQ}4Ze1Z&JQvB8| z_3|+|w<1JvgZ&#(0qfEmSx5jw{I05xsi zm1Z|d1`NXp+XOW#nY*JZVbEHCD6MVqm^*tE7wVwbJEV4tqJ#K%XHI7bhy69zY=?@a z)f6Uq)s+3TZzqxlo{s`##1G>8(p3Av72W>d-PwWAtEaPVFyJzG(HY{z!|>=%Taz_Q z=d4uB-bUUTTEO=Nk>N=L$=3whyb3B;jPkaWf!YHaHF|xa5$_?)4}ncux>52R1P+-| zjMZb#zUlWR#t$`|Uh2tIAj6jm?Ac2)i4b*y^Q_AUF(4#Z?d(NN;A&}gM@Cy+b~G5X zc14SZHm!rAHc?_=5qAlxEw3_WhpxveNM-EUIByKI0vD?oR#}B*LU;Xy-Lbh0$_@ZR!B;S=L(JKmRT%{%I}0Dp#b6A zYgpDV73fy)y=@(ES=m6GmsbXwV|Y^&yk#<&uPRM}w}=b&xf}3KQkw$1c+R5$1Y^>R zm`;McAhhPF;*fFgjYY*t^p2Ha{GbYllbn1~VP7#%&lYtjxptWR5)}7EWD>5#r93rG z9H+ToC&(eFWyap`K5~kx;czYB;ba4-$zx7@YehLy_zG(lyuH6A}lDgYCXcYr3c3|t5zD{3)M zqC1p=FXVQQ3UDIKW{~DN7R^S*ZZMhoW0V*o*jA{;6`=!DmMRi>GBa0lg=)#8N4fs6 z>BES;g${2zJ$B%S8yU$17i6(t7AFLrPzfzoLUmg(s*YO9f}tjhn%Vvyq(a(chpTdp z0Uvafro-u&A^l99i$)h%*{!6rqdXcEDW8sE}a1e=Q=KD!c%_-!S zp?}Zc8rSx_23K==8N!Hl%j<6VCc{S88r;3FdwXD#wASXPYCE%dqCGV&RX0de;OOC{ zUonl6TM3Plq?8Hq`}atD?tZ3NCwy}m#6@l4vhFXh7G)H)T_ltd|e0%1QoK_nPc^>*0d`;cM5-83#voQ!t?o#5||H*N+(Y*%@x zrmogAE2w+f?0VOzKzOWJNzIPKobW!%o5JKwi6iRkD9E%er$7|ss4rZG@%mzk&_7n& z9o9zYX;stN`fZS8nfE8tgCbOgUr!=ZE5ghD1)I|@)>~`MI_U-EcFoO0_D_D2bciNw zC=FmOoSQ8i&(3sf;u7W34~A%@YI{TMjYC6o(95t>8N{uwjeNn*GwwAjM%$pB62WHi z>m@7OSm-Y&E_tgP6ID6ED{tcADjRmD87)71u`%r-HloSWO} z*kdWNq&dKDZe@c{a*Q)iF%J%nbfbviBy}u58Z?L}ooUt^zbuR_4RSm$7yI?if)mi} zmEJrF^~8;S@d!7g<+XQZxIO=eA>)yn#`mWqo9Id58T4(E>FsLv{clP`m}MJGGe6k9@b}R3qmJ> z4y9z3TEoXLmQNdzr)6sNOVfbLpR*ByNm=w+%l-%xARVYA*r&cW}Zfx%M|6$|y z!MTQrhN2O(zS2zFkRnMkC2OfRThXlEI;-pX@r)z#?Q&9RbDiShqa@xnu-PQMBM7m^ zLTPpP%a)>s=h=lM^DoEpo80yus6IO##t+F+5XW2z9I;tnRh`NL zKD=2xi@YZ-pqQK;Kdss*zj#DiX&K1Iefb13DQs!$Y&9<`<>szX&;GD07fe5~*BI<` z&;Kw>ca^v~6 z*u$goe9ZjYKd|rP(!gcvSI^VYL(5Z z1kjy6q3_Q+p?{i9zjx(nWVu4PO*ajWO|}Sgg11xsD0_(BJG41T$| zQn)?dzk@!vRCaiX6aUO(_Bv}h`wZK&qEVh}dzw@xg9YjB6@^pc-jZElgA_*Q@LtU* zjAECYv2LMV7LTeK;InBv_bKPI47r}7enHk#*LnqHMz6u|oZiMT6u4DGENTTv<6N6y zMYoGmy7d@wn~x5lV|t@Wyu6>(tMd`yWN8~!&RZL=`j@WN)8#(W7InU-iShAiz^L5^ z9*waNKyF|`WxT95huAFmE9{zT2FL>Zw47J@Xk?4rv`wz1b7=P{%FXg*8}`8GOnfgr zdap z@;<1t2C{ZPP+bnMX~wF~9i0Lk=xdg1h9G~foeo8E#k!j^l`-)pLkeG>`5PK>6{ak! z;sY-WLwNCqMYPF=C0r^=YDKzN%oQjF#ydO?#7~A$^=<-dB@WU26rZ4>m1`d8kquKg zx>K0@JXGZ`J#B0dXZTtS_ujHOUn3l$GE(133*hW==?9&??oin#O+v9LVFjQ0My<1) zOy|0k->f&b6?0-@wWeRY{^gmAKz7osfV;V6TpzNKb+yZeVpjBPXR1A-y!%&ZZ+l6jf&G6$zw1?# zy8qoO#}4JO1`JBh#2Cmi{+bHQ>Y%-*QB-XHg!a|jE5RHj^?W!$34s*d%|^Y6wtS~% zYUM@HLDcG&(-lnJThjkW1Lr-NEa(?%x!MJ={~)LYRfcGCzm3V;%|;+_rwRL_Zem#^ zyXfFy1)CBtl%afL2CgR%`Cfe0HH5FG|+z>Jh zsbyGqWL%vGRtz->q z42>#IEa+v~fgNy+w_eiy8wXfUD+f_tdnEcEZN7e>C1M)^HfKlj3PIw$pE&Kn4I~?F z(pfATB`T(#uQik~Q&=!duXMiHW`*fm#X7t-dh}AzU(q8C4=~37?wcJpZ2_?`2wNLp zVTrW5L%xYJ>wS2;cf6ZlSx!9LiE?rk1VBg-4hFJ`> zX*a#c24$gZTfbSD;4!@6%M_c+NAj*P21@!!MXNpRBNxL*v5~_jR%d!c^`C4rck4Fn z=8aHD4kx(3?eAvvd?b7LKrNzyRf0N1=?Tb%9L2KCb@HsV;2!jANZzweYE?FmtQ!B= zKi&C?D#C0{j!AnDHq&Ol^F~#SyBydsw@nk5uFQQ>|5}?B+q=w&g9^=Om%Nrd5uUh9 zO*8~A&NlRFlx_arHf;{z z7q_0MCyhM10vm}@F8MyTJ888dXM8Oa)$^=IK>2p54LyOf?GC+RQQ4kXg`{S(upAM?6$yaJsA zQ|>t85;#;KCmL~pPvuqrB$SABuqp850k`w1ONa4 literal 0 HcmV?d00001 diff --git a/img/qgcgroup.png b/img/qgcgroup.png new file mode 100644 index 0000000000000000000000000000000000000000..e12b0746e0b0e5bc165da40735f3871774c9b8f5 GIT binary patch literal 28235 zcmaI7b95%b*De~{wmq?J+qRuIwrwX9+qP|+6TERU$;6pBx%2zZ`Odk2-0${U-Bs0V zKhNH~_FlEBs;i@w6{Qg2@Zdl|KoDi5#Z~{6LI1g7p#D8a1WjiC6}WB^+HPu2mTsOV zE*2mn=1!&-Br*;rRu-xjCg$GGQx^OnAmCIs>e_DF3i7;WP7aJF|B+$zasd28gMjc0 zc>zq!>@3_!Of9Tz90ka3dIrcyY|I77v^W%)6#!xu);7{UE*5G&it1)Qc4j>0WI}=@ z{9e5O2plZjOh~*O>>XWsy#&bqiC!;4Dqmzpj6AKRy4-+#h6DupjKM4j`Z$~#1F9t_f^8aQK zw{SIcu>rW*I60F1htb5;$=ywW?4Pm!%L@m<|Dkns{og(Hug{pgOaM$QjLiS>>c0gQ z6#oB39UT6Tw5yw{#s9VU|C88N-5X%Rq-x>n(`MqGgG9|fb0jX5tf zhln^A8#gzzD7PpJi-aUMJ2$h01eXXq7mo-Jrzp>VW5u1!+#M_&-ToVE{(rGN|0DK4 z>EHnPr&-*>#m2+JT++qKf#kn@=C%2sZQ=YM`TjT7{C~EE>wm;D{WFH?Kau@^Mf$&A z{Y#(!RR2%v{%ic7zDQd_6R9u@?|wns)>MBQuq${#w{K+E}S=l<eRkbt) zwRKVQ>S^JU=+m#EqVPx`s7!(jTx}OyGR_Vs-aYa6H#t1bQGKQp#km!LgA0vs zpr$lAelW&`!s$ZT++siP!U&6R-TEDxY@v`I$#{9S+3q8AmhtLP=j&GB1niiD_*jP# z=1g_m^nE#hv+5x3^d3pxt4UO}Ivv+2D3`1rM5h}GB^*@9ghN!~bRao)?VR$O=0H^9 zaO~WOrQRin0O8t`Y;&?=>pX`Wi0IeQz>LkGxhrUw&;{L)9ffA=qs)^GE4Qz-J~H*Gz;? z8?j#*$M1l3bsNtK1xR}`cmICNP^~SgVFFqhPq9{i7(x5uxhAO)#AkihOizH_G1LUn3s;ZTD7JcHRJ>{ zPThfgg6^m0WVu=bb^28gD<@RHHilp40iI)fM6A<^Gq^Gizgw|4gTn`3f4;ilmqGeQ z6Cm}%s#^UsL&jtOaAUE6h!gWMAogaV_!+oxA53yQJws}=0n+u`wowItYk9U&7|0<* zg80D}{(PEs9?D^2_f4!H_?qb0=lB`gZ`}CZYk3fu3IdF7cs*%h>OUhc*nIrjm2n7O zXNE>G36-r#!zxhctoGH#pd^C!cOm#FAum*tFGNg8xg4)H5~Q&gg2<)+PCj=;_`1&s z(x1sW;BwYM>SiLUOfu;U@WuPk{w+H^>mn5Z@oWq8F@8CK(_)ZE^mDCgMH8Q>+Th0n{ z#M4?uzeNX5j6h6%mi1cg@;5Bx!3MTt2(xHbgI= z$!*8l$cV{HkpP@fqgUcQpP7%b^Lk8;5J9ZI8ZK_!a&lumm{x-YlubfoH0CfGE4FHq za(p0}86~YGUS;$W11ybm#JA}y40qCkVnw*13LZK1T17%+QKik7dR!Qn2r3T%ZG*B* z^I_>H#SPY#!71%N8|tSJ50Z@b1La&^e2M*$IE;&-(*Mxx#^+&w_Tqd~-xfJQ3UYAr zjPCo-fzjvKM#1KNMW~O34rM+@oAg|2x2Bmhj9URjpc5BO6YfE=bE)D%_#799NPiol z3rCxE;7D&#*!hLqgG_49L_G;CW{-2Ww)~zOC{SCvSJ2rkV-ZYIevpbmIHw*iNhUia zU}_KCAXZ;?7@fx0haD<^DBv~`ffR&NWG)s5qJKfWh&fvY1&cAnUX0uhyJi4eJw}GT zZ4kk>eLX9GQ_4yI6Zyt(<#M3Tx36TN1q^U_JoQxYwWl=j@mT3BQCWxH%cCB7+>`1r z`BYQvkDSK~ntvoEBBCKDtw+rq{`?aeYS2DwB-R=tR5ZRtt{es+U4a}PwZ`p0!9d{9 z+H!EbyfrT=XHvYO>NjYB*maFTKo+dVfvYsx!f*yd)|HyQh(&Krfk6>OLt;+XtEL9L z;ep*70_D`8=;bv*>hV0-Q@nWs&*Pv8Mne3g8JpGR^=8C&lXH5n{hw71jM>u-a|{l zgDuq>k5w)+G$cPPzC7p<&VvMk#my*(N=ZVzCKqqmw@kH*O-w{=;tI z`#3UETtCNR6U2vkkBymik#kFL$q4XQ6C(dnNhKo(76PwLbT{uLgEoY$dtTI%o+%r5 zj8sM5mm)PM6JVrv;!wfFRhU{c884(>X@F{o6bL=cev5~aq!td>NSJCI?WMK?Mu$WUE>53n)=Dwz2D^VaB|p7u z;*%ZD9I`u0_!A+dulfD3;D3(%&5A*L^IC@))ZgDf^L_kF=xrk2@?@G$eczUGt{%hU z2t&Veum~JQ*u9}yU|cQnTxfrFx`I6MOX!B#23B=t`OjfNl_{HdXpDM0_mfw%jB8RJ z)ss>PIl1?vXLBE%Ly{Zjoi)5kGX9`t5NCP=1DHHLz2afi99R};qL+iAF#=x}2>uWW zxYQ~qTzG;EK4i%7Xwmw8!N0hYN8a9?+aBJ~uZm)ICswW54GE*j*@=Q|s0*MF{tmSh zQ1k8oI`9ni+WUaa3A}^=rfYTdUMTgy13lj_vDPxtwM*iMFv$rT661xfpA~Nl`%1@} zn{_<)S$}AX*7t>CXJH}aTH`zLz5-iu6UH)xk*&$;4@MqBS|kSxeEkml%)!jNH$=4* z$L5S%NL<0_Y{2)ls}41S3GH!tj_q{IV+mh8Uvmdhx&WyegbkZj0TAcQ2;)N zQ9cN?K3`ArL4mRINcNOy(Vvn@KQDEMvsKb%sy0_C+~SCFzfOtwUzeV=3|?FI@jzeJ z)D{AOBj0Z|PE^x+{uY9Xlby|Qe}gLCA;J=fhTPkokr~#Zwj|`V2~&vcnt3rRG+wT& zwS}#~k3W}(Yl4GNu;y>{AW_ahXlCe1Y~&p4-7a$b82dS$A*6e1T5UdvV*m6e5wG=S zIPk)frGrb+r)F#7Ehm?UwjuOn-1p;_Rs%&^Pf2oQLi|H{)No>BPCjVrJR&}CNBufV}gol;im+dg-R)(@id_pL&VffRAB zujmn0f>ANFZyW_@+{>sk;l1ePp@_mjoi!i55y%e_Zfq2ejzCF~Ad)uBM(Ku@`%sjn z^+uAVg6!YzA&Dvv9{SP0M-wZ2fB$2PLKz`cUUR%rSfFX;<8s5`@7VLlSDq1>(_3IE zh~LeGP~RDw($#Bkg&D2a5C$D4mrQ(7LGOXiE!p(iXQ$08z4@uTsK*>8Jpsk1B3vf6 zD7tN?flG6jHJP@7Pk6VbG4--5WTp~kk?A^wwOQVrhek*!q_h|NTp37IX%I!EuuAXX z5|O;{-(9K^4ztS9z_A^dM zu0aRBE8L)$6GLW}miH&M$H-azpYCVy8~?Mj+t9gh6|mb+XrkV;)Wkn;eub`(UMhX) zgH6sOkF;))ocxgi{xN^3^1fDo&yXr1OV#5r@NcO$*Blq5{w}?xAKO>oox7~DUXc;d z3u`8HpRZ6v|Eu2wj|XC2osr`H5(rhTGJnr=MT~n(x}oSiJn~pk8cxgFBxYia93CqJ zvc%s6#EF2H$0eS8ho&YP5^k0LNw7l($^hR`F6T zfhNsl2$!VTbbIniI!U~RRM6M`uqWjG?HkA-dTWOoMEw1cS@3brWcY=@{~F)6!z@i&}Mg-mGzGmqQL(SzjO29z)Wq5m7`23?08uT3l6qnrQaM zQ8FjV=O|>#4jIaVke5tdWJ?Vb=Y@Ck#B(fGLf;bect3Yre!C#T^-2-7!OruNqB-|g zPLlqKOV3+A@=C@WOGVrHWN}*}S!jnANxHTL87-$7GZN}FSrlnTxQ7(zK9aKVz2v)h zr&U3n{+$B}T%s=MdcS@z_)J)C*M6`i<2Ef3S3}r;zK3$jxm!IQs;-G#)z}EZMSv@m z%CU_pggb)3Hy4H)g)K^>hlQ!}sA)8&prPxeD+sVI-j=s=p=VA%0HL?53NJ%U2dsTa z{!}9jK8;}x^UIG7XorB4SWpL3R2V-#j9ovU)l0|wHIY} zILJsD)J03dn1xaIVhT(Gk}72Suc9PvKcM} z8F=jAx%c`^qP903NM`$DgcjuR%d_`j-iiO#*z#I7P#8TbGX!s2rq!mw-aJeR^^yOr z`{GB#(0-AS{0?uoj$*y^uetu72?KG-3uEjnE;tk~0Y?NQ94GvZkuZBsXo~}qTAPMY z{8Nr$cX+%aa4rM2z)#Xu_PvRv0~@d3#$3GsQ-}n4Dw6mD;z7jqRx+n>PQ7s~eFu;+ zpr)(H4=EzTg$b-XB;lL!z;hCab|(|Ik`xpY%NV2n1O;?LJg|r_@`lo{3xSTl_wpR4 zfERg))cs13M-R`2?j!hp@7fL@5i=YOy7!49W-lM#!RJG^+|=iyz#IpM(A9LU*q;JL zwlO)b#bat9@~t44%pto##5el6LMqy_O>AJKh(5+AFG```N3q zrwW@}Tu?$=0SJb?f(Yo9m|%iTUh1gSG?f9khV7JKvu6f3LsPUtapJt9!UHWI0k_0E z$U_bdw*$1PKP41|MTIxRAV_hQL|t$G77_a$=Q-)RZ*A9oJ5U+hnil^d41D?{)giij ze?LukpcpO&#KjAN0mDUC;qG!j1?xTF$b^4V_-)uNqe(>zl21F_3Wv(G$e8lznozJF z#vV@l$HveaCZ=L#xFgK}Hev1Iz#-F9M9%xR_Bm_h8M#p4CO>8*IoYQDlDvt1w$wFA zOv6_7JcBHlfL3!TaaiYIrKpS*;-PxjUQjxRT_WUcmF69a3iy>r4a|&uGvUn$Nvem* zCE3+LB2WEcJ#$`c#){Df6y-hBQZoo9asB=0!jiPGZHZRC*Pe%hQ7;zl=kW%Gl_fCc zc&cyzGgheE?5lW;I`9ZADChJWh&}LngDn5%SXWhpe&^&TEkG1{e^x*`&uPARwy=-| z-PLv}?wFgOx67mvrgMi;S;>$)j6f}P^Y&5-N84Qv%ga@!#dZ!A{z2q56Vr7&RFfgh z=eU^FPlaZ)xg-Ru_eO0Dz5OQ@oh6DaYUWgYURdm@il@p#0-xT79{O&ve`LGS-S{a(8cM(U6kq4K8UK7R9 z3(>-c=B5%eg~De^ZFt8>>ub(3syXZy&#Vi(ijhMp9aYhTBH`tQ;i?%?`uIE(^srJe z5If|e0}*do8AE}W>|=fu3l!5@5DlJOT^GI2#@7$bPT?U4D4R6m zq+D)K<0!Ezb7O{-;Etu*WowVcB2FT3APOn4>)Ad)=c)@?tK+C}MF6loBPxuL_auxw zOhBP_RosT<6dv?>e@4k{KD2~qr5LLvlf;=J^zLbb<|g}`7Hs7fPCHX?!gJ=>lZ;^?InEkK zVR1*=hCfiKoAPUoZ+-u6oNM59%cuv$Ty?6t!|&dyAaHHPMTP?HAhH=uKS3jWj(Vzm!zDt|xuxUknXeETl%z`+9={s+qhSDHea?yZ zPkZ%c%$6v^`0*yBcYX%z{8!nV)Qi zU)6dn2t4a2f%u(83cY_ICr<1URMmOvFdIVnn_z$}LKMmwwjjBO%T}K}Df+gR>*g+Yp zvC6a>C+NDHK4e^=368Ra4#TEBPy7tJP6n-M-I}*aD@EI*Up9W>p%aWvj3Rl-CofsK zJ zKgAa!BL`*A1<5XHtP+gpBC(IqF5b0?(YDb3>f7&id73`!tMu<`jgO+SdhI6x<@Pw9 z>=yC`W;xlxGv2*TPY;seXG?ZijXW4vs71ZCBvIWT9hQZFUUqZLhhn%~Q_>pZvO#D0 zQmZQtWqKO)qx3(OyTc6nQ9j=-7Kyx^tGydv0@moEwO;7|Q`o6F-WRV-5`!&56eb{0#{aK0ep`VZAO! zQC2e{i(2Y;`fi{e$sF~Tk*LQ@8aq5O!1Bo$!PD-SxE4_!-Dpt*c-Alg+|<1vVfW#Q9;MFR(TF@Z(N#_n^4MXC6cR?2!k{7ZMuD75IgK5xEymF2kQirG|F9Q= zo44kNOuXiU^v0;>aA>2EJLHizcKU4_{&m59bwMn3z#$$amoARcO$3`w)ha7uCZh)Q z`q4RswRCj*mLDw0E^$tzs1Urw8yQWFQLp$i{W;=m=+JGiGBM(g_-|*ycp7(LL67L` zDq_x4fF-G)cCl92(oa3CBQkPm{}(h}v4ZHd_qLzgB}6%@u+rv!n(#)s`D3B7vg){L za~Py4Jci)wlsuLo;F9-cn4zZdC(zy29PaDbh$u8O@vkV31OJb^W*BRYwL+9%y&kklcdCd_X0^$S7nQNH&qn zlb^D0Mj6dj4oG{)E)=xebU??+2gXf7uCs%8K!16Cn<)MMx^o%$&$< zm!eR=Ut;{PL^fuw7sEPr`)^G-L-b~$wn}A=8UeaTR z!K60}q>VsQ65&ZpJ6o{YY+Ys>2N)@F+q5Dv-_zFc$H;9yURItMCltd%)#qZTC;f`= z%!S^UYX?|=8I)iwYHz?1KebX2_8dr60J_tlZgU8mZ|%CpODd1Ey#L>O*u#DAF|y?< zS9uU`Bv|!#C;c{%ufKCzuAlie-U*K*&;f5~k7SK8FYb)1>Xp(fBCi?87fT&(v<^}* z6u-~d8+O!(W?8};3nNV{R*V&tLReU!Ea~AqfJQ2aOf{BfykiH0)n+xMaiOjX>{tLke)?0 z;DVAk(G3ReH_)5|y@dMxeQ%Ys5mepzjZ50{YKQ_praBVi699GQP;DbuH!a=4Q`)Vk z?gek#Gtl4;c_Q7g+v*>MgDZ)lk*e7*f-!RV3Jf2?aCvSLtmfuO`v==y^aj+|3<5#s zdm)rj_ks7<8^UI#D7~9u!oR_h9YXG^XdtpwsfweJRK!8Zd)Vcyr-fs|7dJDG-ao!X zf#D_2^QXGGN1nUtS!ty2Gn+#)o7`@!6MlepB?fimDL9kNaQOrKYUH#lDzp!6I`{{> z=>uQSy2z8c@LWinD9`Bp=f!h zKpm)O3Za42HZ}?J5#M|sFDb2&x9aU~nU$oU-GHm5|%94qYOcnM`MbL6ACr-k8;6PQA_sQ>Vl^Q6m!t+u*4YU`5T$ zPW?yFYzqaj+3m)si{Q z^AH?RLM$C~U60(B%|Ab-8jL`H#5Q}S)xO>)7KEl!`;wwaIGMTVzwLUEc8;9yq3}Se zp3TCtL&6-1qLcu?`A$q+h9>t?sS9bz*lW$z3X6Z0W%DSi*}-Av$1ZX*@j_G$>ycWkz3s$x*F{?8a18F&qh6R90KBg+a zGjlTB2EFOGFM7`^{rZA4=yNzH3l}@ToK|rA;bU%tRbx3q9|kZW3orHJ;Q+6mY^!PK zE^AHTF~S}F!Dn1816XfM&^q|uF0@zCIg%$-AA4qcpz(vIo%ARHG`2Tl}qti78NIRcY&r5hWQ;OJtWvg$sTe5D_mcT z)C>wCm(0t&#K8U(WdB;6rjEdeBhq%K&Tc6(Gdh%+4H0M$(fd+o3BfVPKm~c=fH50N z*Rvv>3j~q&2^f}o)Ey-ydR==)Q1fWGG4OLJy6~hNfC#4 zNAV$5F~_F+Sp~9I>jdFojuSN5aZZTyfK8&!E^KF1tN3{BzcFPd6^L11*~|b zoH47@poB~Ry;IP;`FX1WK_{$QtMd7(n0Fjs1YdDBiy6>3<|ItaOSykVt6c33%H9!> zpuyv4OP6}I^Y*@u$u5nx_PUY34{mnHF4!rh&&LFsG@%9V+ejv6GH^n)Pgx!;yqTuDy!hc{kE+aQqDP*Na1_pDt&wV+g0X5p@c!| zQY?NU&VN5Ul&@Dsiq6!#0iJ*7+zU*rybv2$vA0DVR9=CXoaKo}(oPu+S88%AqPY|H z{(P?e6Y@K0zc07~`FZ5%UFFG_QlPr@?*b#cCo|=_>vSsxT=@=oSH;vcCr(bFfcRzR zAuJLg6ZI`06Y#C%w{_iipHDK&ULVwyU`K*!;{ooWuQGaasHtM3njG$Y-BB4pdZls@ z%n)hvJlOeuFQ;dBz)*utB8|b=3MN66v}2vD=G+?3Fw`N9qmn0r#L>!Z(dpl}Tc2Zl zl)dTx$0=%l7NVqyn|t3DWR20^*SQ6mP{@0%zp{-R1!+c`9Zoo~K-;?4y51itJ1mHT zjqWOgd1=U`rxO&f1|>@^cc%~5;OXQxL*oIi2`cUJ#z8RXbO*)RhZ^n7{K2muOl%xf zv_172^FaF+(zx55Lw>#s?Y_viNvHh@pRTm^<*iE@QQoaK^5Qi85SSBkRLKoo)Ra}o z2u&q8rP||ir;aU_{HRcXzH^2beOTAXQ`W*lDHD=aK`agJz{tuC5#>UU^pv(_*PoPzGP9J3f}Bnm`>W_e>M^Vc1~<4xMC< zH7oJhj8_TqdL)2jeK~Pv0N>Qjcrc)ct-}(&!II}v7we7RRrIoFy^HqKdH_sbb){V= z#uK4M*~ENn%tD0q3I1hAa5V_L@#0vSlygxRoQu&hRGrhPG9sg)05O8FI2Ik0az&yq z*@dIBidMZqKFG>aGRehSAm{X*U*n1E#F+`f)=%P(qrR>NC;pC~=`F95cNvIDnyt8y ze(JGUwMGe?p+_|RMX?tIw+aDO?H~2yO(3UzsX1!?xeo;2@k4h7G4bt}!$cmq3UD-d zRH=OgB_!m>C@c|j|EeSham1AO2FaowYQTqt>Mxo)^YRvyD5a2Sx($9$^^dsiAVDqz zHf$;te4K2p(&1e=(lXW#D`-%mXp3-ut z_q)PqbJ_l?vce@oy#*H65rqWq( zR3{xs`U7ix>MycBg4FGE001eFgEPeOp!8N>8NmN1HnY0Be=?C^oOuEZv@r8$A;y4>V} z!Q^H5%|kn3@bbq->!2JL)Iq|uO`{rYvR+pd9e#JBn>V@qTo(bPwAsV4BMvOX29Gvb zr6kQB%2>IMz7n0;Wq#C%e*=+6gH{C9-FQ7`)ZyDPrPiXr=e!IP)Q$)0O!Sp635=!# zgOpq}$8nK4c6e8Gyuk+6orZc{8N0v)K`!!cK(A*WVN{eQblS4`uc9KvCG+hi1jw;D zx$O)GZN}eiu{%^8ILDFmg)uUtDar}I-#A-sxajR^8@=xQXR@n-3-tz2PW`3eryG(a z;Tz^aOA`scuILrVkB4@}K<54_WXX59cj<*3G6si#92SKm|*xH5@%FHy|Ni=)$ zOk*1F^-L!Eb}}iNQbEP$*Z~DDu|^c~6c*JnO+;M!qvW2KE;D+*^A#-)n!p8aPpCUa z#L2(|6sn~gtaqeKVPlpm=(b5zHfZ1f7)0f1MR&nE=wf{Bvm$;O>!82%?zPOo6`$~7 ztqm~{>b#tRtKF`V+u$?}=fL>E2OZGx zyI7BIkbMp04LGC1cX8#Bw=%C*;WSEx%7;XpZ8sd5so~0T8y*mj0`32}EZJ%12=?V@ zgz?p-6rP4BsZbi5A7OR25F8FK-xblVkAW>fy$*+rlq`O}x-eq(vB&2WR2H9pW_5MA zJzqr^id<(Dl5HyJ_w*_N*#8lk6)HV|P5@s9446rA11r%iC5SVQg7<&{r(s*EozfuO z9g0Zks>D4#aq#WnPyyX#PCJ74WbaM~^<5?pPZVmDCaBR7^s_x=0; z9H-)8J$P@+QJ% z#(;HeDqa^Hpqa-W0_e2a6p~XvJVlSA`t~1!3s7TpKewruh*HYexweHD@J-y&eelv3ReO&Sj z$Q0NHX~=EJYi5czXR=Pi;h82nfX^YSDhV%fW7bpI8t1S6#mCV^^~Q^t+Drv_iL+P( z#;d#1X>u*oa&ri>Y286WWK-ig^E0B5Lt<6Jh=*WDA|9d9OkTeWpd?ZPr_11h3k?jr zA9cIrx8MJk;=LYQ1TWm#kX%4FH<13<9Y>l6TY|M>-k@irt+4^}@8|Us!duy!pCl>8 zyyU-}UZ&>>&Wq+I!tKLxUq)5a|M)H52o3M}FWktDtiuM`*^LA9(@8ta`wnXf zaOo`l<+KQQ_^HA7`Ir%ngc4o`h3${lWJd;Azmt$Pi>!i39Phc&O)f6oX?6_zP$Iu8 z<|2Wy3x5tIQPc-;{tW`3At6D2mtz8reO3tl_v7x3y=BU1&vzTOK@2qX?@;3;g?5k~ zi?Ce2;#+yRRVW1t+rGBNi*~SW9fpQ&AQ3*o0zNOwUdB{=UKmXy=silNC;v4WnU_XeTr@#mAtzL=nTGUNHDcbQgDm-OJ zMx!1xOZwBg#hP@%=UxS~UyvWPp|>4Ou(kZ8Hz&}T9nQ(u2gdQ2{qVXQB+bd%t!g)% z-=;Hk7!aRhd&M#W0!tg$LXK!TfOIBRSgKGSk54JO=P~t?5!8a>3z|Fb|PGW&C z&Sr16OJ~`VTA_UbD9ULFN0J%@b|J;)*n)NJ{MpMl)tJ(x1e+WO0i_#VFVT5U)Uef( zxUx>qgS(m54|@BmNO~~mYj@AKw?xceP-qU{x=;wu){NB{=a|RrM1Zj9M)b zYXlr?taAs~sG*V536$jFZjnt5|yu1I44dF8XXT*RYW`vCrq%{!{ z9yrwo1jZ{?JVelF&N70Ia%J=ZB2roGN)nM$Fe}4=Zj5$c>xSA? zt2AWtpS!5$hLkh1C&ds6Bc=H@}bu?02J(kELO-OMh7M z)M#2SR#NYjj?&Prh>m0t{VLMou-uaDZ)@}j5rq8>?gw?F(CKcy9S`Iw3IjvUoM zjOO!>6D`VL+ib&NXiR4^OcAu2h|Ph{sccFwOE?ZZ0Ik+uimgURCSwkqyJpBJ?#b!x zZ!4#4+M^TY^E16#O7lbN8^quu=rAFFBt!tGr+h{D8ip3Q3RJCHUIcM1`$3c5Z)1Nw z$S{=EUG56Bd>;pfkKJa1Rvonvl9BKNaS#o2j1|EZR3WGFq)H1(X4P|06?-rW^h%P! zzcyfnlkF{osdH&M%p(_Eh3Vzd8e7I8NU9_>Imku?(#TGPCxf}6e4r79^3#M2)uIL%`qoO|zyAEQ0W zFF>iJLx}|f_JWnem2*jo0aq6}Ge}%zf3}F4%y+NuR3C$^Vow}UFUmSZxzW1>L6&O_ z-r<0$G2pRIk0QGBvs;~Q3|XfZ#FWiA4yj}su^Hc@BV%DXptyc9V=U)PrS;6%KfT@1 z=INK!&cFFeMhpu3c?p2q3j61Xl^sf16*eG{jDC)B^9nzm(iOwBoY!DX4^P0tL0&gY zcg%YYjHQ*vv*_?$gFja>ya{Nh8=`=T6lxfO{|C7dt(+)cUAG>9ifBQlroo#D)6p7g zup;>rXLX7e=7r8V@u5(QL#)`WA1Ch=L|AS9xF|Xo0)qC3Cmyn*>S$kc&-j&lO(j^K zB_!>OcUCS97Q?*lMK?Q}_Y0HzFg=e7+%ayO-WgpK+OFiBPTRW`n}`)}n^iX=W2t~a zEK7KtifXcWVWR|^DG>?+Rp0`q@JRO|{&k`9vep-Y-22GU^+6Kb0)0{ap z$Cl&#*)pFOh3`uD4HA+p>e?bUCdZGFVLC3?(6hOKm@=5VK)wj5-;dF^Ey2${1#~uB zl|ZJl-e1P*p2LXcObAuP?tGozas{ubnuSNL+_KL5_{|1`lv$=TwEPyrCh;RG_h6QZ z292&{0NRDxhveTN#F+u|kg}}FJub{-?$HZ}n+K&lP6}QF8sOx9fW{W31?BtiI2)>Q z9zaiWR70Lo^GVp&7R+U3#26U(Y6cT@lCRo7D*Vu}kP)DFKR5M6@+%n;A|{)_&XG~q z9i%vm{}Y1-k}I+l(2hSzPsWQ`M6yM!v#rt16;o{pJotWE;8Rww!>DCJ{p(gY^a(o; zg<_Q@-Z9|JG8n7g$N(inCm@hv4*!742+g1h>*HS)WUbK#%wx;s=m`Hgm5q1S{$cJ2 zVYCvl3H3wi#k) z@*0=d9i&N#Z&H8$SUG!VouNzwZQj-H4YF#}6+Y61mxkX8$wRZ|#T9ldoQ_5gX)^l> zO7%jPIgXPEwV#XO%HyuCuY<;}jE{>0r8(oVnC@x=_k2?}G2@5X-{FA^Z0%GPr?v7| z`8eczuQ1VK3;~h<~Nd?b6rMpv5&;Sp>mK>}p!3d!U~+w?URxDkbR6 zlLL^SSo`|LB6giGg2=0%djxg8u*(SF{9@VnMVNy%@9U%@(CQsmb} zDiEo_db481bo4Pu=vT9n0E0asH(t-y6S1?8F!r|b@g=jvNN+l`APi=hp2V%R${Hb& zm62GHGgkJ8T$T|T(#{U^o4x}nOr zxI$H*LKnfXN35I-=CUc%=kl;>tbE*f zPpV~nHN)hRUHxU6KckzL9k;E99IW1oO*c9`)`sLd)`l~&D2k?pJ7CwSk|m;lP3VX~ z$Ye`(7C*YuVVOK@@(3-i%vX_!pQ#%8ESE)KIyC~)#3Px<4GMFYa*FSHY;`}gaSh(h2Kh*u;Rg-1=l4OifH>zBTibNR#R{u*@V~8(AXa_J%CgV5IT$-w?>(`GPRC9H4C=6jtYR|-I*vQ)3?dikZooDCJEcc#n-DA{ zKyJ#-x~}*E&SoX1 zH`@@+tddq8y6iQLSi=4!ucmye9tJG9)@Vi6xTpg zl_`uO^Q|JqxrLS4nwOQJaJaj09`Ek1=57%z!Up~$3o`7BELqrIC#wdHr?snYaqbsx z6wR-J6pRw6;EBKPBcZXn2lE;ayZHV;zCL4k5Ic)BqlX>q69(VB6@X)x2HX0OHwM2n zU>t$)hP*6fZ+}WKd|6pwD5OXYoq4H~6dA%r2i*AKWn5vt{3I~dAr|IgY)8gEA}_&i z-~ClOv6sG%Qb%q7hFVer>e z*)`HqbORe-L3+J9kwry{P*leuG%;)0R${ZUaNy`LtmQ#=a#1ag= zGc9Se)oWPG1I7OX>zP^XQQBM?6e9+Q&X+EF20wpcCofxyD;$O^__WDMgZu`}kf^(! zYtJug_VKpq)C3f)m$b4Cx1Hj$RpU4WUkb}G(?@jDPlBKl1j zsl@m+{0p1ZWnI83ey+i;CQK@41h79u`|_-IbXz}X_6xv@7u zlpEGSz*6)pN;w$Z+Dab1rm~F{<>$34xJVSkLD#>f1+v1)J=GF+6)jqb(@wu;SU#mD z)7Ni%?mU5y+iSJkGHTEJgCh5iJo}=nj|-^s^TP3?tG~`WWyPwqbfpDW$}}ZMZmzWM zE>uVg7Qtrno$3;5(6MiKQxWrcO`-alaaSdmt2I4{`3jDy*^-OTMUh6~#129MinG^6 zFlp7f?XTc$GB3j|zNE1Mc0t|2#ntz~_{@{yO33lS>_1dI?LQX<;BHJRP0%JBl;Vfw z`qV(qXif_Q!fy-=krTfS@prm96S%(PuJhuEoURHYatiYQp8%;WR?~nF?Dayof&%70 z%jWax#|@7SfiE>7?wL#(BJc^s7xz598zz#OS!rvPzdf3E*89!oP5AChd*Lr0-oTU9 zy)?Mm>7V5E4sh})k}|H4_NM9|vi&3g4vRP$h1|^K3GzMEsj(4gudO`f=c&F5Cnsz~ z{T6BgVw#W!P-Ra#7abQjXy9m|j{$}sKb%U!K8c#(eGk3NrQe2iVYT`@`X}Ih4{qY| zD`5mQ=GZWpBSTP0t;l0leLic3+Jh2+> zj4=x5nyOcUhsQLyaYG(nN}#t8lHS5uVgSSfq5xLe#EGJYRiaIN7=?cG$zguZgCo-y zv@SIG;`u{;@Sgjgf_w1f6UWaN@E5wD*+pGMX>;jMN-)uBpBiT{Z%`v{1cc1`Ce$-C zVdfH1KBYRH^r~?1XqAx|o3^2jN|t%^lX|9_oRW&DF4GZZnkCw}VF&fe%tup?s9pBoQ6=4^F`|hkGHOOamn@a}=7U zytOYN`G*Ds@HB;|x*=A(@SOYrh0(nNhPMLl8!_OCCu8uz`EmI0@+znd`p>)IyV|zL!!*uXc~Y9rryCH_oevu7(N- zA=aQ?i8n5r>pC3+Q*pHQ`(f*eA=p1U!`#bYq|BYC==3jC90G_WnL2bk!UEn@N;LDv zJvBlhz6T!LJJCOZp#KO9z{!)Rs6=~sZp3qRi*48G)V!F6BG)&9I?yj#jZio0`JLQ| z&wowB8G0ydo*fys7!^s)xwY0!X&-s4aKvit$5`2~@eAK+YM`r;YM!Fltr7=Z|IKA=EIRSw!6a>T}=& z%C6=hVU$+?Xcrg~w$XG^O<-hTFW9OefLG%}k)Q57&W*EUGckDo^()~f z6aeRo>H+`yi5*bw#Y2T!Cx{xEtFw)a2+3Pwf{8O%(V3a75Q&B=yJAtU?;y{>id3Kp zs1kU9FwSt#Nxaek3&85tYp5Nov3SqXty@Nu>q*6NeP}}?Xg&{@V)>)vkR!i6D?4hd zqW7*Pd+}1X%$B8N&g@?*J!U^1H!?^+%8kN=zXfkxVY{d`Er4)#M6y^#ZrhfbMge4G z@WPVCDCE0mQ&2gy2PWpOXOjcxGcP2J6lg&NcF?GVx9v#4eW!-t(<{Po^_;3%PQC?C zotQ-LAO*Y38dRa@%Riis`bnczqL2#WsmEJ}FC>4NlWiXK2tw=+KP(j|A=$ce@pCVNlX_&67wa7e$QNthxcg;MF- z_y9F3WE-T?#Ek&jhfCTUUxATc{5?g9qL54_U<&=%cp?hf!9Fml;V?d=Nv+kXO?(j1 zeWa2zP82s#s%t?luMiP6DjJo2dv)Tihsq$7n*u$b7J*2V!VGcd%j=niBuJ5Jfj3}_ zLCxF)NGr5>BYJosIsg>|yM!%MFR+;d2?A+K#5T_)Yv8pT4fwMchj=O|ZOXB+7~K8b zFx>u%4V%(6B1?Bso3C*|uWD=`_><#2Ak#_k2u8IGi|1w2Ecr}ySg38@rEPUw4(EIw zL{EVNJwaz!rpV06=F~=^2a}8x@;Do&=}C$hzQ!{#%G#P{GFa3&ihhOr0P!h1J2A2o zejWy%&G zk}2NAKqU@sKa0oHLoQPZuf7<8SfXymN;0B<*?N8sE2Irxv!C|p}P0nbc&Vc0CAsSctH{324& zww&xyHM|Q#Q>So$DK?UKXBD}%l(Zh{B;uM1Q4XT0f?|Tt{LVF<9JO@fB#-Pq4zWxQ z%6M40Rp3l&GGnV4+$n{?p3_){v65G&&=Ip4Ljz(8i)N!)Ll+gu`G5LJ&$0;RDMq+Nk=Ik!DCm8t{aO&LUiNLKQNpv}-?|Zk!J0;0jk%ab;tN zpt5&6Gk3XgjN`h^wNAgKRMsrC#3I0=F#haIe`noq#9zoaBiqVj79+j+%9vV=9g-Zd--AhP<{2E-RByq4$U_=6H3Xg*cogo`4cDExVPJ_*(R z+t53~ldtK8ArFo@(=~Snq4=4c2u4#?Z85F%eQOtTpCsq&k=-YtCy@nzFd%5(l5oS+ zI;VFs(aV@j>MgY8qpEJdU~c;-rv$;5?uVkdw5DaKdF&jdhkG{R$3zPPkj(&n$CD{o z(b4=&d1`#pB(;W{Obwf}1P1ZnI^MXS)Cyfx&bKe_04}10R#9_fDX~swiU1?3z{n_q zBumt&(dkK+H9;D`*~fP$c0kb}Cy(1LoX4(9?gEn~@Ve zj*%k3X$S?mesC*LSxVb25IvP*Ik9Xqf z_sh9Th|ic4KnXZ*ZEv`F1@=pw8A(()f=HjMe&aKsAzsrdbdMU?L;y(aVxH-EYTtA= z9^F_H@<=3-K;P2{{KA32sfFI`h8&%6O`OtPTf6XMaT9&$7ILgvB7L_A0g5z%nVfDiZ3w+;b@;k#iF^?Ox41CucNyNTye^sYS!5EN*^% z*bg7OVMR$r^>;TPf|Jup2>89CJDVX3Z94I5m00LOWe)Gyjz{c3NfffNr67UmhuiB~_y2sy;P9K&<_?iJuBqeE zB--dOXw%c65A;EP?mQ7dbJ~-*{pu8Err6FH7e>bdyr>jjw%B<@dwB$s;YKitGl){1 zMc+PJ(+O2WyM?ehxouPIIpug*$UZ#*acEH4e$jIgpe+1>Etq z|B3FQwo+(T?a9XZw1;Qr&amYGN}H>x3UdtEoZ)M!XYxI_tb!#) zjjHwyPQp*{^z(2@XWVWs4GKkM=|J)*nh=vdMN1(JauZAjOg=BLYdzkDK7(==Zria4sH?ED1~LIJSw z-`Z0oP}i2s4}hG@Lu;lNTD-D7XEkVoD2mp>n~6c?*g+U?S;G&i;O0?xEni|1 zRe3iDRD?E_u>jd=T+}DZ$sIg4B_nzkxgAAS+^85-^dll4KMt8t9i%E+zz9{L`x=sd zvV8`!hkY6;mE1txNP{;O&ZYA&rnJ!)J-2 zsl8*xTzJ=Iodv%iHRG3_--B8>#x3I9IRs8?SgNCRI*$7MgV04G^TUfYRdc)y|_ zk&3RL-P{89^b8(W1cUou?aQRo&(9Wey?9U)o#4rt=yZL0{Gn61^ruwxAxVO=jm;1s zA3qTT@7O405fD=2C`C4ubY|bN%cANf!;ozU5i|2xjFmHSF~|(0BTbMfYv$8S8$H>y z0vd8rX3@~Z3tRFIc}}a7i=fTtF64eee9Rl}93c*k=PfQ+@fa!4$B#j1yyB{w<(Au)j>+s1Mv43t6x1esp0 z8b1J8e>oU>kUNqXo*+!LUIz8OFQdDdC1QSf?ZU`CCp=j+SNq@@ZGnrhmOiJcg+utM&WBO9YBH5`Q+Np7&*!7<8{lXg`-7* zAyV~4{ewBpOQl}N(UqT^;5L1EG`DR3DH>Z-55~R?(Zo>iBcyCjbBP1^hJn65{_gAT zfh^I8ZF4d;JvBewx_A|rgHzZD0f?7o)R8Tko&>ADL39r@iUu@EA5|&Jra6h}p=BwkCW^fa0@0<*3#t3tEU@JTPC zZe2z~359zImD4yEylQz_7{2+&wQxmyA>ua>O~D5r*#h0;GZ6IZ(u9ik@3u4GLV848 zp67(iEiqt9k#47*&w^*$s~qa3RB?963UvQk#N^go24au>%TuZ7)OXG(0QEIh2p}{3 zoue7Rh$K@KjERm7W~y4>0hRS$UTCTgM)2Vs84_JdGa1OEhajSNsvGlm1{)|P_0US8 z(#I~8Mv?9I!7Sa+<>lR|?%Gx_c_DZmwV3cgYNF#G8%1Hqgs+uBUp!s|nWi9bL zXNnpMokrM`(BSN0Mo_!pw@19FB*;4 z4Hmk$Y2+S~H$a6SlpNwBTr_vb(e|G_%Acz@wLo^oDjs=DYhfPUk)C|{@xR8;+j%CS ztB;S5ote;>&+bz8zVL|MF!vo|W~~X?1q<$1bGqFqvXb*ATg_*1YeKRSv_jsuA9$L$TaPLja;HLTYB`bXI3;W@b1AR~)3~)fm zVvQm{Tg4}q9agyOC%u7$FE%3%8i7AcOjIF^rXSuT;x2g4Y1|{usFDW6)1Tb^;s(6( z3up6m^!O}Jzl({<)*jjU4d0UWx7+QD!)$v{rDc{Z1MS6OM!>;?2O!tnCTx-^rfIpu zoSpgtd3tPT_#)VD<&gl6qG*B=DJJ^#3Dg9ttarCOeqLxjPzGK)3ET)W57h78q^Vfs z{Y8iE8Dx=tFYeior`?ie zUTH+%In;vJcecPgR?X$9UzFWT;x&(sMd5)>d*Mj$6#VV2YvIy4^(7U(fAhn~;443W zjyr{?ow`9f)n2)=Q0N!HJU_aBsi~+Q(RL=K;`#>n??vw^#cp4+5&ZY-_w+MK&!)V*mClLQYt&1hM$6KS zL8^qtH6lC9-O#C9D57f;!auv~weXj>uK{mSDA%ibVQpJ2tbO}y7%QlHX`bS1Pi%v) zZ#)Q*jt*4WUSXC(A;}(+nZ2T6Tbv9dj|W6^Zq__BtOJGBGcp1Jn&uV=vF1&p>L=4c zW`Xd{^ydF~0tMr_bHzIJ{5iT{k*gFtxcw_NE4IH;U4C_=os4lJCcW}f@NIaJY2(48 zhauO}3VC;$h#b3WgWI`Ek)%ZrK8QyAdptdKf=wRuXfndis9cnyKWNf<+IfV7HvMYzWp+y{cmkK38A_3m^4#7 zHJoD_bbe?W34vNiaOoPRXqZLOK2w!58PW6v_UvF{D0d=Rx&qWC%YkVOs5vt){rkjB z_mLkEq3PTLkjtGj>5;Rn-q;I2|8jN5@^4urv3L?FGMH&=gW#!SYzoSEZ-Z!Etq4;Z zBGsw5p<%nw%9P$q5>2WVy$V%M+vNBlxo3eg0lLU0BQn>0bdm*^jomYu4dY>uSrPKJ zK*k^}(TvfOtYtf!W4rIt)o6q1S!pv#i;(L`C)=6JBU|7pPP-N21mMYJR8JMW=n4}_ z)xy)(67s@F-oCzM^G{90(Do;x5pDj$+R_@n;dlzZ^xQspXm2kBDCJB-M^#grOo4M7 zIgO*FAP0DHcNB6vd3u|~Bf2K%DVTWh4uLW}2;?AI;V|z9AV$bhj%B7Brk;D~0leDA z^F=%L*;P5S(EzPaqVMGQLz{l_R{h3zt)psHvQu#c8!$S^6UAVtA9U0RnJd<_pX&Aq zau(kb5-yS$;slE}bG8I@D&!)Kkf(-FbQ-9rg37`y(XEW_om9&-pduEi=h=WnyY?g| z#r0*R&8dxJ98a&;#RO2&PQ3BXAVx(rqh#_2ZY~2WsXhpKYg8VGD4)#)3M^|YyvEGr z6x`n40ZpMoYdjhWd-u;aLf>>8-MtWe?e%Nm_GN_#>!Szz;r{K%xjU-L+(}DxPqRds zmZD0b;}WjIz)0~NML?Pk5oyumN5OYs9|wmRFyp%0z7>dtlHicpsXGR9I|V#h4L4kWn}K@?+2^37t)K*974`+5!DL}h(|LxxfI4D3pm&lZ(Pb@ z+Q`^Z4gs_M4wTC#6nO!bSbZl&iktc&OLL^+siBP*O)iA?;L}c~#p~hIZ6uN$^`s_? zBz%;^&t>ya#xIW}&tmQH~WRX=$kMENpStOSFaL?Av>5Zqeb`!dseHhi06Oc#>x z(9H`>j3m>^mt&89|Lf&{aL;E*Jy9dbTx%;NmMw?K-d&&)w{81YFhUV98yiK|&~asK zOZNRSIZ$D8@**S3nM`V4LQ}45rOz({LVEvU$j%HSMhvrRRB~yUXj~4{>0lf9r!j0j>0EhM>))GPrvmq`&sQRB92n(K*BHcgei_VS3J z%_vO_Ny%Z<0>}}#QmGI#TnUltnv%7l0T-5Yf{Bpf^OcfH$t9D00BonSN{)ANIFyPE z8#~ROcwCOhTc}P0(ZjK9+bf`xCd2oo(TpY+E*5=&*>z9B%#%O-S zuq*2!SJw{7x`hy{TLuaWwkePC+mF|DAOe@QLe}K}S(V)GrS7!>c{x zTuAE%vuw+)G zZ@8J$p^DR_p=ivB>Wn=jZGdi5v}%FdM~G}7C5nh`V_P0h6;I-#6NyxH;s^vHxyiKZ zastV8u(>L4fIM|K!{6(OBYb!ruaSaaKF0P|O+`T&>ji6kM0Cs|J4)m5(0|s^B$(j} z4o4GTA+HA^>n-EH{|5faJU-lzSEn*?Y&r{_m4dmnxSZG^;Qhho-)boFIx-bU-rF!m3`CbpRAG^kkw? z+xsfd)s3U(Na3j$Bik%D66rwLQihPt6TXye5>#^QydFug5LrCJAmoh@WzBYyEzW7R z3&Sx@Lxndt=i$Mt%g#G(@T(gS!B^4!qXJsdWJA*D|u{SdXCwsafAD@JE?X?^Vp8Z8z`TcDt z;9HvxbH`C#W*tg8;%OSO5l^6+&&!J8Y z!^Hi6^Zn$^$Tp%Rt;*kHnlNot*QR$Eoqacu}RaWf137({%Gxwn$+IX zSXyh9MysL-DhP^l2Z7}(mj!p(o!OoHe3zc*ocEjAm}p`I0oyN`7)N)$neRRCdCxh| zbDs0I)CfQ*)dFM4Sx26d6GN2AAEk8e2)S_c99awO>%^pnFO)88(pZ%+d|%_oq_kD& zUq*u$wSTWf$t-{Np{>-qV-+GP4-@?+?5B7kV=x%Sp4led5CdW@ctXNx>_-(G54y-KYfQ^VUk zD0j^wHV_WZ3KLMOrlaR9l376Z2ef!aZ1RJj!2vtyU@#Bk+3@PyBlQ@wZlfn?3;PJE<|ihZw=M-X(WG z9lzo0mx>A{&@2AZ@k0lx?e#S}6&!<#+uCX3n(N4GZ=;}8qoe095x0w-9h%)2)^UJ9 zm^ta<2&IMxDKS2zXJ#VRfP-}qf$q}kr0!+jL14l-T|LmkRmvHk^?+=HAX4r( z_=WZSi?}S(6`*FVRn(Rk)d+a(RO1h>{ zTmnx3yn=`^B)>hBmUX0~E$i1&ddD{D#6s#fHv{xl6IdS!1()wkCh#~#)P5J~@j_d}b>}ji7iB_K#$%~}w zU_24xhvJjYLpFGS#Bw%uemR4qzB{B>=y+z&g~=gR_ADU1g5YXJJ%3Q&z(_V}^j zl*s8x$vGS!Zy=$jxTEA1S8E1{>@zKLjApj*&Odxa2T0(a^A=G4qKi4luL`XUHI33s zkMBM5pTGWqKjAqOZk%2Nz?HDA^LuW)|H;_mug$9)0T?u6W7Pf{9|xQs)=a&<%qdK9 zU>5nID{AC6=jXNrB!S=sBzU(eei*uzM9)TDG$MEep1OS@dB}`{s@Cx3NT^ATA)GXZ z1yx9qH4v_VSLgNFuBw$fGHF8>)s@`b5yA%=V@vPu7x2hIx`^?(q{SMzZvb0rXts>M z38mmuYcQig=7=jrOuU4vy@W9-NLhl9gzPcnYgdwg;y4u%<3L$#_I#pQpV5F1_(&>4 zm2Io`k8EB2BmPy(qW-?qZU9!p6P!Qw%MbiLb^TonP)Wm&2oMvn+iZGuB_%P*TFSE? zO>}ot;exqDZEdPF3O0|~MWI>b2)eZlau&&*h%v;pWGXw+Fn9vP(X$Q07DrbTFa+MU zjwq9o8k1Rh;WzR^gMEW)UqoW^pr(lzf6p54`s&b8axjIHj}^--WWmaHpm;fMc6m zD1Z4?0w)7#fs~0-wtT}d)&NcF-sa(fXBW*0Ql_{Wh8Qa8Jc<$QsIN|B(RIi&76cDH zhO#cYocaC0w5LlC1Q0{SFpy(Bj|pUU!+ zvGY%v0hqSY?rDo|eXQfIAAZS$o8*USn;CYgceV>=fVo7rQO_)$cRrms?>v>KlgZ@1 z5FaeZGRpCRyyw>Shb_Z72z3Oy0hfd>CNw}LPs%7fQveeDKO%ZSJqy~o!b$LjYar*g z^zC_#&Hz4+Wa1YGuyxjRlr^|cLk8EHBy}tFvY2=j+)n^8SG5eJoz1ADCU@_o%%-== z1tg8`Yc@7?Ul%z>g7%MPsP9%jM-$6_w|ZpD+Mn<()_mME{}V9)^TDaE`IkM^eeZ+c zp{_n{2?r?ysNV2)KS7w#IScWT5o+1CRkEZis-Y-S@$r(Kd!e@9 z<9Nfdhi1-W`)TxvN1n{SI|%On##6LTr}k>;?f-uJ7w-Cn)jmBFAUFi|3RAogID*u0 za2M~qs`j@5T$(zKYI8U?=$NW{H#pbpGYdWKf5YxDy!$W`u!6@BNf{MOLOdV=Apjjj z)Y0Ij)^?>}#o`T(BYZXjF>nS<)*zoPDP-IrnZ^K2uY&+xCg{T%FMk(Fwi~G&C3d)) zMiwS0y>ka8_6|xekHQc#h3d3^DqV3kRiMm*U=l6oY;^vPb;XgVAAPitJ@E*C%>Glj zQBVEFkN=BPK7Y$^;*0N?3*BaL3$Z9N-##}&$*mhGe&mogfCizAgDt09DHu4H2v|23 z5|u_MjzSnA>UYQD8kiTmHQ;m$^e&Jh9C6#G%#XB<7thaSb%BIu=$j5B;|1WhlPNQE zPhne3^t6oheLX!ypcg2!7&$v$9=L+uBsEl9=KvzsaXE-faom#_+$ESjuo1{nL$zz1 zcYSfzEWJPK`W)z?@Ksvzx4k1T|LftZ?=5|QFW*^d0H)^L*Lm@xUp3!!-#uZ+GIBM&4MA+5DAAq#b6}U`zhbwPqp4Y1(tw7#ue9>bCq|yKYUzv6&fjR zh%j(QAv;V8IiBp?FbV|ueMI;I#E52&HjGFm(abT>ngd=bC9sGA1hUh~l%JJNtX{>F zw6~@cM4;ctaRt)f)Pa2z-@lh!a0^WP77)_ntl3nUJC8zq*Gk1?ifjbO_J_IW|NQ*u zI~yM2JFGrgk^UKB0MY%L+B)vc% zZoKDiyKjyYlnX}X%F+Ok7bCTA4*QVd{ouJ;4 z|3r5royIGb%6z5cs+%87U47f-)X}5NU86e)Ji&%XIP@+h_UvN!$U6&-AqGGZULo(y zkn`p8lqpnWL-3nhM8(W*Zcs&pAo322b-dUWa|0Q z;N!DA!7d)1(kOQaxiN|Q>op0aqU_$W<4ZGUlGoAMi0);)>jsw6$9(KqMD#;L)XWdtJ-DA7 z)YeTWvTcYP@Eq7}RRAr$)5+rn@E}sv%0|I~Th-GuT5AfmI)0$-)kcR$JczbqL3AxF z<)z0i#YcuSc7oh&PLW1VF3 zwUsxnI5@WIsilS7*gr@WJF2Jg`JWjVKgQ`zy)(Yqdc~6a;tQ@lm)g2TI07C)KpTip zVu5%;;-h1f7&<~p4*qO3L1OwSx_+hlX1aeQM`xpO`QQ2Bqdg3q1mAV27HUBT(YF(E z6%j1@%CyCh47;Me1CkzseJkZ$j_Qp(yvOIah-ZOL);*Q{fjLy0-X~s2f=v9qk!D2< z5sV(E^7`cmbL(FCcYb*23BKcokILTpR2#q~L+H;;>AAD{(i`qcU3}d_>gZLtUbKcx zi?k`;I4J9KgdHCqrr5|Z#W~G$%4X33=^Cs6fuxjp15xym!3~zF-Z`eCCpCJ@u2Y~a ztKrTooOxj45MqHUUa6#LDOWkwgobixibZG|mHNM{Sqh+B|JVU4z4_vf@lCHhTg;9w z<6Cb2q|f=Y$^a%^-RY**8=L1{c4un-mDjif^IAjDxBvm0F|0CHJ!Yik@CI^e4#HyW z6&%sZ9T&B8WEW@*LAh1N0>S`7#S3JxGHMTjV)vqph{_${W~7qoCaN`Mh}t^%pH1Xr zoK7;?2quLtt<^^y1w#4=Yvdgn953%!_tyCKx1K8(^XSjp&9CB__K?qH1Bk9Thhz)V zz5O?*FSuk$V)nxM?##IvyIJe=@C*XA!mW!sh@*<7t}2)YGB?lGMJi0Nn-A&|caCYl z7IpMMYZ3ucM$Y737TLsBsmf#;ZE52;SCw4$RmJU2?=_(<7*@6bqPX#c^=p*=f!!MD`P zB}lLCUj2DuaG<7 z2jRg`-Fo&+h~ocm03UuK#{++>nSW@8Urp@Vn`3UQlT$V6#}b5JG5cDrS{>t9V1nN( mhPt?TmCVcgG(MpJ3NQdZ>=C*^SaoFp0000 literal 0 HcmV?d00001 diff --git a/lib/detect-platform.js b/lib/detect-platform.js index 1763e086..230bd3b8 100644 --- a/lib/detect-platform.js +++ b/lib/detect-platform.js @@ -4,8 +4,4 @@ const isMac = os.platform() === "darwin" const isWindows = os.platform() === "win32" const isLinux = os.platform() === "linux" -module.exports = { - isMac, - isWindows, - isLinux, -} \ No newline at end of file +module.exports = { isMac, isWindows, isLinux } \ No newline at end of file diff --git a/lib/i18n.js b/lib/i18n.js index 8f2f53bd..c9f949c2 100644 --- a/lib/i18n.js +++ b/lib/i18n.js @@ -1,165 +1,176 @@ -const osLocale = require("os-locale"); -const fs = require("fs"); -const path = require("path"); +const osLocale = require("os-locale") +const fs = require("fs") +const path = require("path") -let cache = { - defaultLocale: "en", - availableLocales: [], - canonicalLocales: [], - locales: [] -}; +let cache = { defaultLocale: "en", availableLocales: [], canonicalLocales: [], locales: [] } -let i18n = {}; +let i18n = {} -i18n.__ = function(name) { - i18n.getLocale(); +i18n.__ = function (name) { + i18n.getLocale() - let string = i18n.getLocaleData(cache.locale)[name] || i18n.getLocaleData(cache.defaultLocale)[name]; - if (!string) { - let underscoreIndex = cache.locale.indexOf("-"); - if (underscoreIndex !== -1) { - let localeBaseCode = cache.locale.substring(0, underscoreIndex); - if (i18n.localeExists(localeBaseCode)) { - string = i18n.getLocaleData(localeBaseCode)[name]; - } - } - } + let string = i18n.getLocaleData(cache.locale)[name] || i18n.getLocaleData(cache.defaultLocale)[name] - if (string) { - if (arguments.length === 1) { - return string; - } else { - for (let i = 0, l = arguments.length - 1; i < l; i++) { - string = string.replace("$" + i, arguments[1 + i]); - } - return string; - } - } else { - console.warn(`String "${name}" does not exist.`) - } -}; + if (!string) { + let underscoreIndex = cache.locale.indexOf("-") + if (underscoreIndex !== -1) { + let localeBaseCode = cache.locale.substring(0, underscoreIndex) + if (i18n.localeExists(localeBaseCode)) { + string = i18n.getLocaleData(localeBaseCode)[name] + } + } + } -i18n.localeExists = function(locale) { - return i18n.getAvailableLocales().indexOf(locale) !== -1; -}; + if (string) { + if (arguments.length === 1) { + return string + } else { + for (let i = 0, l = arguments.length - 1; i < l; i++) { + string = string.replace("$" + i, arguments[1 + i]) + } -i18n.getLocaleData = function(locale) { - if (!cache.locales[locale]) { - cache.locales[locale] = i18n.readLocaleFile(locale); - } - return cache.locales[locale]; -}; + return string + } + } else { + console.warn(`String "${name}" does not exist.`) + } +} -i18n.readLocaleFile = function(locale) { - let localeData = JSON.parse(fs.readFileSync( - path.join(__dirname, "..", "locales", locale + ".json"), - { encoding: "utf8" } - )); - if (localeData.__redirect__) { - let redirectedLocaleData = JSON.parse(fs.readFileSync( - path.join(__dirname, "..", "locales", localeData.__redirect__ + ".json"), - { encoding: "utf8" } - )); - redirectedLocaleData.__is_redirected__ = true; - redirectedLocaleData.__canonical__ = localeData.__redirect__; - return redirectedLocaleData; - } else { - return localeData; - } -}; +i18n.localeExists = function (locale) { + return i18n.getAvailableLocales().indexOf(locale) !== -1 +} -i18n.doDOMReplacement = function() { - let elems0 = document.getElementsByClassName("i18n"); - for (let i = 0, l = elems0.length; i < l; i++) { - elems0[i].innerHTML = i18n.__(elems0[i].dataset.i18nName); - } +i18n.getLocaleData = function (locale) { + if (!cache.locales[locale]) { + cache.locales[locale] = i18n.readLocaleFile(locale) + } - let elems1 = document.getElementsByClassName("i18n-attr"); - for (let i = 0, l = elems1.length; i < l; i++) { - let mappings = elems1[i].dataset.i18nMap.split(";"); - for (let j = 0, m = mappings.length; j < m; j++) { - let keyVal = mappings[j].split(":"); - elems1[i].setAttribute(keyVal[0], i18n.__(keyVal[1])); - } - } -}; + return cache.locales[locale] +} -i18n.setLocale = function(locale) { - if (i18n.localeExists(locale)) { - cache.locale = locale; - return true; - } - return false; -}; +i18n.readLocaleFile = function (locale) { + let localeData = JSON.parse(fs.readFileSync( + path.join(__dirname, "..", "locales", locale + ".json"), + { encoding: "utf8" } + )) -i18n.getLocale = function() { - if (!cache.locale) { - let systemLocale = osLocale.sync(); - let availableLocales = i18n.getAvailableLocales(); - if (availableLocales.indexOf(systemLocale) !== -1) { - cache.locale = systemLocale; - } else if (availableLocales.indexOf(systemLocale.split("-")[0]) !== -1) { - cache.locale = systemLocale.split("-")[0]; - } else { - var looseLocaleMatch; - for (let i = 0, l = availableLocales.length; i < l; i++) { - if (availableLocales[i].split("-")[0] === systemLocale.split("-")[0]) { - looseLocaleMatch = availableLocales[i]; - break; - } - } - if (looseLocaleMatch) { - cache.locale = looseLocaleMatch; - } else { - cache.locale = cache.defaultLocale; - } - } - } - return cache.locale; -}; + if (localeData.__redirect__) { + let redirectedLocaleData = JSON.parse(fs.readFileSync( + path.join(__dirname, "..", "locales", localeData.__redirect__ + ".json"), + { encoding: "utf8" } + )) -i18n.getCanonicalLocale = function() { - i18n.getLocale(); + redirectedLocaleData.__is_redirected__ = true + redirectedLocaleData.__canonical__ = localeData.__redirect__ + return redirectedLocaleData + } else { + return localeData + } +} - if (!cache.locales[cache.locale]) { - cache.locales[cache.locale] = i18n.readLocaleFile(cache.locale); - } - if (cache.locales[cache.locale].__canonical__) { - return cache.locales[cache.locale].__canonical__; - } else { - return cache.locale; - } -}; +i18n.doDOMReplacement = function () { + let elems0 = document.getElementsByClassName("i18n") -i18n.getAvailableLocales = function(canonicalOnly) { - if (!cache.availableLocales.length) { - let filenames = fs.readdirSync(path.join(__dirname, "..", "locales")); - for (let i = 0, l = filenames.length; i < l; i++) { - cache.availableLocales.push(filenames[i].split(".")[0]); - } - } - if (canonicalOnly) { - return i18n.getCanonicalLocales(); - } else { - return cache.availableLocales; - } -}; + for (let i = 0, l = elems0.length; i < l; i++) { + elems0[i].innerHTML = i18n.__(elems0[i].dataset.i18nName) + } -i18n.getCanonicalLocales = function() { - i18n.getAvailableLocales(); + let elems1 = document.getElementsByClassName("i18n-attr") - if (!cache.canonicalLocales.length) { - for (let i = 0, l = cache.availableLocales.length; i < l; i++) { - if (!i18n.readLocaleFile(cache.availableLocales[i]).hasOwnProperty("__is_redirected__")) { - cache.canonicalLocales.push(cache.availableLocales[i]); - } - } - } - return cache.canonicalLocales; -}; + for (let i = 0, l = elems1.length; i < l; i++) { + let mappings = elems1[i].dataset.i18nMap.split(";") + for (let j = 0, m = mappings.length; j < m; j++) { + let keyVal = mappings[j].split(":") + elems1[i].setAttribute(keyVal[0], i18n.__(keyVal[1])) + } + } +} -i18n.getDefaultLocale = function() { - return cache.defaultLocale; -}; +i18n.setLocale = function (locale) { + if (i18n.localeExists(locale)) { + cache.locale = locale + return true + } -module.exports = i18n; + return false +} + +i18n.getLocale = function () { + if (!cache.locale) { + let systemLocale = osLocale.sync() + let availableLocales = i18n.getAvailableLocales() + + if (availableLocales.indexOf(systemLocale) !== -1) { + cache.locale = systemLocale + } else if (availableLocales.indexOf(systemLocale.split("-")[0]) !== -1) { + cache.locale = systemLocale.split("-")[0] + } else { + var looseLocaleMatch + + for (let i = 0, l = availableLocales.length; i < l; i++) { + if (availableLocales[i].split("-")[0] === systemLocale.split("-")[0]) { + looseLocaleMatch = availableLocales[i] + break + } + } + + if (looseLocaleMatch) { + cache.locale = looseLocaleMatch + } else { + cache.locale = cache.defaultLocale + } + } + } + + return cache.locale +} + +i18n.getCanonicalLocale = function () { + i18n.getLocale() + + if (!cache.locales[cache.locale]) { + cache.locales[cache.locale] = i18n.readLocaleFile(cache.locale) + } + + if (cache.locales[cache.locale].__canonical__) { + return cache.locales[cache.locale].__canonical__ + } else { + return cache.locale + } +} + +i18n.getAvailableLocales = function (canonicalOnly) { + if (!cache.availableLocales.length) { + let filenames = fs.readdirSync(path.join(__dirname, "..", "locales")) + + for (let i = 0, l = filenames.length; i < l; i++) { + cache.availableLocales.push(filenames[i].split(".")[0]) + } + } + + if (canonicalOnly) { + return i18n.getCanonicalLocales() + } else { + return cache.availableLocales + } +} + +i18n.getCanonicalLocales = function () { + i18n.getAvailableLocales(); + + if (!cache.canonicalLocales.length) { + for (let i = 0, l = cache.availableLocales.length; i < l; i++) { + if (!i18n.readLocaleFile(cache.availableLocales[i]).hasOwnProperty("__is_redirected__")) { + cache.canonicalLocales.push(cache.availableLocales[i]) + } + } + } + + return cache.canonicalLocales +} + +i18n.getDefaultLocale = function () { + return cache.defaultLocale +} + +module.exports = i18n \ No newline at end of file diff --git a/lib/preload.js b/lib/preload.js index 04d6bb7c..b51263bd 100644 --- a/lib/preload.js +++ b/lib/preload.js @@ -9,5 +9,5 @@ contextBridge.exposeInMainWorld('electronAPI', { clearMyCache: () => ipcRenderer.send('clear-all-cache'), clearCache() { webFrame.clearCache() - }, + } }) \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index fe121c35..4f938fc1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "4.5.1", "license": "GPL-3.0", "dependencies": { - "@hapi/hapi": "21.3.8", + "@hapi/hapi": "21.3.9", "@hapi/inert": "7.1.0", "@lit-labs/motion": "1.0.6", "@popperjs/core": "2.11.8", @@ -27,9 +27,9 @@ "compressorjs": "1.2.1", "crypto-js": "4.2.0", "driver.js": "1.3.1", - "electron-dl": "3.5.2", + "electron-dl": "4.0.0", "electron-log": "5.1.2", - "electron-store": "8.2.0", + "electron-store": "9.0.0", "electron-updater": "6.1.8", "emoji-picker-js": "https://github.com/Qortal/emoji-picker-js", "extract-zip": "2.0.1", @@ -42,17 +42,17 @@ "prosemirror-gapcursor": "1.3.2", "prosemirror-history": "1.4.0", "prosemirror-keymap": "1.2.2", - "prosemirror-model": "1.19.4", + "prosemirror-model": "1.20.0", "prosemirror-schema-list": "1.3.0", "prosemirror-state": "1.4.3", "prosemirror-transform": "1.8.0", - "prosemirror-view": "1.33.3", - "sass": "1.74.1", - "short-unique-id": "5.0.3", + "prosemirror-view": "1.33.6", + "sass": "1.76.0", + "short-unique-id": "5.2.0", "xhr2": "0.2.1" }, "devDependencies": { - "@babel/core": "7.24.4", + "@babel/core": "7.24.5", "@electron/packager": "18.3.2", "@material/mwc-button": "0.27.0", "@material/mwc-checkbox": "0.27.0", @@ -102,9 +102,9 @@ "@vaadin/icons": "24.2.9", "@vaadin/password-field": "24.2.9", "@vaadin/tooltip": "24.2.9", - "@zip.js/zip.js": "2.7.41", + "@zip.js/zip.js": "2.7.43", "axios": "1.6.8", - "electron": "27.3.9", + "electron": "30.0.2", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", @@ -119,23 +119,14 @@ "pwa-helpers": "0.9.1", "redux": "5.0.1", "redux-thunk": "3.1.0", - "rollup": "4.14.0", + "rollup": "4.17.2", "rollup-plugin-node-globals": "1.4.0", "rollup-plugin-progress": "1.1.2", "rollup-plugin-scss": "3.0.0", "shelljs": "0.8.5" }, "engines": { - "node": ">=18.17.1" - } - }, - "node_modules/@aashutoshrathi/word-wrap": { - "version": "1.2.6", - "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz", - "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==", - "dev": true, - "engines": { - "node": ">=0.10.0" + "node": ">=20.11.1" } }, "node_modules/@ampproject/remapping": { @@ -174,21 +165,21 @@ } }, "node_modules/@babel/core": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz", - "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.5.tgz", + "integrity": "sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==", "dev": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.24.2", - "@babel/generator": "^7.24.4", + "@babel/generator": "^7.24.5", "@babel/helper-compilation-targets": "^7.23.6", - "@babel/helper-module-transforms": "^7.23.3", - "@babel/helpers": "^7.24.4", - "@babel/parser": "^7.24.4", + "@babel/helper-module-transforms": "^7.24.5", + "@babel/helpers": "^7.24.5", + "@babel/parser": "^7.24.5", "@babel/template": "^7.24.0", - "@babel/traverse": "^7.24.1", - "@babel/types": "^7.24.0", + "@babel/traverse": "^7.24.5", + "@babel/types": "^7.24.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", @@ -204,12 +195,12 @@ } }, "node_modules/@babel/generator": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.4.tgz", - "integrity": "sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.5.tgz", + "integrity": "sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==", "dev": true, "dependencies": { - "@babel/types": "^7.24.0", + "@babel/types": "^7.24.5", "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25", "jsesc": "^2.5.1" @@ -281,16 +272,16 @@ } }, "node_modules/@babel/helper-module-transforms": { - "version": "7.23.3", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz", - "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz", + "integrity": "sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==", "dev": true, "dependencies": { "@babel/helper-environment-visitor": "^7.22.20", - "@babel/helper-module-imports": "^7.22.15", - "@babel/helper-simple-access": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/helper-validator-identifier": "^7.22.20" + "@babel/helper-module-imports": "^7.24.3", + "@babel/helper-simple-access": "^7.24.5", + "@babel/helper-split-export-declaration": "^7.24.5", + "@babel/helper-validator-identifier": "^7.24.5" }, "engines": { "node": ">=6.9.0" @@ -300,24 +291,24 @@ } }, "node_modules/@babel/helper-simple-access": { - "version": "7.22.5", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz", - "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz", + "integrity": "sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==", "dev": true, "dependencies": { - "@babel/types": "^7.22.5" + "@babel/types": "^7.24.5" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-split-export-declaration": { - "version": "7.22.6", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz", - "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz", + "integrity": "sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==", "dev": true, "dependencies": { - "@babel/types": "^7.22.5" + "@babel/types": "^7.24.5" }, "engines": { "node": ">=6.9.0" @@ -333,9 +324,9 @@ } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.22.20", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz", - "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz", + "integrity": "sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==", "dev": true, "engines": { "node": ">=6.9.0" @@ -351,26 +342,26 @@ } }, "node_modules/@babel/helpers": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.4.tgz", - "integrity": "sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.5.tgz", + "integrity": "sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==", "dev": true, "dependencies": { "@babel/template": "^7.24.0", - "@babel/traverse": "^7.24.1", - "@babel/types": "^7.24.0" + "@babel/traverse": "^7.24.5", + "@babel/types": "^7.24.5" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/highlight": { - "version": "7.24.2", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.2.tgz", - "integrity": "sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.5.tgz", + "integrity": "sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==", "dev": true, "dependencies": { - "@babel/helper-validator-identifier": "^7.22.20", + "@babel/helper-validator-identifier": "^7.24.5", "chalk": "^2.4.2", "js-tokens": "^4.0.0", "picocolors": "^1.0.0" @@ -380,9 +371,9 @@ } }, "node_modules/@babel/parser": { - "version": "7.24.4", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz", - "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.5.tgz", + "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==", "dev": true, "bin": { "parser": "bin/babel-parser.js" @@ -406,19 +397,19 @@ } }, "node_modules/@babel/traverse": { - "version": "7.24.1", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.1.tgz", - "integrity": "sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.5.tgz", + "integrity": "sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==", "dev": true, "dependencies": { - "@babel/code-frame": "^7.24.1", - "@babel/generator": "^7.24.1", + "@babel/code-frame": "^7.24.2", + "@babel/generator": "^7.24.5", "@babel/helper-environment-visitor": "^7.22.20", "@babel/helper-function-name": "^7.23.0", "@babel/helper-hoist-variables": "^7.22.5", - "@babel/helper-split-export-declaration": "^7.22.6", - "@babel/parser": "^7.24.1", - "@babel/types": "^7.24.0", + "@babel/helper-split-export-declaration": "^7.24.5", + "@babel/parser": "^7.24.5", + "@babel/types": "^7.24.5", "debug": "^4.3.1", "globals": "^11.1.0" }, @@ -427,13 +418,13 @@ } }, "node_modules/@babel/types": { - "version": "7.24.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz", - "integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==", + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.5.tgz", + "integrity": "sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==", "dev": true, "dependencies": { - "@babel/helper-string-parser": "^7.23.4", - "@babel/helper-validator-identifier": "^7.22.20", + "@babel/helper-string-parser": "^7.24.1", + "@babel/helper-validator-identifier": "^7.24.5", "to-fast-properties": "^2.0.0" }, "engines": { @@ -458,9 +449,9 @@ } }, "node_modules/@electron/asar": { - "version": "3.2.9", - "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.9.tgz", - "integrity": "sha512-Vu2P3X2gcZ3MY9W7yH72X9+AMXwUQZEJBrsPIbX0JsdllLtoh62/Q8Wg370/DawIEVKOyfD6KtTLo645ezqxUA==", + "version": "3.2.10", + "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.10.tgz", + "integrity": "sha512-mvBSwIBUeiRscrCeJE1LwctAriBj65eUDm0Pc11iE5gRwzkmsdbS7FnZ1XUWjpSeQWL1L5g12Fc/SchPM9DUOw==", "dev": true, "dependencies": { "commander": "^5.0.0", @@ -557,9 +548,9 @@ } }, "node_modules/@electron/osx-sign": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.1.0.tgz", - "integrity": "sha512-9xxNAyTu2YEAfn2TOQXC5fcTZ9hxVT/zAgWOONpOvxivv5rU97RldGbJrxz+OBKXGAiQRJUYOY07mJI++S/iYw==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@electron/osx-sign/-/osx-sign-1.2.0.tgz", + "integrity": "sha512-kOA3bAeDXFMj2JHj0R2fk/IT92qpu3tZHwM4l/PdksAuy7eA3/23QktCiAoQICwPdtxCYdt9ZLimKvnNyUpdSQ==", "dev": true, "dependencies": { "compare-version": "^0.1.2", @@ -950,9 +941,9 @@ "integrity": "sha512-w+lKW+yRrLhJu620jT3y+5g2mHqnKfepreykvdOcl9/6up8GrQQn+l3FRTsjHTKbkbfQFkuksHpdv2EcpKcJ4Q==" }, "node_modules/@hapi/hapi": { - "version": "21.3.8", - "resolved": "https://registry.npmjs.org/@hapi/hapi/-/hapi-21.3.8.tgz", - "integrity": "sha512-2YGNQZTnWKAWiexoLxvsSFFpJvFBJKhtRzARNxR6G1dHbDfL1WPQBXF00rmMRJLdo+oi7d+Ntgdno6V+z+js7w==", + "version": "21.3.9", + "resolved": "https://registry.npmjs.org/@hapi/hapi/-/hapi-21.3.9.tgz", + "integrity": "sha512-AT5m+Rb8iSOFG3zWaiEuTJazf4HDYl5UpRpyxMJ3yR+g8tOEmqDv6FmXrLHShdvDOStAAepHGnr1G7egkFSRdw==", "dependencies": { "@hapi/accept": "^6.0.1", "@hapi/ammo": "^6.0.1", @@ -1148,9 +1139,9 @@ } }, "node_modules/@hapi/wreck": { - "version": "18.0.1", - "resolved": "https://registry.npmjs.org/@hapi/wreck/-/wreck-18.0.1.tgz", - "integrity": "sha512-OLHER70+rZxvDl75xq3xXOfd3e8XIvz8fWY0dqg92UvhZ29zo24vQgfqgHSYhB5ZiuFpSLeriOisAlxAo/1jWg==", + "version": "18.1.0", + "resolved": "https://registry.npmjs.org/@hapi/wreck/-/wreck-18.1.0.tgz", + "integrity": "sha512-0z6ZRCmFEfV/MQqkQomJ7sl/hyxvcZM7LtuVqN3vdAO4vM9eBbowl0kaqQj9EJJQab+3Uuh1GxbGIBFy4NfJ4w==", "dependencies": { "@hapi/boom": "^10.0.1", "@hapi/bourne": "^3.0.0", @@ -1671,6 +1662,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-base/-/mwc-base-0.27.0.tgz", "integrity": "sha512-oCWWtjbyQ52AaUbzINLGBKScIPyqhps2Y7c8t6Gu6fcFeDxhKXMV1Cqvtj/OMhtAt53XjHfD2XruWwYv3cYYUA==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/base": "=14.0.0-canary.53b3cad2f.0", @@ -1683,6 +1675,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-button/-/mwc-button-0.27.0.tgz", "integrity": "sha512-t5m2zfE93RNKHMjdsU67X6csFzuSG08VJKKvXVQ+BriGE3xBgzY5nZdmZXomFpaWjDENPAlyS4ppCFm6o+DILw==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-icon": "^0.27.0", @@ -1695,6 +1688,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-checkbox/-/mwc-checkbox-0.27.0.tgz", "integrity": "sha512-EY0iYZLwo8qaqMwR5da4fdn0xI0BZNAvKTcwoubYWpDDHlGxDcqwvjp/40ChGo3Q/zv8/4/A0Qp7cwapI82EkA==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1707,6 +1701,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-dialog/-/mwc-dialog-0.27.0.tgz", "integrity": "sha512-rkOEmCroVs0wBQbj87vH79SvSHHZ61QRCTUYsU2rHGZCvdzlmvHjWdoyKjJER6WwwM3rrT8xthfecmjICI28CA==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/dialog": "=14.0.0-canary.53b3cad2f.0", @@ -1723,6 +1718,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-drawer/-/mwc-drawer-0.27.0.tgz", "integrity": "sha512-dy/uwt+aI5aiUDqFcT6Z4GhGmLZR7fu3HMkfqtQDwoJShxnf5hHwk18fiD1VHHCDf9CZ5wjl7ug4fjpcs9r18A==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/drawer": "=14.0.0-canary.53b3cad2f.0", @@ -1737,6 +1733,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-fab/-/mwc-fab-0.27.0.tgz", "integrity": "sha512-7XUxeO14etuXe0FQdB1Y6bg8TilbQKX/NGi9b0O6D0hkcY3Y0Vk2xyoAvQArbHRz3hGfiH1cS7FaJGRSilWcjg==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-ripple": "^0.27.0", @@ -1748,6 +1745,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-floating-label/-/mwc-floating-label-0.27.0.tgz", "integrity": "sha512-uLleloTxQ6dDShcZzqgqfC8otQY8DtGMO9HFQbAEncoFAWpAehcEonsuT/IUhMORN+c5un0P5WXwcZsInJb7og==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/floating-label": "=14.0.0-canary.53b3cad2f.0", @@ -1759,6 +1757,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-formfield/-/mwc-formfield-0.27.0.tgz", "integrity": "sha512-XGZtC1MTyGQ8b2osnaygGzS3qe2QvlWfXZepcFs9i6MW+b6VimQQ4c/KsKIF7dHmeY6N0o4k9pAZ086EGesXOQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/form-field": "=14.0.0-canary.53b3cad2f.0", @@ -1771,6 +1770,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-icon/-/mwc-icon-0.27.0.tgz", "integrity": "sha512-Sul44I37M9Ewynn0A9DjkEBrmll2VtNbth6Pxj7I1A/EAwEfaCrPvryyGqfIu1T2hTsRcaojzQx6QjF+B5QW9A==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "lit": "^2.0.0", @@ -1781,6 +1781,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-icon-button/-/mwc-icon-button-0.27.0.tgz", "integrity": "sha512-wReiPa1UkLaCSPtpkAs1OGKEBtvqPnz9kzuY+RvN5ZQnpo3Uh7n3plHV4y/stsUBfrWtBCcOgYnCdNRaR/r2nQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-ripple": "^0.27.0", @@ -1792,6 +1793,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-line-ripple/-/mwc-line-ripple-0.27.0.tgz", "integrity": "sha512-n9Xpt5g3RJEl9rvk14OP6dUNJUtsJA46beTQiep7ppO7IPVFLC1v/5sPpUzfNPUBsclSPxdBuNlCxsgcIYueUw==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/line-ripple": "=14.0.0-canary.53b3cad2f.0", @@ -1803,6 +1805,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-list/-/mwc-list-0.27.0.tgz", "integrity": "sha512-oAhNQsBuAOgF3ENOIY8PeWjXsl35HoYaUkl0ixBQk8jJP2HIEf+MdbS5688y/UXxFbSjr0m//LfwR5gauEashg==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/base": "=14.0.0-canary.53b3cad2f.0", @@ -1820,6 +1823,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-menu/-/mwc-menu-0.27.0.tgz", "integrity": "sha512-K+L/t267ZGrlhjK/iSKUVZQKRMkWELArKVglfS5of93ALP4in0RGnj1sOG2u3IFI2F/mEZxRi+wr7HgNxpe0wA==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/menu": "=14.0.0-canary.53b3cad2f.0", @@ -1836,6 +1840,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-notched-outline/-/mwc-notched-outline-0.27.0.tgz", "integrity": "sha512-IlqfQVaEd1RAHqhOG0Xk5JhTDgBe/P9og0pnACglK6bPE0vUhYKwibJiHcr4ACTPtGWHO9o92aktR+7AIEAKtQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1848,6 +1853,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-radio/-/mwc-radio-0.27.0.tgz", "integrity": "sha512-+rSO9a373BgyMgQOM0Z8vVkuieobBylPJ8qpltytM+yGPj8+n+MtwRZyg+ry3WwEjYYDMP6GxZPHwLgWs6lMpQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1861,6 +1867,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-ripple/-/mwc-ripple-0.27.0.tgz", "integrity": "sha512-by0O8d8g3Rd96/sUB8hxy6MrDx1QTstqOsA64vqypWd526hMTBGRik08jTNap5sVIyrN9Vq17jb4NJLWQLnNHQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/dom": "=14.0.0-canary.53b3cad2f.0", @@ -1874,6 +1881,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-select/-/mwc-select-0.27.0.tgz", "integrity": "sha512-LTr2nl7gAYq8ung4eWfUz24mey4/K9vAlqJBo/uu6w0122C9X64szBS9kHAb87aD1oxLkxAJCDuv/wwlXV1i2w==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/dom": "=14.0.0-canary.53b3cad2f.0", @@ -1896,6 +1904,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-slider/-/mwc-slider-0.27.0.tgz", "integrity": "sha512-lYkxu1vKisV912dkmetkqs/YlS24fULGqKyxPGKC8zlmdN10ZsvpmC6CRIhtHoJeST0JAKunKWdEswTW3pTPaA==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/dom": "=14.0.0-canary.53b3cad2f.0", @@ -1910,6 +1919,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-snackbar/-/mwc-snackbar-0.27.0.tgz", "integrity": "sha512-D9xhae4MiUwhHJxXaNzucmOutXVS/02CVnuCpzV2uDCLnY4oTaiZNDa+YBxheZnNKTTSm5yrshOnsRIQO6hgPw==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1922,6 +1932,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-tab/-/mwc-tab-0.27.0.tgz", "integrity": "sha512-BhX6hZYjPL+d3Gcl6rVHNPiEAudgMHA+7mHo2keqbIiFRLKa2CU+omHZO/82+EBan/TPL6ZK39Oki8aIaAJcRQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1936,6 +1947,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-tab-bar/-/mwc-tab-bar-0.27.0.tgz", "integrity": "sha512-CqRZ38m8kOfSJo87Ek61eubO8AGR10Dp12c3pCyyy6mtK/0FSY+rfcmnMPxEzkxREqUnQPgw9lhqmGZXBSqzZQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1951,6 +1963,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-tab-indicator/-/mwc-tab-indicator-0.27.0.tgz", "integrity": "sha512-bdE5mYP2ze/8d8cGTTJUS0+ByzEK5tmWsXfphFr/Dyy9b+gOnIOt1iX8tmKTOpbYKsV43LxtSkumhTTPDXEJLg==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/mwc-base": "^0.27.0", @@ -1963,6 +1976,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-tab-scroller/-/mwc-tab-scroller-0.27.0.tgz", "integrity": "sha512-WL/CYVx1cHjC1a/STIB/BaBfxGz3Rz4szNNX35FkYzm6GSGxUNkXZfKOAK7R8RdZOAETa8Gy5tTEhKZKKJ/aUA==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/dom": "=14.0.0-canary.53b3cad2f.0", @@ -1976,6 +1990,7 @@ "version": "0.27.0", "resolved": "https://registry.npmjs.org/@material/mwc-textfield/-/mwc-textfield-0.27.0.tgz", "integrity": "sha512-4/OEeEVAWWQ1DzpjeMLYLsa9HMlifOPjAvi0681Yj1g/RYJs5ONZS80HZ8HOT+efAOlZDugshgM4gdNS3I0XFQ==", + "deprecated": "MWC beta is longer supported. Please upgrade to @material/web", "dev": true, "dependencies": { "@material/floating-label": "=14.0.0-canary.53b3cad2f.0", @@ -3039,9 +3054,9 @@ } }, "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.14.0.tgz", - "integrity": "sha512-jwXtxYbRt1V+CdQSy6Z+uZti7JF5irRKF8hlKfEnF/xJpcNGuuiZMBvuoYM+x9sr9iWGnzrlM0+9hvQ1kgkf1w==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz", + "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==", "cpu": [ "arm" ], @@ -3052,9 +3067,9 @@ ] }, "node_modules/@rollup/rollup-android-arm64": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.14.0.tgz", - "integrity": "sha512-fI9nduZhCccjzlsA/OuAwtFGWocxA4gqXGTLvOyiF8d+8o0fZUeSztixkYjcGq1fGZY3Tkq4yRvHPFxU+jdZ9Q==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz", + "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==", "cpu": [ "arm64" ], @@ -3065,9 +3080,9 @@ ] }, "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.14.0.tgz", - "integrity": "sha512-BcnSPRM76/cD2gQC+rQNGBN6GStBs2pl/FpweW8JYuz5J/IEa0Fr4AtrPv766DB/6b2MZ/AfSIOSGw3nEIP8SA==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz", + "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==", "cpu": [ "arm64" ], @@ -3078,9 +3093,9 @@ ] }, "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.14.0.tgz", - "integrity": "sha512-LDyFB9GRolGN7XI6955aFeI3wCdCUszFWumWU0deHA8VpR3nWRrjG6GtGjBrQxQKFevnUTHKCfPR4IvrW3kCgQ==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz", + "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==", "cpu": [ "x64" ], @@ -3091,9 +3106,22 @@ ] }, "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.14.0.tgz", - "integrity": "sha512-ygrGVhQP47mRh0AAD0zl6QqCbNsf0eTo+vgwkY6LunBcg0f2Jv365GXlDUECIyoXp1kKwL5WW6rsO429DBY/bA==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz", + "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz", + "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==", "cpu": [ "arm" ], @@ -3104,9 +3132,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.14.0.tgz", - "integrity": "sha512-x+uJ6MAYRlHGe9wi4HQjxpaKHPM3d3JjqqCkeC5gpnnI6OWovLdXTpfa8trjxPLnWKyBsSi5kne+146GAxFt4A==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz", + "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==", "cpu": [ "arm64" ], @@ -3117,9 +3145,9 @@ ] }, "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.14.0.tgz", - "integrity": "sha512-nrRw8ZTQKg6+Lttwqo6a2VxR9tOroa2m91XbdQ2sUUzHoedXlsyvY1fN4xWdqz8PKmf4orDwejxXHjh7YBGUCA==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz", + "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==", "cpu": [ "arm64" ], @@ -3130,11 +3158,11 @@ ] }, "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.14.0.tgz", - "integrity": "sha512-xV0d5jDb4aFu84XKr+lcUJ9y3qpIWhttO3Qev97z8DKLXR62LC3cXT/bMZXrjLF9X+P5oSmJTzAhqwUbY96PnA==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz", + "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==", "cpu": [ - "ppc64le" + "ppc64" ], "dev": true, "optional": true, @@ -3143,9 +3171,9 @@ ] }, "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.14.0.tgz", - "integrity": "sha512-SDDhBQwZX6LPRoPYjAZWyL27LbcBo7WdBFWJi5PI9RPCzU8ijzkQn7tt8NXiXRiFMJCVpkuMkBf4OxSxVMizAw==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz", + "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==", "cpu": [ "riscv64" ], @@ -3156,9 +3184,9 @@ ] }, "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.14.0.tgz", - "integrity": "sha512-RxB/qez8zIDshNJDufYlTT0ZTVut5eCpAZ3bdXDU9yTxBzui3KhbGjROK2OYTTor7alM7XBhssgoO3CZ0XD3qA==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz", + "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==", "cpu": [ "s390x" ], @@ -3169,9 +3197,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.14.0.tgz", - "integrity": "sha512-C6y6z2eCNCfhZxT9u+jAM2Fup89ZjiG5pIzZIDycs1IwESviLxwkQcFRGLjnDrP+PT+v5i4YFvlcfAs+LnreXg==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz", + "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==", "cpu": [ "x64" ], @@ -3182,9 +3210,9 @@ ] }, "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.14.0.tgz", - "integrity": "sha512-i0QwbHYfnOMYsBEyjxcwGu5SMIi9sImDVjDg087hpzXqhBSosxkE7gyIYFHgfFl4mr7RrXksIBZ4DoLoP4FhJg==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz", + "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==", "cpu": [ "x64" ], @@ -3195,9 +3223,9 @@ ] }, "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.14.0.tgz", - "integrity": "sha512-Fq52EYb0riNHLBTAcL0cun+rRwyZ10S9vKzhGKKgeD+XbwunszSY0rVMco5KbOsTlwovP2rTOkiII/fQ4ih/zQ==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz", + "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==", "cpu": [ "arm64" ], @@ -3208,9 +3236,9 @@ ] }, "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.14.0.tgz", - "integrity": "sha512-e/PBHxPdJ00O9p5Ui43+vixSgVf4NlLsmV6QneGERJ3lnjIua/kim6PRFe3iDueT1rQcgSkYP8ZBBXa/h4iPvw==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz", + "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==", "cpu": [ "ia32" ], @@ -3221,9 +3249,9 @@ ] }, "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.14.0.tgz", - "integrity": "sha512-aGg7iToJjdklmxlUlJh/PaPNa4PmqHfyRMLunbL3eaMO0gp656+q1zOKkpJ/CVe9CryJv6tAN1HDoR8cNGzkag==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz", + "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==", "cpu": [ "x64" ], @@ -3270,9 +3298,9 @@ } }, "node_modules/@tiptap/extension-blockquote": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.2.4.tgz", - "integrity": "sha512-FrfPnn0VgVrUwWLwja1afX99JGLp6PE9ThVcmri+tLwUZQvTTVcCvHoCdOakav3/nge1+aV4iE3tQdyq1tWI9Q==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.3.1.tgz", + "integrity": "sha512-eyw3/Zn/XbIP2Yo11iE4vYcJ0471aBPMLD56YOyUC0PIF7D5tvPutDesSg95R+BDa5Tq/Id2zV5pZerw1dwwOQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3282,9 +3310,9 @@ } }, "node_modules/@tiptap/extension-bold": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.2.4.tgz", - "integrity": "sha512-v3tTLc8YESFZPOGj5ByFr8VbmQ/PTo49T1vsK50VubxIN/5r9cXlKH8kb3dZlZxCxJa3FrXNO/M8rdGBSWQvSg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.3.1.tgz", + "integrity": "sha512-szHDXKOQfrlCzsys401zBtPWE5gyY3LcpPlrn2zBRrBmzU2U/1A7Y3HkoqZo3SSrTY37eG1Vr2J2aHySK6Uj/w==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3294,9 +3322,9 @@ } }, "node_modules/@tiptap/extension-bullet-list": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.2.4.tgz", - "integrity": "sha512-z/MPmW8bhRougMuorl6MAQBXeK4rhlP+jBWlNwT+CT8h5IkXqPnDbM1sZeagp2nYfVV6Yc4RWpzimqHHtGnYTA==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.3.1.tgz", + "integrity": "sha512-pif0AB4MUoA1Xm26y1ovH7vfXaV19T9EEQH4tgN2g2eTfdFnQWDmKI0r3XRxudtg40RstBJRa81N9xEO79o8ag==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3306,9 +3334,9 @@ } }, "node_modules/@tiptap/extension-code": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.2.4.tgz", - "integrity": "sha512-JB4SJ2mUU/9qXFUf+K5K9szvovnN9AIcCb0f0UlcVBuddKHSqCl3wO3QJgYt44BfQTLMNuyzr+zVqfFd6BNt/g==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.3.1.tgz", + "integrity": "sha512-bVX0EnDZoRXnoA7dyoZe7w2gdRjxmFEcsatHLkcr3R3x4k9oSgZXLe1C2jGbjJWr4j32tYXZ1cpKte6f1WUKzg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3318,9 +3346,9 @@ } }, "node_modules/@tiptap/extension-code-block": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.2.4.tgz", - "integrity": "sha512-h6WV9TmaBEZmvqe1ezMR83DhCPUap6P2mSR5pwVk0WVq6rvZjfgU0iF3EetBJOeDgPlz7cNe2NMDfVb1nGTM/g==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.3.1.tgz", + "integrity": "sha512-rM7T+DWuOShariPl5vknNFMesPOFQrhMjmms9Ql636sSxOcnkb0d39NFbUpI/r5noFDC6Km+lAebF0Rx2MxpKQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3331,9 +3359,9 @@ } }, "node_modules/@tiptap/extension-document": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.2.4.tgz", - "integrity": "sha512-z+05xGK0OFoXV1GL+/8bzcZuWMdMA3+EKwk5c+iziG60VZcvGTF7jBRsZidlu9Oaj0cDwWHCeeo6L9SgSh6i2A==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.3.1.tgz", + "integrity": "sha512-uWYbzAV95JnetFBduWRI9n2QbQfmznQ7I6XzfZxuTAO2KcWGvHPBS7F00COO9Y67FZAPMbuQ1njtCJK0nClOPw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3343,9 +3371,9 @@ } }, "node_modules/@tiptap/extension-dropcursor": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.2.4.tgz", - "integrity": "sha512-IHwkEKmqpqXyJi16h7871NrcIqeyN7I6XRE2qdqi+MhGigVWI8nWHoYbjRKa7K/1uhs5zeRYyDlq5EuZyL6mgA==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.3.1.tgz", + "integrity": "sha512-xDG1Z01ftRI4mIOY+bPuG53xZ9FfVd6hzjNchwFHRlU3E+/2O+DsEBy/pJuHmpnFx1B/1ANbssoidGvK3LIPYw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3356,9 +3384,9 @@ } }, "node_modules/@tiptap/extension-gapcursor": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.2.4.tgz", - "integrity": "sha512-Y6htT/RDSqkQ1UwG2Ia+rNVRvxrKPOs3RbqKHPaWr3vbFWwhHyKhMCvi/FqfI3d5pViVHOZQ7jhb5hT/a0BmNw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.3.1.tgz", + "integrity": "sha512-jhMw0LtEV/HVovUDRdoH0QLnBWLDyw4Su7UZ0bkMtsnCO9MujLKths3SKsPstuAckZQKR5smokEytxDHH0aglg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3369,9 +3397,9 @@ } }, "node_modules/@tiptap/extension-hard-break": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.2.4.tgz", - "integrity": "sha512-FPvS57GcqHIeLbPKGJa3gnH30Xw+YB1PXXnAWG2MpnMtc2Vtj1l5xaYYBZB+ADdXLAlU0YMbKhFLQO4+pg1Isg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.3.1.tgz", + "integrity": "sha512-HO47iS2KQJLxhZM4ghZz5t2qgESH6D/mKJbjO7jM0eCYEyUfPyYJwV2VgjQP7x+1axcvsrhpzkJrjSg5+KqtQQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3381,9 +3409,9 @@ } }, "node_modules/@tiptap/extension-heading": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.2.4.tgz", - "integrity": "sha512-gkq7Ns2FcrOCRq7Q+VRYt5saMt2R9g4REAtWy/jEevJ5UV5vA2AiGnYDmxwAkHutoYU0sAUkjqx37wE0wpamNw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.3.1.tgz", + "integrity": "sha512-epdIrg1xpuk5ApnNyM/NJO1dhVZgD7kDPem6QH4fug5UJtCueze942yNzUhCuvckmIegfdferAb1p4ug4674ig==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3405,9 +3433,9 @@ } }, "node_modules/@tiptap/extension-history": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.2.4.tgz", - "integrity": "sha512-FDM32XYF5NU4mzh+fJ8w2CyUqv0l2Nl15sd6fOhQkVxSj8t57z+DUXc9ZR3zkH+1RAagYJo/2Gu3e99KpMr0tg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.3.1.tgz", + "integrity": "sha512-m+W6qTP4V0PHqqKnXw/ma18a62O0Cqp5FDWtSarOuxx6W4FpVr4A3Uxfbp4RigZEYanLcX4UJOWL4nWsFdYWHw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3418,9 +3446,9 @@ } }, "node_modules/@tiptap/extension-horizontal-rule": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.2.4.tgz", - "integrity": "sha512-iCRHjFQQHApWg3R4fkKkJQhWEOdu1Fdc4YEAukdOXPSg3fg36IwjvsMXjt9SYBtVZ+iio3rORCZGXyMvgCH9uw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.3.1.tgz", + "integrity": "sha512-IPgCFkiT6Y5BSFBQMTXS6gq2Ust6otMzRwddoI0RC8tl/tMftFBEPqYKADWVQeQb4C6AQydRjUbmAwHpBH31Eg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3443,9 +3471,9 @@ } }, "node_modules/@tiptap/extension-italic": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.2.4.tgz", - "integrity": "sha512-qIhGNvWnsQswSgEMRA8jQQjxfkOGNAuNWKEVQX9DPoqAUgknT41hQcAMP8L2+OdACpb2jbVMOO5Cy5Dof2L8/w==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.3.1.tgz", + "integrity": "sha512-yEAn0dT1LH1vAULmZv3L1fs7M1Fn/8wZCw7LDGw2/E+VYbDeXgy7XwMPyzhrzV1oV9Z+3gugCbYV0IJ4PBwudA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3455,9 +3483,9 @@ } }, "node_modules/@tiptap/extension-list-item": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.2.4.tgz", - "integrity": "sha512-lPLKGKsHpM9ClUa8n7GEUn8pG6HCYU0vFruIy3l2t6jZdHkrgBnYtVGMZ13K8UDnj/hlAlccxku0D0P4mA1Vrg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.3.1.tgz", + "integrity": "sha512-GyHLNoXVo9u29NVqijwZPBcv9MzXMGyIiQiO5FxRpuT4Ei4ZmsaJrJ2dmhO3KZhX0HdTSc65/omM2XBr6PDoLA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3467,9 +3495,9 @@ } }, "node_modules/@tiptap/extension-ordered-list": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.2.4.tgz", - "integrity": "sha512-TpFy140O9Af1JciXt+xwqYUXxcJ6YG8zi/B5UDJujp+FH5sCmlYYBBnWxiFMhVaj6yEmA2eafu1qUkic/1X5Aw==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.3.1.tgz", + "integrity": "sha512-+6I76b7fu0FghUtzB0LyIC5GB0xfrpAKtXjbrmeUGsOEL7jxKsE6+A5RoTrgQTfuP7oItdCZGTSC/8WtGbtEMg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3479,9 +3507,9 @@ } }, "node_modules/@tiptap/extension-paragraph": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.2.4.tgz", - "integrity": "sha512-m1KwyvTNJxsq7StbspbcOhxO4Wk4YpElDbqOouWi+H4c8azdpI5Pn96ZqhFeE9bSyjByg6OcB/wqoJsLbeFWdQ==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.3.1.tgz", + "integrity": "sha512-bHkkHU012clwCrpzmEHGuF8fwLuFL3x9MJ17wnhwanoIM3MG6ZCdeb9copjDvUpZXLKTUYKotoPGNhxmOrP2bQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3504,9 +3532,9 @@ } }, "node_modules/@tiptap/extension-strike": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.2.4.tgz", - "integrity": "sha512-/a2EwQgA+PpG17V2tVRspcrIY0SN3blwcgM7lxdW4aucGkqSKnf7+91dkhQEwCZ//o8kv9mBCyRoCUcGy6S5Xg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.3.1.tgz", + "integrity": "sha512-fpsVewcnaYk37TAF4JHkwH9O6Ml7JooF1v/Eh9p7PSItNcEfg/3RLlJL3c53RzLWdlunjgptM/M0alPV0Zyq4A==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3516,9 +3544,9 @@ } }, "node_modules/@tiptap/extension-text": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.2.4.tgz", - "integrity": "sha512-NlKHMPnRJXB+0AGtDlU0P2Pg+SdesA2lMMd7JzDUgJgL7pX2jOb8eUqSeOjFKuSzFSqYfH6C3o6mQiNhuQMv+g==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.3.1.tgz", + "integrity": "sha512-ZM+Bpty9jChEN/VjUP/fX1Fvoz0Z3YLdjj9+pFA0H7woli+TmxWY6yUUTA2SBDb2mJ52yNOUfRE/sYx6gkDuBQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3684,9 +3712,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "18.19.29", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.29.tgz", - "integrity": "sha512-5pAX7ggTmWZdhUrhRWLPf+5oM7F80bcKVCBbr0zwEkTNzTJL2CWQjznpFgHYy6GrzkYi2Yjy7DHKoynFxqPV8g==", + "version": "20.12.8", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.8.tgz", + "integrity": "sha512-NU0rJLJnshZWdE/097cdCBbyW1h4hEg0xpovcoAQYHl8dnEyp/NAOiE45pvc+Bd1Dt+2r94v2eGFpQJ4R7g+2w==", "devOptional": true, "dependencies": { "undici-types": "~5.26.4" @@ -4059,9 +4087,9 @@ } }, "node_modules/@zip.js/zip.js": { - "version": "2.7.41", - "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.41.tgz", - "integrity": "sha512-EMxPWXlEqqvsK9jxPmNvEShrIXP2LYTdQnEfsBH6OQCnlZRVo/dJIgtzbKvtK9A8PBTDQdxwxulj+QKplmW2Xg==", + "version": "2.7.43", + "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.43.tgz", + "integrity": "sha512-kW7elA/Q1o5xusStfZeysCvheD1SvW3TWDfqTCmoWW4ALBSqKonZSTrQgdEGOUec2U/TLMSGq0SuSMTAxy4gFg==", "dev": true, "engines": { "bun": ">=0.7.0", @@ -4141,14 +4169,14 @@ } }, "node_modules/ajv-formats/node_modules/ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "version": "8.13.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz", + "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==", "dependencies": { - "fast-deep-equal": "^3.1.1", + "fast-deep-equal": "^3.1.3", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" + "uri-js": "^4.4.1" }, "funding": { "type": "github", @@ -4616,11 +4644,12 @@ } }, "node_modules/atomically": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/atomically/-/atomically-1.7.0.tgz", - "integrity": "sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w==", - "engines": { - "node": ">=10.12.0" + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/atomically/-/atomically-2.0.3.tgz", + "integrity": "sha512-kU6FmrwZ3Lx7/7y3hPS5QnbJfaohcIul5fGqf7ok+4KklIEk9tJ0C2IQPdacSbVUWv6zVHXEBWoWd6NrVMT7Cw==", + "dependencies": { + "stubborn-fs": "^1.2.5", + "when-exit": "^2.1.1" } }, "node_modules/author-regex": { @@ -5032,9 +5061,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001605", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001605.tgz", - "integrity": "sha512-nXwGlFWo34uliI9z3n6Qc0wZaf7zaZWA1CPZ169La5mV3I/gem7bst0vr5XQH5TJXZIMfDeZyOrZnSlVzKxxHQ==", + "version": "1.0.30001615", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001615.tgz", + "integrity": "sha512-1IpazM5G3r38meiae0bHRnPhz+CBQ3ZLqbQMtrg+AsTPKAXgW38JNsXkyZ+v8waCsDmPq87lmfun5Q2AGysNEQ==", "dev": true, "funding": [ { @@ -5255,43 +5284,53 @@ "dev": true }, "node_modules/conf": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/conf/-/conf-10.2.0.tgz", - "integrity": "sha512-8fLl9F04EJqjSqH+QjITQfJF8BrOVaYr1jewVgSRAEWePfxT0sku4w2hrGQ60BC/TNLGQ2pgxNlTbWQmMPFvXg==", + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/conf/-/conf-12.0.0.tgz", + "integrity": "sha512-fIWyWUXrJ45cHCIQX+Ck1hrZDIf/9DR0P0Zewn3uNht28hbt5OfGUq8rRWsxi96pZWPyBEd0eY9ama01JTaknA==", "dependencies": { - "ajv": "^8.6.3", + "ajv": "^8.12.0", "ajv-formats": "^2.1.1", - "atomically": "^1.7.0", - "debounce-fn": "^4.0.0", - "dot-prop": "^6.0.1", - "env-paths": "^2.2.1", - "json-schema-typed": "^7.0.3", - "onetime": "^5.1.2", - "pkg-up": "^3.1.0", - "semver": "^7.3.5" + "atomically": "^2.0.2", + "debounce-fn": "^5.1.2", + "dot-prop": "^8.0.2", + "env-paths": "^3.0.0", + "json-schema-typed": "^8.0.1", + "semver": "^7.5.4", + "uint8array-extras": "^0.3.0" }, "engines": { - "node": ">=12" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/conf/node_modules/ajv": { - "version": "8.12.0", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz", - "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==", + "version": "8.13.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz", + "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==", "dependencies": { - "fast-deep-equal": "^3.1.1", + "fast-deep-equal": "^3.1.3", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2", - "uri-js": "^4.2.2" + "uri-js": "^4.4.1" }, "funding": { "type": "github", "url": "https://github.com/sponsors/epoberezkin" } }, + "node_modules/conf/node_modules/env-paths": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz", + "integrity": "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/conf/node_modules/json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", @@ -5507,14 +5546,14 @@ } }, "node_modules/debounce-fn": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-4.0.0.tgz", - "integrity": "sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==", + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-5.1.2.tgz", + "integrity": "sha512-Sr4SdOZ4vw6eQDvPYNxHogvrxmCIld/VenC5JbNrFwMiwd7lY/Z18ZFfo+EWNG4DD9nFlAujWAo/wGuOPHmy5A==", "dependencies": { - "mimic-fn": "^3.0.0" + "mimic-fn": "^4.0.0" }, "engines": { - "node": ">=10" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -5719,14 +5758,25 @@ } }, "node_modules/dot-prop": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-6.0.1.tgz", - "integrity": "sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==", + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-8.0.2.tgz", + "integrity": "sha512-xaBe6ZT4DHPkg0k4Ytbvn5xoxgpG0jOS1dYxSOwAHPuNLjP3/OzN0gH55SrLqpx8cBfSaVt91lXYkApjb+nYdQ==", "dependencies": { - "is-obj": "^2.0.0" + "type-fest": "^3.8.0" }, "engines": { - "node": ">=10" + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/dot-prop/node_modules/type-fest": { + "version": "3.13.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz", + "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==", + "engines": { + "node": ">=14.16" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -5759,9 +5809,9 @@ "dev": true }, "node_modules/ejs": { - "version": "3.1.9", - "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz", - "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==", + "version": "3.1.10", + "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz", + "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==", "dev": true, "dependencies": { "jake": "^10.8.5" @@ -5774,14 +5824,14 @@ } }, "node_modules/electron": { - "version": "27.3.9", - "resolved": "https://registry.npmjs.org/electron/-/electron-27.3.9.tgz", - "integrity": "sha512-7Jr9j7tS9q5U0suTJeCCWoNaRpQs06XbrZP5x7mgFVytT284EUe2uBXzYL9sOUdnHSznn+eDbWvUV+2IF08ixA==", + "version": "30.0.2", + "resolved": "https://registry.npmjs.org/electron/-/electron-30.0.2.tgz", + "integrity": "sha512-zv7T+GG89J/hyWVkQsLH4Y/rVEfqJG5M/wOBIGNaDdqd8UV9/YZPdS7CuFeaIj0H9LhCt95xkIQNpYB/3svOkQ==", "dev": true, "hasInstallScript": true, "dependencies": { "@electron/get": "^2.0.0", - "@types/node": "^18.11.18", + "@types/node": "^20.9.0", "extract-zip": "^2.0.1" }, "bin": { @@ -5930,16 +5980,16 @@ } }, "node_modules/electron-dl": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/electron-dl/-/electron-dl-3.5.2.tgz", - "integrity": "sha512-i104cl+u8yJ0lhpRAtUWfeGuWuL1PL6TBiw2gLf0MMIBjfgE485Ags2mcySx4uWU9P9uj/vsD3jd7X+w1lzZxw==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/electron-dl/-/electron-dl-4.0.0.tgz", + "integrity": "sha512-USiB9816d2JzKv0LiSbreRfTg5lDk3lWh0vlx/gugCO92ZIJkHVH0UM18EHvKeadErP6Xn4yiTphWzYfbA2Ong==", "dependencies": { "ext-name": "^5.0.0", - "pupa": "^2.0.1", - "unused-filename": "^2.1.0" + "pupa": "^3.1.0", + "unused-filename": "^4.0.1" }, "engines": { - "node": ">=12" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -6053,21 +6103,24 @@ } }, "node_modules/electron-store": { - "version": "8.2.0", - "resolved": "https://registry.npmjs.org/electron-store/-/electron-store-8.2.0.tgz", - "integrity": "sha512-ukLL5Bevdil6oieAOXz3CMy+OgaItMiVBg701MNlG6W5RaC0AHN7rvlqTCmeb6O7jP0Qa1KKYTE0xV0xbhF4Hw==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/electron-store/-/electron-store-9.0.0.tgz", + "integrity": "sha512-7LZ2dR3N3bF93G2c4x+1NZ/8fpsKv6bKrMxeOQWLqdRbxvopxVqy9QXQy9axSV2O3P1kVGTj1q2wq5/W4isiOg==", "dependencies": { - "conf": "^10.2.0", - "type-fest": "^2.17.0" + "conf": "^12.0.0", + "type-fest": "^4.18.1" + }, + "engines": { + "node": ">=20" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/electron-to-chromium": { - "version": "1.4.726", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.726.tgz", - "integrity": "sha512-xtjfBXn53RORwkbyKvDfTajtnTp0OJoPOIBzXvkNbb7+YYvCHJflba3L7Txyx/6Fov3ov2bGPr/n5MTixmPhdQ==", + "version": "1.4.754", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.754.tgz", + "integrity": "sha512-7Kr5jUdns5rL/M9wFFmMZAgFDuL2YOnanFH4OI4iFzUqyh3XOL7nAGbSlSMZdzKMIyyTpNSbqZsWG9odwLeKvA==", "dev": true }, "node_modules/electron-updater": { @@ -6237,6 +6290,7 @@ "version": "2.2.1", "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, "engines": { "node": ">=6" } @@ -6302,11 +6356,14 @@ } }, "node_modules/escape-goat": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz", - "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-4.0.0.tgz", + "integrity": "sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==", "engines": { - "node": ">=8" + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/escape-string-regexp": { @@ -7221,13 +7278,14 @@ } }, "node_modules/globalthis": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz", - "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz", + "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==", "dev": true, "optional": true, "dependencies": { - "define-properties": "^1.1.3" + "define-properties": "^1.2.1", + "gopd": "^1.0.1" }, "engines": { "node": ">= 0.4" @@ -7684,14 +7742,6 @@ "node": ">=0.12.0" } }, - "node_modules/is-obj": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz", - "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==", - "engines": { - "node": ">=8" - } - }, "node_modules/is-path-inside": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", @@ -7922,9 +7972,9 @@ "dev": true }, "node_modules/json-schema-typed": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-7.0.3.tgz", - "integrity": "sha512-7DE8mpG+/fVw+dTpjbxnx47TaMnDfOI1jwft9g1VybltZCduyRQPJPvc+zzKY9WPHxhPWczyFuYa6I8Mw4iU5A==" + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.1.tgz", + "integrity": "sha512-XQmWYj2Sm4kn4WeTYvmpKEbyPsL7nBsb647c7pMe6l02/yx2+Jfc4dT6UZkEXnIUb5LhD55r2HPsJ1milQ4rDg==" }, "node_modules/json-stable-stringify-without-jsonify": { "version": "1.0.1", @@ -8226,15 +8276,12 @@ } }, "node_modules/magic-string": { - "version": "0.30.9", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.9.tgz", - "integrity": "sha512-S1+hd+dIrC8EZqKyT9DstTH/0Z+f76kmmvZnkfQVmOpDEF9iVgdYif3Q/pIWHmCoo59bQVGW0kVL3e2nl+9+Sw==", + "version": "0.30.10", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz", + "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==", "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" - }, - "engines": { - "node": ">=12" } }, "node_modules/map-age-cleaner": { @@ -8354,11 +8401,14 @@ } }, "node_modules/mimic-fn": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-3.1.0.tgz", - "integrity": "sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", + "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", "engines": { - "node": ">=8" + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/mimic-response": { @@ -8443,14 +8493,6 @@ "node": ">=10" } }, - "node_modules/modify-filename": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/modify-filename/-/modify-filename-1.1.0.tgz", - "integrity": "sha512-EickqnKq3kVVaZisYuCxhtKbZjInCuwgwZWyAmRIp1NTMhri7r3380/uqwrUHfaDiPzLVTuoNy4whX66bxPVog==", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -8574,17 +8616,17 @@ } }, "node_modules/optionator": { - "version": "0.9.3", - "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz", - "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==", + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", + "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==", "dev": true, "dependencies": { - "@aashutoshrathi/word-wrap": "^1.2.3", "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", - "type-check": "^0.4.0" + "type-check": "^0.4.0", + "word-wrap": "^1.2.5" }, "engines": { "node": ">= 0.8.0" @@ -8667,11 +8709,12 @@ } }, "node_modules/p-try": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", - "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==", + "dev": true, "engines": { - "node": ">=6" + "node": ">=4" } }, "node_modules/parent-module": { @@ -8735,6 +8778,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, "engines": { "node": ">=8" } @@ -8779,9 +8823,9 @@ } }, "node_modules/path-scurry/node_modules/lru-cache": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", - "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", + "version": "10.2.2", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz", + "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==", "dev": true, "engines": { "node": "14 || >=16.14" @@ -8800,13 +8844,17 @@ } }, "node_modules/pe-library": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/pe-library/-/pe-library-1.0.0.tgz", - "integrity": "sha512-yZ+4d3YHKUjO0BX03oXFfHRKLdYKDO2HmCt1RcApPxme/P5ASPbbKnuQkzFrmT482wi2kfO+sPgqasrz5QeU1w==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/pe-library/-/pe-library-1.0.1.tgz", + "integrity": "sha512-nh39Mo1eGWmZS7y+mK/dQIqg7S1lp38DpRxkyoHf0ZcUs/HDc+yyTjuOtTvSMZHmfSLuSQaX945u05Y2Q6UWZg==", "dev": true, "engines": { "node": ">=14", "npm": ">=7" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/jet2jet" } }, "node_modules/pend": { @@ -8840,73 +8888,6 @@ "node": ">=0.10.0" } }, - "node_modules/pkg-up": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz", - "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==", - "dependencies": { - "find-up": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/pkg-up/node_modules/find-up": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", - "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", - "dependencies": { - "locate-path": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/locate-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", - "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", - "dependencies": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dependencies": { - "p-try": "^2.0.0" - }, - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/pkg-up/node_modules/p-locate": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", - "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", - "dependencies": { - "p-limit": "^2.0.0" - }, - "engines": { - "node": ">=6" - } - }, - "node_modules/pkg-up/node_modules/path-exists": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", - "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", - "engines": { - "node": ">=4" - } - }, "node_modules/plist": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/plist/-/plist-3.1.0.tgz", @@ -9086,9 +9067,9 @@ } }, "node_modules/prosemirror-model": { - "version": "1.19.4", - "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.19.4.tgz", - "integrity": "sha512-RPmVXxUfOhyFdayHawjuZCxiROsm9L4FCUA6pWI+l7n2yCBsWy9VpdE1hpDHUS8Vad661YLY9AzqfjLhAKQ4iQ==", + "version": "1.20.0", + "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.20.0.tgz", + "integrity": "sha512-q7AY7vMjKYqDCeoedgUiAgrLabliXxndJuuFmcmc2+YU1SblvnOiG2WEACF2lwAZsMlfLpiAilA3L+TWlDqIsQ==", "dependencies": { "orderedmap": "^2.0.0" } @@ -9167,11 +9148,11 @@ } }, "node_modules/prosemirror-view": { - "version": "1.33.3", - "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.33.3.tgz", - "integrity": "sha512-P4Ao/bc4OrU/2yLIf8dL4lJaEtjLR3QjIvQHgJYp2jUS7kYM4bSR6okbBjkqzOs/FwUon6UGjTLdKMnPL1MZqw==", + "version": "1.33.6", + "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.33.6.tgz", + "integrity": "sha512-zRLUNgLIQfd8IfGprsXxWTjdA8xEAFJe8cDNrOptj6Mop9sj+BMeVbJvceyAYCm5G2dOdT2prctH7K9dfnpIMw==", "dependencies": { - "prosemirror-model": "^1.16.0", + "prosemirror-model": "^1.20.0", "prosemirror-state": "^1.0.0", "prosemirror-transform": "^1.1.0" } @@ -9208,14 +9189,17 @@ } }, "node_modules/pupa": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz", - "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/pupa/-/pupa-3.1.0.tgz", + "integrity": "sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==", "dependencies": { - "escape-goat": "^2.0.0" + "escape-goat": "^4.0.0" }, "engines": { - "node": ">=8" + "node": ">=12.20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/pwa-helpers": { @@ -9358,15 +9342,6 @@ "node": ">=4" } }, - "node_modules/read-pkg-up/node_modules/p-try": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", - "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==", - "dev": true, - "engines": { - "node": ">=4" - } - }, "node_modules/read-pkg-up/node_modules/path-exists": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", @@ -9489,16 +9464,20 @@ } }, "node_modules/resedit": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/resedit/-/resedit-2.0.0.tgz", - "integrity": "sha512-vrrJCabKxAW4MT1QivtAAb0poGp8KT2qhnSzfN9tFIxb2rQu1hRHNn1VgGSZR7nmxGaW5Yz0YeW1bjgvRfNoKA==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/resedit/-/resedit-2.0.2.tgz", + "integrity": "sha512-UKTnq602iVe+W5SyRAQx/WdWMnlDiONfXBLFg/ur4QE4EQQ8eP7Jgm5mNXdK12kKawk1vvXPja2iXKqZiGDW6Q==", "dev": true, "dependencies": { - "pe-library": "^1.0.0" + "pe-library": "^1.0.1" }, "engines": { "node": ">=14", "npm": ">=7" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/jet2jet" } }, "node_modules/resolve": { @@ -9598,9 +9577,9 @@ } }, "node_modules/rollup": { - "version": "4.14.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.14.0.tgz", - "integrity": "sha512-Qe7w62TyawbDzB4yt32R0+AbIo6m1/sqO7UPzFS8Z/ksL5mrfhA0v4CavfdmFav3D+ub4QeAgsGEe84DoWe/nQ==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz", + "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==", "dev": true, "dependencies": { "@types/estree": "1.0.5" @@ -9613,21 +9592,22 @@ "npm": ">=8.0.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.14.0", - "@rollup/rollup-android-arm64": "4.14.0", - "@rollup/rollup-darwin-arm64": "4.14.0", - "@rollup/rollup-darwin-x64": "4.14.0", - "@rollup/rollup-linux-arm-gnueabihf": "4.14.0", - "@rollup/rollup-linux-arm64-gnu": "4.14.0", - "@rollup/rollup-linux-arm64-musl": "4.14.0", - "@rollup/rollup-linux-powerpc64le-gnu": "4.14.0", - "@rollup/rollup-linux-riscv64-gnu": "4.14.0", - "@rollup/rollup-linux-s390x-gnu": "4.14.0", - "@rollup/rollup-linux-x64-gnu": "4.14.0", - "@rollup/rollup-linux-x64-musl": "4.14.0", - "@rollup/rollup-win32-arm64-msvc": "4.14.0", - "@rollup/rollup-win32-ia32-msvc": "4.14.0", - "@rollup/rollup-win32-x64-msvc": "4.14.0", + "@rollup/rollup-android-arm-eabi": "4.17.2", + "@rollup/rollup-android-arm64": "4.17.2", + "@rollup/rollup-darwin-arm64": "4.17.2", + "@rollup/rollup-darwin-x64": "4.17.2", + "@rollup/rollup-linux-arm-gnueabihf": "4.17.2", + "@rollup/rollup-linux-arm-musleabihf": "4.17.2", + "@rollup/rollup-linux-arm64-gnu": "4.17.2", + "@rollup/rollup-linux-arm64-musl": "4.17.2", + "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2", + "@rollup/rollup-linux-riscv64-gnu": "4.17.2", + "@rollup/rollup-linux-s390x-gnu": "4.17.2", + "@rollup/rollup-linux-x64-gnu": "4.17.2", + "@rollup/rollup-linux-x64-musl": "4.17.2", + "@rollup/rollup-win32-arm64-msvc": "4.17.2", + "@rollup/rollup-win32-ia32-msvc": "4.17.2", + "@rollup/rollup-win32-x64-msvc": "4.17.2", "fsevents": "~2.3.2" } }, @@ -9769,9 +9749,9 @@ } }, "node_modules/sass": { - "version": "1.74.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.74.1.tgz", - "integrity": "sha512-w0Z9p/rWZWelb88ISOLyvqTWGmtmu2QJICqDBGyNnfG4OUnPX9BBjjYIXUpXCMOOg5MQWNpqzt876la1fsTvUA==", + "version": "1.76.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.76.0.tgz", + "integrity": "sha512-nc3LeqvF2FNW5xGF1zxZifdW3ffIz5aBb7I7tSvOoNu7z1RQ6pFt9MBuiPtjgaI62YWrM/txjWlOCFiGtf2xpw==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -9880,9 +9860,9 @@ } }, "node_modules/short-unique-id": { - "version": "5.0.3", - "resolved": "https://registry.npmjs.org/short-unique-id/-/short-unique-id-5.0.3.tgz", - "integrity": "sha512-yhniEILouC0s4lpH0h7rJsfylZdca10W9mDJRAFh3EpcSUanCHGb0R7kcFOIUCZYSAPo0PUD5ZxWQdW0T4xaug==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/short-unique-id/-/short-unique-id-5.2.0.tgz", + "integrity": "sha512-cMGfwNyfDZ/nzJ2k2M+ClthBIh//GlZl1JEf47Uoa9XR11bz8Pa2T2wQO4bVrRdH48LrIDWJahQziKo3MjhsWg==", "bin": { "short-unique-id": "bin/short-unique-id", "suid": "bin/short-unique-id" @@ -10220,6 +10200,11 @@ "node": ">=0.10.0" } }, + "node_modules/stubborn-fs": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/stubborn-fs/-/stubborn-fs-1.2.5.tgz", + "integrity": "sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==" + }, "node_modules/sumchecker": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz", @@ -10326,9 +10311,9 @@ } }, "node_modules/terser": { - "version": "5.30.3", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.30.3.tgz", - "integrity": "sha512-STdUgOUx8rLbMGO9IOwHLpCqolkDITFFQSMYYwKE1N2lY6MVSaeoi10z/EhWxRc6ybqoVmKSkhKYH/XUpl7vSA==", + "version": "5.31.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.0.tgz", + "integrity": "sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==", "dev": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", @@ -10498,20 +10483,20 @@ } }, "node_modules/type-fest": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", - "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", + "version": "4.18.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.18.1.tgz", + "integrity": "sha512-qXhgeNsX15bM63h5aapNFcQid9jRF/l3ojDoDFmekDQEUufZ9U4ErVt6SjDxnHp48Ltrw616R8yNc3giJ3KvVQ==", "engines": { - "node": ">=12.20" + "node": ">=16" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/typescript": { - "version": "5.4.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.3.tgz", - "integrity": "sha512-KrPd3PKaCLr78MalgiwJnA25Nm8HAmdwN3mYUYZgG/wizIo9EainNVQI9/yDavtVFRN2h3k8uf3GLHuhDMgEHg==", + "version": "5.4.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz", + "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==", "dev": true, "bin": { "tsc": "bin/tsc", @@ -10526,6 +10511,17 @@ "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz", "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==" }, + "node_modules/uint8array-extras": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/uint8array-extras/-/uint8array-extras-0.3.0.tgz", + "integrity": "sha512-erJsJwQ0tKdwuqI0359U8ijkFmfiTcq25JvvzRVc1VP+2son1NJRXhxcAKJmAW3ajM8JSGAfsAXye8g4s+znxA==", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/undici-types": { "version": "5.26.5", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", @@ -10541,21 +10537,43 @@ } }, "node_modules/unused-filename": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/unused-filename/-/unused-filename-2.1.0.tgz", - "integrity": "sha512-BMiNwJbuWmqCpAM1FqxCTD7lXF97AvfQC8Kr/DIeA6VtvhJaMDupZ82+inbjl5yVP44PcxOuCSxye1QMS0wZyg==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/unused-filename/-/unused-filename-4.0.1.tgz", + "integrity": "sha512-ZX6U1J04K1FoSUeoX1OicAhw4d0aro2qo+L8RhJkiGTNtBNkd/Fi1Wxoc9HzcVu6HfOzm0si/N15JjxFmD1z6A==", "dependencies": { - "modify-filename": "^1.1.0", - "path-exists": "^4.0.0" + "escape-string-regexp": "^5.0.0", + "path-exists": "^5.0.0" }, "engines": { - "node": ">=8" + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/unused-filename/node_modules/escape-string-regexp": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", + "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/unused-filename/node_modules/path-exists": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz", + "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" } }, "node_modules/update-browserslist-db": { - "version": "1.0.13", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", - "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", + "version": "1.0.14", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.14.tgz", + "integrity": "sha512-JixKH8GR2pWYshIPUg/NujK3JO7JiqEEUiNArE86NQyrgUuZeTlZQN3xuS/yiV5Kb48ev9K6RqNkaJjXsdg7Jw==", "dev": true, "funding": [ { @@ -10572,7 +10590,7 @@ } ], "dependencies": { - "escalade": "^3.1.1", + "escalade": "^3.1.2", "picocolors": "^1.0.0" }, "bin": { @@ -10639,6 +10657,11 @@ "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz", "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==" }, + "node_modules/when-exit": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/when-exit/-/when-exit-2.1.2.tgz", + "integrity": "sha512-u9J+toaf3CCxCAzM/484qNAxQE75rFdVgiFEEV8Xps2gzYhf0tx73s1WXDQhkwV17E3MxRMz40m7Ekd2/121Lg==" + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -10659,6 +10682,15 @@ "integrity": "sha512-Ba9tGNYxXwaqKEi9sJJvPMKuo063umUPsHN0JJsjrs2j8KDSzkWLMZGZ+MH1Jf1Fq4OWZ5HsESJID6nRza2ang==", "dev": true }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", diff --git a/package.json b/package.json index 47f5c051..21b90589 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "license": "GPL-3.0", "scripts": { "dev": "node server.js", - "prebuild": "node -p \"'export const UI_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" > core/src/redux/app/version.js", + "prebuild": "node -p \"'export const UI_VERSION = ' + JSON.stringify(require('./package.json').version)\" > core/src/redux/app/version.js", "build-dev": "node --max-old-space-size=8192 build.js", "build": "NODE_ENV=production node build.js", "server": "NODE_ENV=production node --max-old-space-size=8192 server.js", @@ -31,7 +31,7 @@ "lint": "eslint './**/*.{js,mjs}'" }, "dependencies": { - "@hapi/hapi": "21.3.8", + "@hapi/hapi": "21.3.9", "@hapi/inert": "7.1.0", "@lit-labs/motion": "1.0.6", "@popperjs/core": "2.11.8", @@ -49,9 +49,9 @@ "compressorjs": "1.2.1", "crypto-js": "4.2.0", "driver.js": "1.3.1", - "electron-dl": "3.5.2", + "electron-dl": "4.0.0", "electron-log": "5.1.2", - "electron-store": "8.2.0", + "electron-store": "9.0.0", "electron-updater": "6.1.8", "emoji-picker-js": "https://github.com/Qortal/emoji-picker-js", "extract-zip": "2.0.1", @@ -64,17 +64,17 @@ "prosemirror-gapcursor": "1.3.2", "prosemirror-history": "1.4.0", "prosemirror-keymap": "1.2.2", - "prosemirror-model": "1.19.4", + "prosemirror-model": "1.20.0", "prosemirror-schema-list": "1.3.0", "prosemirror-state": "1.4.3", "prosemirror-transform": "1.8.0", - "prosemirror-view": "1.33.3", - "sass": "1.74.1", - "short-unique-id": "5.0.3", + "prosemirror-view": "1.33.6", + "sass": "1.76.0", + "short-unique-id": "5.2.0", "xhr2": "0.2.1" }, "devDependencies": { - "@babel/core": "7.24.4", + "@babel/core": "7.24.5", "@electron/packager": "18.3.2", "@material/mwc-button": "0.27.0", "@material/mwc-checkbox": "0.27.0", @@ -124,9 +124,9 @@ "@vaadin/icons": "24.2.9", "@vaadin/password-field": "24.2.9", "@vaadin/tooltip": "24.2.9", - "@zip.js/zip.js": "2.7.41", + "@zip.js/zip.js": "2.7.43", "axios": "1.6.8", - "electron": "27.3.9", + "electron": "30.0.2", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", @@ -141,13 +141,13 @@ "pwa-helpers": "0.9.1", "redux": "5.0.1", "redux-thunk": "3.1.0", - "rollup": "4.14.0", + "rollup": "4.17.2", "rollup-plugin-node-globals": "1.4.0", "rollup-plugin-progress": "1.1.2", "rollup-plugin-scss": "3.0.0", "shelljs": "0.8.5" }, "engines": { - "node": ">=18.17.1" + "node": ">=20.11.1" } } diff --git a/plugins/build-config.js b/plugins/build-config.js index 2fcbb893..b8c2b9eb 100644 --- a/plugins/build-config.js +++ b/plugins/build-config.js @@ -1,24 +1,24 @@ -require('events').EventEmitter.defaultMaxListeners = 0; -const path = require('path'); -const { nodeResolve } = require('@rollup/plugin-node-resolve'); -const progress = require('rollup-plugin-progress'); -const replace = require('@rollup/plugin-replace'); -const globals = require('rollup-plugin-node-globals'); -const commonjs = require('@rollup/plugin-commonjs'); -const alias = require('@rollup/plugin-alias'); -const terser = require('@rollup/plugin-terser'); -const babel = require('@rollup/plugin-babel'); -const webWorkerLoader = require('@qortal/rollup-plugin-web-worker-loader'); +require('events').EventEmitter.defaultMaxListeners = 0 +const path = require('path') +const progress = require('rollup-plugin-progress') +const replace = require('@rollup/plugin-replace') +const globals = require('rollup-plugin-node-globals') +const commonjs = require('@rollup/plugin-commonjs') +const alias = require('@rollup/plugin-alias') +const terser = require('@rollup/plugin-terser') +const babel = require('@rollup/plugin-babel') +const webWorkerLoader = require('@qortal/rollup-plugin-web-worker-loader') +const { nodeResolve } = require('@rollup/plugin-node-resolve') -const aliases = {}; +const aliases = {} const generateRollupConfig = (inputFile, outputFile) => { return { inputOptions: { onwarn: (warning, rollupWarn) => { if (warning.code !== 'CIRCULAR_DEPENDENCY') { - rollupWarn(warning); + rollupWarn(warning) } }, input: inputFile, @@ -27,17 +27,17 @@ const generateRollupConfig = (inputFile, outputFile) => { entries: Object.keys(aliases).map((find) => { return { find, - replacement: aliases[find], - }; + replacement: aliases[find] + } }), }), nodeResolve({ preferBuiltins: false, - mainFields: ['module', 'browser'], + mainFields: ['module', 'browser'] }), replace({ preventAssignment: true, - 'process.env.NODE_ENV': JSON.stringify('production'), + 'process.env.NODE_ENV': JSON.stringify('production') }), commonjs(), globals(), @@ -45,123 +45,115 @@ const generateRollupConfig = (inputFile, outputFile) => { webWorkerLoader(), babel.babel({ babelHelpers: 'bundled', - exclude: 'node_modules/**', + exclude: 'node_modules/**' }), terser({ compress: true, output: { - comments: false, + comments: false }, }), ], }, outputOptions: { file: outputFile, - format: 'umd', - }, - }; -}; + format: 'umd' + } + } +} const generateForPlugins = () => { return [ { in: 'plugins/core/main.src.js', - out: 'plugins/core/main.js', - }, - { - in: 'plugins/core/overview-page/overview-page.src.js', - out: 'plugins/core/overview-page/overview-page.js', - }, - { - in: 'plugins/core/qortal-lottery/qortal-lottery.src.js', - out: 'plugins/core/qortal-lottery/qortal-lottery.js', - }, - { - in: 'plugins/core/trade-portal/trade-portal.src.js', - out: 'plugins/core/trade-portal/trade-portal.js', - }, - { - in: 'plugins/core/trade-bot/trade-bot-portal.src.js', - out: 'plugins/core/trade-bot/trade-bot-portal.js', - }, - { - in: 'plugins/core/wallet/wallet-app.src.js', - out: 'plugins/core/wallet/wallet-app.js', - }, - { - in: 'plugins/core/reward-share/reward-share.src.js', - out: 'plugins/core/reward-share/reward-share.js', - }, - { - in: 'plugins/core/node-management/node-management.src.js', - out: 'plugins/core/node-management/node-management.js', - }, - { - in: 'plugins/core/group-management/group-management.src.js', - out: 'plugins/core/group-management/group-management.js', - }, - { - in: 'plugins/core/name-registration/name-registration.src.js', - out: 'plugins/core/name-registration/name-registration.js', - }, - { - in: 'plugins/core/names-market/names-market.src.js', - out: 'plugins/core/names-market/names-market.js', - }, - { - in: 'plugins/core/qdn/websites.src.js', - out: 'plugins/core/qdn/websites.js', - }, - { - in: 'plugins/core/qdn/publish/publish.src.js', - out: 'plugins/core/qdn/publish/publish.js', - }, - { - in: 'plugins/core/qdn/browser/browser.src.js', - out: 'plugins/core/qdn/browser/browser.js', - }, - { - in: 'plugins/core/qdn/data-management/data-management.src.js', - out: 'plugins/core/qdn/data-management/data-management.js', - }, - { - in: 'plugins/core/messaging/messaging.src.js', - out: 'plugins/core/messaging/messaging.js', - }, - { - in: 'plugins/core/messaging/chain-messaging/chain-messaging.src.js', - out: 'plugins/core/messaging/chain-messaging/chain-messaging.js', - }, - { - in: 'plugins/core/messaging/q-chat/q-chat.src.js', - out: 'plugins/core/messaging/q-chat/q-chat.js', - }, - { - in: 'plugins/core/minting/minting-info.src.js', - out: 'plugins/core/minting/minting-info.js', + out: 'plugins/core/main.js' }, { in: 'plugins/core/become-minter/become-minter.src.js', - out: 'plugins/core/become-minter/become-minter.js', + out: 'plugins/core/become-minter/become-minter.js' }, { - in: 'plugins/core/sponsorship-list/sponsorship-list.src.js', - out: 'plugins/core/sponsorship-list/sponsorship-list.js', + in: 'plugins/core/data-management/data-management.src.js', + out: 'plugins/core/data-management/data-management.js' + }, + { + in: 'plugins/core/group-management/group-management.src.js', + out: 'plugins/core/group-management/group-management.js' + }, + { + in: 'plugins/core/minting-info/minting-info.src.js', + out: 'plugins/core/minting-info/minting-info.js' + }, + { + in: 'plugins/core/name-registration/name-registration.src.js', + out: 'plugins/core/name-registration/name-registration.js' + }, + { + in: 'plugins/core/names-market/names-market.src.js', + out: 'plugins/core/names-market/names-market.js' + }, + { + in: 'plugins/core/node-management/node-management.src.js', + out: 'plugins/core/node-management/node-management.js' + }, + { + in: 'plugins/core/overview-page/overview-page.src.js', + out: 'plugins/core/overview-page/overview-page.js' }, { in: 'plugins/core/puzzles/puzzles.src.js', - out: 'plugins/core/puzzles/puzzles.js', + out: 'plugins/core/puzzles/puzzles.js' }, { in: 'plugins/core/q-app/q-apps.src.js', - out: 'plugins/core/q-app/q-apps.js', + out: 'plugins/core/q-app/q-apps.js' }, + { + in: 'plugins/core/q-chat/q-chat.src.js', + out: 'plugins/core/q-chat/q-chat.js' + }, + { + in: 'plugins/core/qdn/browser/browser.src.js', + out: 'plugins/core/qdn/browser/browser.js' + }, + { + in: 'plugins/core/qdn/publish/publish.src.js', + out: 'plugins/core/qdn/publish/publish.js' + }, + { + in: 'plugins/core/qortal-lottery/qortal-lottery.src.js', + out: 'plugins/core/qortal-lottery/qortal-lottery.js' + }, + { + in: 'plugins/core/q-website/q-websites.src.js', + out: 'plugins/core/q-website/q-websites.js' + }, + { + in: 'plugins/core/reward-share/reward-share.src.js', + out: 'plugins/core/reward-share/reward-share.js' + }, + { + in: 'plugins/core/sponsorship-list/sponsorship-list.src.js', + out: 'plugins/core/sponsorship-list/sponsorship-list.js' + }, + { + in: 'plugins/core/trade-bot/trade-bot-portal.src.js', + out: 'plugins/core/trade-bot/trade-bot-portal.js' + }, + { + in: 'plugins/core/trade-portal/trade-portal.src.js', + out: 'plugins/core/trade-portal/trade-portal.js' + }, + { + in: 'plugins/core/wallet/wallet-app.src.js', + out: 'plugins/core/wallet/wallet-app.js' + } ].map((file) => { return generateRollupConfig( path.join(__dirname, file.in), path.join(__dirname, file.out) - ); - }); -}; + ) + }) +} -module.exports = generateForPlugins; +module.exports = generateForPlugins \ No newline at end of file diff --git a/plugins/build.js b/plugins/build.js index 00213241..21ff6c18 100644 --- a/plugins/build.js +++ b/plugins/build.js @@ -3,20 +3,22 @@ const rollup = require('rollup') const configs = require('./build-config.js')() const build = () => { - configs.forEach(async file => { - const bundle = await rollup.rollup(file.inputOptions); + configs.forEach(async file => { + const bundle = await rollup.rollup(file.inputOptions) + const { output } = await bundle.generate(file.outputOptions) - const { output } = await bundle.generate(file.outputOptions); + for (const chunkOrAsset of output) { + if (chunkOrAsset.type === 'asset') { + // ... + } else { + // ... + } + } - for (const chunkOrAsset of output) { - if (chunkOrAsset.type === 'asset') { - } else { - // .. - } - } + await bundle.write(file.outputOptions) + }) - await bundle.write(file.outputOptions); - }) - console.log('BUILD PLUGINS ==> Bundling Done 🎉'); + console.log('BUILD PLUGINS ==> Bundling Done 🎉') } -module.exports = build + +module.exports = build \ No newline at end of file diff --git a/plugins/default-plugins.js b/plugins/default-plugins.js index e976a97c..7d6102c3 100644 --- a/plugins/default-plugins.js +++ b/plugins/default-plugins.js @@ -2,12 +2,10 @@ const PLUGINS = 'plugins' const BUILD = 'build' const WATCH = 'watch' - /** * @package Plugins Controller * @param { String } type */ - const pluginsController = (type) => { switch (type) { case PLUGINS: @@ -25,8 +23,6 @@ const pluginsController = (type) => { default: return } - } - -module.exports = pluginsController +module.exports = pluginsController \ No newline at end of file diff --git a/plugins/epml.js b/plugins/epml.js index 41892ab8..9ff2c29c 100644 --- a/plugins/epml.js +++ b/plugins/epml.js @@ -13,6 +13,7 @@ Epml.registerPlugin(EpmlReadyPlugin) Epml.registerPlugin(EpmlContentWindowPlugin) Epml.registerPlugin(EpmlStreamPlugin) Epml.registerPlugin(EpmlProxyPlugin) + Epml.allowProxying = true -export { Epml, EpmlStream } +export { Epml, EpmlStream } \ No newline at end of file diff --git a/plugins/plugins/core/become-minter/become-minter-css.src.js b/plugins/plugins/core/become-minter/become-minter-css.src.js deleted file mode 100644 index 5ed388c9..00000000 --- a/plugins/plugins/core/become-minter/become-minter-css.src.js +++ /dev/null @@ -1,253 +0,0 @@ -import {css} from 'lit'; - -export const pageStyles = css` - * { - box-sizing: border-box; - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - .header-title { - font-size: 40px; - color: var(--black); - font-weight: 400; - text-align: center; - } - - .divider { - color: #eee; - border-radius: 80%; - margin-bottom: 2rem; - } - - .fullWidth { - width: 100%; - } - - .page-container { - display: flex; - align-items: center; - flex-direction: column; - margin-bottom: 75px; - width: 100%; - } - - .inner-container { - display: flex; - align-items: center; - flex-direction: column; - width: 100%; - } - - .description { - color: var(--black); - } - - .message { - color: var(--gray); - } - - .sub-main { - width: 95%; - display: flex; - - flex-direction: column; - max-width: 800px; - } - - .level-black { - font-size: 32px; - color: var(--black); - font-weight: 400; - text-align: center; - margin-top: 2rem; - } - - .form-wrapper { - display: flex; - align-items: center; - width: 100%; - height: 50px; - } - - .row { - display: flex; - width: 100%; - } - - .column { - display: flex; - flex-direction: column; - width: 100%; - } - - .column-center { - align-items: center; - } - - .no-margin { - margin: 0; - } - - .no-wrap { - flex-wrap: nowrap !important; - } - - .row-center { - justify-content: center; - flex-wrap: wrap; - } - - .form-item { - display: flex; - height: 100%; - } - - .form-item--button { - flex-grow: 0; - } - - .form-item--input { - flex-grow: 1; - margin-right: 25px; - } - - .center-box { - position: absolute; - width: 100%; - top: 50%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } - - .content-box { - border: 1px solid var(--border); - border-radius: 10px; - padding: 10px 25px; - text-align: center; - display: inline-block; - margin-bottom: 15px; - flex-basis: 600px; - } - - .gap { - gap: 10px; - } - - .level-black { - font-size: 32px; - color: var(--black); - font-weight: 400; - text-align: center; - margin-top: 2rem; - text-align: center; - } - - .title { - font-weight: 600; - font-size: 20px; - line-height: 28px; - opacity: 0.66; - color: var(--switchborder); - } - - .address { - overflow-wrap: anywhere; - color: var(--black); - } - - h4 { - font-weight: 600; - font-size: 20px; - line-height: 28px; - color: var(--black); - } - - mwc-textfield { - width: 100%; - } - - vaadin-button { - height: 100%; - margin: 0; - cursor: pointer; - min-width: 80px; - } - - .loader, - .loader:after { - border-radius: 50%; - width: 10em; - height: 10em; - } - - .loadingContainer { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - z-index: 10; - } - - .backdrop { - height: 100vh; - width: 100vw; - opacity: 0.6; - background-color: var(--border); - z-index: 9; - position: fixed; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: 0.6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } -`; diff --git a/plugins/plugins/core/become-minter/become-minter.src.js b/plugins/plugins/core/become-minter/become-minter.src.js index 86e73e13..484a59bb 100644 --- a/plugins/plugins/core/become-minter/become-minter.src.js +++ b/plugins/plugins/core/become-minter/become-minter.src.js @@ -1,19 +1,20 @@ -import {html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import '../components/ButtonIconCopy.js' -import {registerTranslateConfig, translate, use} from '../../../../core/translate' -import {blocksNeed} from '../../utils/blocks-needed.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { blocksNeed } from '../../utils/functions' +import { becomeMinterStyles } from '../components/plugins-css' import isElectron from 'is-electron' +import './not-sponsored' +import './yes-sponsored' +import '../components/ButtonIconCopy' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@material/mwc-button' import '@material/mwc-textfield' import '@vaadin/button' -import {pageStyles} from './become-minter-css.src.js' -import './components/not-sponsored.js' -import './components/yes-sponsored.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()), + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -27,11 +28,13 @@ class BecomeMinter extends LitElement { isPageLoading: { type: Boolean }, addressInfo: { type: Object }, rewardSharePublicKey: { type: String }, - mintingAccountData: { type: Array }, + mintingAccountData: { type: Array } } } - static styles = [pageStyles] + static get styles() { + return [becomeMinterStyles] + } constructor() { super() @@ -44,6 +47,76 @@ class BecomeMinter extends LitElement { this.mintingAccountData = null } + render() { + const findMintingAccount = this.mintingAccountData?.find((ma) => ma.recipientAccount === window.parent.reduxStore.getState().app?.selectedAddress?.address) + const isAlreadySponsored = this.addressInfo?.error !== 124 && this.addressInfo?.level === 0 && this.addressInfo?.blocksMinted > 0 && this.addressInfo?.blocksMinted < 7200 + return html` + ${this.isPageLoading + ? html` +
    +
    +
    +
    + ` + : ''} +
    +

    + ${translate('mintingpage.mchange32')} +

    +
    +
    +
    + ${isAlreadySponsored + ? '' + : html` + + + `} + ${!isAlreadySponsored + ? '' + : html` + + + `} +
    + ` + } + + async firstUpdated() { + await this.atMount() + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + } + + connectedCallback() { + super.connectedCallback() + window.addEventListener('storage', this._handleStorage) + } + + disconnectedCallback() { + window.removeEventListener('storage', this._handleStorage) + super.disconnectedCallback() + } + changeLanguage() { const checkLanguage = localStorage.getItem('qortalLanguage') @@ -66,54 +139,40 @@ class BecomeMinter extends LitElement { } else { this.theme = 'light' } + document.querySelector('html').setAttribute('theme', this.theme) } - connectedCallback() { - super.connectedCallback() - window.addEventListener('storage', this._handleStorage) - } - - disconnectedCallback() { - window.removeEventListener('storage', this._handleStorage) - super.disconnectedCallback() - } - async getNodeInfo() { return await parentEpml.request('apiCall', { - url: `/admin/status`, + url: `/admin/status` }) } async getMintingAcccounts() { return await parentEpml.request('apiCall', { - url: `/admin/mintingaccounts`, + url: `/admin/mintingaccounts` }) } async atMount() { this.changeLanguage() - - this.isPageLoading = true + try { const [nodeInfo, myRewardShareArray, mintingaccounts] = await Promise.all([ this.getNodeInfo(), this.getRewardShareRelationship( - window.parent.reduxStore.getState().app?.selectedAddress - ?.address + window.parent.reduxStore.getState().app?.selectedAddress?.address ), - this.getMintingAcccounts(), + this.getMintingAcccounts() ]) - this.nodeInfo = nodeInfo - this.rewardSharePublicKey = - myRewardShareArray[0]?.rewardSharePublicKey + this.rewardSharePublicKey = myRewardShareArray[0]?.rewardSharePublicKey this.isPageLoading = false this.mintingAccountData = mintingaccounts - this.addressInfo = - window.parent.reduxStore.getState().app.accountInfo.addressInfo + this.addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo } catch (error) { console.error(error) @@ -121,21 +180,6 @@ class BecomeMinter extends LitElement { } } - async firstUpdated() { - await this.atMount() - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } - clearConsole() { if (!isElectron()) { } else { @@ -147,71 +191,28 @@ class BecomeMinter extends LitElement { async getRewardShareRelationship(recipientAddress) { return await parentEpml.request('apiCall', { type: 'api', - url: `/addresses/rewardshares?recipients=${recipientAddress}`, + url: `/addresses/rewardshares?recipients=${recipientAddress}` }) } _levelUpBlocks() { - return ( - blocksNeed(0) - - (this.addressInfo?.blocksMinted + - this.addressInfo?.blocksMintedAdjustment) - ).toString() + return (blocksNeed(0) - (this.addressInfo?.blocksMinted + this.addressInfo?.blocksMintedAdjustment)).toString() } - render() { + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - const findMintingAccount = this.mintingAccountData?.find( - (ma) => ma.recipientAccount === window.parent.reduxStore.getState().app?.selectedAddress - ?.address - ) + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - const isAlreadySponsored = - this.addressInfo?.error !== 124 && - this.addressInfo?.level === 0 && - this.addressInfo?.blocksMinted > 0 && this.addressInfo?.blocksMinted < 7200 - - return html` - ${this.isPageLoading - ? html` -
    -
    -
    -
    - ` - : ''} - -
    -

    - ${translate('mintingpage.mchange32')} -

    - -
    -
    -
    - - ${isAlreadySponsored - ? '' - : html` - - - `} - ${!isAlreadySponsored - ? '' - : html` - - - `} -
    - ` + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -window.customElements.define('become-minter', BecomeMinter) +window.customElements.define('become-minter', BecomeMinter) \ No newline at end of file diff --git a/plugins/plugins/core/become-minter/components/not-sponsored.js b/plugins/plugins/core/become-minter/components/not-sponsored.js deleted file mode 100644 index 2d451197..00000000 --- a/plugins/plugins/core/become-minter/components/not-sponsored.js +++ /dev/null @@ -1,132 +0,0 @@ -import {html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import '../../components/ButtonIconCopy.js' -import {translate} from '../../../../../core/translate' - -import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@material/mwc-button' -import '@material/mwc-textfield' -import '@vaadin/button' -import {pageStyles} from '../become-minter-css.src.js' - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class NotSponsored extends LitElement { - static properties = { - atMount: { type: Function }, - isLoadingSponsorshipKeySubmit: { type: Boolean }, - sponsorshipKeyValue: { type: String }, - addMintingAccountMessage: { type: String }, - }; - - static styles = [pageStyles]; - - constructor() { - super(); - this.isLoadingSponsorshipKeySubmit = false - this.sponsorshipKeyValue = '' - this.addMintingAccountMessage = '' - this.atMount = () => {} - } - - renderErr1Text() { - return html`${translate('nodepage.nchange27')}` - } - - renderErr2Text() { - return html`${translate('nodepage.nchange28')}` - } - - getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - return myNode.apiKey - } - - addMintingAccount(e) { - this.isLoadingSponsorshipKeySubmit = true - this.addMintingAccountMessage = 'Loading...' - - parentEpml - .request('apiCall', { - url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, - method: 'POST', - body: this.sponsorshipKeyValue, - }) - .then((res) => { - if (res === true) { - // refetch data - this.atMount() - this.sponsorshipKeyValue = '' - this.addMintingAccountMessage = this.renderErr1Text() - this.isLoadingSponsorshipKeySubmit = false - } else { - this.sponsorshipKeyValue = ''; - this.addMintingAccountMessage = this.renderErr2Text() - this.isLoadingSponsorshipKeySubmit = false - } - }) - } - - inputHandler(e) { - this.sponsorshipKeyValue = e.target.value - } - - render() { - return html` -
    -
    -

    - ${translate('mintingpage.mchange33')} -

    -

    - ${translate('mintingpage.mchange34')} -

    -

    - ${translate('mintingpage.mchange35')} -

    -

    - ${translate('mintingpage.mchange36')} -

    -

    - ${translate('mintingpage.mchange37')} -

    - -

    ${this.addMintingAccountMessage}

    -
    -
    - - -
    - -
    - - ${this.isLoadingSponsorshipKeySubmit === false - ? html`${translate('puzzlepage.pchange15')}` - : html` - - `} - -
    -
    -
    -
    - ` - } -} - -window.customElements.define('not-sponsored', NotSponsored) diff --git a/plugins/plugins/core/become-minter/components/yes-sponsored.js b/plugins/plugins/core/become-minter/components/yes-sponsored.js deleted file mode 100644 index 13e51f3c..00000000 --- a/plugins/plugins/core/become-minter/components/yes-sponsored.js +++ /dev/null @@ -1,107 +0,0 @@ -import {html, LitElement} from 'lit' -import '../../components/ButtonIconCopy.js' -import {translate} from '../../../../../core/translate' - -import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@material/mwc-button' -import '@material/mwc-textfield' -import '@vaadin/button' -import {blocksNeed} from '../../../utils/blocks-needed.js' -import {pageStyles} from '../become-minter-css.src.js' - -class YesSponsored extends LitElement { - static get properties() { - return { - addressInfo: { type: Object }, - rewardSharePublicKey: { type: String }, - isMinting: {type: Boolean} - }; - } - - constructor() { - super() - this.addressInfo = {} - this.rewardSharePublicKey = '' - this.isMinting = false - } - - static styles = [pageStyles] - - _levelUpBlocks() { - return ( - blocksNeed(0) - - (this.addressInfo?.blocksMinted + - this.addressInfo?.blocksMintedAdjustment) - ).toString() - } - - render() { - return html` -
    -
    -
    - - ${translate('becomeMinterPage.bchange10')} - -
    -
    -
    -
    -
    - - ${translate('walletpage.wchange41')} - -
    - ${this.isMinting ? html` -

    ${translate('becomeMinterPage.bchange12')}

    - ` : html` -

    ${translate('mintingpage.mchange9')}

    - `} -
    -
    -
    -
    - - ${translate('becomeMinterPage.bchange13')} - -
    -

    - ${this._levelUpBlocks()} - ${translate('mintingpage.mchange26')} -

    -
    -
    -
    -
    - - ${translate('becomeMinterPage.bchange15')} - -
    -

    - ${translate('becomeMinterPage.bchange16')} -

    -
    -

    - ${this.rewardSharePublicKey} -

    - - -
    -
    -
    -
    -
    - ` - } -} - -window.customElements.define('yes-sponsored', YesSponsored) diff --git a/plugins/plugins/core/components/ButtonIconCopy.js b/plugins/plugins/core/components/ButtonIconCopy.js index 2604fed8..26f10a79 100644 --- a/plugins/plugins/core/components/ButtonIconCopy.js +++ b/plugins/plugins/core/components/ButtonIconCopy.js @@ -1,68 +1,91 @@ -import {html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' - +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { buttonIconCopyStyles } from './plugins-css' import '@material/mwc-icon-button' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ButtonIconCopy extends LitElement { - static get properties() { - return { - textToCopy: { type: String }, - title: { type: String }, - onSuccessMessage: { type: String }, - onErrorMessage: { type: String }, - buttonSize: { type: String }, - iconSize: { type: String }, - color: { type: String }, - offsetLeft: { type: String }, - offsetRight: { type: String } - } - } + static get properties() { + return { + textToCopy: { type: String }, + title: { type: String }, + onSuccessMessage: { type: String }, + onErrorMessage: { type: String }, + buttonSize: { type: String }, + iconSize: { type: String }, + color: { type: String }, + offsetLeft: { type: String }, + offsetRight: { type: String } + } + } - constructor() { - super() - this.textToCopy = '' - this.title = 'Copy to clipboard' - this.onSuccessMessage = 'Copied to clipboard' - this.onErrorMessage = 'Unable to copy' - this.buttonSize = '48px' - this.iconSize = '24px' - this.color = 'inherit' - this.offsetLeft = '0' - this.offsetRight = '0' - } + static get styles() { + return [buttonIconCopyStyles] + } - connectedCallback() { - super.connectedCallback(); - this.style.setProperty('--mdc-icon-button-size', this.buttonSize) - this.style.setProperty('--mdc-icon-size', this.iconSize) - this.style.setProperty('color', this.color) - this.style.setProperty('margin-left', this.offsetLeft) - this.style.setProperty('margin-right', this.offsetRight) - } + constructor() { + super() + this.textToCopy = '' + this.title = 'Copy to clipboard' + this.onSuccessMessage = 'Copied to clipboard' + this.onErrorMessage = 'Unable to copy' + this.buttonSize = '48px' + this.iconSize = '24px' + this.color = 'inherit' + this.offsetLeft = '0' + this.offsetRight = '0' + } - render() { - return html` - this.saveToClipboard(this.textToCopy)} - > - - ` - } + render() { + return html` + this.saveToClipboard(this.textToCopy)} + > + + ` + } - async saveToClipboard(text) { - try { - await navigator.clipboard.writeText(text) - parentEpml.request('showSnackBar', this.onSuccessMessage) - } catch (err) { - parentEpml.request('showSnackBar', this.onErrorMessage) - console.error('Copy to clipboard error:', err) - } - } + firstUpdated() { + // ... + } + + connectedCallback() { + super.connectedCallback() + this.style.setProperty('--mdc-icon-button-size', this.buttonSize) + this.style.setProperty('--mdc-icon-size', this.iconSize) + this.style.setProperty('color', this.color) + this.style.setProperty('margin-left', this.offsetLeft) + this.style.setProperty('margin-right', this.offsetRight) + } + + async saveToClipboard(text) { + try { + await navigator.clipboard.writeText(text) + parentEpml.request('showSnackBar', this.onSuccessMessage) + } catch (err) { + parentEpml.request('showSnackBar', this.onErrorMessage) + console.error('Copy to clipboard error:', err) + } + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('button-icon-copy', ButtonIconCopy) +window.customElements.define('button-icon-copy', ButtonIconCopy) \ No newline at end of file diff --git a/plugins/plugins/core/components/ChatGifs.js b/plugins/plugins/core/components/ChatGifs.js new file mode 100644 index 00000000..bc96f448 --- /dev/null +++ b/plugins/plugins/core/components/ChatGifs.js @@ -0,0 +1,923 @@ +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { publishData } from '../../utils/classes' +import { bytesToMegabytes } from '../../../utils/functions' +import { gifExplorerStyles } from './plugins-css' +import * as zip from '@zip.js/zip.js' +import ShortUniqueId from 'short-unique-id' +import './ChatGifsExplore' +import './ImageComponent' +import '@material/mwc-icon' +import '@vaadin/tooltip' + +// Multi language support +import { get, translate } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +class ChatGifs extends LitElement { + static get properties() { + return { + selectedAddress: { type: Object }, + myGifCollections: { type: Array }, + mySubscribedCollections: { type: Array }, + exploreCollections: { type: Array }, + gifsToBeAdded: { type: Array }, + webWorkerImage: { type: Object }, + mode: { type: String }, + currentCollection: { type: String }, + isLoading: { type: String }, + newCollectionName: { type: String }, + editor: { type: Object }, + isSubscribed: { type: Boolean }, + setGifsLoading: { attribute: false }, + sendMessage: { attribute: false }, + setOpenGifModal: { attribute: false } + } + } + + static get styles() { + return [gifExplorerStyles] + } + + constructor() { + super(); + this.uid = new ShortUniqueId() + this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress + this.myGifCollections = [] + this.mySubscribedCollections = [] + this.exploreCollections = [] + this.myAccountName = '' + this.gifsToBeAdded = [] + this.mode = 'myCollection' + this.currentCollection = null + this.pageNumber = 0 + this.isLoading = false + this.isSubscribed = false + this.newCollectionName = '' + this.getAllCollections = this.getAllCollections.bind(this) + } + + render() { + return html` +
    +
    + { + if (this.isLoading) return; + this.mode = 'newCollection'; + }} + icon="vaadin:plus" + slot="icon" + > + +
    +
    { + if (this.mode === 'explore' && !this.currentCollection) { + this.mode = 'myCollection'; + this.currentCollection = null; + } else if (this.mode === 'explore' && this.currentCollection) { + this.mode = 'explore'; + this.currentCollection = null; + this.isSubscribed = false; + } else { + this.currentCollection = null; + } + }} + > + +
    +

    ${translate('gifs.gchange1')}

    + { + if (this.isLoading) return; + this.mode = 'explore'; + this.currentCollection = null; + }} + icon="vaadin:search" + slot="icon" + > + + +
    +
    +
    +
    { + if (this.isLoading) return; + if (this.mode === 'myCollection') return; + this.mode = 'myCollection'; + this.currentCollection = null; + }} + > + ${translate('gifs.gchange3')} +
    +
    { + if (this.isLoading) return; + if (this.mode === 'subscribedCollection') return; + this.mode = 'subscribedCollection'; + this.currentCollection = null; + }} + > + ${translate('gifs.gchange4')} +
    +
    +
    +
    + ${this.mode === 'myCollection' && !this.currentCollection ? + html` + ${this.isLoading === true ? + html` +
    + ` + : '' + } + ${(this.myGifCollections.length === 0 && !this.isLoading) ? + (html` +
    ${translate('gifs.gchange13')}
    + `) + : (html` + ${(this.myGifCollections || []).map((collection) => { + return html` +
    {this.currentCollection = collection;}} class='collection-card'> + ${collection.identifier} +
    + ` + })} + `) + } + ` + : '' + } + ${this.mode === 'subscribedCollection' && !this.currentCollection ? + html` + ${this.isLoading === true ? html`
    ` : ''} + ${(this.mySubscribedCollections.length === 0 && !this.isLoading) ? + (html` +
    ${translate('gifs.gchange14')}
    + `) + : (html` + ${this.mySubscribedCollections.map((collection) => { + return html` +
    {this.currentCollection = collection;}} class='collection-card'> + ${collection.identifier} +
    + ` + })} + `) + } + ` + : '' + } + ${this.mode === 'explore' && !this.currentCollection ? + html` + ${this.isLoading === true ? + html` +
    + ` + : html` + this.getAllCollections(val)} + .getMoreExploreGifs=${(val) => this.getMoreExploreGifs(val)} + .exploreCollections=${this.exploreCollections} + .setCurrentCollection=${(val) => this.setCurrentCollection(val)} + > + + ` + } + ` + : '' + } + ${this.currentCollection && this.mode === 'myCollection' ? + html` +
    + ${this.currentCollection.gifUrls.map((gif) => { + return html` + this.sendMessage(val)} + .setOpenGifModal=${(val) => this.setOpenGifModal(val)} + .class=${'gif-image'} + .gif=${gif} + .alt=${'gif-image'} + > + + ` + })} +
    + ` + : '' + } + ${this.currentCollection && this.mode === 'subscribedCollection' ? + html` +
    + ${this.currentCollection.gifUrls.map((gif) => { + return html` + this.sendMessage(val)} + .setOpenGifModal=${(val) => this.setOpenGifModal(val)} + .class=${'gif-image'} + .gif=${gif} + .alt=${'gif-image'} + > + + ` + })} +
    + ` + : '' + } + ${this.currentCollection && this.mode === 'explore' ? + html` +
    + ${this.currentCollection.gifUrls.map((gif) => { + return html` + this.sendMessage(val)} + .setOpenGifModal=${(val) => this.setOpenGifModal(val)} + .class=${'gif-image'} + .gif=${gif} + .alt=${'gif-image'} + > + + ` + })} +
    + ${this.isSubscribed ? + (html` + + `) + : (html` + + `) + } + ` + : '' + } + ${this.mode === 'newCollection' && this.isLoading === false ? + html` +
    +
    +

    + ${translate('gifs.gchange5')} +

    +

    + ${translate('gifs.gchange6')} +

    +
    +
    this.shadowRoot.getElementById('file-picker-gif').click()} + class="new-collection-container" + style=${this.gifsToBeAdded.length > 0 ? "padding: 10px 0;" : "padding: 60px 0;"} + > + + +
    + { + this.newCollectionName = e.target.value; + }} + /> +
    +
    + ${this.gifsToBeAdded.map((gif, i) => { + return html` +
    + + { + this.gifsToBeAdded[i] = { + ...gif, + name: e.target.value + }; + }} + /> +
    + ` + })} +
    +
    + + +
    +
    +
    + ` + : this.mode === 'newCollection' && this.isLoading === true ? + (html` +
    +

    ${translate("gifs.gchange11")}

    +
    +
    + `) + : '' + } +
    +
    +
    + ` + } + + async firstUpdated() { + const tooltip = this.shadowRoot.querySelector('vaadin-tooltip') + const overlay = tooltip.shadowRoot.querySelector('vaadin-tooltip-overlay') + + overlay.shadowRoot.getElementById('overlay').style.cssText = + 'background-color: transparent; border-radius: 10px; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px' + overlay.shadowRoot.getElementById('content').style.cssText = + 'background-color: var(--gif-tooltip-bg); color: var(--chat-bubble-msg-color); text-align: center; padding: 20px 10px; font-family: Roboto, sans-serif; letter-spacing: 0.3px; font-weight: 300; font-size: 13.5px; transition: all 0.3s ease-in-out;' + + try { + this.isLoading = true + const myCollections = await this.getMyGifCollections() + const savedCollections = await this.getSavedCollections() + const allCollections = await this.getAllCollections() + + if (!Array.isArray(myCollections) && !Array.isArray(savedCollections)) { + parentEpml.request('showSnackBar', get('gifs.gchange12')) + return + } + + await new Promise((res) => { + setTimeout(() => { + res() + }, 1000) + }) + + this.myGifCollections = myCollections + this.mySubscribedCollections = savedCollections + this.exploreCollections = allCollections + } catch (error) { + console.error(error) + } finally { + this.isLoading = false + } + } + + async updated(changedProperties) { + if (changedProperties && changedProperties.has('mode')) { + const mode = this.mode + if (mode === 'myCollection') { + try { + this.myGifCollections = [] + this.isLoading = true + const collections = await this.getMyGifCollections() + await new Promise((res) => { + setTimeout(() => { + res() + }, 1000) + }) + this.myGifCollections = collections + } catch (error) { + console.error(error) + } finally { + this.isLoading = false + } + } + + if (mode === 'explore') { + try { + this.exploreCollections = [] + this.isLoading = true + const allCollections = await this.getAllCollections() + await new Promise((res) => { + setTimeout(() => { + res() + }, 1000) + }) + this.exploreCollections = allCollections + } catch (error) { + console.error(error) + } finally { + this.isLoading = false + } + } + if (mode === 'subscribedCollection') { + try { + this.mySubscribedCollections = [] + this.isLoading = true + const savedCollections = await this.getSavedCollections() + await new Promise((res) => { + setTimeout(() => { + res() + }, 1000) + }) + this.mySubscribedCollections = savedCollections + } catch (error) { + console.error(error) + } finally { + this.isLoading = false + } + } + } + + if (changedProperties && changedProperties.has('currentCollection')) { + if (this.mode === 'explore') { + const subbedCollection = this.mySubscribedCollections.find((collection) => ((collection.name === this.currentCollection.name) && (collection.identifier === this.currentCollection.identifier))) + this.isSubscribed = !!subbedCollection + } + } + } + + async structureCollections(gifCollections) { + const userName = await this.getName(this.selectedAddress.address) + + if (!userName) { + return + } + + try { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + + const getMetaDataGifs = (gifCollections || []).map( + async (collection) => { + let collectionObj = collection + + try { + const metaData = await parentEpml.request('apiCall', { + url: `/arbitrary/metadata/GIF_REPOSITORY/${collection.name}/${collection.identifier}?apiKey=${this.getApiKey()}` + }) + + collectionObj = { + ...collection, + gifUrls: [] + } + + if (metaData.files) { + const metaDataArray = metaData.files.map((data) => { + return { + url: `${nodeUrl}/arbitrary/GIF_REPOSITORY/${collection.name}/${collection.identifier}?filepath=${data}&apiKey=${this.getApiKey()}`, + filePath: data, + identifier: collection.identifier, + name: collection.name + } + }) + + collectionObj = { + ...collection, + gifUrls: metaDataArray + } + } + } catch (error) { + console.log(error) + } + + return collectionObj + } + ) + + return await Promise.all(getMetaDataGifs) + } catch (error) { } + } + + async getMoreExploreGifs() { + try { + const getAllGifCollections = await parentEpml.request('apiCall', { + type: 'api', + url: `/arbitrary/resources?service=GIF_REPOSITORY&limit=20&offset=${this.pageNumber * 20}&apiKey=${this.getApiKey()}` + }) + + const gifCollectionWithMetaData = await this.structureCollections(getAllGifCollections) + + this.exploreCollections = [ + ...this.exploreCollections, + ...gifCollectionWithMetaData + ] + + this.pageNumber = this.pageNumber + 1 + } catch (error) { + console.error(error) + } + } + + async getCollectionList() { + try { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/lists/gifSubscribedRepos?apiKey=${this.getApiKey()}` + }) + } catch (error) { } + } + + async addCollectionToList(collection) { + try { + const body = { + items: [collection] + } + + const bodyToString = JSON.stringify(body) + + await parentEpml.request('apiCall', { + type: 'api', + method: 'POST', + url: `/lists/gifSubscribedRepos?apiKey=${this.getApiKey()}`, + body: bodyToString, + headers: { + 'Content-Type': 'application/json' + } + }) + } catch (error) { } + } + + async removeCollectionFromList(collection) { + try { + const body = { + items: [collection] + } + + const bodyToString = JSON.stringify(body) + + await parentEpml.request('apiCall', { + type: 'api', + method: 'DELETE', + url: `/lists/gifSubscribedRepos?apiKey=${this.getApiKey()}`, + body: bodyToString, + headers: { + 'Content-Type': 'application/json' + } + }) + } catch (error) { } + } + + async getMyGifCollections() { + this.myAccountName = await this.getName(this.selectedAddress.address) + + if (this.myAccountName) { + const getMyGifCollections = await parentEpml.request('apiCall', { + url: `/arbitrary/resources/search?service=GIF_REPOSITORY&query=${this.myAccountName}&apiKey=${this.getApiKey()}` + }) + + return await this.structureCollections(getMyGifCollections) + } else { + return [] + } + } + + async getAllCollections() { + this.pageNumber = 0 + + // for the explore section + const getAllGifCollections = await parentEpml.request('apiCall', { + type: 'api', + url: `/arbitrary/resources?service=GIF_REPOSITORY&limit=20&offset=${this.pageNumber * 20}&apiKey=${this.getApiKey()}` + }) + + const gifCollectionWithMetaData = await this.structureCollections(getAllGifCollections) + + this.pageNumber = this.pageNumber + 1 + + return gifCollectionWithMetaData + } + + async getSavedCollections() { + const getCollectionList = await this.getCollectionList() + + let savedCollections = [] + + const getSavedGifRepos = (getCollectionList || []).map( + async (collection) => { + let splitCollection = collection.split('/') + + const name = splitCollection[0] + const identifier = splitCollection[1] + + try { + const data = await parentEpml.request('apiCall', { + url: `/arbitrary/metadata/GIF_REPOSITORY/${name}/${identifier}?apiKey=${this.getApiKey()}` + }) + + if (data.title) { + savedCollections.push({ + identifier, + name, + service: 'GIF_REPOSITORY' + }) + } + } catch (error) { + console.log(error) + } + + return collection + } + ) + + await Promise.all(getSavedGifRepos) + + return await this.structureCollections(savedCollections) + } + + async getName(recipient) { + try { + const getNames = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/address/${recipient}?apiKey=${this.getApiKey()}` + }) + + if (Array.isArray(getNames) && getNames.length > 0) { + return getNames[0].name + } else { + return '' + } + } catch (error) { + return '' + } + } + + removeDotGIF(arr) { + return arr.map(obj => { + const newObj = { ...obj } + + if (newObj.hasOwnProperty('name') && newObj.name.endsWith('.gif')) { + newObj.name = newObj.name.slice(0, -4) + } + + return newObj + }) + } + + addDotGIF(arr) { + return arr.map(obj => { + const newObj = { ...obj } + if (newObj.hasOwnProperty('name') && !newObj.name.endsWith('.gif')) { + newObj.name += '.gif' + } + return newObj + }) + } + + addGifs(gifs) { + const mapGifs = gifs.map((file) => { + return { + file, + name: file.name, + size: file.size + } + }) + + const removedExtensions = this.removeDotGIF(mapGifs) + + this.gifsToBeAdded = [...this.gifsToBeAdded, ...removedExtensions] + } + + async uploadGifCollection() { + if (!this.newCollectionName) { + parentEpml.request('showSnackBar', get('gifs.gchange8')) + return + } + + try { + this.setGifsLoading(true) + this.isLoading = true + + const userName = await this.getName(this.selectedAddress.address) + + const doesNameExist = await parentEpml.request('apiCall', { + url: `/arbitrary/metadata/GIF_REPOSITORY/${userName}/${this.newCollectionName}?apiKey=${this.getApiKey()}` + }) + + if (!userName) { + parentEpml.request('showSnackBar', get('chatpage.cchange27')) + this.setGifsLoading(false) + this.isLoading = false + return + } + + if (doesNameExist.title) { + parentEpml.request('showSnackBar', get('gifs.gchange24')) + this.isLoading = false + this.setGifsLoading(false) + return + } + + function validateGifSizes(gifs) { + const maxSizeInMB = 0.7 + const invalidGifs = [] + + for (let i = 0; i < gifs.length; i++) { + const gif = gifs[i] + const gifSize = gif.size + + const gifSizeMB = bytesToMegabytes(gifSize) + + if (gifSizeMB > maxSizeInMB) { + invalidGifs.push(gif) + } + } + + return invalidGifs.length <= 0 + } + + let validatedSize = validateGifSizes(this.gifsToBeAdded) + + if (!validatedSize) { + parentEpml.request('showSnackBar', get('gifs.gchange28')) + this.isLoading = false + this.setGifsLoading(false) + return + } + + function validateDuplicateGifNames(arr) { + let names = [] + for (let i = 0; i < arr.length; i++) { + if (names.includes(arr[i].name)) { + return false + } + names.push(arr[i].name) + } + return true + } + + let validatedNames = validateDuplicateGifNames(this.gifsToBeAdded) + + if (!validatedNames) { + parentEpml.request('showSnackBar', get('gifs.gchange23')) + this.isLoading = false + this.setGifsLoading(false) + return + } + + const addedGifExtensionsArr = this.addDotGIF(this.gifsToBeAdded) + + function blobToBase64(blob) { + return new Promise((resolve, _) => { + const reader = new FileReader() + reader.onloadend = () => resolve(reader.result) + reader.readAsDataURL(blob) + }) + } + + const zipFileWriter = new zip.BlobWriter('application/zip') + + const zipWriter = new zip.ZipWriter(zipFileWriter, { + bufferedWrite: true + }) + + for (let i = 0; i < addedGifExtensionsArr.length; i++) { + await zipWriter.add( + addedGifExtensionsArr[i].name, + new zip.BlobReader(addedGifExtensionsArr[i].file) + ) + } + + await zipWriter.close() + + const zipFileBlob = await zipFileWriter.getData() + + const zipSize = bytesToMegabytes(zipFileBlob.size) + + if (zipSize > 10) { + parentEpml.request('showSnackBar', get('gifs.gchange27')) + this.isLoading = false + this.setGifsLoading(false) + return + } + + const blobTobase = await blobToBase64(zipFileBlob) + + await publishData({ + registeredName: userName, + file: blobTobase.split(',')[1], + service: 'GIF_REPOSITORY', + identifier: this.newCollectionName, + parentEpml, + title: this.newCollectionName, + uploadType: 'zip', + selectedAddress: this.selectedAddress, + worker: this.webWorkerImage, + isBase64: true + }) + + await new Promise((res) => { + let interval = null + let stop = false + + const getAnswer = async () => { + if (!stop) { + stop = true; + try { + let myCollection = await parentEpml.request('apiCall', + { + url: `/arbitrary/metadata/GIF_REPOSITORY/${userName}/${this.newCollectionName}?apiKey=${this.getApiKey()}` + } + ) + + if (myCollection.title) { + clearInterval(interval) + res() + } + } catch (error) { + console.error(error) + this.isLoading = false + this.setGifsLoading(false) + this.mode = 'myCollection' + this.gifsToBeAdded = [] + this.newCollectionName = '' + parentEpml.request('showSnackBar', get('gifs.gchange12')) + } + stop = false + } + } + interval = setInterval(getAnswer, 5000) + }) + + this.isLoading = false + this.setGifsLoading(false) + this.mode = 'myCollection' + this.gifsToBeAdded = [] + this.newCollectionName = '' + parentEpml.request('showSnackBar', get('gifs.gchange10')) + } catch (error) { + console.log(error) + parentEpml.request('showSnackBar', get('gifs.gchange12')) + this.setGifsLoading(false) + this.isLoading = false + } + } + + setCurrentCollection(val) { + this.currentCollection = val + } + + clearGifSelections() { + this.mode = 'myCollection' + this.gifsToBeAdded = [] + } + + async subscribeToCollection() { + await this.addCollectionToList( + `${this.currentCollection.name}/${this.currentCollection.identifier}` + ) + parentEpml.request('showSnackBar', get('gifs.gchange20')) + this.isSubscribed = true + this.mySubscribedCollections = await this.getSavedCollections() + } + + async unsubscribeToCollection() { + await this.removeCollectionFromList( + `${this.currentCollection.name}/${this.currentCollection.identifier}` + ) + parentEpml.request('showSnackBar', get('gifs.gchange21')) + this.isSubscribed = false + this.mySubscribedCollections = await this.getSavedCollections() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('chat-gifs', ChatGifs) diff --git a/plugins/plugins/core/components/ChatGifs/ChatGifs-css.js b/plugins/plugins/core/components/ChatGifs/ChatGifs-css.js deleted file mode 100644 index 41aab02b..00000000 --- a/plugins/plugins/core/components/ChatGifs/ChatGifs-css.js +++ /dev/null @@ -1,521 +0,0 @@ -import {css} from 'lit'; - -export const gifExplorerStyles = css` - .gifs-container { - position: relative; - display: flex; - padding: 10px 15px; - border-radius: 12px; - box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; - background-color: var(--chat-menu-bg); - width: fit-content; - justify-self: flex-end; - place-self: end flex-end; - min-height: 400px; - max-height: calc(95vh - 90px); - min-width: 370px; - max-width: 370px; - box-shadow: var(--gifs-drop-shadow); - } - - .gif-explorer-container { - min-height: 400px; - display: flex; - flex-direction: column; - justify-content: flex-start; - width: 100%; - align-items: center; - gap: 15px; - } - - .title-row { - display: flex; - justify-content: center; - align-items: center; - width: 100%; - } - - .gif-explorer-title { - flex: 1; - text-align: center; - font-family: Roboto, sans-serif; - letter-spacing: 0.8px; - font-size: 25px; - color: var(--chat-bubble-msg-color); - margin: 0; - user-select: none; - } - - .explore-collections-icon { - text-align: right; - font-size: 20px; - color: var(--chat-group); - box-shadow: var(--gif-search-icon-bs); - padding: 7px; - background-color: var(--gif-search-icon); - border: none; - border-radius: 8px; - cursor: pointer; - } - - .create-collections-icon { - position: absolute; - bottom: 5px; - left: 50%; - transform: translateX(-50%); - padding: 4px; - font-size: 22px; - background-color: var(--mdc-theme-primary); - color: white; - border-radius: 8px; - box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); - transition: all 0.3s ease-in-out; - } - - .create-collections-icon:hover { - cursor: pointer; - box-shadow: 0px 4px 5px 0px hsla(0, 0%, 0%, 0.14), - 0px 1px 10px 0px hsla(0, 0%, 0%, 0.12), - 0px 2px 4px -1px hsla(0, 0%, 0%, 0.2); - } - - .collections-button-row { - width: auto; - background-color: var(--gif-button-row-bg); - border-radius: 35px; - padding: 2px; - margin-top: 10px; - } - - .collections-button-innerrow { - display: flex; - flex-direction: row; - align-items: center; - } - - .my-collections-button { - font-size: 16px; - font-family: 'Maven Pro', sans-serif; - letter-spacing: 0.5px; - color: var(--gif-button-row-color); - border-radius: 35px; - padding: 8px 20px; - margin: 2px 0; - cursor: pointer; - user-select: none; - } - - .subscribed-collections-button { - font-size: 16px; - font-family: 'Maven Pro', sans-serif; - letter-spacing: 0.5px; - color: var(--gif-button-row-color); - border-radius: 35px; - padding: 8px 20px; - margin: 2px 0; - cursor: pointer; - user-select: none; - } - - .collections-button-active { - display: flex; - align-items: center; - justify-content: center; - background-color: white; - color: var(--mdc-theme-primary); - border-radius: 25px; - padding: 8px 20px; - margin: 2px 0; - box-shadow: rgb(0 0 0 / 14%) 0px 1px 1px 0px, - rgb(0 0 0 / 12%) 0px 2px 1px -1px, rgb(0 0 0 / 20%) 0px 1px 3px 0px; - transition: all 0.3s ease-in-out; - cursor: auto; - } - - .collection-wrapper { - display: flex; - flex-direction: column; - width: 100%; - height: 100%; - overflow-x: hidden; - } - - .collection-gifs { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 10px; - margin-top: 10px; - overflow-y: auto; - overflow-x: hidden; - } - - .collection-gifs::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .collection-gifs::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .collection-gifs::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .collection-gif { - border-radius: 15px; - background-color: transparent; - cursor: pointer; - width: 100%; - height: 150px; - object-fit: cover; - border: 1px solid transparent; - transition: all 0.2s cubic-bezier(0, 0.55, 0.45, 1); - box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, - rgb(0 0 0 / 30%) 0px 3px 7px -3px; - } - - .collection-gif:hover { - border: 1px solid var(--mdc-theme-primary); - } - - .new-collection-row { - display: flex; - flex-direction: column; - justify-content: center; - height: 100%; - } - - .new-collection-subrow { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - gap: 5px; - } - - .new-collection-title { - font-family: Maven Pro, sans-serif; - color: var(--chat-bubble-msg-color); - font-size: 18px; - letter-spacing: 0.6px; - margin: 0; - user-select: none; - } - - .new-collection-subtitle { - font-family: Roboto, sans-serif; - color: var(--chat-bubble-msg-color); - font-weight: 300; - opacity: 0.9; - font-size: 14px; - letter-spacing: 0.3px; - margin: 0; - user-select: none; - } - - .new-collection-container { - display: flex; - margin: 15px 20px; - border: 3.5px dashed #b898c1; - border-radius: 10px; - background-color: #d7d3db2e; - align-items: center; - justify-content: center; - cursor: pointer; - } - - .new-collection-icon { - font-size: 30px; - color: var(--mdc-theme-primary); - } - - .gifs-added-col { - display: flex; - flex-direction: column; - justify-content: flex-end; - flex: 1 1 0%; - margin-top: 10px; - overflow-y: auto; - max-height: 300px; - } - - .gifs-added-row { - display: flex; - flex-direction: column; - gap: 5px; - overflow-y: auto; - } - - .gifs-added-row .gif-input:last-child { - border-bottom: none; - } - - .gifs-added-row::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .gifs-added-row::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .gifs-added-row::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .gif-input { - display: flex; - flex-direction: row; - align-items: center; - gap: 10px; - background-color: transparent; - padding: 15px 5px; - border-bottom: 1px solid #7b787888; - } - - .gif-input-img { - width: 70px; - height: 70px; - border-radius: 10px; - } - - .gif-input-field { - height: 30px; - background-color: transparent; - border: none; - color: var(--chat-bubble-msg-color); - border-bottom: 1px solid var(--chat-bubble-msg-color); - width: 100%; - padding: 0; - margin: 0; - outline: 0; - font-size: 16px; - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - } - - .upload-collection-row { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - margin-top: 10px; - } - - .upload-collection-name { - display: block; - padding: 8px 10px; - font-size: 16px; - font-family: Montserrat, sans-serif; - font-weight: 600; - background-color: #ebeaea21; - border: 1px solid var(--mdc-theme-primary); - border-radius: 5px; - color: var(--chat-bubble-msg-color); - outline: none; - } - - .upload-collection-name::placeholder { - font-size: 16px; - font-family: Montserrat, sans-serif; - font-weight: 600; - opacity: 0.6; - color: var(--chat-bubble-msg-color); - } - - .collection-back-button { - display: flex; - font-family: Roboto, sans-serif; - font-weight: 300; - letter-spacing: 0.3px; - font-size: 16px; - width: fit-content; - gap: 10px; - color: var(--chat-bubble-msg-color); - flex-direction: row; - align-items: center; - transition: box-shadow 0.2s ease-in-out; - background-color: var(--gif-button-row-bg); - border-radius: 3px; - box-shadow: rgb(0 0 0 / 20%) 0px 0px 0px; - padding: 8px 10px; - cursor: pointer; - } - - .collection-back-button:hover { - border: none; - box-sizing: border-box; - box-shadow: rgb(0 0 0 / 14%) 0px 4px 5px 0px, - rgb(0 0 0 / 12%) 0px 1px 10px 0px, rgb(0 0 0 / 20%) 0px 2px 4px -1px; - } - - .collection-back-button-arrow { - font-size: 10px; - } - - .no-collections { - display: flex; - align-items: center; - justify-content: center; - text-align: center; - color: var(--chat-bubble-msg-color); - font-size: 20px; - font-family: Paytone One, sans-serif; - margin-top: 20px; - user-select: none; - } - - .collection-card { - display: flex; - font-family: Roboto, sans-serif; - font-weight: 300; - letter-spacing: 0.3px; - font-size: 19px; - color: var(--chat-bubble-msg-color); - flex-direction: row; - align-items: center; - transition: all 0.3s ease-in-out; - box-shadow: none; - padding: 10px; - cursor: pointer; - } - - .collection-card:hover { - border: none; - border-radius: 5px; - background-color: var(--gif-collection-hover-bg); - } - - .upload-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.4s ease-in-out; - } - - .upload-back-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: #f44336; - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .upload-back-button:hover { - cursor: pointer; - background-color: #f4433663; - } - - .upload-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - - .lds-circle { - display: flex; - align-items: center; - justify-content: center; - margin-top: 70px; - } - - .lds-circle > div { - display: inline-block; - width: 80px; - height: 80px; - margin: 8px; - border-radius: 50%; - background: var(--mdc-theme-primary); - animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; - } - - @keyframes lds-circle { - 0%, - 100% { - animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); - } - 0% { - transform: rotateY(0deg); - } - 50% { - transform: rotateY(1800deg); - animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); - } - 100% { - transform: rotateY(3600deg); - } - } - - .gifs-loading-message { - font-family: Montserrat, sans-serif; - font-size: 20px; - font-weight: 600; - color: var(--chat-bubble-msg-color); - margin: 0 0 10px 0; - text-align: center; - user-select: none; - } - - .subscribe-button { - position: absolute; - bottom: 3px; - left: 50%; - transform: translateX(-50%); - font-family: Raleway, sans-serif; - font-weight: 500; - font-size: 14px; - background-color: var(--mdc-theme-primary); - border: none; - border-radius: 8px; - outline: none; - padding: 5px 10px; - transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); - } - - .subscribe-button:hover { - cursor: pointer; - box-shadow: 0px 3px 4px 0px hsla(0, 0%, 0%, 0.14), - 0px 3px 3px -2px hsla(0, 0%, 0%, 0.12), - 0px 1px 8px 0px hsla(0, 0%, 0%, 0.2); - } - - .unsubscribe-button { - position: absolute; - width: max-content; - bottom: 3px; - left: 50%; - transform: translateX(-50%); - font-family: Raleway, sans-serif; - font-weight: 500; - font-size: 14px; - background-color: #f44336; - border: none; - border-radius: 8px; - outline: none; - padding: 5px 10px; - transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); - } - - .unsubscribe-button:hover { - cursor: pointer; - box-shadow: 0px 3px 4px 0px hsla(0, 0%, 0%, 0.14), - 0px 3px 3px -2px hsla(0, 0%, 0%, 0.12), - 0px 1px 8px 0px hsla(0, 0%, 0%, 0.2); - } -`; diff --git a/plugins/plugins/core/components/ChatGifs/ChatGifs.js b/plugins/plugins/core/components/ChatGifs/ChatGifs.js deleted file mode 100644 index 199d2de3..00000000 --- a/plugins/plugins/core/components/ChatGifs/ChatGifs.js +++ /dev/null @@ -1,980 +0,0 @@ -import {html, LitElement} from 'lit'; -import {Epml} from '../../../../epml.js'; -import * as zip from '@zip.js/zip.js'; -import '@material/mwc-icon'; -import ShortUniqueId from 'short-unique-id'; -import {publishData} from '../../../utils/publish-image.js'; -import {gifExplorerStyles} from './ChatGifs-css.js'; -import {bytesToMegabytes} from '../../../utils/bytesToMegabytes.js'; -import './ChatGifsExplore.js'; -import '../ImageComponent.js'; -import '@vaadin/tooltip'; -import {get, translate} from '../../../../../core/translate' - -const parentEpml = new Epml({type: 'WINDOW', source: window.parent}); - -class ChatGifs extends LitElement { -static get properties() { -return { -selectedAddress: {type: Object}, -myGifCollections: {type: Array}, -mySubscribedCollections: {type: Array}, -exploreCollections: {type: Array}, -gifsToBeAdded: {type: Array}, -webWorkerImage: {type: Object}, -mode: {type: String}, -currentCollection: {type: String}, -isLoading: {type: String}, -newCollectionName: {type: String}, -editor: {type: Object}, -isSubscribed: { type: Boolean }, -setGifsLoading: { attribute: false }, -sendMessage: { attribute: false }, -setOpenGifModal: { attribute: false } -}; -} - - static styles = [gifExplorerStyles]; - - constructor() { - super(); - this.uid = new ShortUniqueId(); - this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress; - this.myGifCollections = []; - this.mySubscribedCollections = []; - this.exploreCollections = []; - this.myAccountName = ''; - this.gifsToBeAdded = []; - this.mode = 'myCollection'; - this.currentCollection = null; - this.pageNumber = 0; - this.isLoading = false; - this.isSubscribed = false; - this.newCollectionName = ''; - this.getAllCollections = this.getAllCollections.bind(this); - } - - async firstUpdated() { - const tooltip = this.shadowRoot.querySelector('vaadin-tooltip'); - const overlay = tooltip.shadowRoot.querySelector( - 'vaadin-tooltip-overlay' - ); - overlay.shadowRoot.getElementById('overlay').style.cssText = - 'background-color: transparent; border-radius: 10px; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px'; - overlay.shadowRoot.getElementById('content').style.cssText = - 'background-color: var(--gif-tooltip-bg); color: var(--chat-bubble-msg-color); text-align: center; padding: 20px 10px; font-family: Roboto, sans-serif; letter-spacing: 0.3px; font-weight: 300; font-size: 13.5px; transition: all 0.3s ease-in-out;'; - - try { - this.isLoading = true; - const myCollections = await this.getMyGifCollections(); - const savedCollections = await this.getSavedCollections(); - const allCollections = await this.getAllCollections(); - - if (!Array.isArray(myCollections) && !Array.isArray(savedCollections)) { - parentEpml.request('showSnackBar', get('gifs.gchange12')); - return; - } - - await new Promise((res) => { - setTimeout(() => { - res(); - }, 1000) - }); - this.myGifCollections = myCollections; - this.mySubscribedCollections = savedCollections; - this.exploreCollections = allCollections; - } catch (error) { - console.error(error); - } finally { - this.isLoading = false; - } - } - - async updated(changedProperties) { - if (changedProperties && changedProperties.has('mode')) { - const mode = this.mode; - if (mode === 'myCollection') { - try { - this.myGifCollections = []; - this.isLoading = true; - const collections = await this.getMyGifCollections(); - await new Promise((res) => { - setTimeout(() => { - res(); - }, 1000) - }); - this.myGifCollections = collections; - } catch (error) { - console.error(error); - } finally { - this.isLoading = false; - } - } - - if (mode === 'explore') { - try { - this.exploreCollections = []; - this.isLoading = true; - const allCollections = await this.getAllCollections(); - await new Promise((res) => { - setTimeout(() => { - res(); - }, 1000) - }); - this.exploreCollections = allCollections; - } catch (error) { - console.error(error); - } finally { - this.isLoading = false; - } - } - if (mode === 'subscribedCollection') { - try { - this.mySubscribedCollections = []; - this.isLoading = true; - const savedCollections = await this.getSavedCollections(); - await new Promise((res) => { - setTimeout(() => { - res(); - }, 1000) - }); - this.mySubscribedCollections = savedCollections; - } catch (error) { - console.error(error); - } finally { - this.isLoading = false; - } - } - } - - if (changedProperties && changedProperties.has('currentCollection')) { - if (this.mode === 'explore') { - const subbedCollection = this.mySubscribedCollections.find((collection) => ((collection.name === this.currentCollection.name) && (collection.identifier === this.currentCollection.identifier))); - this.isSubscribed = !!subbedCollection; - } - } - } - - async structureCollections(gifCollections) { - const userName = await this.getName(this.selectedAddress.address); - if (!userName) { - return; - } - try { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - const nodeUrl = - myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const getMetaDataGifs = (gifCollections || []).map( - async (collection) => { - let collectionObj = collection; - try { - const metaData = await parentEpml.request('apiCall', { - url: `/arbitrary/metadata/GIF_REPOSITORY/${collection.name}/${collection.identifier}?apiKey=${this.getApiKey()}`, - }); - - collectionObj = { - ...collection, - gifUrls: [], - }; - if (metaData.files) { - const metaDataArray = metaData.files.map((data) => { - return { - url: `${nodeUrl}/arbitrary/GIF_REPOSITORY/${collection.name}/${collection.identifier}?filepath=${data}&apiKey=${this.getApiKey()}`, - filePath: data, - identifier: collection.identifier, - name: collection.name - }; - }); - - collectionObj = { - ...collection, - gifUrls: metaDataArray, - }; - } - } catch (error) { - console.log(error); - } - - return collectionObj; - } - ); - return await Promise.all(getMetaDataGifs); - } catch (error) {} - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - return myNode.apiKey; - } - - async getMoreExploreGifs() { - try { - const getAllGifCollections = await parentEpml.request('apiCall', { - type: 'api', - url: `/arbitrary/resources?service=GIF_REPOSITORY&limit=20&offset=${ - this.pageNumber * 20 - }&apiKey=${this.getApiKey()}`, - }); - - const gifCollectionWithMetaData = await this.structureCollections( - getAllGifCollections - ); - this.exploreCollections = [ - ...this.exploreCollections, - ...gifCollectionWithMetaData, - ]; - - this.pageNumber = this.pageNumber + 1; - } catch (error) { - console.error(error); - } - } - - async getCollectionList() { - try { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/lists/gifSubscribedRepos?apiKey=${this.getApiKey()}`, - }); - } catch (error) {} - } - - async addCollectionToList(collection) { - try { - const body = { - items: [collection], - }; - - const bodyToString = JSON.stringify(body); - await parentEpml.request('apiCall', { - type: 'api', - method: 'POST', - url: `/lists/gifSubscribedRepos?apiKey=${this.getApiKey()}`, - body: bodyToString, - headers: { - 'Content-Type': 'application/json', - }, - }); - } catch (error) {} - } - - async removeCollectionFromList(collection) { - try { - const body = { - items: [collection], - }; - const bodyToString = JSON.stringify(body); - await parentEpml.request('apiCall', { - type: 'api', - method: 'DELETE', - url: `/lists/gifSubscribedRepos?apiKey=${this.getApiKey()}`, - body: bodyToString, - headers: { - 'Content-Type': 'application/json', - }, - }); - } catch (error) {} - } - - async getMyGifCollections() { - this.myAccountName = await this.getName(this.selectedAddress.address); - if (this.myAccountName) { - const getMyGifCollections = await parentEpml.request('apiCall', { - url: `/arbitrary/resources/search?service=GIF_REPOSITORY&query=${this.myAccountName}&apiKey=${this.getApiKey()}`, - }); - return await this.structureCollections( - getMyGifCollections - ); - } else { - return []; - } - } - - async getAllCollections() { - this.pageNumber = 0; - // for the explore section - const getAllGifCollections = await parentEpml.request('apiCall', { - type: 'api', - url: `/arbitrary/resources?service=GIF_REPOSITORY&limit=20&offset=${ - this.pageNumber * 20 - }&apiKey=${this.getApiKey()}`, - }); - const gifCollectionWithMetaData = await this.structureCollections( - getAllGifCollections - ); - this.pageNumber = this.pageNumber + 1; - return gifCollectionWithMetaData; - } - - async getSavedCollections() { - const getCollectionList = await this.getCollectionList(); - let savedCollections = []; - const getSavedGifRepos = (getCollectionList || []).map( - async (collection) => { - let splitCollection = collection.split('/'); - const name = splitCollection[0]; - const identifier = splitCollection[1]; - try { - const data = await parentEpml.request('apiCall', { - url: `/arbitrary/metadata/GIF_REPOSITORY/${name}/${identifier}?apiKey=${this.getApiKey()}`, - }); - if (data.title) { - savedCollections.push({ - identifier, - name, - service: 'GIF_REPOSITORY' - }); - } - } catch (error) { - console.log(error); - } - return collection; - } - ); - await Promise.all(getSavedGifRepos); - return await this.structureCollections( - savedCollections - ); - } - - async getName(recipient) { - try { - const getNames = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/address/${recipient}?apiKey=${this.getApiKey()}`, - }); - - if (Array.isArray(getNames) && getNames.length > 0) { - return getNames[0].name; - } else { - return ''; - } - } catch (error) { - return ''; - } - } - - removeDotGIF(arr) { - return arr.map(obj => { - const newObj = { ...obj }; - if (newObj.hasOwnProperty('name') && newObj.name.endsWith('.gif')) { - newObj.name = newObj.name.slice(0, -4); - } - return newObj; - }); - } - - addDotGIF(arr) { - return arr.map(obj => { - const newObj = { ...obj }; - if (newObj.hasOwnProperty('name') && !newObj.name.endsWith('.gif')) { - newObj.name += '.gif'; - } - return newObj; - }); - } - - addGifs(gifs) { - const mapGifs = gifs.map((file) => { - return { - file, - name: file.name, - size: file.size - }; - }); - const removedExtensions = this.removeDotGIF(mapGifs); - this.gifsToBeAdded = [...this.gifsToBeAdded, ...removedExtensions]; - } - - async uploadGifCollection() { - if (!this.newCollectionName) { - parentEpml.request('showSnackBar', get('gifs.gchange8')); - return; - } - try { - this.setGifsLoading(true); - this.isLoading = true; - const userName = await this.getName(this.selectedAddress.address); - const doesNameExist = await parentEpml.request('apiCall', { - url: `/arbitrary/metadata/GIF_REPOSITORY/${userName}/${this.newCollectionName}?apiKey=${this.getApiKey()}`, - }); - - if (!userName) { - parentEpml.request('showSnackBar', get('chatpage.cchange27')); - this.setGifsLoading(false); - this.isLoading = false; - return; - } - - if (doesNameExist.title) { - parentEpml.request('showSnackBar', get('gifs.gchange24')); - this.isLoading = false; - this.setGifsLoading(false); - return; - } - - function validateGifSizes(gifs) { - const maxSizeInMB = 0.7; - const invalidGifs = []; - - for (let i = 0; i < gifs.length; i++) { - const gif = gifs[i]; - const gifSize = gif.size; - - const gifSizeMB = bytesToMegabytes(gifSize); - - if (gifSizeMB > maxSizeInMB) { - invalidGifs.push(gif); - } - } - - return invalidGifs.length <= 0; - } - - let validatedSize = validateGifSizes(this.gifsToBeAdded); - - if (!validatedSize) { - parentEpml.request('showSnackBar', get('gifs.gchange28')); - this.isLoading = false; - this.setGifsLoading(false); - return; - } - - function validateDuplicateGifNames(arr) { - let names = []; - for (let i = 0; i < arr.length; i++) { - if (names.includes(arr[i].name)) { - return false; - } - names.push(arr[i].name); - } - return true; - } - - let validatedNames = validateDuplicateGifNames(this.gifsToBeAdded); - - if (!validatedNames) { - parentEpml.request('showSnackBar', get('gifs.gchange23')); - this.isLoading = false; - this.setGifsLoading(false); - return; - } - - const addedGifExtensionsArr = this.addDotGIF(this.gifsToBeAdded); - - function blobToBase64(blob) { - return new Promise((resolve, _) => { - const reader = new FileReader(); - reader.onloadend = () => resolve(reader.result); - reader.readAsDataURL(blob); - }); - } - const zipFileWriter = new zip.BlobWriter('application/zip'); - - const zipWriter = new zip.ZipWriter(zipFileWriter, { - bufferedWrite: true, - }); - - for (let i = 0; i < addedGifExtensionsArr.length; i++) { - await zipWriter.add( - addedGifExtensionsArr[i].name, - new zip.BlobReader(addedGifExtensionsArr[i].file) - ); - } - - await zipWriter.close(); - - const zipFileBlob = await zipFileWriter.getData(); - - const zipSize = bytesToMegabytes(zipFileBlob.size); - - if (zipSize > 10) { - parentEpml.request('showSnackBar', get('gifs.gchange27')); - this.isLoading = false; - this.setGifsLoading(false); - return; - } - - const blobTobase = await blobToBase64(zipFileBlob); - - await publishData({ - registeredName: userName, - file: blobTobase.split(',')[1], - service: 'GIF_REPOSITORY', - identifier: this.newCollectionName, - parentEpml, - title: this.newCollectionName, - uploadType: 'zip', - selectedAddress: this.selectedAddress, - worker: this.webWorkerImage, - isBase64: true, - }); - - await new Promise((res) => { - let interval = null; - let stop = false; - const getAnswer = async () => { - if (!stop) { - stop = true; - try { - let myCollection = await parentEpml.request( - 'apiCall', - { - url: `/arbitrary/metadata/GIF_REPOSITORY/${userName}/${this.newCollectionName}?apiKey=${this.getApiKey()}`, - } - ); - if (myCollection.title) { - clearInterval(interval); - res(); - } - } catch (error) { - console.error(error); - this.isLoading = false; - this.setGifsLoading(false); - this.mode = 'myCollection'; - this.gifsToBeAdded = []; - this.newCollectionName = ''; - parentEpml.request('showSnackBar', get('gifs.gchange12')); - } - stop = false; - } - }; - interval = setInterval(getAnswer, 5000); - }); - - this.isLoading = false; - this.setGifsLoading(false); - this.mode = 'myCollection'; - this.gifsToBeAdded = []; - this.newCollectionName = ''; - parentEpml.request('showSnackBar', get('gifs.gchange10')); - } catch (error) { - console.log(error); - parentEpml.request('showSnackBar', get('gifs.gchange12')); - this.setGifsLoading(false); - this.isLoading = false; - } - } - - setCurrentCollection(val) { - this.currentCollection = val; - } - - clearGifSelections() { - this.mode = 'myCollection'; - this.gifsToBeAdded = []; - } - - async subscribeToCollection() { - await this.addCollectionToList( - `${this.currentCollection.name}/${this.currentCollection.identifier}` - ); - parentEpml.request('showSnackBar', get('gifs.gchange20')); - this.isSubscribed = true; - this.mySubscribedCollections = await this.getSavedCollections(); - } - - async unsubscribeToCollection() { - await this.removeCollectionFromList( - `${this.currentCollection.name}/${this.currentCollection.identifier}` - ); - parentEpml.request('showSnackBar', get('gifs.gchange21')); - this.isSubscribed = false; - this.mySubscribedCollections = await this.getSavedCollections(); - } - - render() { - return html` -
    -
    - { - if (this.isLoading) return; - this.mode = 'newCollection'; - }} - icon="vaadin:plus" - slot="icon"> - -
    -
    { - if (this.mode === 'explore' && !this.currentCollection) { - this.mode = 'myCollection'; - this.currentCollection = null; - } else if (this.mode === 'explore' && this.currentCollection) { - this.mode = 'explore'; - this.currentCollection = null; - this.isSubscribed = false; - } else { - this.currentCollection = null; - } - }} - > - -
    -

    - ${translate( - 'gifs.gchange1' - )} -

    - { - if (this.isLoading) return; - this.mode = 'explore'; - this.currentCollection = null; - }} - icon="vaadin:search" - slot="icon"> - - - -
    -
    -
    -
    { - if (this.isLoading) return; - if (this.mode === 'myCollection') return; - this.mode = 'myCollection'; - this.currentCollection = null; - }}> - ${translate('gifs.gchange3')} -
    -
    { - if (this.isLoading) return; - if (this.mode === 'subscribedCollection') return; - this.mode = 'subscribedCollection'; - this.currentCollection = null; - }} - > - ${translate('gifs.gchange4')} -
    -
    -
    -
    - ${this.mode === 'myCollection' && !this.currentCollection - ? html` - ${this.isLoading === true - ? html`
    ` - : ''} - ${(this.myGifCollections.length === 0 && !this.isLoading) ? ( - html` -
    ${translate('gifs.gchange13')}
    - ` - ) : ( - html` - ${(this.myGifCollections || []).map((collection) => { - return html` -
    { - this.currentCollection = - collection; - }} class='collection-card'> - ${collection.identifier} -
    - `; - })} - ` - )} - ` - : '' - } - ${this.mode === 'subscribedCollection' && - !this.currentCollection - ? html` - ${this.isLoading === true - ? html`
    ` - : ''} - ${(this.mySubscribedCollections.length === 0 && !this.isLoading) ? ( - html` -
    ${translate('gifs.gchange14')}
    - ` - ) : ( - html` - ${this.mySubscribedCollections.map( - (collection) => { - return html` -
    { - this.currentCollection = - collection; - }} class='collection-card'> - ${collection.identifier} -
    - `; - } - )} - ` - )} - ` - : '' - } - ${this.mode === 'explore' && !this.currentCollection - ? html` - ${this.isLoading === true - ? html` -
    - ` - : html` - - this.getAllCollections(val)} - .getMoreExploreGifs=${(val) => - this.getMoreExploreGifs(val)} - .exploreCollections=${this - .exploreCollections} - .setCurrentCollection=${(val) => - this.setCurrentCollection(val)} - > - ` - } - ` - : '' - } - ${this.currentCollection && this.mode === 'myCollection' - ? html` -
    - ${this.currentCollection.gifUrls.map((gif) => { - return html` - this.sendMessage(val)} - .setOpenGifModal=${(val) => this.setOpenGifModal(val)} - .class=${'gif-image'} - .gif=${gif} - .alt=${'gif-image'}> - - `; - })} -
    - ` - : '' - } - ${this.currentCollection && - this.mode === 'subscribedCollection' - ? html` -
    - ${this.currentCollection.gifUrls.map((gif) => { - return html` - this.sendMessage(val)} - .setOpenGifModal=${(val) => this.setOpenGifModal(val)} - .class=${'gif-image'} - .gif=${gif} - .alt=${'gif-image'}> - - `; - })} -
    - ` - : '' - } - ${this.currentCollection && this.mode === 'explore' - ? html` -
    - ${this.currentCollection.gifUrls.map((gif) => { - return html` - this.sendMessage(val)} - .setOpenGifModal=${(val) => this.setOpenGifModal(val)} - .class=${'gif-image'} - .gif=${gif} - .alt=${'gif-image'}> - - `; - })} -
    - ${this.isSubscribed ? ( - html` - - ` - ) : ( - html` - - ` - )} - ` - : '' - } - ${this.mode === 'newCollection' && this.isLoading === false - ? html` -
    -
    -

    - ${translate('gifs.gchange5')} -

    -

    - ${translate('gifs.gchange6')} -

    -
    -
    - this.shadowRoot - .getElementById( - 'file-picker-gif' - ) - .click()} - class="new-collection-container" - style=${this.gifsToBeAdded.length > 0 ? "padding: 10px 0;" : "padding: 60px 0;"} - > - - - -
    - - { - this.newCollectionName = - e.target.value; - }} - /> -
    -
    - ${this.gifsToBeAdded.map((gif, i) => { - return html` -
    - - { - this.gifsToBeAdded[i] = { - ...gif, - name: e.target - .value, - }; - }} - /> -
    - `; - })} -
    -
    - - -
    -
    -
    - ` - : this.mode === 'newCollection' && this.isLoading === true ? ( - html` -
    -

    ${translate("gifs.gchange11")}

    -
    -
    - ` - ) - : '' - } -
    -
    -
    -
    - `; - } - -} - -window.customElements.define('chat-gifs', ChatGifs) diff --git a/plugins/plugins/core/components/ChatGifs/ChatGifsExplore-css.js b/plugins/plugins/core/components/ChatGifs/ChatGifsExplore-css.js deleted file mode 100644 index 4ca581e7..00000000 --- a/plugins/plugins/core/components/ChatGifs/ChatGifsExplore-css.js +++ /dev/null @@ -1,157 +0,0 @@ -import {css} from 'lit'; - -export const chatGifsExploreStyles = css` - .container-body { - display: flex; - flex-direction: column; - align-items: center; - max-width: 100%; - height: 100%; - } - - .collection-wrapper { - display: flex; - flex-direction: column; - width: 100%; - height: 100%; - max-height: 500px; - overflow-y: auto; - overflow-x: hidden; - } - - .collection-wrapper::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .collection-wrapper::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .collection-wrapper::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .collection-card { - display: flex; - font-family: Roboto, sans-serif; - font-weight: 300; - letter-spacing: 0.3px; - font-size: 19px; - color: var(--chat-bubble-msg-color); - flex-direction: row; - align-items: center; - transition: all 0.3s ease-in-out; - box-shadow: none; - padding: 10px; - cursor: pointer; - } - - .collection-card:hover { - border: none; - border-radius: 5px; - background-color: var(--gif-collection-hover-bg); - } - - .search-collection-name { - display: block; - padding: 8px 10px; - font-size: 16px; - font-family: Montserrat, sans-serif; - font-weight: 600; - background-color: #ebeaea21; - border: 1px solid var(--mdc-theme-primary); - border-radius: 5px; - color: var(--chat-bubble-msg-color); - width: 90%; - margin: 10px 0; - outline: none; - } - - .search-collection-name::placeholder { - font-size: 16px; - font-family: Montserrat, sans-serif; - font-weight: 600; - opacity: 0.6; - color: var(--chat-bubble-msg-color); - } - - .search-collection-wrapper { - display: flex; - justify-content: center; - align-items: center; - width: 100%; - position: relative; - } - - .explore-collections-icon { - position: absolute; - right: 20px; - font-size: 13px; - color: var(--chat-group); - cursor: pointer; - } - - .clear-search-icon { - position: absolute; - right: 15px; - font-size: 16px; - color: var(--chat-group); - padding: 1px; - border-radius: 50%; - background-color: transparent; - transition: all 0.3s ease-in-out; - } - - .clear-search-icon:hover { - cursor: pointer; - background-color: #e4e3e389; - } - - .gifs-loading-message { - font-family: Montserrat, sans-serif; - font-size: 20px; - font-weight: 600; - color: var(--chat-bubble-msg-color); - margin: 0 0 10px 0; - text-align: center; - user-select: none; - } - - .lds-circle { - display: flex; - align-items: center; - justify-content: center; - } - - .lds-circle > div { - display: inline-block; - width: 80px; - height: 80px; - margin: 8px; - border-radius: 50%; - background: var(--mdc-theme-primary); - animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; - } - - @keyframes lds-circle { - 0%, - 100% { - animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); - } - 0% { - transform: rotateY(0deg); - } - 50% { - transform: rotateY(1800deg); - animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); - } - 100% { - transform: rotateY(3600deg); - } - } -`; diff --git a/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js b/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js deleted file mode 100644 index b3f8876a..00000000 --- a/plugins/plugins/core/components/ChatGifs/ChatGifsExplore.js +++ /dev/null @@ -1,170 +0,0 @@ -import {html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {chatGifsExploreStyles} from './ChatGifsExplore-css.js' -import {get, translate} from '../../../../../core/translate' -import '@material/mwc-icon' - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); - -class ChatGifsExplore extends LitElement { - static get properties() { - return { - currentCollection: { type: String }, - searchCollectionName: {type: String}, - getMoreExploreGifs: { attribute: false }, - exploreCollections: { type: Array }, - setCurrentCollection: { attribute: false }, - isLoading: { type: Boolean }, - isSearched: { type: Boolean }, - getAllCollections: { attribute: false } - }; - } - - static styles = [chatGifsExploreStyles]; - - constructor() { - super(); - this.searchCollectionName = ''; - this.downObserverElement = ''; - this.viewElement = ''; - this.exploreCollections = []; - this.isLoading = false; - this.isSearched = false; - } - - elementObserver() { - const options = { - root: this.viewElement, - rootMargin: '0px', - threshold: 1, - }; - // identify an element to observe - const elementToObserve = this.downObserverElement; - // passing it a callback function - const observer = new IntersectionObserver( - this.observerHandler, - options - ); - // call `observe()` on that MutationObserver instance, - // passing it the element to observe, and the options object - observer.observe(elementToObserve); - } - - observerHandler(entries) { - if (!entries[0].isIntersecting) { - - } else { - if (this.exploreCollections.length < 20) { - return; - } - - this.getMoreExploreGifs(); - } - } - - async firstUpdated() { - this.viewElement = this.shadowRoot.getElementById('viewElement'); - this.downObserverElement = - this.shadowRoot.getElementById('downObserver'); - this.elementObserver(); - } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } - - async searchCollections() { - this.isSearched = true; - try { - this.exploreCollections = []; - this.isLoading = true; - const response = await parentEpml.request('apiCall', { - url: `/arbitrary/resources/search?service=GIF_REPOSITORY&query=${this.searchCollectionName}&limit=0&apiKey=${this.getApiKey()} - `, - }); - await new Promise((res) => { - setTimeout(() => { - res(); - }, 1000) - }); - this.exploreCollections = response; - } catch (error) { - console.error(error); - } finally { - this.isLoading = false; - } - } - - render() { - return html` -
    -
    - { - this.searchCollectionName = - e.target.value; - }} - @keyup=${async (e) => { - if (e.key === 'Enter' && this.searchCollectionName) { - await this.searchCollections() - } - }} - /> - ${this.isSearched ? ( - html` - { - if (this.isLoading) return; - this.exploreCollections = await this.getAllCollections(); - this.searchCollectionName = ''; - this.isSearched = false; - }} - icon='vaadin:close-small' - slot='icon'> - - ` - ) : html` - { - if (this.isLoading || !this.searchCollectionName) return; - await this.searchCollections(); - }} - icon='vaadin:search' - slot='icon'> - - `} -
    -
    - ${this.isLoading ? html` -
    -

    ${translate('gifs.gchange18')} -

    -
    -
    ` - : this.isSearched && this.exploreCollections.length === 0 ? ( - html`

    ${translate('gifs.gchange19')}

    ` - ) : ( - html`${this.exploreCollections.map((collection) => { - return html` -
    { - this.setCurrentCollection(collection); - }}> - ${collection.identifier} -
    - `; - })}` - )} -
    -
    -
    - `; - } - -} - -window.customElements.define('chat-gifs-explore', ChatGifsExplore) diff --git a/plugins/plugins/core/components/ChatGifsExplore.js b/plugins/plugins/core/components/ChatGifsExplore.js new file mode 100644 index 00000000..b2aadb25 --- /dev/null +++ b/plugins/plugins/core/components/ChatGifsExplore.js @@ -0,0 +1,191 @@ +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatGifsExploreStyles } from './plugins-css' +import '@material/mwc-icon' + +// Multi language support +import { get, translate } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +class ChatGifsExplore extends LitElement { + static get properties() { + return { + currentCollection: { type: String }, + searchCollectionName: { type: String }, + getMoreExploreGifs: { attribute: false }, + exploreCollections: { type: Array }, + setCurrentCollection: { attribute: false }, + isLoading: { type: Boolean }, + isSearched: { type: Boolean }, + getAllCollections: { attribute: false } + } + } + + static get styles() { + return [chatGifsExploreStyles] + } + + constructor() { + super(); + this.searchCollectionName = '' + this.downObserverElement = '' + this.viewElement = '' + this.exploreCollections = [] + this.isLoading = false + this.isSearched = false + } + + render() { + return html` +
    +
    + {this.searchCollectionName = e.target.value;}} + @keyup=${async (e) => { + if (e.key === 'Enter' && this.searchCollectionName) { + await this.searchCollections(); + } + }} + /> + ${this.isSearched ? + (html` + { + if (this.isLoading) return; + this.exploreCollections = await this.getAllCollections(); + this.searchCollectionName = ''; + this.isSearched = false; + }} + icon='vaadin:close-small' + slot='icon' + > + + `) + : html` + { + if (this.isLoading || !this.searchCollectionName) return; + await this.searchCollections(); + }} + icon='vaadin:search' + slot='icon' + > + + ` + } +
    +
    + ${this.isLoading ? + html` +
    +

    ${translate('gifs.gchange18')}

    +
    +
    + ` + : this.isSearched && this.exploreCollections.length === 0 ? + (html` +

    ${translate('gifs.gchange19')}

    + `) + : (html` + ${this.exploreCollections.map((collection) => { + return html` +
    {this.setCurrentCollection(collection);}}> + ${collection.identifier} +
    + ` + })} + `) + } +
    +
    +
    + ` + } + + async firstUpdated() { + this.viewElement = this.shadowRoot.getElementById('viewElement') + this.downObserverElement = this.shadowRoot.getElementById('downObserver') + this.elementObserver() + } + + elementObserver() { + const options = { + root: this.viewElement, + rootMargin: '0px', + threshold: 1 + } + + // identify an element to observe + const elementToObserve = this.downObserverElement + + // passing it a callback function + const observer = new IntersectionObserver( + this.observerHandler, + options + ) + + // call `observe()` on that MutationObserver instance, + // passing it the element to observe, and the options object + observer.observe(elementToObserve) + } + + observerHandler(entries) { + if (!entries[0].isIntersecting) { + // ... + } else { + if (this.exploreCollections.length < 20) { + return + } + + this.getMoreExploreGifs() + } + } + + async searchCollections() { + this.isSearched = true + + try { + this.exploreCollections = [] + this.isLoading = true + + const response = await parentEpml.request('apiCall', { + url: `/arbitrary/resources/search?service=GIF_REPOSITORY&query=${this.searchCollectionName}&limit=0&apiKey=${this.getApiKey()}` + }) + + await new Promise((res) => { + setTimeout(() => { + res() + }, 1000) + }) + + this.exploreCollections = response + } catch (error) { + console.error(error) + } finally { + this.isLoading = false + } + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('chat-gifs-explore', ChatGifsExplore) diff --git a/plugins/plugins/core/components/ChatGroupInvites.js b/plugins/plugins/core/components/ChatGroupInvites.js index aa81717c..6294e198 100644 --- a/plugins/plugins/core/components/ChatGroupInvites.js +++ b/plugins/plugins/core/components/ChatGroupInvites.js @@ -1,13 +1,16 @@ -import {css, html, LitElement} from "lit" -import {Epml} from "../../../epml" -import "@material/mwc-button" -import "@material/mwc-dialog" -import "@polymer/paper-spinner/paper-spinner-lite.js" -import "@material/mwc-icon" -import "./WrapperModal" -import {translate} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatGroupStyles } from './plugins-css' +import './WrapperModal' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' -const parentEpml = new Epml({ type: "WINDOW", source: window.parent }) +// Multi language support +import { translate } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatGroupInvites extends LitElement { static get properties() { @@ -20,10 +23,14 @@ class ChatGroupInvites extends LitElement { chatHeads: { type: Array }, groupAdmin: { attribute: false }, groupMembers: { attribute: false }, - selectedHead: { type: Object }, + selectedHead: { type: Object } } } + static get styles() { + return [chatGroupStyles] + } + constructor() { super() this.isLoading = false @@ -31,37 +38,44 @@ class ChatGroupInvites extends LitElement { this.leaveGroupObj = {} this.leaveFee = 0.001 this.error = false - this.message = "" + this.message = '' this.chatHeads = [] this.groupAdmin = [] this.groupMembers = [] } - static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: 0.2s all; - } - .top-bar-icon:hover { - color: var(--black); - } - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } + render() { + return html` + {this.isOpenLeaveModal = true}} class="top-bar-icon" style="margin: 0px 20px" icon="vaadin:users" slot="icon"> + { + if (this.isLoading) return + this.isOpenLeaveModal = false + }} + style=${this.isOpenLeaveModal ? "display: block" : "display: none"} + > +
    +

    ${translate("grouppage.gchange35")}

    +
    +
    + + +
    + + + ${translate("grouppage.gchange36")}   + + + ${this.message} +
    + +     ` } - firstUpdated() {} + firstUpdated() { + // ... + } timeIsoString(timestamp) { let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp @@ -71,7 +85,7 @@ class ChatGroupInvites extends LitElement { resetDefaultSettings() { this.error = false - this.message = "" + this.message = '' this.isLoading = false } @@ -89,15 +103,16 @@ class ChatGroupInvites extends LitElement { stop = true try { let myRef = await parentEpml.request("apiCall", { - type: "api", - url: `/transactions/reference/${reference}`, - }) + type: "api", + url: `/transactions/reference/${reference}` + }) + if (myRef && myRef.type) { clearInterval(interval) this.isLoading = false this.isOpenLeaveModal = false } - } catch (error) {} + } catch (error) { } stop = false } } @@ -107,7 +122,7 @@ class ChatGroupInvites extends LitElement { async getLastRef() { return await parentEpml.request("apiCall", { type: "api", - url: `/addresses/lastreference/${this.selectedAddress.address}`, + url: `/addresses/lastreference/${this.selectedAddress.address}` }) } @@ -118,7 +133,7 @@ class ChatGroupInvites extends LitElement { this.confirmRelationship(reference) } else { this.error = true - this.message = "" + this.message = '' throw new Error(txnResponse) } } @@ -128,95 +143,40 @@ class ChatGroupInvites extends LitElement { type: "api", method: "POST", url: `/transactions/convert`, - body: `${transactionBytesBase58}`, + body: `${transactionBytesBase58}` }) } - async signTx(body){ - return await parentEpml.request("apiCall", { - type: "api", - method: "POST", - url: `/transactions/sign`, - body: body, - headers: { - 'Content-Type': 'application/json' - } - }) - } + async signTx(body) { + return await parentEpml.request("apiCall", { + type: "api", + method: "POST", + url: `/transactions/sign`, + body: body, + headers: { + 'Content-Type': 'application/json' + } + }) + } + + async process(body) { + return await parentEpml.request("apiCall", { + type: "api", + method: "POST", + url: `/transactions/process`, + body: body + }) + } - async process(body){ - return await parentEpml.request("apiCall", { - type: "api", - method: "POST", - url: `/transactions/process`, - body: body, - }) - } async _addAdmin(groupId) { // Reset Default Settings... this.resetDefaultSettings() + const leaveFeeInput = this.leaveFee this.isLoading = true // Get Last Ref - - const validateReceiver = async () => { - let lastRef = await this.getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - this.getTxnRequestResponse(myTransaction, lastRef ) - } - - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - const body = { - timestamp: Date.now(), - reference: lastRef, - fee: leaveFeeInput, - ownerPublicKey: window.parent.Base58.encode( - window.parent.reduxStore.getState().app.selectedAddress - .keyPair.publicKey - ), - groupId: groupId, - member: this.selectedHead.address, - } - const bodyToString = JSON.stringify(body) - let transactionBytes = await parentEpml.request("apiCall", { - type: "api", - method: "POST", - url: `/groups/addadmin`, - body: bodyToString, - headers: { - "Content-Type": "application/json", - }, - }) - const readforsign = await this.convertBytesForSigning( - transactionBytes - ) - const body2 = { - privateKey: window.parent.Base58.encode( - window.parent.reduxStore.getState().app.selectedAddress - .keyPair.privateKey - ), - transactionBytes: readforsign, - } - const bodyToString2 = JSON.stringify(body2) - let signTransaction = await this.signTx(bodyToString2) - return await this.process(signTransaction) - } - - await validateReceiver() - } - - async _removeAdmin(groupId) { - // Reset Default Settings... - this.resetDefaultSettings() - const leaveFeeInput = this.leaveFee - - this.isLoading = true - - // Get Last Ref - const validateReceiver = async () => { let lastRef = await this.getLastRef() let myTransaction = await makeTransactionRequest(lastRef) @@ -229,101 +189,111 @@ class ChatGroupInvites extends LitElement { timestamp: Date.now(), reference: lastRef, fee: leaveFeeInput, - ownerPublicKey: window.parent.Base58.encode( - window.parent.reduxStore.getState().app.selectedAddress - .keyPair.publicKey - ), + ownerPublicKey: window.parent.Base58.encode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey), groupId: groupId, - admin: this.selectedHead.address, + member: this.selectedHead.address } + const bodyToString = JSON.stringify(body) + let transactionBytes = await parentEpml.request("apiCall", { type: "api", method: "POST", - url: `/groups/removeadmin`, + url: `/groups/addadmin`, body: bodyToString, headers: { - "Content-Type": "application/json", - }, + "Content-Type": "application/json" + } }) - const readforsign = await this.convertBytesForSigning( - transactionBytes - ) + + const readforsign = await this.convertBytesForSigning(transactionBytes) + const body2 = { - privateKey: window.parent.Base58.encode( - window.parent.reduxStore.getState().app.selectedAddress - .keyPair.privateKey - ), - transactionBytes: readforsign, + privateKey: window.parent.Base58.encode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey), + transactionBytes: readforsign } + const bodyToString2 = JSON.stringify(body2) + let signTransaction = await this.signTx(bodyToString2) + return await this.process(signTransaction) } await validateReceiver() } - render() { - console.log("leaveGroupObj", this.leaveGroupObj) - return html` - { - this.isOpenLeaveModal = true - }} class="top-bar-icon" style="margin: 0px 20px" icon="vaadin:users" slot="icon"> + async _removeAdmin(groupId) { + // Reset Default Settings... + this.resetDefaultSettings() - { - if (this.isLoading) return - this.isOpenLeaveModal = false - }} - style=${ - this.isOpenLeaveModal ? "display: block" : "display: none" - }> -
    -

    ${translate("grouppage.gchange35")}

    -
    -
    + const leaveFeeInput = this.leaveFee - - -
    - - - ${translate("grouppage.gchange36")}   - - - - - ${this.message} - -
    + this.isLoading = true + // Get Last Ref + const validateReceiver = async () => { + let lastRef = await this.getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + this.getTxnRequestResponse(myTransaction, lastRef) + } - -     - ` + const bodyToString = JSON.stringify(body) + + let transactionBytes = await parentEpml.request("apiCall", { + type: "api", + method: "POST", + url: `/groups/removeadmin`, + body: bodyToString, + headers: { + "Content-Type": "application/json" + } + }) + + const readforsign = await this.convertBytesForSigning( + transactionBytes + ) + + const body2 = { + privateKey: window.parent.Base58.encode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey), + transactionBytes: readforsign + } + + const bodyToString2 = JSON.stringify(body2) + + let signTransaction = await this.signTx(bodyToString2) + + return await this.process(signTransaction) + } + + await validateReceiver() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define("chat-right-panel", ChatGroupInvites) +window.customElements.define('chat-group-invites', ChatGroupInvites) diff --git a/plugins/plugins/core/components/ChatGroupManager.js b/plugins/plugins/core/components/ChatGroupManager.js index 701a4fe1..c16fed40 100644 --- a/plugins/plugins/core/components/ChatGroupManager.js +++ b/plugins/plugins/core/components/ChatGroupManager.js @@ -1,19 +1,22 @@ -import {css, html, LitElement} from 'lit'; -import {Epml} from '../../../epml'; -import '@material/mwc-button'; -import '@material/mwc-dialog'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@polymer/paper-progress/paper-progress.js'; -import '@material/mwc-icon'; -import '@vaadin/button'; -import './WrapperModal'; -import './TipUser'; -import './UserInfo/UserInfo'; -import './ChatImage'; -import './ReusableImage'; -import {get} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatGroupsManagerStyles } from './plugins-css' +import './WrapperModal' +import './TipUser' +import './UserInfo' +import './ChatImage' +import './ReusableImage' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@polymer/paper-progress/paper-progress.js' +import '@vaadin/button' -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); +// Multi language support +import { get } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatGroupsManager extends LitElement { static get properties() { @@ -41,294 +44,134 @@ class ChatGroupsManager extends LitElement { isReceipient: { type: Boolean }, groups: { type: Array }, viewImage: { type: Boolean }, - autoView: {type: Boolean}, - onlyMyImages: {type: Boolean}, - repost: {attribute: false} - }; - } - - constructor() { - super(); - this.leaveGroupObj = {}; - this.leaveFee = 0.001; - this.error = false; - this.chatHeads = []; - this.groupAdmin = []; - this.groupMembers = []; - this.observerHandler = this.observerHandler.bind(this); - this.getGroups = this.getGroups.bind(this); - this.viewElement = ''; - this.downObserverElement = ''; - - this.sendMoneyLoading = false; - this.btnDisable = false; - this.errorMessage = ''; - this.successMessage = ''; - - this.groups = []; - this.viewImage = false; - this.myName = - window.parent.reduxStore.getState().app.accountInfo.names[0].name; - this.myAddress = - window.parent.reduxStore.getState().app.selectedAddress.address; - this.autoView =false - this.onlyMyImages = true + autoView: { type: Boolean }, + onlyMyImages: { type: Boolean }, + repost: { attribute: false } + } } static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: 0.2s all; - } + return [chatGroupsManagerStyles] + } - .top-bar-icon:hover { - color: var(--black); - } + constructor() { + super() + this.leaveGroupObj = {} + this.leaveFee = 0.01 + this.error = false + this.chatHeads = [] + this.groupAdmin = [] + this.groupMembers = [] + this.observerHandler = this.observerHandler.bind(this) + this.getGroups = this.getGroups.bind(this) + this.viewElement = '' + this.downObserverElement = '' + this.sendMoneyLoading = false + this.btnDisable = false + this.errorMessage = '' + this.successMessage = '' + this.groups = [] + this.viewImage = false + this.myName = window.parent.reduxStore.getState().app.accountInfo.names[0].name + this.myAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.autoView = false + this.onlyMyImages = true + } - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } + render() { + console.log('this.groups', this.groups) - .close-row { - width: 100%; - display: flex; - justify-content: flex-end; - height: 50px; - flex: 0; - align-items: center; - } + return html` +
    +
    + {this.getGroups();}} style="color: var(--black); cursor:pointer;">refresh +
    +
    + + this.selectAuto(e)} ?checked=${this.autoView}> +
    +
    + + this.selectMyImages(e)} ?checked=${this.onlyMyImages}> +
    +
    +
    +
    +
    + ` + } - .container-body { - width: 100%; - display: flex; - flex-direction: column; - flex-grow: 1; - overflow: auto; - margin-top: 5px; - padding: 0px 6px; - box-sizing: border-box; - } - - .container-body::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .container-body::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .container-body::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .container-body::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - p { - color: var(--black); - margin: 0px; - padding: 0px; - word-break: break-all; - } - - .container { - display: flex; - width: 100%; - flex-direction: column; - height: 100%; - } - - .chat-right-panel-label { - font-family: Montserrat, sans-serif; - color: var(--group-header); - padding: 5px; - font-size: 13px; - user-select: none; - } - - .group-info { - display: flex; - flex-direction: column; - justify-content: flex-start; - gap: 10px; - } - - .group-name { - font-family: Raleway, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - text-align: center; - user-select: none; - } - - .group-description { - font-family: Roboto, sans-serif; - color: var(--chat-bubble-msg-color); - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - margin-top: 15px; - word-break: break-word; - user-select: none; - } - - .group-subheader { - font-family: Montserrat, sans-serif; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - - .group-data { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - .message-myBg { - background-color: var(--chat-bubble-myBg) !important; - margin-bottom: 15px; - border-radius: 5px; - padding: 5px; - } - .message-data-name { - user-select: none; - color: #03a9f4; - margin-bottom: 5px; - } - .message-user-info { - display: flex; - justify-content: space-between; - width: 100%; - gap: 10px; - } - - .hideImg { - visibility: hidden; - } - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - padding-left: 5px; - } - `; + firstUpdated() { + this.getGroups() } async getGroups() { try { - - let endpoint = `/groups` - + let endpoint = `/groups` this.groups = await parentEpml.request('apiCall', { type: 'api', - url: endpoint, + url: endpoint }) } catch (error) { - console.log(error); + console.log(error) } } - firstUpdated() { - // this.viewElement = this.shadowRoot.getElementById('viewElement'); - // this.downObserverElement = - // this.shadowRoot.getElementById('downObserver'); - // this.elementObserver(); - this.getGroups() - } - - elementObserver() { const options = { root: this.viewElement, rootMargin: '0px', - threshold: 1, - }; + threshold: 1 + } + // identify an element to observe - const elementToObserve = this.downObserverElement; + const elementToObserve = this.downObserverElement + // passing it a callback function const observer = new IntersectionObserver( this.observerHandler, options - ); + ) + // call `observe()` on that MutationObserver instance, // passing it the element to observe, and the options object - observer.observe(elementToObserve); + observer.observe(elementToObserve) } observerHandler(entries) { if (!entries[0].isIntersecting) { - } else { if (this.images.length < 20) { - return; + return } - this.getMoreImages(); + + this.getMoreImages() } } - selectAuto(e) { - this.autoView = !e.target.checked; - } + selectAuto(e) { + this.autoView = !e.target.checked + } - selectMyImages(e) { - this.onlyMyImages = !e.target.checked; - } + selectMyImages(e) { + this.onlyMyImages = !e.target.checked + } - render() { - console.log('this.groups', this.groups) - return html` + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } -
    -
    - { - this.getGroups() - }} style="color: var(--black); cursor:pointer;">refresh -
    -
    - - this.selectAuto(e)} ?checked=${this.autoView}> -
    -
    - - this.selectMyImages(e)} ?checked=${this.onlyMyImages}> -
    -
    + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - -
    -
    -
    -
    - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('chat-groups-manager', ChatGroupsManager); - +window.customElements.define('chat-groups-manager', ChatGroupsManager) diff --git a/plugins/plugins/core/components/ChatGroupSettings.js b/plugins/plugins/core/components/ChatGroupSettings.js index 3f4568fe..374c3a95 100644 --- a/plugins/plugins/core/components/ChatGroupSettings.js +++ b/plugins/plugins/core/components/ChatGroupSettings.js @@ -1,196 +1,172 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatGroupStyles } from './plugins-css' +import './WrapperModal' import '@material/mwc-button' import '@material/mwc-dialog' -import '@polymer/paper-spinner/paper-spinner-lite.js' import '@material/mwc-icon' -import './WrapperModal' -import {get, translate} from '../../../../core/translate' +import '@polymer/paper-spinner/paper-spinner-lite.js' + +// Multi language support +import { get, translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatGroupSettings extends LitElement { - static get properties() { - return { - isLoading: { type: Boolean }, - isOpenLeaveModal: {type: Boolean}, - leaveGroupObj: { type: Object }, - error: {type: Boolean}, - message: {type: String}, - chatHeads: {type: Array}, - setActiveChatHeadUrl: {attribute: false} - } - } + static get properties() { + return { + isLoading: { type: Boolean }, + isOpenLeaveModal: { type: Boolean }, + leaveGroupObj: { type: Object }, + error: { type: Boolean }, + message: { type: String }, + chatHeads: { type: Array }, + setActiveChatHeadUrl: { attribute: false } + } + } - constructor() { - super() - this.isLoading = false; - this.isOpenLeaveModal = false - this.leaveGroupObj = {} - this.leaveFee = 0.001 - this.error = false - this.message = '' - this.chatHeads = [] - } + static get styles() { + return [chatGroupStyles] + } - static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: .2s all; - } + constructor() { + super() + this.isLoading = false; + this.isOpenLeaveModal = false + this.leaveGroupObj = {} + this.leaveFee = 0.01 + this.error = false + this.message = '' + this.chatHeads = [] + } - .top-bar-icon:hover { - color: var(--black) - } + render() { + return html` + {this.isOpenLeaveModal = true;}} class="top-bar-icon" style="margin: 0px 20px" icon="vaadin:cog" slot="icon"> + + { + if (this.isLoading) return + this.isOpenLeaveModal = false + }} + style=${(this.isOpenLeaveModal) ? "display: block" : "display: none"} + > +
    +

    ${translate("grouppage.gchange35")}

    +
    +
    + +
    + + + ${translate("grouppage.gchange36")}   + + + ${this.message} +
    + +     + ` + } - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - ` - } + firstUpdated() { + // ... + } - firstUpdated() { + timeIsoString(timestamp) { + let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp + let time = new Date(myTimestamp) + return time.toISOString() + } - } - - timeIsoString(timestamp) { - let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp - let time = new Date(myTimestamp) - return time.toISOString() - } - - resetDefaultSettings() { - this.error = false - this.message = '' - this.isLoading = false - } - - renderErr9Text() { - return html`${translate("grouppage.gchange49")}` - } - - async confirmRelationship() { + resetDefaultSettings() { + this.error = false + this.message = '' + this.isLoading = false + } + renderErr9Text() { + return html`${translate("grouppage.gchange49")}` + } + async confirmRelationship() { let interval = null let stop = false + const getAnswer = async () => { const currentChats = this.chatHeads if (!stop) { - stop = true; + stop = true try { - const findGroup = currentChats.find((item)=> item.groupId === this.leaveGroupObj.groupId) + const findGroup = currentChats.find((item) => item.groupId === this.leaveGroupObj.groupId) if (!findGroup) { clearInterval(interval) this.isLoading = false - this.isOpenLeaveModal= false - this.setActiveChatHeadUrl('') + this.isOpenLeaveModal = false + this.setActiveChatHeadUrl('') } - } catch (error) { - } + } catch (error) { } stop = false } - }; - interval = setInterval(getAnswer, 5000); + } + + interval = setInterval(getAnswer, 5000) } - async _convertToPrivate(groupId) { - // Reset Default Settings... - this.resetDefaultSettings() - const leaveFeeInput = this.leaveFee + async _convertToPrivate(groupId) { + // Reset Default Settings... + this.resetDefaultSettings() - this.isLoading = true + const leaveFeeInput = this.leaveFee - // Get Last Ref - const getLastRef = async () => { + this.isLoading = true + + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + }; - const validateReceiver = async () => { - let lastRef = await getLastRef(); - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) + const validateReceiver = async () => { + let lastRef = await getLastRef(); + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) - } - const convertBytesForSigning = async (transactionBytesBase58) => { + } + + const convertBytesForSigning = async (transactionBytesBase58) => { return await parentEpml.request("apiCall", { type: "api", method: "POST", url: `/transactions/convert`, - body: `${transactionBytesBase58}`, + body: `${transactionBytesBase58}` }) - } + } - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let groupdialog3 = get("transactions.groupdialog3") - let groupdialog4 = get("transactions.groupdialog4") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let groupdialog3 = get("transactions.groupdialog3") + let groupdialog4 = get("transactions.groupdialog4") + + const body = { + "timestamp": Date.now(), + "reference": lastRef, + "fee": leaveFeeInput, + "ownerPublicKey": window.parent.Base58.encode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey), + "groupId": groupId, + "newOwner": "QdR4bQ1fJFnSZgswtW27eE8ToXwHqUQyaU", + "newIsOpen": false, + "newDescription": "my group for accounts I like", + "newApprovalThreshold": "NONE", + "newMinimumBlockDelay": 5, + "newMaximumBlockDelay": 60 + } - const body = { - "timestamp": Date.now(), - "reference": lastRef, - "fee": leaveFeeInput, - "ownerPublicKey": window.parent.Base58.encode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.publicKey), - "groupId": groupId, - "newOwner": "QdR4bQ1fJFnSZgswtW27eE8ToXwHqUQyaU", - "newIsOpen": false, - "newDescription": "my group for accounts I like", - "newApprovalThreshold": "NONE", - "newMinimumBlockDelay": 5, - "newMaximumBlockDelay": 60 - } - console.log('STRING3') - // const bodyToString = JSON.stringify(body) - // let transactionBytes = await parentEpml.request("apiCall", { - // type: "api", - // method: "POST", - // url: `/groups/update`, - // body: bodyToString, - // headers: { - // 'Content-Type': 'application/json' - // } - // }) - // console.log({transactionBytes}) - // const readforsign = await convertBytesForSigning(transactionBytes) - // // const res = await signAndProcess(transactionBytes) - // const body2 = { - // "privateKey": window.parent.Base58.encode(window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey), - // "transactionBytes": readforsign - // } - // const bodyToString2 = JSON.stringify(body2) - // let signTransaction = await parentEpml.request("apiCall", { - // type: "api", - // method: "POST", - // url: `/transactions/sign`, - // body: bodyToString2, - // headers: { - // 'Content-Type': 'application/json' - // } - // }) - // let processTransaction = await parentEpml.request("apiCall", { - // type: "api", - // method: "POST", - // url: `/transactions/process`, - // body: signTransaction, - // }) - // return processTransaction - console.log('this.selectedAddress.nonce', this.selectedAddress.nonce) return await parentEpml.request('transaction', { type: 23, nonce: this.selectedAddress.nonce, @@ -206,73 +182,37 @@ class ChatGroupSettings extends LitElement { "newMaximumBlockDelay": 60 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse === true) { + this.message = this.renderErr9Text() + this.error = false + this.confirmRelationship() + } else { + this.error = true + this.message = "" + throw new Error(txnResponse) + } + } - if (txnResponse === true) { - this.message = this.renderErr9Text() - this.error = false - this.confirmRelationship() - } else { - this.error = true - this.message = "" - throw new Error(txnResponse) - } - } - await validateReceiver() - } + await validateReceiver() + } - render() { - console.log('leaveGroupObj', this.leaveGroupObj) - return html` - { - this.isOpenLeaveModal = true - }} class="top-bar-icon" style="margin: 0px 20px" icon="vaadin:cog" slot="icon"> - - { - if(this.isLoading) return - this.isOpenLeaveModal = false - } } - style=${(this.isOpenLeaveModal) ? "display: block" : "display: none"}> -
    -

    ${translate("grouppage.gchange35")}

    -
    -
    - < - + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } -
    - - - ${translate("grouppage.gchange36")}   - - - - - ${this.message} - -
    + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - - -     - `; - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('chat-group-settings', ChatGroupSettings); +window.customElements.define('chat-group-settings', ChatGroupSettings) diff --git a/plugins/plugins/core/components/ChatGroupsManagement.js b/plugins/plugins/core/components/ChatGroupsManagement.js index 3e875bd3..9dc75bba 100644 --- a/plugins/plugins/core/components/ChatGroupsManagement.js +++ b/plugins/plugins/core/components/ChatGroupsManagement.js @@ -1,181 +1,212 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatGroupStyles } from './plugins-css' +import './WrapperModal' import '@material/mwc-button' import '@material/mwc-dialog' -import '@polymer/paper-spinner/paper-spinner-lite.js' import '@material/mwc-icon' -import './WrapperModal' -import '@vaadin/tabs' -import '@vaadin/tabs/theme/material/vaadin-tabs.js' +import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/avatar' import '@vaadin/grid' import '@vaadin/grid/vaadin-grid-filter-column.js' -import {get, translate} from '../../../../core/translate' +import '@vaadin/tabs' +import '@vaadin/tabs/theme/material/vaadin-tabs.js' + +// Multi language support +import { get, translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatGroupsManagement extends LitElement { - static get properties() { - return { - isLoading: { type: Boolean }, - isOpenLeaveModal: {type: Boolean}, - leaveGroupObj: { type: Object }, - error: {type: Boolean}, - message: {type: String}, - chatHeads: {type: Array}, - setActiveChatHeadUrl: {attribute: false}, - selectedAddress: {attribute: Object}, - currentTab: {type: Number}, - groups: {type: Array} - } - } + static get properties() { + return { + isLoading: { type: Boolean }, + isOpenLeaveModal: { type: Boolean }, + leaveGroupObj: { type: Object }, + error: { type: Boolean }, + message: { type: String }, + chatHeads: { type: Array }, + setActiveChatHeadUrl: { attribute: false }, + selectedAddress: { attribute: Object }, + currentTab: { type: Number }, + groups: { type: Array } + } + } - constructor() { - super(); - this.isLoading = false; - this.isOpenLeaveModal = false - this.leaveGroupObj = {} - this.fee = null - this.error = false - this.message = '' - this.chatHeads = [] - this.currentTab = 0 - this.groups = [] - } + static get styles() { + return [chatGroupStyles] + } - static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: .2s all; - } - .top-bar-icon:hover { - color: var(--black) - } - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - ` - } + constructor() { + super() + this.isLoading = false; + this.isOpenLeaveModal = false + this.leaveGroupObj = {} + this.fee = null + this.error = false + this.message = '' + this.chatHeads = [] + this.currentTab = 0 + this.groups = [] + } - async getJoinedGroups(){ - return await parentEpml.request('apiCall', { - url: `/groups/member/${this.selectedAddress.address}` - }) -} + render() { + return html` + + { + if (this.isLoading) return + this.isOpenLeaveModal = false + }} + customStyle=${"width: 90%; max-width: 900px; height: 90%"} + style=${(this.isOpenLeaveModal) ? "display: block" : "display: none"} + > +
    +
    + + Groups + Group Join Requests + Invites + Blocked Users + +
    +
    + ${this.currentTab === 0 ? + html` +
    + + +

    Search groups

    + +

    Current groups as owner

    +

    Current groups as member

    +
    + ` + : '' + } +
    +
    + + +
    +
    +     + ` + } - async firstUpdated() { + async firstUpdated() { + try { + this.joinedGroups = await this.getJoinedGroups() + } catch (error) { } + } - try { - this.joinedGroups = await this.getJoinedGroups() - } catch (error) { + async getJoinedGroups() { + return await parentEpml.request('apiCall', { + url: `/groups/member/${this.selectedAddress.address}` + }) + } - } + _tabChanged(e) { + this.currentTab = e.detail.value + } - } + async unitFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=LEAVE_GROUP` - _tabChanged(e) { - this.currentTab = e.detail.value - } + let fee = null - async unitFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=LEAVE_GROUP` - let fee = null + try { + const res = await fetch(url) + const data = await res.json() + fee = (Number(data) / 1e8).toFixed(3) + } catch (error) { + fee = null + } - try { - const res = await fetch(url) - const data = await res.json() - fee = (Number(data) / 1e8).toFixed(3) - } catch (error) { - fee = null - } + return fee + } - return fee - } + timeIsoString(timestamp) { + let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp + let time = new Date(myTimestamp) + return time.toISOString() + } - timeIsoString(timestamp) { - let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp - let time = new Date(myTimestamp) - return time.toISOString() - } - - resetDefaultSettings() { - this.error = false - this.message = '' - this.isLoading = false - } - - renderErr9Text() { - return html`${translate("grouppage.gchange49")}` - } - - async confirmRelationship() { + resetDefaultSettings() { + this.error = false + this.message = '' + this.isLoading = false + } + renderErr9Text() { + return html`${translate("grouppage.gchange49")}` + } + async confirmRelationship() { let interval = null let stop = false + const getAnswer = async () => { const currentChats = this.chatHeads if (!stop) { stop = true; try { - const findGroup = currentChats.find((item)=> item.groupId === this.leaveGroupObj.groupId) + const findGroup = currentChats.find((item) => item.groupId === this.leaveGroupObj.groupId) if (!findGroup) { clearInterval(interval) this.isLoading = false - this.isOpenLeaveModal= false - this.setActiveChatHeadUrl('') + this.isOpenLeaveModal = false + this.setActiveChatHeadUrl('') } } catch (error) { } stop = false } - }; - interval = setInterval(getAnswer, 5000); + } + + interval = setInterval(getAnswer, 5000) } - async _leaveGroup(groupId, groupName) { - // Reset Default Settings... - this.resetDefaultSettings() + async _leaveGroup(groupId, groupName) { + // Reset Default Settings... + this.resetDefaultSettings() - const leaveFeeInput = await this.unitFee() - if(!leaveFeeInput){ - throw Error() - } - this.isLoading = true + const leaveFeeInput = await this.unitFee() - // Get Last Ref - const getLastRef = async () => { + if (!leaveFeeInput) { + throw Error() + } + + this.isLoading = true + + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - const validateReceiver = async () => { - let lastRef = await getLastRef(); - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) - } + } + + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let groupdialog3 = get("transactions.groupdialog3") + let groupdialog4 = get("transactions.groupdialog4") - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let groupdialog3 = get("transactions.groupdialog3") - let groupdialog4 = get("transactions.groupdialog4") return await parentEpml.request('transaction', { type: 32, nonce: this.selectedAddress.nonce, @@ -186,101 +217,53 @@ class ChatGroupsManagement extends LitElement { rGroupId: groupId, lastReference: lastRef, groupdialog3: groupdialog3, - groupdialog4: groupdialog4, + groupdialog4: groupdialog4 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.message = this.renderErr9Text() + this.error = false + this.confirmRelationship() + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderErr9Text() - this.error = false - this.confirmRelationship() - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } - await validateReceiver() - } + await validateReceiver() + } - nameRenderer(person){ - return html` - - - ${person.displayName} - - `; - }; + nameRenderer(person) { + return html` + + + ${person.displayName} + + ` + } - render() { - return html` + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - - { - if(this.isLoading) return - this.isOpenLeaveModal = false - } } - customStyle=${"width: 90%; max-width: 900px; height: 90%"} - style=${(this.isOpenLeaveModal) ? "display: block" : "display: none"}> -
    -
    - + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - Groups - Group Join Requests - Invites - Blocked Users - -
    - -
    - - ${this.currentTab === 0 ? html` -
    - - - - -

    Search groups

    - -

    Current groups as owner

    -

    Current groups as member

    -
    - ` : ''} - - -
    -
    - - -
    -
    -     - `; - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('chat-groups-management', ChatGroupsManagement); +window.customElements.define('chat-groups-management', ChatGroupsManagement) diff --git a/plugins/plugins/core/components/ChatGroupsModal.js b/plugins/plugins/core/components/ChatGroupsModal.js index ad991d89..27e034cc 100644 --- a/plugins/plugins/core/components/ChatGroupsModal.js +++ b/plugins/plugins/core/components/ChatGroupsModal.js @@ -1,95 +1,62 @@ -import {css, html, LitElement} from 'lit'; -import {translate,} from '../../../../core/translate' -import '@material/mwc-menu'; -import '@material/mwc-list/mwc-list-item.js'; -import '@material/mwc-dialog' +import { html, LitElement } from 'lit' +import { chatGroupsModalStyles } from './plugins-css' import './ChatGroupManager' +import '@material/mwc-dialog' +import '@material/mwc-list/mwc-list-item.js' +import '@material/mwc-menu' + +// Multi language support +import { translate } from '../../../../core/translate' export class ChatGroupsModal extends LitElement { static get properties() { return { - openDialogGroupsModal: { type: Boolean }, - setOpenDialogGroupsModal: { attribute: false} - }; + openDialogGroupsModal: { type: Boolean }, + setOpenDialogGroupsModal: { attribute: false } + } } static get styles() { - return css` - * { - --mdc-theme-text-primary-on-background: var(--black); - --mdc-dialog-max-width: 85vw; - --mdc-dialog-max-height: 95vh; - } - - .imageContainer { - display: flex; - justify-content: center; - align-items: center; - height: 100%; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - `; + return [chatGroupsModalStyles] } constructor() { - super(); - this.openDialogGroupsModal = false - + super() + this.openDialogGroupsModal = false } - - - firstUpdated() { - } - - render() { return html` + {this.setOpenDialogGroupsModal(false)}}> +
    +
    + +
    + {this.setOpenDialogGroupsModal(false)}}> + ${translate('general.close')} + +     + ` + } - { - this.setOpenDialogGroupsModal(false) - }}> -
    -
    - -
    - { - this.setOpenDialogGroupsModal(false) - }} - > - ${translate('general.close')} - -     - `; + firstUpdated() { + // ... + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('chat-groups-modal', ChatGroupsModal); +window.customElements.define('chat-groups-modal', ChatGroupsModal) diff --git a/plugins/plugins/core/components/ChatHead.js b/plugins/plugins/core/components/ChatHead.js index 7d69947e..91bf56e7 100644 --- a/plugins/plugins/core/components/ChatHead.js +++ b/plugins/plugins/core/components/ChatHead.js @@ -1,265 +1,285 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import localForage from "localforage" -import {translate} from '../../../../core/translate' - +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatHeadStyles } from './plugins-css' +import localForage from 'localforage' import '@material/mwc-icon' +// Multi language support +import { translate } from '../../../../core/translate' + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) const chatLastSeen = localForage.createInstance({ - name: "chat-last-seen", + name: 'chat-last-seen' }) class ChatHead extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - selectedAddress: { type: Object }, - config: { type: Object }, - chatInfo: { type: Object }, - iconName: { type: String }, - activeChatHeadUrl: { type: String }, - isImageLoaded: { type: Boolean }, - setActiveChatHeadUrl: {attribute: false}, - lastReadMessageTimestamp: {type: Number} - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + selectedAddress: { type: Object }, + config: { type: Object }, + chatInfo: { type: Object }, + iconName: { type: String }, + activeChatHeadUrl: { type: String }, + isImageLoaded: { type: Boolean }, + setActiveChatHeadUrl: { attribute: false }, + lastReadMessageTimestamp: { type: Number }, + avatarImg: { type: String } + } + } - static get styles() { - return css` - li { - width: 100%; - padding: 10px 5px 10px 5px; - cursor: pointer; - box-sizing: border-box; - display: flex; - align-items: flex-start; - } + static get styles() { + return [chatHeadStyles] + } - li:hover { - background-color: var(--menuhover); - } + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: {} + } + } + this.chatInfo = {} + this.iconName = '' + this.activeChatHeadUrl = '' + this.isImageLoaded = false + this.imageFetches = 0 + this.lastReadMessageTimestamp = 0 + this.avatarImg = '' + this.loggedInAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - .active { - background: var(--menuactive); - border-left: 4px solid #3498db; - } + render() { + let isUnread = false + let groupString = 'Group_' + this.chatInfo.groupId + let groupAvatarString = 'qortal_group_avatar_' + this.chatInfo.groupId - .img-icon { - float: left; - font-size:40px; - color: var(--chat-group); - } + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - .about { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - margin: 0; - } - .inner-container { - display: flex; - width: calc(100% - 45px); - flex-direction: column; - justify-content: center; - } + if (groupString === 'Group_0') { + const avatarUrl = `/img/qgcgroup.png` + this.avatarImg = this.createImage(avatarUrl) + } else if (groupString === 'Group_1') { + const avatarUrl = `/img/qdcgroup.png` + this.avatarImg = this.createImage(avatarUrl) + } else if (this.chatInfo.name) { + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true` + this.avatarImg = this.createImage(avatarUrl) + } else if (this.chatInfo.ownerName) { + if (this.chatInfo.ownerName === undefined) { + // Nothing to do + } else { + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.ownerName}/${groupAvatarString}?async=true` + this.avatarImg = this.createImage(avatarUrl) + } + } - .status { - color: #92959e; - } + if (this.lastReadMessageTimestamp && this.chatInfo.timestamp) { + if (this.lastReadMessageTimestamp < this.chatInfo.timestamp) { + isUnread = true + } + } - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } + if (this.activeChatHeadUrl === this.chatInfo.url) { + isUnread = false + } - .name { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - } - ` - } + if (this.chatInfo.sender === this.loggedInAddress) { + isUnread = false + } - constructor() { - super() - this.selectedAddress = {} - this.config = { - user: { - node: { - - } - } - } - this.chatInfo = {} - this.iconName = '' - this.activeChatHeadUrl = '' - this.isImageLoaded = false - this.imageFetches = 0 - this.lastReadMessageTimestamp = 0 - this.loggedInAddress = window.parent.reduxStore.getState().app.selectedAddress.address - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - createImage(imageUrl) { - const imageHTMLRes = new Image() - imageHTMLRes.src = imageUrl - imageHTMLRes.style= "width:40px; height:40px; float: left; border-radius:50%" - imageHTMLRes.onclick= () => { - this.openDialogImage = true; - } - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 4) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1 - imageHTMLRes.src = imageUrl - }, 750) - } else { - this.isImageLoaded = false - } - }; - return imageHTMLRes - } - - render() { - let avatarImg = '' - let isUnread = false - - if(this.chatInfo.name){ - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}` - avatarImg= this.createImage(avatarUrl) - } - - if(this.lastReadMessageTimestamp && this.chatInfo.timestamp){ - if(this.lastReadMessageTimestamp < this.chatInfo.timestamp){ - isUnread = true - } - } - - if(this.activeChatHeadUrl === this.chatInfo.url){ - isUnread = false - } - - if(this.chatInfo.sender === this.loggedInAddress){ - isUnread = false - } - return html` -
  • this.getUrl(this.chatInfo.url)} class="clearfix ${this.activeChatHeadUrl === this.chatInfo.url ? 'active' : ''}"> - ${this.isImageLoaded ? html`${avatarImg}` : html`` } - ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? html`account_circle` : html`` } - ${!this.isImageLoaded && this.chatInfo.name ? html`
    ${this.chatInfo.name.charAt(0)}
    `: ''} - ${!this.isImageLoaded && this.chatInfo.groupName ? html`
    ${this.chatInfo.groupName.charAt(0)}
    `: ''} + return html` +
  • this.getUrl(this.chatInfo.url)} class="clearfix ${this.activeChatHeadUrl === this.chatInfo.url ? 'active' : ''}"> + ${this.isImageLoaded ? html`${this.avatarImg}` : html``} + ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? html`account_circle` : html``} + ${!this.isImageLoaded && this.chatInfo.name ? + html` +
    + ${this.chatInfo.name.charAt(0)} +
    + ` + : '' + } + ${!this.isImageLoaded && this.chatInfo.groupName ? + html` +
    + ${this.chatInfo.groupName.charAt(0)} +
    + ` + : '' + }
    -
    -
    ${this.chatInfo.groupName ? this.chatInfo.groupName : this.chatInfo.name !== undefined ? this.chatInfo.name : this.chatInfo.address.substr(0, 15)} ${this.chatInfo.groupId !== undefined ? 'lock_open' : 'lock'}
    -
    -
    -
    ${this.chatInfo.groupId !== undefined ? 'id: ' + this.chatInfo.groupId : ''} -
    -
    - - ${translate('chatpage.cchange90')} -
    -
    -
    -
    +
    +
    + + ${this.chatInfo.groupName ? this.chatInfo.groupName : this.chatInfo.name !== undefined ? this.chatInfo.name : this.chatInfo.address.substr(0, 15)} + + ${this.chatInfo.groupId !== undefined ? 'lock_open' : 'lock'} +
    +
    +
    +
    + ${this.chatInfo.groupId !== undefined ? 'id: ' + this.chatInfo.groupId : ''} +
    +
    + + ${translate('chatpage.cchange90')} +
    +
    +
    +
    • - ` - } + ` + } - async firstUpdated() { - this.changeTheme() + async firstUpdated() { + this.changeTheme() - window.addEventListener('storage', () => { - const checkTheme = localStorage.getItem('qortalTheme') + window.addEventListener('storage', () => { + const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } - let configLoaded = false - this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatInfo.url) || 0 - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('chat_last_seen', async chatList => { - const parsedChatList = JSON.parse(chatList) - const findChatSeen = parsedChatList.find(chat=> chat.key === this.chatInfo.url) + document.querySelector('html').setAttribute('theme', this.theme) + }) - if(findChatSeen && this.lastReadMessageTimestamp !== findChatSeen.timestamp){ - this.lastReadMessageTimestamp = findChatSeen.timestamp - this.requestUpdate() - } - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - } + this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatInfo.url) || 0 - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } + let configLoaded = false - shouldUpdate(changedProperties) { - if(changedProperties.has('activeChatHeadUrl')){ - return true - } - if(changedProperties.has('lastReadMessageTimestamp')){ - return true - } - if(changedProperties.has('chatInfo')){ + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - const prevChatInfo = changedProperties.get('chatInfo') + parentEpml.subscribe('chat_last_seen', async chatList => { + const parsedChatList = JSON.parse(chatList) + const findChatSeen = parsedChatList.find(chat => chat.key === this.chatInfo.url) - if(prevChatInfo.address !== this.chatInfo.address){ + if (findChatSeen && this.lastReadMessageTimestamp !== findChatSeen.timestamp) { + this.lastReadMessageTimestamp = findChatSeen.timestamp + this.requestUpdate() + } + }) - this.isImageLoaded = false - this.requestUpdate() - } - return true - } + parentEpml.subscribe('config', c => { + if (!configLoaded) { + configLoaded = true + } - return false - } + this.config = JSON.parse(c) + }) + }) - getUrl(chatUrl) { - this.setActiveChatHeadUrl(chatUrl) - } + parentEpml.imReady() + } - onPageNavigation(pageUrl) { - parentEpml.request('setPageUrl', pageUrl) - } + createImage(imageUrl) { + const imageHTMLRes = new Image() + + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "width: 40px; height: 40px; float: left; border-radius: 50%;" + + imageHTMLRes.onclick = () => { + this.openDialogImage = true + } + + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } + + imageHTMLRes.onerror = () => { + if (this.imageFetches < 4) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 750) + } else { + this.isImageLoaded = false + } + } + + return imageHTMLRes + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + + document.querySelector('html').setAttribute('theme', this.theme) + } + + shouldUpdate(changedProperties) { + if (changedProperties.has('activeChatHeadUrl')) { + return true + } + + if (changedProperties.has('lastReadMessageTimestamp')) { + return true + } + + if (changedProperties.has('chatInfo')) { + const prevChatInfo = changedProperties.get('chatInfo') + + if (prevChatInfo.address !== this.chatInfo.address) { + this.isImageLoaded = false + this.requestUpdate() + } + return true + } + + return false + } + + getUrl(chatUrl) { + this.setActiveChatHeadUrl(chatUrl) + } + + onPageNavigation(pageUrl) { + parentEpml.request('setPageUrl', pageUrl) + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('chat-head', ChatHead) \ No newline at end of file +window.customElements.define('chat-head', ChatHead) diff --git a/plugins/plugins/core/components/ChatImage.js b/plugins/plugins/core/components/ChatImage.js index 2aa11d2d..64584ca6 100644 --- a/plugins/plugins/core/components/ChatImage.js +++ b/plugins/plugins/core/components/ChatImage.js @@ -1,345 +1,271 @@ -import {css, html, LitElement} from 'lit'; -import {get, translate,} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { RequestQueueWithPromise } from '../../utils/classes' +import { chatImageStyles } from './plugins-css' import axios from 'axios' -import {RequestQueueWithPromise} from '../../utils/queue'; -import '@material/mwc-menu'; import '@material/mwc-list/mwc-list-item.js' -import {Epml} from '../../../epml'; +import '@material/mwc-menu' + +// Multi language support +import { get, translate } from '../../../../core/translate' -const requestQueue = new RequestQueueWithPromise(5); const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) +const requestQueue = new RequestQueueWithPromise(5) + export class ChatImage extends LitElement { - static get properties() { - return { - resource: { type: Object }, - isReady: { type: Boolean}, - status: {type: Object}, - setOpenDialogImage: { attribute: false} - }; - } - - static get styles() { - return css` - * { - --mdc-theme-text-primary-on-background: var(--black); - } - img { - max-width:45vh; - max-height:40vh; - border-radius: 5px; - cursor: pointer; - position: relative; - } - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - - .smallLoading { - border-width: 0.8em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 30px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - .defaultSize { - width: 45vh; - height: 40vh; + static get properties() { + return { + resource: { type: Object }, + isReady: { type: Boolean }, + status: { type: Object }, + setOpenDialogImage: { attribute: false } + } } - mwc-menu { - position: absolute; - } + static get styles() { + return [chatImageStyles] + } + constructor() { + super(); + this.resource = { + identifier: '', + name: '', + service: '' + } + this.status = { + status: '' + } + this.url = '' + this.isReady = false + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + this.hasCalledWhenDownloaded = false + this.isFetching = false + this.observer = new IntersectionObserver(entries => { + for (const entry of entries) { + if (entry.isIntersecting && this.status.status !== 'READY') { + this._fetchImage() + this.observer.unobserve(this) + } + } + }) + } + render() { + return html` +
    + ${this.status.status !== 'READY' ? + html` +
    +
    +

    ${`${Math.round(this.status.percentLoaded || 0).toFixed(0)}% `}${translate('chatpage.cchange94')}

    +
    + ` + : '' + } + ${this.status.status === 'READY' ? + html` +
    + this.setOpenDialogImage(true)} src=${this.url} /> + + Copy + +
    + ` + : '' + } +
    + ` + } + firstUpdated() { + this.observer.observe(this) + } - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } + getNodeUrl() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + return nodeUrl + } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - `; - } + getMyNode() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode + } - constructor() { - super(); - this.resource = { - identifier: "", - name: "", - service: "" - } - this.status = { - status: '' - } - this.url = "" - this.isReady = false - this.nodeUrl = this.getNodeUrl() - this.myNode = this.getMyNode() - this.hasCalledWhenDownloaded = false - this.isFetching = false + async fetchResource() { + try { + if (this.isFetching) return + this.isFetching = true + await axios.get(`${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}`) + this.isFetching = false + } catch (error) { + this.isFetching = false + } + } - this.observer = new IntersectionObserver(entries => { - for (const entry of entries) { - if (entry.isIntersecting && this.status.status !== 'READY') { - this._fetchImage(); - // Stop observing after the image has started loading - this.observer.unobserve(this); - } - } - }); - } - getNodeUrl(){ - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + async fetchVideoUrl() { + this.fetchResource() + this.url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?async=true` + } - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port -} -getMyNode(){ - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + async fetchStatus() { + let isCalling = false + let percentLoaded = 0 + let timer = 24 + + const response = await axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}`) + + if (response && response.data && response.data.status === 'READY') { + this.status = response.data + return + } + + const intervalId = setInterval(async () => { + if (isCalling) return + + isCalling = true + + const data = await requestQueue.enqueue(() => { + return axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}`) + }) + + const res = data.data + + isCalling = false + + if (res.localChunkCount) { + if (res.percentLoaded) { + if (res.percentLoaded === percentLoaded && res.percentLoaded !== 100) { + timer = timer - 5 + } else { + timer = 24 + } + + if (timer < 0) { + timer = 24 + + isCalling = true + + this.status = { + ...res, + status: 'REFETCHING' + } + + setTimeout(() => { + isCalling = false + this.fetchResource() + }, 25000) + + return + } + + percentLoaded = res.percentLoaded + } + + this.status = res + + if (this.status.status === 'DOWNLOADED') { + this.fetchResource() + } + } + + // check if progress is 100% and clear interval if true + if (res.status === 'READY') { + clearInterval(intervalId) + this.status = res + this.isReady = true + } + }, 5000) // 5 second interval + } + + async _fetchImage() { + try { + this.fetchVideoUrl({name: this.resource.name, service: this.resource.service, identifier: this.resource.identifier}) + this.fetchStatus() + } catch (error) { /* empty */ } + } + + shouldUpdate(changedProperties) { + if (changedProperties.has('setOpenDialogImage') && changedProperties.size === 1) { + return false + } + return true + } + + showContextMenu(e) { + e.preventDefault() + e.stopPropagation() + + const contextMenu = this.shadowRoot.getElementById('contextMenu') + const containerRect = e.currentTarget.getBoundingClientRect() + + // Adjusting the positions + const adjustedX = e.clientX - containerRect.left + const adjustedY = e.clientY - containerRect.top + + contextMenu.style.top = `${adjustedY}px` + contextMenu.style.left = `${adjustedX}px` + + contextMenu.open = true + } + + async handleCopy(e) { + e.stopPropagation() + + const image = this.shadowRoot.querySelector('img') + + // Create a canvas and draw the image on it. + const canvas = document.createElement('canvas') + canvas.width = image.naturalWidth + canvas.height = image.naturalHeight + const ctx = canvas.getContext('2d') + + ctx.drawImage(image, 0, 0) + + // Convert canvas image to blob + canvas.toBlob(blob => { + try { + const clipboardItem = new ClipboardItem({ 'image/png': blob }) + + navigator.clipboard.write([clipboardItem]).then(() => { + const msg = get("chatpage.cchange93") + parentEpml.request('showSnackBar', msg) + console.log('Image copied to clipboard') + }).catch(err => { + console.error('Failed to copy image: ', err) + }) + } catch (error) { + console.error('Error copying the image: ', error) + } + }, 'image/png') + } + + handleMenuBlur() { + setTimeout(() => { + if (!this.isMenuItemClicked) { + const contextMenu = this.shadowRoot.getElementById('contextMenu') + contextMenu.open = false + } + }, 100) + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } - getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - return myNode.apiKey; - } - - async fetchResource() { - try { - if(this.isFetching) return - this.isFetching = true - await axios.get(`${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) - this.isFetching = false - - } catch (error) { - this.isFetching = false - } - } - - async fetchVideoUrl() { - - await this.fetchResource() - this.url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?async=true&apiKey=${this.myNode.apiKey}` - - } - - async fetchStatus(){ - let isCalling = false - let percentLoaded = 0 - let timer = 24 - const response = await axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) - if(response && response.data && response.data.status === 'READY'){ - this.status = response.data - return - } - const intervalId = setInterval(async () => { - if (isCalling) return - isCalling = true - - const data = await requestQueue.enqueue(() => { - return axios.get(`${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}`) - }); - const res = data.data - - isCalling = false - if (res.localChunkCount) { - if (res.percentLoaded) { - if ( - res.percentLoaded === percentLoaded && - res.percentLoaded !== 100 - ) { - timer = timer - 5 - } else { - timer = 24 - } - if (timer < 0) { - timer = 24 - isCalling = true - this.status = { - ...res, - status: 'REFETCHING' - } - - setTimeout(() => { - isCalling = false - this.fetchResource() - }, 25000) - return - } - percentLoaded = res.percentLoaded - } - - this.status = res - if(this.status.status === 'DOWNLOADED'){ - await this.fetchResource() - } - } - - // check if progress is 100% and clear interval if true - if (res.status === 'READY') { - clearInterval(intervalId) - this.status = res - this.isReady = true - } - }, 5000) // 1 second interval - } - - async _fetchImage() { - try { - await this.fetchVideoUrl({ - name: this.resource.name, - service: this.resource.service, - identifier: this.resource.identifier - }) - await this.fetchStatus() - } catch (error) { /* empty */ } - } - - firstUpdated(){ - this.observer.observe(this); - - } - - shouldUpdate(changedProperties) { - return !(changedProperties.has('setOpenDialogImage') && changedProperties.size === 1); - - - } - - - - showContextMenu(e) { - e.preventDefault(); - e.stopPropagation(); - - const contextMenu = this.shadowRoot.getElementById('contextMenu'); - const containerRect = e.currentTarget.getBoundingClientRect(); - - // Adjusting the positions - const adjustedX = e.clientX - containerRect.left; - const adjustedY = e.clientY - containerRect.top; - - contextMenu.style.top = `${adjustedY}px`; - contextMenu.style.left = `${adjustedX}px`; - - contextMenu.open = true; - } - - - - - - async handleCopy(e) { - e.stopPropagation(); - const image = this.shadowRoot.querySelector('img'); - - // Create a canvas and draw the image on it. - const canvas = document.createElement('canvas'); - canvas.width = image.naturalWidth; - canvas.height = image.naturalHeight; - const ctx = canvas.getContext('2d'); - ctx.drawImage(image, 0, 0); - - // Convert canvas image to blob - canvas.toBlob(blob => { - try { - const clipboardItem = new ClipboardItem({ 'image/png': blob }); - navigator.clipboard.write([clipboardItem]).then(() => { - const msg = get("chatpage.cchange93") - parentEpml.request('showSnackBar', msg) - console.log('Image copied to clipboard'); - }).catch(err => { - console.error('Failed to copy image: ', err); - }); - } catch (error) { - console.error('Error copying the image: ', error); - } - }, 'image/png'); - } - - - - - handleMenuBlur() { - setTimeout(() => { - if (!this.isMenuItemClicked) { - const contextMenu = this.shadowRoot.getElementById('contextMenu'); - contextMenu.open = false; - } - }, 100); -} - - - render() { - - return html` -
    - ${ - this.status.status !== 'READY' - ? html` -
    -
    -

    ${`${Math.round(this.status.percentLoaded || 0 - ).toFixed(0)}% `}${translate('chatpage.cchange94')}

    -
    - ` - : '' - } - ${this.status.status === 'READY' ? html` -
    - this.setOpenDialogImage(true)} src=${this.url} /> - - Copy - -
    - ` : ''} - -
    - - ` - - - } -} - -customElements.define('chat-image', ChatImage); +window.customElements.define('chat-image', ChatImage) diff --git a/plugins/plugins/core/components/ChatLeaveGroup.js b/plugins/plugins/core/components/ChatLeaveGroup.js index ca7658f4..7e31a2c5 100644 --- a/plugins/plugins/core/components/ChatLeaveGroup.js +++ b/plugins/plugins/core/components/ChatLeaveGroup.js @@ -1,156 +1,195 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatGroupStyles } from './plugins-css' +import './WrapperModal' import '@material/mwc-button' import '@material/mwc-dialog' -import '@polymer/paper-spinner/paper-spinner-lite.js' import '@material/mwc-icon' -import './WrapperModal' -import {get, translate} from '../../../../core/translate' +import '@polymer/paper-spinner/paper-spinner-lite.js' + +// Multi language support +import { get, translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatLeaveGroup extends LitElement { - static get properties() { - return { - isLoading: { type: Boolean }, - isOpenLeaveModal: {type: Boolean}, - leaveGroupObj: { type: Object }, - error: {type: Boolean}, - message: {type: String}, - chatHeads: {type: Array}, - setActiveChatHeadUrl: {attribute: false}, - selectedAddress: {attribute: Object} - } - } + static get properties() { + return { + isLoading: { type: Boolean }, + isOpenLeaveModal: { type: Boolean }, + leaveGroupObj: { type: Object }, + error: { type: Boolean }, + message: { type: String }, + chatHeads: { type: Array }, + setActiveChatHeadUrl: { attribute: false }, + selectedAddress: { attribute: Object } + } + } - constructor() { - super(); - this.isLoading = false; - this.isOpenLeaveModal = false - this.leaveGroupObj = {} - this.fee = null - this.error = false - this.message = '' - this.chatHeads = [] - } + static get styles() { + return [chatGroupStyles] + } - static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: .2s all; - } - .top-bar-icon:hover { - color: var(--black) - } - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - ` - } + constructor() { + super() + this.isLoading = false; + this.isOpenLeaveModal = false + this.leaveGroupObj = {} + this.fee = null + this.error = false + this.message = '' + this.chatHeads = [] + } - firstUpdated() { + render() { + return html` + {this.isOpenLeaveModal = true;}} class="top-bar-icon" style="margin: 0px 20px" icon="vaadin:exit" slot="icon"> + + { + if (this.isLoading) return + this.isOpenLeaveModal = false + }} + style=${(this.isOpenLeaveModal) ? "display: block" : "display: none"} + > +
    +

    ${translate("grouppage.gchange35")}

    +
    +
    +
    + ${translate("grouppage.gchange4")} +
    +
    ${this.leaveGroupObj.groupName}
    + ${translate("grouppage.gchange5")} +
    +
    ${this.leaveGroupObj.description}
    + ${translate("grouppage.gchange10")} +
    +
    ${this.leaveGroupObj.owner}
    + ${translate("grouppage.gchange31")} +
    +
    + ${!this.leaveGroupObj.updated ? "" : + html` + ${translate("grouppage.gchange32")} +
    +
    + ` + } +
    +
    + + + ${translate("grouppage.gchange36")}   + + + ${this.message} +
    + + +     + ` + } - } + firstUpdated() { + // .. + } - async unitFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=LEAVE_GROUP` - let fee = null + async unitFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=LEAVE_GROUP` - try { - const res = await fetch(url) - const data = await res.json() - fee = (Number(data) / 1e8).toFixed(3) - } catch (error) { - fee = null - } + let fee = null - return fee - } + try { + const res = await fetch(url) + const data = await res.json() + fee = (Number(data) / 1e8).toFixed(3) + } catch (error) { + fee = null + } - timeIsoString(timestamp) { - let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp - let time = new Date(myTimestamp) - return time.toISOString() - } + return fee + } - resetDefaultSettings() { - this.error = false - this.message = '' - this.isLoading = false - } + timeIsoString(timestamp) { + let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp + let time = new Date(myTimestamp) + return time.toISOString() + } - renderErr9Text() { - return html`${translate("grouppage.gchange49")}` - } - - async confirmRelationship() { + resetDefaultSettings() { + this.error = false + this.message = '' + this.isLoading = false + } + renderErr9Text() { + return html`${translate("grouppage.gchange49")}` + } + async confirmRelationship() { let interval = null let stop = false + const getAnswer = async () => { const currentChats = this.chatHeads if (!stop) { - stop = true; + stop = true try { - const findGroup = currentChats.find((item)=> item.groupId === this.leaveGroupObj.groupId) + const findGroup = currentChats.find((item) => item.groupId === this.leaveGroupObj.groupId) if (!findGroup) { clearInterval(interval) this.isLoading = false - this.isOpenLeaveModal= false - this.setActiveChatHeadUrl('') + this.isOpenLeaveModal = false + this.setActiveChatHeadUrl('') } } catch (error) { } stop = false } - }; - interval = setInterval(getAnswer, 5000); + } + + interval = setInterval(getAnswer, 5000) } - async _leaveGroup(groupId, groupName) { - // Reset Default Settings... - this.resetDefaultSettings() + async _leaveGroup(groupId, groupName) { + // Reset Default Settings... + this.resetDefaultSettings() - const leaveFeeInput = await this.unitFee() - if(!leaveFeeInput){ - throw Error() - } - this.isLoading = true + const leaveFeeInput = await this.unitFee() - // Get Last Ref - const getLastRef = async () => { + if (!leaveFeeInput) { + throw Error() + } + + this.isLoading = true + + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - const validateReceiver = async () => { - let lastRef = await getLastRef(); - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) + const validateReceiver = async () => { + let lastRef = await getLastRef(); + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - } - - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let groupdialog3 = get("transactions.groupdialog3") - let groupdialog4 = get("transactions.groupdialog4") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let groupdialog3 = get("transactions.groupdialog3") + let groupdialog4 = get("transactions.groupdialog4") return await parentEpml.request('transaction', { type: 32, nonce: this.selectedAddress.nonce, @@ -161,105 +200,44 @@ class ChatLeaveGroup extends LitElement { rGroupId: groupId, lastReference: lastRef, groupdialog3: groupdialog3, - groupdialog4: groupdialog4, + groupdialog4: groupdialog4 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.message = this.renderErr9Text() + this.error = false + this.confirmRelationship() + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderErr9Text() - this.error = false - this.confirmRelationship() - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } - await validateReceiver() - } + await validateReceiver() + } - render() { - return html` - { - this.isOpenLeaveModal = true - }} class="top-bar-icon" style="margin: 0px 20px" icon="vaadin:exit" slot="icon"> - - { - if(this.isLoading) return - this.isOpenLeaveModal = false - } } - style=${(this.isOpenLeaveModal) ? "display: block" : "display: none"}> -
    -

    ${translate("grouppage.gchange35")}

    -
    -
    + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } -
    - ${translate("grouppage.gchange4")} -
    -
    ${this.leaveGroupObj.groupName}
    + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - ${translate("grouppage.gchange5")} -
    -
    ${this.leaveGroupObj.description}
    - - ${translate("grouppage.gchange10")} -
    -
    ${this.leaveGroupObj.owner}
    - - ${translate("grouppage.gchange31")} -
    -
    - - ${!this.leaveGroupObj.updated ? "" : html`${translate("grouppage.gchange32")} -
    -
    `} -
    - -
    - - - ${translate("grouppage.gchange36")}   - - - - - ${this.message} - -
    - - - -     - `; - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('chat-leave-group', ChatLeaveGroup); +window.customElements.define('chat-leave-group', ChatLeaveGroup) diff --git a/plugins/plugins/core/components/ChatMessage.js b/plugins/plugins/core/components/ChatMessage.js index 79185a81..d7feb099 100644 --- a/plugins/plugins/core/components/ChatMessage.js +++ b/plugins/plugins/core/components/ChatMessage.js @@ -1,129 +1,84 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatMessageStyles } from './plugins-css' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatMessage extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - message: { type: Object, reflect: true } - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + message: { type: Object, reflect: true } + } + } - static get styles() { - return css` - .message-data { - margin-bottom: 15px; - } - .message-data-time { - color: #a8aab1; - font-size: 13px; - padding-left: 6px; - } - .message { - color: black; - padding: 12px 10px; - line-height: 19px; - font-size: 16px; - border-radius: 7px; - margin-bottom: 20px; - width: 90%; - position: relative; - } - .message:after { - bottom: 100%; - left: 93%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - border-bottom-color: #ddd; - border-width: 10px; - margin-left: -10px; - } - .my-message { - background: #ddd; - border: 2px #ccc solid; - } - .other-message { - background: #f1f1f1; - border: 2px solid #dedede; - } - .other-message:after { - border-bottom-color: #f1f1f1; - left: 7%; - } - .align-left { - text-align: left; - } - .align-right { - text-align: right; - } - .float-right { - float: right; - } - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - ` - } + static get styles() { + return [chatMessageStyles] + } - constructor() { - super() - this.selectedAddress = {} - this.config = { - user: { - node: { + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: { + } + } + } + this.message = {} + } - } - } - } - this.message = {} - } + render() { + return html` +
  • +
    + ${this.message.sender}   + 10:10 AM, Today +
    +
    + ${this.message.decodedMessage} +
    +
    • + ` + } - render() { - return html` -
  • -
    - ${this.message.sender}   - 10:10 AM, Today -
    -
    - ${this.message.decodedMessage} -
    -
    • - ` - } + firstUpdated() { + let configLoaded = false + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - firstUpdated() { - let configLoaded = false + parentEpml.subscribe('config', c => { + if (!configLoaded) { + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - } + parentEpml.imReady() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('chat-message', ChatMessage) diff --git a/plugins/plugins/core/components/ChatModals.js b/plugins/plugins/core/components/ChatModals.js index 92a24a11..2e8c36cc 100644 --- a/plugins/plugins/core/components/ChatModals.js +++ b/plugins/plugins/core/components/ChatModals.js @@ -1,408 +1,380 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml' -import snackbar from './snackbar.js' -import {get, translate} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatModalsStyles } from './plugins-css' +import snackbar from './snackbar' import '@material/mwc-button' import '@material/mwc-dialog' +// Multi language support +import { get, translate } from '../../../../core/translate' + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatModals extends LitElement { - static get properties() { - return { - openDialogPrivateMessage: { type: Boolean }, - openDialogBlockUser: { type: Boolean }, - isLoading: { type: Boolean }, - nametodialog: { type: String, attribute: true }, - hidePrivateMessageModal: { type: Function }, - hideBlockUserModal: { type: Function }, - toblockaddress: { type: String, attribute: true }, - chatBlockedAdresses: { type: Array } - } - } + static get properties() { + return { + openDialogPrivateMessage: { type: Boolean }, + openDialogBlockUser: { type: Boolean }, + isLoading: { type: Boolean }, + nametodialog: { type: String, attribute: true }, + hidePrivateMessageModal: { type: Function }, + hideBlockUserModal: { type: Function }, + toblockaddress: { type: String, attribute: true }, + chatBlockedAdresses: { type: Array } + } + } - constructor() { - super() - this.isLoading = false - this.hidePrivateMessageModal = () => { } - this.hideBlockUserModal = () => { } - this.chatBlockedAdresses = [] - } + static get styles() { + return [chatModalsStyles] + } - static get styles() { - return css` - .input { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - resize: none; - background: #eee; - } + constructor() { + super() + this.isLoading = false + this.hidePrivateMessageModal = () => { } + this.hideBlockUserModal = () => { } + this.chatBlockedAdresses = [] + } - .textarea { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - height: 120px; - resize: none; - background: #eee; - } + render() { + return html` + this.hidePrivateMessageModal()} + > +
    +

    ${translate('welcomepage.wcchange2')}

    +
    +
    +

    ${translate('welcomepage.wcchange3')}

    + +

    + +

    + + ${translate('welcomepage.wcchange6')} + + + ${translate('general.close')} + +     + this.hideBlockUserModal()} + > +
    +

    ${translate('blockpage.bcchange5')}

    +
    +

    ${translate('blockpage.bcchange6')}

    +
    +

    ${this.nametodialog}

    +
    + + ${translate('general.yes')} + + + ${translate('general.no')} + +     + ` + } - .close-button { - display:block; - --mdc-theme-primary: red; - } - ` - } + firstUpdated() { + const stopKeyEventPropagation = (e) => { + e.stopPropagation() + return false + } - firstUpdated() { + this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation) + this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) - const stopKeyEventPropagation = (e) => { - e.stopPropagation(); - return false; - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + }) - this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation); - this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation); + parentEpml.imReady() + } - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) + // Send Private Message + _sendMessage() { + this.isLoading = true - }) - parentEpml.imReady() + const recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value - } + if (recipient.length === 0) { + this.isLoading = false + } else if (messageText.length === 0) { + this.isLoading = false + } else { + this.sendMessage() + } + } - // Send Private Message + async sendMessage() { + this.isLoading = true - _sendMessage() { - this.isLoading = true; + const _recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value - const recipient = this.shadowRoot.getElementById('sendTo').value; - const messageBox = this.shadowRoot.getElementById('messageBox'); - const messageText = messageBox.value; + let recipient - if (recipient.length === 0) { - this.isLoading = false - } else if (messageText.length === 0) { - this.isLoading = false - } else { - this.sendMessage() - } - } + const validateName = async (receiverName) => { + let myRes + let myNameRes = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}` + }) - async sendMessage() { - this.isLoading = true - const _recipient = this.shadowRoot.getElementById('sendTo').value - const messageBox = this.shadowRoot.getElementById('messageBox') - const messageText = messageBox.value - let recipient; + if (myNameRes.error === 401) { + myRes = false + } else { + myRes = myNameRes + } - const validateName = async (receiverName) => { - let myRes; - let myNameRes = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${receiverName}` - }); + return myRes + } - if (myNameRes.error === 401) { - myRes = false - } else { - myRes = myNameRes - } + const myNameRes = await validateName(_recipient) - return myRes - } + if (!myNameRes) { + recipient = _recipient + } else { + recipient = myNameRes.owner + } - const myNameRes = await validateName(_recipient) - if (!myNameRes) { + let _reference = new Uint8Array(64) - recipient = _recipient - } else { + window.crypto.getRandomValues(_reference) - recipient = myNameRes.owner - } - let _reference = new Uint8Array(64) - window.crypto.getRandomValues(_reference) + let sendTimestamp = Date.now() - let sendTimestamp = Date.now() + let reference = window.parent.Base58.encode(_reference) - let reference = window.parent.Base58.encode(_reference) + const getAddressPublicKey = async () => { + let isEncrypted + let _publicKey - const getAddressPublicKey = async () => { - let isEncrypted - let _publicKey + let addressPublicKey = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${recipient}` + }) - let addressPublicKey = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${recipient}` - }) + if (addressPublicKey.error === 102) { + _publicKey = false + // Do something here... + let err1string = get('welcomepage.wcchange7') + parentEpml.request('showSnackBar', `${err1string}`) + this.isLoading = false + } else if (addressPublicKey !== false) { + isEncrypted = 1 + _publicKey = addressPublicKey + sendMessageRequest(isEncrypted, _publicKey) + } else { + isEncrypted = 0 + _publicKey = this.selectedAddress.address + sendMessageRequest(isEncrypted, _publicKey) + } + } + const sendMessageRequest = async (isEncrypted, _publicKey) => { + const messageObject = { + messageText, + images: [''], + repliedTo: '', + version: 1 + } - if (addressPublicKey.error === 102) { - _publicKey = false - // Do something here... - let err1string = get('welcomepage.wcchange7') - parentEpml.request('showSnackBar', `${err1string}`) - this.isLoading = false - } else if (addressPublicKey !== false) { - isEncrypted = 1 - _publicKey = addressPublicKey - await sendMessageRequest(isEncrypted, _publicKey) - } else { - isEncrypted = 0 - _publicKey = this.selectedAddress.address - await sendMessageRequest(isEncrypted, _publicKey) - } - }; + const stringifyMessageObject = JSON.stringify(messageObject) - const sendMessageRequest = async (isEncrypted, _publicKey) => { - const messageObject = { - messageText, - images: [''], - repliedTo: '', - version: 1 - } - const stringifyMessageObject = JSON.stringify(messageObject) - let chatResponse = await parentEpml.request('chat', { - type: 18, - nonce: this.selectedAddress.nonce, - params: { - timestamp: sendTimestamp, - recipient: recipient, - recipientPublicKey: _publicKey, - hasChatReference: 0, - message: stringifyMessageObject, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: isEncrypted, - isText: 1 - } - }) - await _computePow(chatResponse) - } + let chatResponse = await parentEpml.request('chat', { + type: 18, + nonce: this.selectedAddress.nonce, + params: { + timestamp: sendTimestamp, + recipient: recipient, + recipientPublicKey: _publicKey, + hasChatReference: 0, + message: stringifyMessageObject, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: isEncrypted, + isText: 1 + } + }) - const _computePow = async (chatBytes) => { + _computePow(chatResponse) + } - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) - const chatBytesArray = new Uint8Array(_chatBytesArray) - const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result - const hashPtr = window.parent.sbrk(32, window.parent.heap) - const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) - hashAry.set(chatBytesHash) + const _computePow = async (chatBytes) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result + const hashPtr = window.parent.sbrk(32, window.parent.heap) + const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) - const difficulty = this.balance < 4 ? 18 : 8 + hashAry.set(chatBytesHash) - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) + const difficulty = this.balance < 4 ? 18 : 8 - let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) - let _response = await parentEpml.request('sign_chat', { - nonce: this.selectedAddress.nonce, - chatBytesArray: chatBytesArray, - chatNonce: nonce - }) - getSendChatResponse(_response) - } + let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) - const getSendChatResponse = (response) => { + let _response = await parentEpml.request('sign_chat', { + nonce: this.selectedAddress.nonce, + chatBytesArray: chatBytesArray, + chatNonce: nonce + }) - if (response === true) { - messageBox.value = '' - let err2string = get('welcomepage.wcchange8') - parentEpml.request('showSnackBar', `${err2string}`) - this.isLoading = false - this.shadowRoot.querySelector('#startPmDialog').close() - } else if (response.error) { - parentEpml.request('showSnackBar', response.message) - this.isLoading = false - this.shadowRoot.querySelector('#startPmDialog').close() - } else { - let err3string = get('welcomepage.wcchange9') - parentEpml.request('showSnackBar', `${err3string}`) - this.isLoading = false - this.shadowRoot.querySelector('#startPmDialog').close() - } + getSendChatResponse(_response) + } - } - await getAddressPublicKey() - } + const getSendChatResponse = (response) => { + if (response === true) { + messageBox.value = '' + let err2string = get('welcomepage.wcchange8') + parentEpml.request('showSnackBar', `${err2string}`) + this.isLoading = false + this.shadowRoot.querySelector('#startPmDialog').close() + } else if (response.error) { + parentEpml.request('showSnackBar', response.message) + this.isLoading = false + this.shadowRoot.querySelector('#startPmDialog').close() + } else { + let err3string = get('welcomepage.wcchange9') + parentEpml.request('showSnackBar', `${err3string}`) + this.isLoading = false + this.shadowRoot.querySelector('#startPmDialog').close() + } + } - _textArea(e) { - if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() - } + getAddressPublicKey() + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } + _textArea(e) { + if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() + } - getChatBlockedList() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const blockedAddressesUrl = `${nodeUrl}/lists/blockedAddresses?apiKey=${this.getApiKey()}` - const err3string = 'No regitered name' + getChatBlockedList() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const blockedAddressesUrl = `${nodeUrl}/lists/blockedAddresses?apiKey=${this.getApiKey()}` + const err3string = 'No regitered name' - localStorage.removeItem("ChatBlockedAddresses") + localStorage.removeItem("ChatBlockedAddresses") - var obj = [] + var obj = [] - fetch(blockedAddressesUrl).then(response => { - return response.json() - }).then(data => { - return data.map(item => { - const noName = { - name: err3string, - owner: item - } - fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(item => { - obj.push(item) - }) - } else { - obj.push(noName) - } - localStorage.setItem("ChatBlockedAddresses", JSON.stringify(obj)) - }) - }) - }) - } + fetch(blockedAddressesUrl).then(response => { + return response.json() + }).then(data => { + return data.map(item => { + const noName = { + name: err3string, + owner: item + } + fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + obj.push(item) + }) + } else { + obj.push(noName) + } + localStorage.setItem("ChatBlockedAddresses", JSON.stringify(obj)) + }) + }) + }) + } - relMessages() { - setTimeout(() => { - window.location.href = window.location.href.split('#')[0] - }, 500) - } + relMessages() { + setTimeout(() => { + window.location.href = window.location.href.split('#')[0] + }, 500) + } - async getChatBlockedAdresses() { - this.chatBlockedAdresses = await parentEpml.request('apiCall', { + async getChatBlockedAdresses() { + const chatBlockedAdresses = await parentEpml.request('apiCall', { url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}` }) - } + this.chatBlockedAdresses = chatBlockedAdresses + } + async chatBlockAddress() { + let address = this.toblockaddress - // Chat Block Address + let items = [ + address + ] - async chatBlockAddress() { - let address = this.toblockaddress + let addressJsonString = JSON.stringify({ "items": items }) - let items = [ - address - ] + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${addressJsonString}` + }) - let addressJsonString = JSON.stringify({ "items": items }) + if (ret === true) { + this.chatBlockedAdresses = this.chatBlockedAdresses.filter(item => item != address) + this.chatBlockedAdresses.push(address) + this.getChatBlockedList() + this.hideBlockUserModal() + let err1string = get("blockpage.bcchange2") + snackbar.add({ + labelText: `${err1string}`, + dismiss: true + }) + this.relMessages() + } else { + this.hideBlockUserModal() + let err2string = get("blockpage.bcchange2") + snackbar.add({ + labelText: `${err2string}`, + dismiss: true + }) + } - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${addressJsonString}` - }) + return ret + } - if (ret === true) { - this.chatBlockedAdresses = this.chatBlockedAdresses.filter(item => item != address) - this.chatBlockedAdresses.push(address) - this.getChatBlockedList() - this.hideBlockUserModal() - let err1string = get("blockpage.bcchange2") - snackbar.add({ - labelText: `${err1string}`, - dismiss: true - }) - this.relMessages() - } else { - this.hideBlockUserModal() - let err2string = get("blockpage.bcchange2") - snackbar.add({ - labelText: `${err2string}`, - dismiss: true - }) - } - return ret - } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - render() { - return html` - this.hidePrivateMessageModal()} - > -
    -

    ${translate('welcomepage.wcchange2')}

    -
    -
    -

    ${translate('welcomepage.wcchange3')}

    - -

    - -

    - { - this._sendMessage(); - } - }>${translate('welcomepage.wcchange6')} - - - ${translate('general.close')} - -     - this.hideBlockUserModal()} - > -
    -

    ${translate('blockpage.bcchange5')}

    -
    -

    ${translate('blockpage.bcchange6')}


    -

    ${this.nametodialog}

    -
    - - ${translate('general.yes')} - - - ${translate('general.no')} - -     - `; - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('chat-modals', ChatModals) +window.customElements.define('chat-modals', ChatModals) diff --git a/plugins/plugins/core/components/ChatPage-css.js b/plugins/plugins/core/components/ChatPage-css.js deleted file mode 100644 index 2356129b..00000000 --- a/plugins/plugins/core/components/ChatPage-css.js +++ /dev/null @@ -1,1154 +0,0 @@ -import {css} from 'lit' - -export const chatpageStyles = css` - html { - scroll-behavior: smooth; - } - - .chat-head-container { - display: flex; - justify-content: flex-start; - flex-direction: column; - height: 50vh; - overflow-y: auto; - overflow-x: hidden; - width: 100%; - } - - .repliedTo-container { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 10px 10px 8px 10px; - } - - .senderName { - margin: 0; - color: var(--mdc-theme-primary); - font-weight: bold; - user-select: none; - } - - .original-message { - color: var(--chat-bubble-msg-color); - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - margin: 0; - width: 800px; - } - - .close-icon { - color: #676b71; - width: 18px; - transition: all 0.1s ease-in-out; - } - - .close-icon:hover { - cursor: pointer; - color: #494c50; - } - - .chat-text-area .typing-area .chatbar { - position: relative; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: auto; - padding: 5px 5px 5px 7px; - overflow: hidden; - } - - .chat-text-area .typing-area .emoji-button { - width: 45px; - height: 40px; - padding-top: 4px; - border: none; - outline: none; - background: transparent; - cursor: pointer; - max-height: 40px; - color: var(--black); - } - - .emoji-button-caption { - width: 45px; - height: 40px; - padding-top: 4px; - border: none; - outline: none; - background: transparent; - cursor: pointer; - max-height: 40px; - color: var(--black); - } - - .caption-container { - width: 100%; - display: flex; - height: auto; - overflow: hidden; - justify-content: center; - background-color: var(--white); - padding: 5px; - border-radius: 1px; - } - - .chatbar-caption { - font-family: Roboto, sans-serif; - width: 70%; - margin-right: 10px; - outline: none; - align-items: center; - font-size: 18px; - resize: none; - border-top: 0; - border-right: 0; - border-left: 0; - border-bottom: 1px solid #cac8c8; - padding: 3px; - } - - .message-size-container { - display: flex; - justify-content: flex-end; - width: 100%; - } - - .message-size { - font-family: Roboto, sans-serif; - font-size: 12px; - color: black; - } - - .lds-grid { - width: 120px; - height: 120px; - position: absolute; - left: 50%; - top: 40%; - } - - img { - border-radius: 25%; - } - - .dialogCustom { - position: fixed; - z-index: 10000; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - top: 10px; - right: 20px; - user-select: none; - } - - .dialogCustomInner { - min-width: 300px; - height: 40px; - background-color: var(--white); - box-shadow: rgb(119 119 119 / 32%) 0px 4px 12px; - padding: 10px; - border-radius: 4px; - } - - .dialogCustomInner ul { - padding-left: 0px - } - - .dialogCustomInner li { - margin-bottom: 10px; - } - - .marginLoader { - margin-right: 8px; - } - - .last-message-ref { - position: absolute; - font-size: 18px; - top: -40px; - right: 30px; - width: 50; - height: 50; - z-index: 5; - color: black; - background-color: white; - border-radius: 50%; - transition: all 0.1s ease-in-out; - } - - .last-message-ref:hover { - cursor: pointer; - transform: scale(1.1); - } - - .arrow-down-icon { - transform: scale(1.15); - } - - .chat-container { - display: grid; - max-height: 100%; - } - - .chat-text-area { - display: flex; - position: relative; - justify-content: center; - min-height: 60px; - max-height: 100%; - } - - .chat-text-area .typing-area { - display: flex; - flex-direction: column; - width: 98%; - box-sizing: border-box; - margin-bottom: 8px; - border: 1px solid var(--chat-bubble-bg); - border-radius: 10px; - background: var(--chat-bubble-bg); - } - - .chat-text-area .typing-area textarea { - display: none; - } - - .chat-text-area .typing-area .chat-editor { - display: flex; - max-height: -webkit-fill-available; - width: 100%; - border-color: transparent; - margin: 0; - padding: 0; - border: none; - } - - .repliedTo-container { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 10px 10px 8px 10px; - } - - .repliedTo-subcontainer { - display: flex; - flex-direction: row; - align-items: center; - gap: 15px; - width: 100%; - } - - .repliedTo-message { - display: flex; - flex-direction: column; - gap: 5px; - width: 100%; - word-break: break-all; - text-overflow: ellipsis; - overflow: hidden; - max-height: 60px; - } - .repliedTo-message p { - margin: 0px; - padding: 0px; - } - - .repliedTo-message pre { - white-space: pre-wrap; - } - - .repliedTo-message p mark { - background-color: #ffe066; - border-radius: 0.25em; - box-decoration-break: clone; - padding: 0.125em 0; - } - - .reply-icon { - width: 20px; - color: var(--mdc-theme-primary); - } - - .close-icon { - color: #676b71; - width: 18px; - transition: all 0.1s ease-in-out; - } - - .close-icon:hover { - cursor: pointer; - color: #494c50; - } - - .chatbar-container { - width: 100%; - display: flex; - height: auto; - overflow: hidden; - } - - .lds-grid { - width: 120px; - height: 120px; - position: absolute; - left: 50%; - top: 40%; - } - - .lds-grid div { - position: absolute; - width: 34px; - height: 34px; - border-radius: 50%; - background: #03a9f4; - animation: lds-grid 1.2s linear infinite; - } - - .lds-grid div:nth-child(1) { - top: 4px; - left: 4px; - animation-delay: 0s; - } - - .lds-grid div:nth-child(2) { - top: 4px; - left: 48px; - animation-delay: -0.4s; - } - - .lds-grid div:nth-child(3) { - top: 4px; - left: 90px; - animation-delay: -0.8s; - } - - .lds-grid div:nth-child(4) { - top: 50px; - left: 4px; - animation-delay: -0.4s; - } - - .lds-grid div:nth-child(5) { - top: 50px; - left: 48px; - animation-delay: -0.8s; - } - - .lds-grid div:nth-child(6) { - top: 50px; - left: 90px; - animation-delay: -1.2s; - } - - .lds-grid div:nth-child(7) { - top: 95px; - left: 4px; - animation-delay: -0.8s; - } - - .lds-grid div:nth-child(8) { - top: 95px; - left: 48px; - animation-delay: -1.2s; - } - - .lds-grid div:nth-child(9) { - top: 95px; - left: 90px; - animation-delay: -1.6s; - } - - @keyframes lds-grid { - 0%, 100% { - opacity: 1; - } - 50% { - opacity: 0.5; - } - } - - .float-left { - float: left; - } - - img { - border-radius: 25%; - } - - paper-dialog.warning { - width: 50%; - max-width: 50vw; - height: 30%; - max-height: 30vh; - text-align: center; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - line-height: 1.6; - overflow-y: auto; - overflow-x: hidden; - width: 100%; - } - - .repliedTo-container { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 10px 10px 8px 10px; - } - - .senderName { - margin: 0; - color: var(--mdc-theme-primary); - font-weight: bold; - user-select: none; - } - - .original-message { - color: var(--chat-bubble-msg-color); - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - margin: 0; - width: 800px; - } - - - .close-icon { - color: #676b71; - width: 18px; - transition: all 0.1s ease-in-out; - } - - .close-icon:hover { - cursor: pointer; - color: #494c50; - } - - .chat-text-area .typing-area .chatbar { - position: relative; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: auto; - padding: 5px 5px 5px 7px; - overflow: hidden; - } - - .chat-text-area .typing-area .emoji-button { - width: 45px; - height: 40px; - padding-top: 4px; - border: none; - outline: none; - background: transparent; - cursor: pointer; - max-height: 40px; - color: var(--black); - } - - .emoji-button-caption { - width: 45px; - height: 40px; - padding-top: 4px; - border: none; - outline: none; - background: transparent; - cursor: pointer; - max-height: 40px; - color: var(--black); - } - - .caption-container { - width: 100%; - display: flex; - height: auto; - overflow: hidden; - justify-content: center; - background-color: var(--white); - padding: 5px; - border-radius: 1px; - } - - .chatbar-caption { - font-family: Roboto, sans-serif; - width: 70%; - margin-right: 10px; - outline: none; - align-items: center; - font-size: 18px; - resize: none; - border-top: 0; - border-right: 0; - border-left: 0; - border-bottom: 1px solid #cac8c8; - padding: 3px; - } - - .message-size-container { - display: flex; - justify-content: flex-end; - width: 100%; - } - - .message-size { - font-family: Roboto, sans-serif; - font-size: 12px; - color: black; - } - - .lds-grid { - width: 120px; - height: 120px; - position: absolute; - left: 50%; - top: 40%; - } - - img { - border-radius: 25%; - } - - .dialogCustom { - position: fixed; - z-index: 10000; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - top: 10px; - right: 20px; - user-select: none; - } - - .dialogCustomInner { - min-width: 300px; - height: 40px; - background-color: var(--white); - box-shadow: rgb(119 119 119 / 32%) 0px 4px 12px; - padding: 10px; - border-radius: 4px; - } - - .dialogCustomInner ul { - padding-left: 0px - } - - .dialogCustomInner li { - margin-bottom: 10px; - } - - .marginLoader { - margin-right: 8px; - } - - .last-message-ref { - position: absolute; - font-size: 18px; - top: -40px; - right: 30px; - width: 50; - height: 50; - z-index: 5; - color: black; - background-color: white; - border-radius: 50%; - transition: all 0.1s ease-in-out; - } - - .last-message-ref:hover { - cursor: pointer; - transform: scale(1.1); - } - - .arrow-down-icon { - transform: scale(1.15); - } - - .chat-container { - display: grid; - max-height: 100%; - } - - .chat-text-area { - display: flex; - position: relative; - justify-content: center; - min-height: 60px; - max-height: 100%; - } - - .chat-text-area .typing-area { - display: flex; - flex-direction: column; - width: 98%; - box-sizing: border-box; - margin-bottom: 8px; - border: 1px solid var(--chat-bubble-bg); - border-radius: 10px; - background: var(--chat-bubble-bg); - } - - .chat-text-area .typing-area textarea { - display: none; - } - - .chat-text-area .typing-area .chat-editor { - display: flex; - max-height: -webkit-fill-available; - width: 100%; - border-color: transparent; - margin: 0; - padding: 0; - border: none; - } - - .repliedTo-container { - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 10px 10px 8px 10px; - } - - .repliedTo-subcontainer { - display: flex; - flex-direction: row; - align-items: center; - gap: 15px; - width: 100%; - } - - .repliedTo-message { - display: flex; - flex-direction: column; - gap: 5px; - width: 100%; - word-break: break-all; - text-overflow: ellipsis; - overflow: hidden; - max-height: 60px; - } - .repliedTo-message p { - margin: 0px; - padding: 0px; - } - - .repliedTo-message pre { - white-space: pre-wrap; - } - - .repliedTo-message p mark { - background-color: #ffe066; - border-radius: 0.25em; - box-decoration-break: clone; - padding: 0.125em 0; - } - - .reply-icon { - width: 20px; - color: var(--mdc-theme-primary); - } - - .close-icon { - color: #676b71; - width: 18px; - transition: all 0.1s ease-in-out; - } - - .close-icon:hover { - cursor: pointer; - color: #494c50; - } - - .chatbar-container { - width: 100%; - display: flex; - height: auto; - overflow: hidden; - } - - .lds-grid { - width: 120px; - height: 120px; - position: absolute; - left: 50%; - top: 40%; - } - - .lds-grid div { - position: absolute; - width: 34px; - height: 34px; - border-radius: 50%; - background: #03a9f4; - animation: lds-grid 1.2s linear infinite; - } - - .lds-grid div:nth-child(1) { - top: 4px; - left: 4px; - animation-delay: 0s; - } - - .lds-grid div:nth-child(2) { - top: 4px; - left: 48px; - animation-delay: -0.4s; - } - - .lds-grid div:nth-child(3) { - top: 4px; - left: 90px; - animation-delay: -0.8s; - } - - .lds-grid div:nth-child(4) { - top: 50px; - left: 4px; - animation-delay: -0.4s; - } - - .lds-grid div:nth-child(5) { - top: 50px; - left: 48px; - animation-delay: -0.8s; - } - - .lds-grid div:nth-child(6) { - top: 50px; - left: 90px; - animation-delay: -1.2s; - } - - .lds-grid div:nth-child(7) { - top: 95px; - left: 4px; - animation-delay: -0.8s; - } - - .lds-grid div:nth-child(8) { - top: 95px; - left: 48px; - animation-delay: -1.2s; - } - - .lds-grid div:nth-child(9) { - top: 95px; - left: 90px; - animation-delay: -1.6s; - } - - @keyframes lds-grid { - 0%, 100% { - opacity: 1; - } - 50% { - opacity: 0.5; - } - } - - .float-left { - float: left; - } - - img { - border-radius: 25%; - } - - paper-dialog.warning { - width: 50%; - max-width: 50vw; - height: 30%; - max-height: 30vh; - text-align: center; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - line-height: 1.6; - overflow-y: auto; - } - .buttons { - text-align:right; - } - - .dialogCustom { - position: fixed; - z-index: 10000; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - top: 10px; - right: 20px; - user-select: none; - } - - .dialogCustom p { - color: var(--black) - } - - .dialogCustomInner { - min-width: 300px; - height: 40px; - background-color: var(--white); - box-shadow: rgb(119 119 119 / 32%) 0px 4px 12px; - padding: 10px; - border-radius: 4px; - } - - .dialogCustomInner ul { - padding-left: 0px - } - - .dialogCustomInner li { - margin-bottom: 10px; - } - - .marginLoader { - margin-right: 8px; - } - - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - - .smallLoading { - border-width: 0.8em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - /* Add Image Modal Dialog Styling */ - - .dialog-container { - position: relative; - display: flex; - align-items: center; - flex-direction: column; - padding: 0 10px; - gap: 10px; - height: 100%; - } - - .dialog-container-title { - font-family: Montserrat; - color: var(--black); - font-size: 20px; - margin: 15px 0 0 0; - } - - .divider { - height: 1px; - background-color: var(--chat-bubble-msg-color); - user-select: none; - width: 70%; - margin-bottom: 20px; - } - - .dialog-container-loader { - position: relative; - display: flex; - align-items: center; - padding: 0 10px; - gap: 10px; - height: 100%; - } - - .dialog-image { - width: 100%; - max-height: 300px; - border-radius: 0; - object-fit: contain; - } - - .chat-right-panel { - flex: 0; - border-left: 3px solid rgb(221, 221, 221); - height: 100%; - overflow-y: auto; - background: transparent; - } - - .movedin { - flex: 1 !important; - background: transparent; - } - - .main-container { - display: flex; - height: 100%; - } - - .group-nav-container { - display: flex; - height: 40px; - padding: 5px; - margin: 0px; - background-color: var(--chat-bubble-bg); - box-sizing: border-box; - align-items: center; - justify-content: space-between; - box-shadow: var(--group-drop-shadow); - z-index: 1; - } - - .top-bar-icon { - border-radius: 50%; - color: var(--chat-bubble-msg-color); - transition: 0.3s all ease-in-out; - padding: 5px; - background-color: transparent; - } - - .top-bar-icon:hover { - background-color: #e6e6e69b; - cursor: pointer; - color: var(--black) - } - - .group-name { - font-family: Raleway, sans-serif; - font-size: 16px; - color: var(--black); - margin:0px; - padding:0px; - } - - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red { - font-family: Roboto, sans-serif; - font-size: 16px; - color: #F44336; - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red:hover { - cursor: pointer; - background-color: #f4433663; - } - - .modal-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - - .name-input { - width: 100%; - margin-bottom: 15px; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - box-sizing: border-box; - } - - .name-input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .name-input::placeholder { - opacity: 0.9; - color: var(--black); - } - - .search-results-div { - position: absolute; - top: 25px; - right: 25px; - } - - .search-field { - width: 100%; - position: relative; - margin-bottom: 5px; - } - - .search-icon { - position: absolute; - right: 3px; - top: 0; - color: var(--chat-bubble-msg-color); - transition: all 0.3s ease-in-out; - background: none; - border-radius: 50%; - padding: 6px 3px; - font-size: 21px; - } - - .search-icon:hover { - cursor: pointer; - background: #d7d7d75c; - } - - .user-verified { - position: absolute; - top: 0; - right: 5px; - display: flex; - align-items: center; - gap: 10px; - color: #04aa2e; - font-size: 13px; - } - - .user-selected { - display: flex; - justify-content: space-between; - align-items: center; - margin: 0; - box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; - padding: 18px 20px; - color: var(--chat-bubble-msg-color); - border-radius: 5px; - background-color: #ececec96; - } - - .user-selected-name { - font-family: Roboto, sans-serif; - margin: 0; - font-size: 16px; - } - - .forwarding-container { - display: flex; - gap: 15px; - } - - .user-selected-forwarding { - font-family: Livvic, sans-serif; - margin: 0; - font-size: 16px; - } - - .close-forwarding { - color: #676b71; - width: 14px; - transition: all 0.1s ease-in-out; - } - - .close-forwarding:hover { - cursor: pointer; - color: #4e5054; - } - - .chat-gifs { - position: absolute; - right: 15px; - bottom: 100px; - justify-self: flex-end; - width: fit-content; - height: auto; - transform: translateY(30%); - animation: smooth-appear 0.5s ease forwards; - z-index: 5; - } - - @keyframes smooth-appear { - to { - transform: translateY(0); - } - } - - .gifs-backdrop { - top: 0; - height: 100vh; - width: 100vw; - background: transparent; - position: fixed; - } - - .modal-button-row { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - } - - - .attachment-icon-container { - display: flex; - align-items: center; - justify-content: center; - height: 120px; - width: 120px; - border-radius: 50%; - border: none; - background-color: var(--mdc-theme-primary); - } - - .attachment-icon { - width: 70%; - } - - .attachment-name { - font-family: Work Sans, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - margin: 0px; - letter-spacing: 1px; - padding: 5px 0px; - } -` diff --git a/plugins/plugins/core/components/ChatPage.js b/plugins/plugins/core/components/ChatPage.js index 29d30402..3bb80f9c 100644 --- a/plugins/plugins/core/components/ChatPage.js +++ b/plugins/plugins/core/components/ChatPage.js @@ -1,17 +1,14 @@ -import {html, LitElement} from 'lit' -import {animate} from '@lit-labs/motion' -import {Epml} from '../../../epml.js' -import {get, translate} from '../../../../core/translate' -import {Editor, Extension, generateHTML} from '@tiptap/core' -import {unsafeHTML} from 'lit/directives/unsafe-html.js' -import {escape} from 'html-escaper' -import {inputKeyCodes} from '../../utils/keyCodes.js' -import {replaceMessagesEdited} from '../../utils/replace-messages-edited.js' -import {publishData} from '../../utils/publish-image.js' -import {EmojiPicker} from 'emoji-picker-js' -import {ifDefined} from 'lit/directives/if-defined.js'; - - +import { html, LitElement } from 'lit' +import { ifDefined } from 'lit/directives/if-defined.js' +import { unsafeHTML } from 'lit/directives/unsafe-html.js' +import { animate } from '@lit-labs/motion' +import { Epml } from '../../../epml' +import { Editor, Extension, generateHTML } from '@tiptap/core' +import { escape } from 'html-escaper' +import { inputKeyCodes, replaceMessagesEdited, generateIdFromAddresses } from '../../utils/functions' +import { publishData, modalHelper, RequestQueue } from '../../utils/classes' +import { EmojiPicker } from 'emoji-picker-js' +import { chatpageStyles } from './plugins-css' import localForage from 'localforage' import StarterKit from '@tiptap/starter-kit' import Underline from '@tiptap/extension-underline' @@ -21,2111 +18,1955 @@ import WebWorker from 'web-worker:./computePowWorker.js' import WebWorkerFile from 'web-worker:./computePowWorkerFile.js' import WebWorkerSortMessages from 'web-worker:./webworkerSortMessages.js' import WebWorkerDecodeMessages from 'web-worker:./webworkerDecodeMessages.js' - import ShortUniqueId from 'short-unique-id' import Compressor from 'compressorjs' - -import './ChatScroller.js' -import './LevelFounder.js' -import './NameMenu.js' -import './TimeAgo.js' -import './ChatTextEditor.js' -import './WrapperModal.js' -import './TipUser.js' -import './ChatSelect.js' -import './ChatSideNavHeads.js' -import './ChatLeaveGroup.js' -import './ChatGroupSettings.js' -import './ChatRightPanel.js' -import './ChatRightPanelResources.js' -import './ChatSearchResults.js' +import './ChatScroller' +import './LevelFounder' +import './NameMenu' +import './TimeAgo' +import './ChatTextEditor' +import './WrapperModal' +import './TipUser' +import './ChatSelect' +import './ChatSideNavHeads' +import './ChatLeaveGroup' +import './ChatGroupSettings' +import './ChatRightPanel' +import './ChatRightPanelResources' +import './ChatSearchResults' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-icon' import '@polymer/paper-dialog/paper-dialog.js' import '@polymer/paper-spinner/paper-spinner-lite.js' -import {RequestQueue} from '../../utils/queue.js' -import {modalHelper} from '../../utils/publish-modal.js' -import {generateIdFromAddresses} from '../../utils/id-generation.js' -import {chatpageStyles} from './ChatPage-css.js' -const chatLastSeen = localForage.createInstance({ - name: "chat-last-seen", -}) +// Multi language support +import { get, translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) -export const queue = new RequestQueue(); +const chatLastSeen = localForage.createInstance({ + name: 'chat-last-seen' +}) +export const queue = new RequestQueue() export const chatLimit = 20 export const chatLimitHalf = 10 - export const totalMsgCount = 60 + class ChatPage extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - selectedAddress: { type: Object }, - config: { type: Object }, - messages: { type: Array }, - _messages: { type: Array }, - newMessages: { type: Array }, - hideMessages: { type: Array }, - chatId: { type: String }, - myAddress: { type: String }, - isReceipient: { type: Boolean }, - isLoading: { type: Boolean }, - _publicKey: { type: Object }, - balance: { type: Number }, - socketTimeout: { type: Number }, - messageSignature: { type: String }, - _initialMessages: { type: Array }, - isUserDown: { type: Boolean }, - isPasteMenuOpen: { type: Boolean }, - showNewMessageBar: { attribute: false }, - hideNewMessageBar: { attribute: false }, - setOpenPrivateMessage: { attribute: false }, - chatEditorPlaceholder: { type: String }, - messagesRendered: { type: Object }, - repliedToMessageObj: { type: Object }, - editedMessageObj: { type: Object }, - iframeHeight: { type: Number }, - imageFile: { type: Object }, - attachment: { type: Object }, - isUploadingImage: { type: Boolean }, - isDeletingImage: { type: Boolean }, - isUploadingAttachment: { type: Boolean }, - isDeletingAttachment: { type: Boolean }, - userLanguage: { type: String }, - lastMessageRefVisible: { type: Boolean }, - isLoadingOldMessages: { type: Boolean }, - isEditMessageOpen: { type: Boolean }, - webSocket: { attribute: false }, - chatHeads: { type: Array }, - forwardActiveChatHeadUrl: { type: Object }, - openForwardOpen: { type: Boolean }, - groupAdmin: { type: Array }, - groupMembers: { type: Array }, - shifted: { type: Boolean }, - shiftedResources: {type: Boolean}, - groupInfo: { type: Object }, - setActiveChatHeadUrl: { attribute: false }, - userFound: { type: Array }, - userFoundModalOpen: { type: Boolean }, - webWorker: { type: Object }, - webWorkerFile: { type: Object }, - myTrimmedMeassage: { type: String }, - editor: { type: Object }, - currentEditor: { type: String }, - isEnabledChatEnter: { type: Boolean }, - openTipUser: { type: Boolean }, - openUserInfo: { type: Boolean }, - selectedHead: { type: Object }, - userName: { type: String }, - openGifModal: { type: Boolean }, - gifsLoading: { type: Boolean }, - goToRepliedMessage: { attribute: false }, - isLoadingGoToRepliedMessage: { type: Object }, - updateMessageHash: { type: Object}, - oldMessages: {type: Array}, - messageQueue: {type: Array}, - isInProcessQueue: {type: Boolean}, - loggedInUserName: {type: String}, - loggedInUserAddress: {type: String} - } - } - - static get styles() { - return [chatpageStyles]; - } - - - - constructor() { - super() - this.getOldMessage = this.getOldMessage.bind(this) - this.clearUpdateMessageHashmap = this.clearUpdateMessageHashmap.bind(this) - this._sendMessage = this._sendMessage.bind(this) - this.insertFile = this.insertFile.bind(this) - this.pasteImage = this.pasteImage.bind(this) - this.toggleEnableChatEnter = this.toggleEnableChatEnter.bind(this) - this._downObserverhandler = this._downObserverhandler.bind(this) - this.setOpenTipUser = this.setOpenTipUser.bind(this) - this.setOpenUserInfo = this.setOpenUserInfo.bind(this) - this.setUserName = this.setUserName.bind(this) - this.setSelectedHead = this.setSelectedHead.bind(this) - this.setGifsLoading = this.setGifsLoading.bind(this) - this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress - this.userName = "" - this.chatId = '' - this.myAddress = '' - this.messages = [] - this._messages = [] - this.newMessages = [] - this.hideMessages = JSON.parse(localStorage.getItem("MessageBlockedAddresses") || "[]") - this._publicKey = { key: '', hasPubKey: false } - this.messageSignature = '' - this._initialMessages = [] - this.balance = 1 - this.isReceipient = false - this.isLoadingMessages = true - this.isLoading = false - this.isUserDown = false - this.isPasteMenuOpen = false - this.chatEditorPlaceholder = "" - this.messagesRendered = { - messages: [], - type: '' - } - this.repliedToMessageObj = null - this.editedMessageObj = null - this.iframeHeight = 42 - this.imageFile = null - this.attachment = null - this.uid = new ShortUniqueId() - this.userLanguage = "" - this.lastMessageRefVisible = false - this.isEditMessageOpen = false - this.emojiPicker = new EmojiPicker({ - style: "twemoji", - twemojiBaseUrl: '/emoji/', - showPreview: false, - showVariants: false, - showAnimation: false, - position: 'top-start', - boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px' - }) - this.openForwardOpen = false - this.groupAdmin = [] - this.groupMembers = [] - this.shifted = false - this.shiftedResources = false - this.groupInfo = {} - this.pageNumber = 1 - this.userFoundModalOpen = false - this.userFound = [] - this.forwardActiveChatHeadUrl = { - url: "", - name: "", - selected: false - } - this.webWorker = null - this.webWorkerFile = null - this.webWorkerSortMessages = null - this.webWorkerDecodeMessages = null - this.currentEditor = '_chatEditorDOM' - this.initialChat = this.initialChat.bind(this) - this.setOpenGifModal = this.setOpenGifModal.bind(this) - this.isEnabledChatEnter = true - this.openGifModal = false - this.isLoadingGoToRepliedMessage = { - isLoading: false, - top: 0, - left: 0, - offsetHeight: 0 - } - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.updateMessageHash = {} - this.addToUpdateMessageHashmap = this.addToUpdateMessageHashmap.bind(this) - this.getAfterMessages = this.getAfterMessages.bind(this) - this.oldMessages = [] - this.lastReadMessageTimestamp = 0 - this.initUpdate = this.initUpdate.bind(this) - this.messageQueue = [] - this.addToQueue = this.addToQueue.bind(this) - this.processQueue = this.processQueue.bind(this) - this.isInProcessQueue = false - this.nodeUrl = this.getNodeUrl(); - this.myNode = this.getMyNode(); - } - - getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - - return myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - } - getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ]; - } - - setOpenGifModal(value) { - this.openGifModal = value - } - - _toggle(value) { - this.shifted = value === true ? value : !this.shifted - this.requestUpdate() - } - _toggleResources(value) { - this.shiftedResources = value === true ? value : !this.shiftedResources - this.requestUpdate() - } - - setOpenTipUser(props) { - this.openTipUser = props - } - - setOpenUserInfo(props) { - this.openUserInfo = props - } - - setUserName(props) { - this.userName = props.senderName ? props.senderName : props.sender - this.setSelectedHead(props) - } - - setSelectedHead(props) { - this.selectedHead = { - ...this.selectedHead, - address: props.sender, - name: props.senderName, - } - } - - toggleEnableChatEnter() { - localStorage.setItem('isEnabledChatEnter', !this.isEnabledChatEnter) - this.isEnabledChatEnter = !this.isEnabledChatEnter - } - - addGifs(gifs) { - this.gifsToBeAdded = [...this.gifsToBeAdded, ...gifs] - } - - setGifsLoading(props) { - this.gifsLoading = props - } - - addToQueue(outSideMsg, messageQueue) { - // Push the new message object to the queue - - this.messageQueue = [...messageQueue, { ...outSideMsg, timestamp: Date.now()}]; - - // Start processing the queue only if the message we just added is the only one in the queue - // This ensures that the queue processing starts only once, even if this method is called multiple times - if (this.messageQueue.length === 1) { - this.processQueue(); - } - - // Notify Lit to update/render due to the property change - this.requestUpdate(); - } - - async processQueue() { - if (this.messageQueue.length === 0) return; - const currentMessage = this.messageQueue[0]; - try { - const res = await this.sendMessage(currentMessage); - if(res === true) { - this.messageQueue = this.messageQueue.slice(1); - } else { - throw new Error('failed') - } - - if (this.messageQueue.length > 0) { - setTimeout(() => this.processQueue(), 2000); // Wait for 10 seconds before retrying - // setTimeout(() => this.processQueue(), 0); // Process the next message immediately - } - } catch (error) { - console.error("Failed to send message:", error); - setTimeout(() => this.processQueue(), 10000); // Wait for 10 seconds before retrying - } - } - - async getLastestMessages(){ - try { - let getInitialMessages = [] - if (this.isReceipient) { - - - - getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` - }) - - - - } else { - getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` - }) - - } - await this.processMessages(getInitialMessages, true, false) - } catch (error) { /* empty */ } - } - - async copyJoinGroupLinkToClipboard() { - try { - const link = `qortal://use-group/action-join/groupid-${this.groupInfo.groupId}` - let copyString1 = get('chatpage.cchange97'); - await navigator.clipboard.writeText(link); - parentEpml.request('showSnackBar', `${copyString1}`); - } catch (err) { - let copyString2 = get('walletpage.wchange39'); - parentEpml.request('showSnackBar', `${copyString2}`); - console.error('Copy to clipboard error:', err); + static get properties() { + return { + theme: { type: String, reflect: true }, + selectedAddress: { type: Object }, + config: { type: Object }, + messages: { type: Array }, + _messages: { type: Array }, + newMessages: { type: Array }, + hideMessages: { type: Array }, + chatId: { type: String }, + myAddress: { type: String }, + isReceipient: { type: Boolean }, + isLoading: { type: Boolean }, + _publicKey: { type: Object }, + balance: { type: Number }, + socketTimeout: { type: Number }, + messageSignature: { type: String }, + _initialMessages: { type: Array }, + isUserDown: { type: Boolean }, + isPasteMenuOpen: { type: Boolean }, + showNewMessageBar: { attribute: false }, + hideNewMessageBar: { attribute: false }, + setOpenPrivateMessage: { attribute: false }, + chatEditorPlaceholder: { type: String }, + messagesRendered: { type: Object }, + repliedToMessageObj: { type: Object }, + editedMessageObj: { type: Object }, + iframeHeight: { type: Number }, + imageFile: { type: Object }, + attachment: { type: Object }, + isUploadingImage: { type: Boolean }, + isDeletingImage: { type: Boolean }, + isUploadingAttachment: { type: Boolean }, + isDeletingAttachment: { type: Boolean }, + userLanguage: { type: String }, + lastMessageRefVisible: { type: Boolean }, + isLoadingOldMessages: { type: Boolean }, + isEditMessageOpen: { type: Boolean }, + webSocket: { attribute: false }, + chatHeads: { type: Array }, + forwardActiveChatHeadUrl: { type: Object }, + openForwardOpen: { type: Boolean }, + groupAdmin: { type: Array }, + groupMembers: { type: Array }, + shifted: { type: Boolean }, + shiftedResources: { type: Boolean }, + groupInfo: { type: Object }, + setActiveChatHeadUrl: { attribute: false }, + userFound: { type: Array }, + userFoundModalOpen: { type: Boolean }, + webWorker: { type: Object }, + webWorkerFile: { type: Object }, + myTrimmedMeassage: { type: String }, + editor: { type: Object }, + currentEditor: { type: String }, + isEnabledChatEnter: { type: Boolean }, + openTipUser: { type: Boolean }, + openUserInfo: { type: Boolean }, + selectedHead: { type: Object }, + userName: { type: String }, + openGifModal: { type: Boolean }, + gifsLoading: { type: Boolean }, + goToRepliedMessage: { attribute: false }, + isLoadingGoToRepliedMessage: { type: Object }, + updateMessageHash: { type: Object }, + oldMessages: { type: Array }, + messageQueue: { type: Array }, + isInProcessQueue: { type: Boolean }, + loggedInUserName: { type: String }, + loggedInUserAddress: { type: String } } } - - render() { - return html` -
    -
    - -
    -
    { - if(+this._chatId === 0 || this.isReceipient)return - this._toggle() - }} style=${`height: 100%; display: flex; align-items: center;flex-grow: 1; cursor: pointer; cursor: ${+this._chatId === 0 || this.isReceipient ? 'default': 'pointer'}; user-select: none`}> - ${this.isReceipient ? '' : +this._chatId === 0 ? html` -

    Qortal General Chat

    - ` : html` -

    ${this.groupInfo && this.groupInfo.groupName}

    - `} - -
    -
    - ${(!this.isReceipient && +this._chatId !== 0) ? - html` - link - ` - : ''} - photo_library - ${(!this.isReceipient && +this._chatId !== 0) ? - html` - groups - ` - : ''} -
    -
    - -
    - ${this.isLoadingMessages ? - html` -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    -
    - ` : - this.renderChatScroller()} -
    -
    { - if (this.gifsLoading) return; - this.setOpenGifModal(false); - this.editor.commands.focus("end"); - this.shadowRoot.querySelector("chat-gifs").clearGifSelections(); - }} - style=${this.openGifModal ? "visibility: visible; z-index: 4" : "visibility: hidden; z-index: -100"}> -
    - - ${this.isLoadingGoToRepliedMessage && this.isLoadingGoToRepliedMessage.loading ? html` -
    - ` : ''} -
    -
    - { - const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller'); - if (chatScrollerElement && chatScrollerElement.disableAddingNewMessages) { - this.getLastestMessages() - } else { - this.shadowRoot.querySelector("chat-scroller").shadowRoot.getElementById("downObserver") - .scrollIntoView({ - behavior: 'smooth', - }); - } - - }}> - -
    -
    - ${this.repliedToMessageObj && html` -
    -
    - -
    -

    ${this.repliedToMessageObj.senderName ? this.repliedToMessageObj.senderName : this.repliedToMessageObj.sender}

    - ${this.repliedToMessageObj.version.toString() === '1' ? html` - ${this.repliedToMessageObj.message} - ` : ''} - ${+this.repliedToMessageObj.version > 1 - ? html` - ${unsafeHTML(generateHTML(this.repliedToMessageObj.message, - [ - StarterKit, - Underline, - Highlight - // other extensions … - ]))} - ` - : ''} -
    - this.closeRepliedToContainer()} - > -
    -
    - `} - ${this.editedMessageObj && html` -
    -
    - -
    -

    ${translate("chatpage.cchange25")}

    - ${unsafeHTML(generateHTML(this.editedMessageObj.message, - [ - StarterKit, - Underline, - Highlight - // other extensions … - ]))} -
    - this.closeEditMessageContainer()}> - -
    -
    - `} -
    - this.updatePlaceholder(editor, value)} - id="_chatEditorDOM" - .repliedToMessageObj=${this.repliedToMessageObj} - .toggleEnableChatEnter=${this.toggleEnableChatEnter} - ?isEnabledChatEnter=${this.isEnabledChatEnter} - ?openGifModal=${this.openGifModal} - .setOpenGifModal=${(val) => this.setOpenGifModal(val)} - chatId=${this.chatId} - .messageQueue=${this.messageQueue} - > - -
    -
    -
    - - ${(this.isUploadingImage || this.isDeletingImage) ? html` -
    -
    -
    -
    -

    - ${this.isDeletingImage ? - translate("chatpage.cchange31") : translate("chatpage.cchange30")} -

    -
    -
    -
    -
    - `: ''} - ${(this.isUploadingAttachment || this.isDeletingAttachment) ? html` -
    -
    -
    -
    -

    - ${this.isDeletingAttachment ? - translate("chatpage.cchange76") : translate("chatpage.cchange75")} -

    -
    -
    -
    -
    - `: ''} - { - this.removeImage() - }} - style=${(this.imageFile && !this.isUploadingImage) ? "visibility:visible; z-index:50" : "visibility: hidden;z-index:-100"}> -
    -
    - ${this.imageFile && html` - dialog-img - `} -
    - this.updatePlaceholder(editor, value)} - > - -
    -
    - - -
    -
    -
    -     - { - this.removeAttachment() - }} - style=${this.attachment && !this.isUploadingAttachment ? "visibility: visible; z-index: 50" : "visibility: hidden; z-index: -100"}> -
    -
    - ${this.attachment && html` -
    - attachment-icon -
    - `} -

    ${this.attachment && this.attachment.name}

    -
    - this.updatePlaceholder(editor, value)} - > - -
    -
    - - -
    -
    -
    -     - -

    ${translate("chatpage.cchange41")}

    -
    -
    -

    ${translate("chatpage.cchange42")}

    -
    - { - this.sendMessage(this.myMessageUnder4Qort) - - }} dialog-confirm>${translate("transpage.tchange3")} -
    -     - { - this.openForwardOpen = false - this.forwardActiveChatHeadUrl = {} - this.requestUpdate() - }} - style=${this.openForwardOpen ? "display: block" : "display: none"}> -
    -
    -
    -

    ${translate("blockpage.bcchange16")}

    -
    -
    -
    -
    - { - if (this.forwardActiveChatHeadUrl.selected) { - this.forwardActiveChatHeadUrl = {} - this.requestUpdate() - } - } - } - /> - ${this.forwardActiveChatHeadUrl.selected ? ( - html` -
    -

    ${translate("chatpage.cchange38")}

    - -
    - ` - ) : ( - html` - - - ` - )} -
    - ${this.forwardActiveChatHeadUrl.selected ? ( - html` -
    -

    - ${this.forwardActiveChatHeadUrl.name} -

    -
    -

    - Forwarding... -

    - { - this.userFound = [] - this.forwardActiveChatHeadUrl = {} - this.requestUpdate() - this.shadowRoot.getElementById("sendTo").value = "" - }}> - -
    -
    - ` - ) : ( - html` - ${this.chatHeads.map((item) => { - return html` - { - this.forwardActiveChatHeadUrl = { - ...this.forwardActiveChatHeadUrl, - url: val - } - this.userFound = [] - }} - chatInfo=${JSON.stringify(item)}> - ` - })} - ` - )} -
    - -
    - - -
    -
    -
    - { - this.forwardActiveChatHeadUrl = { - ...this.forwardActiveChatHeadUrl, - url: `direct/${result.owner}`, - name: result.name, - selected: true - } - this.userFound = [] - this.userFoundModalOpen = false - }} - .closeFunc=${() => { - this.userFoundModalOpen = false - this.userFound = [] - }} - .searchResults=${this.userFound} - ?isOpen=${this.userFoundModalOpen} - ?loading=${this.isLoading}> - -
    -
    -     - { - this.setOpenTipUser(false) - }} - zIndex=${55} - style=${this.openTipUser ? "display: block;" : "display: none;"}> - this.setOpenTipUser(val)}> - - - { - this.setOpenUserInfo(false) - this.setUserName("") - this.setSelectedHead({}) - }} - style=${this.openUserInfo ? "display: block" : "display: none" - }> - this.setOpenUserInfo(val)} - .setOpenTipUser=${(val) => this.setOpenTipUser(val)} - .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} - .userName=${this.userName} - .selectedHead=${this.selectedHead} - > - -
    -
    - this.getMoreMembers(val)} - .toggle=${(val) => this._toggle(val)} - .selectedAddress=${this.selectedAddress} - .groupMembers=${this.groupMembers} - .groupAdmin=${this.groupAdmin} - .leaveGroupObj=${this.groupInfo} - .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} - .setOpenTipUser=${(val) => this.setOpenTipUser(val)} - .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} - .setUserName=${(val) => this.setUserName(val)} - > - -
    -
    - this.getMoreMembers(val)} - .toggle=${(val) => this._toggleResources(val)} - .selectedAddress=${this.selectedAddress} - .groupMembers=${this.groupMembers} - .groupAdmin=${this.groupAdmin} - .leaveGroupObj=${this.groupInfo} - .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} - .setOpenTipUser=${(val) => this.setOpenTipUser(val)} - .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} - .setUserName=${(val) => this.setUserName(val)} - _chatId=${ifDefined(this._chatId)} - chatId=${this.chatId} - ?isreceipient=${this.isReceipient} - .repost=${this.insertFile} - > - -
    -
    - ` - } - - async getMoreMembers(groupId) { - try { - const getMembers = await parentEpml.request("apiCall", { - type: "api", - url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=${this.pageNumber * 20}` - }) - - const getMembersWithName = (getMembers.members || []).map(async (member) => { - let memberItem = member - try { - const name = await this.getName(member.member) - memberItem = { - address: member.member, - name: name ? name : undefined - } - } catch (error) { /* empty */ } - - return memberItem - }) - const membersWithName = await Promise.all(getMembersWithName) - this.groupMembers = [...this.groupMembers, ...membersWithName] - this.pageNumber = this.pageNumber + 1 - } catch (error) { /* empty */ } - } - - async connectedCallback() { - super.connectedCallback() - await this.initUpdate() - if(!this.webWorker){ - this.webWorker = new WebWorker() - } - if(!this.webWorkerFile){ - this.webWorkerFile = new WebWorkerFile() - } - if(!this.webWorkerSortMessages){ - this.webWorkerSortMessages = new WebWorkerSortMessages() - - } - if(!this.webWorkerDecodeMessages){ - this.webWorkerDecodeMessages = new WebWorkerDecodeMessages() - } - await this.getUpdateCompleteTextEditor() - - const elementChatId = this.shadowRoot.getElementById('_chatEditorDOM').shadowRoot.getElementById('_chatEditorDOM') - const elementChatImageId = this.shadowRoot.getElementById('chatTextCaption').shadowRoot.getElementById('newChat') - const elementChatAttachmentId = this.shadowRoot.getElementById('chatAttachmentId').shadowRoot.getElementById('newAttachmentChat') - this.editor = new Editor({ - onUpdate: () => { - this.shadowRoot.getElementById('_chatEditorDOM').getMessageSize(this.editor.getJSON()) - }, - - element: elementChatId, - extensions: [ - StarterKit, - Underline, - Highlight, - Placeholder.configure({ - placeholder: 'Write something …', - }), - Extension.create({ - name: 'shortcuts', - addKeyboardShortcuts: () => { - return { - 'Enter': () => { - if (this.isEnabledChatEnter) { - const chatTextEditor = this.shadowRoot.getElementById('_chatEditorDOM') - chatTextEditor.sendMessageFunc({ - }) - return true - } - - }, - "Shift-Enter": () => { - if (this.isEnabledChatEnter) { - this.editor.commands.first(() => [ - this.editor.commands.newlineInCode() - ]) - } - } - } - } - }) - ] - }) - - this.editorImage = new Editor({ - onUpdate: () => { - this.shadowRoot.getElementById('chatTextCaption').getMessageSize(this.editorImage.getJSON()) - }, - element: elementChatImageId, - extensions: [ - StarterKit, - Underline, - Highlight, - Placeholder.configure({ - placeholder: 'Write something …', - }), - Extension.create({ - addKeyboardShortcuts: () => { - return { - 'Enter': () => { - const chatTextEditor = this.shadowRoot.getElementById('chatTextCaption') - chatTextEditor.sendMessageFunc({ - type: 'image' - }) - return true - } - } - } - }) - ] - }) - - this.editorAttachment = new Editor({ - onUpdate: () => { - this.shadowRoot.getElementById('chatAttachmentId').getMessageSize(this.editorAttachment.getJSON()) - }, - element: elementChatAttachmentId, - extensions: [ - StarterKit, - Underline, - Highlight, - Placeholder.configure({ - placeholder: 'Write something …', - }), - Extension.create({ - addKeyboardShortcuts: () => { - return { - 'Enter': () => { - const chatTextEditor = this.shadowRoot.getElementById('chatAttachmentId') - chatTextEditor.sendMessageFunc({ - type: 'attachment' - }) - return true - } - } - } - }) - ] - }) - - document.addEventListener('keydown', this.initialChat) - document.addEventListener('paste', this.pasteImage) - - let callback = (entries) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - - this.isPageVisible = true - if (this.chatId) { - window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ - key: this.chatId, - timestamp: Date.now() - })) - - } - } else { - this.isPageVisible = false - } - }) - } - - let options = { - root: null, - rootMargin: '0px', - threshold: 0.5 - } - - // Create the observer with the callback function and options - this.observer = new IntersectionObserver(callback, options) - const mainContainer = this.shadowRoot.querySelector('.main-container') - - this.observer.observe(mainContainer) - } - - disconnectedCallback() { - super.disconnectedCallback() - if (this.webSocket) { - this.webSocket.close(1000, 'switch chat') - this.webSocket = '' - } - if (this.webWorker) { - this.webWorker.terminate() - } - if (this.webWorkerFile) { - this.webWorkerFile.terminate() - } - if(this.webWorkerSortMessages){ - this.webWorkerSortMessages.terminate() - } - if (this.editor) { - this.editor.destroy() - } - if (this.editorImage) { - this.editorImage.destroy() - } - if (this.observer) { - this.observer.disconnect() - } - - document.removeEventListener('keydown', this.initialChat) - document.removeEventListener('paste', this.pasteImage) - } - - initialChat(e) { - if (this.editor && !this.editor.isFocused && this.currentEditor === '_chatEditorDOM' && !this.openForwardOpen && !this.openTipUser && !this.openGifModal) { - // WARNING: Deprecated methods from KeyBoard Event - if (e.code === "Space" || e.keyCode === 32 || e.which === 32) { /* empty */ } else if (inputKeyCodes.includes(e.keyCode)) { - this.editor.commands.insertContent(e.key) - this.editor.commands.focus('end') - } else { - this.editor.commands.focus('end') - } - } - } - - - async pasteImage(e) { - const event = e - const handleTransferIntoURL = (dataTransfer) => { - try { - const [firstItem] = dataTransfer.items - return firstItem.getAsFile() - } catch (error) { /* empty */ } - } - if (event.clipboardData) { - const blobFound = handleTransferIntoURL(event.clipboardData) - if (blobFound) { - this.insertFile(blobFound) - e.preventDefault(); - - } else { - const item_list = await navigator.clipboard.read() - let image_type - const item = item_list.find(item => - item.types.some(type => { - if (type.startsWith('image/')) { - image_type = type - return true - } - }) - ) - if (item) { - try { - const blob = item && await item.getType(image_type) - let file = new File([blob], "name", { - type: image_type - }) - this.insertFile(file) - e.preventDefault(); - } catch (error) { - console.error(error) - let errorMsg = get("chatpage.cchange81") - parentEpml.request('showSnackBar', `${errorMsg}`) - } - } else { - - } - } - } - - } - - async goToRepliedMessage(message, clickedOnMessage) { - const findMessage = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById(message.signature) - - if (findMessage) { - findMessage.scrollIntoView({ behavior: 'smooth', block: 'nearest' }) - const findElement = findMessage.shadowRoot.querySelector('.message-parent') - if (findElement) { - findElement.classList.add('blink-bg') - setTimeout(() => { - findElement.classList.remove('blink-bg') - }, 2000) - } - const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller'); - if (chatScrollerElement && chatScrollerElement.disableFetching) { - chatScrollerElement.disableFetching = false - } - return - } - - - const findOriginalMessage = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById(clickedOnMessage.signature) - if (findOriginalMessage) { - const messageClientRect = findOriginalMessage.getBoundingClientRect() - this.isLoadingGoToRepliedMessage = { - ...this.isLoadingGoToRepliedMessage, - loading: true, - left: messageClientRect.left, - top: messageClientRect.top, - offsetHeight: findOriginalMessage.offsetHeight - } - - await this.getOldMessageDynamic(0, clickedOnMessage.timestamp, message) - await this.getUpdateComplete() - - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - const findMessage2 = marginElements.find((item) => item.messageObj.signature === message.signature) || marginElements.find((item) => item.messageObj.originalSignature === message.signature) || marginElements.find((item) => item.messageObj.signature === message.originalSignature) || marginElements.find((item) => item.messageObj.originalSignature === message.originalSignature) - if (findMessage2) { - findMessage2.scrollIntoView({ block: 'center' }) - } - if (findMessage2) { - this.isLoadingGoToRepliedMessage = { - ...this.isLoadingGoToRepliedMessage, - loading: false - } - const findElement = findMessage2.shadowRoot.querySelector('.message-parent') - if (findElement) { - findElement.classList.add('blink-bg') - setTimeout(() => { - findElement.classList.remove('blink-bg') - }, 2000) - } - - const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller'); - if (chatScrollerElement && chatScrollerElement.disableFetching) { - chatScrollerElement.disableFetching = false - } - - return - } - this.isLoadingGoToRepliedMessage = { - ...this.isLoadingGoToRepliedMessage, - loading: false - } - let errorMsg = get("chatpage.cchange66") - parentEpml.request('showSnackBar', `${errorMsg}`) - - } - } - - async userSearch() { - const nameValue = this.shadowRoot.getElementById('sendTo').value - if (!nameValue) { - this.userFound = [] - this.userFoundModalOpen = false - this.loading = false - return - } - try { - const result = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${nameValue}` - }) - if (result.error === 401) { - this.userFound = [] - this.loading = false - } else { - this.userFound = [ - ...this.userFound, - result, - ] - } - this.userFoundModalOpen = true - } catch (error) { - this.loading = false - let err4string = get("chatpage.cchange35") - parentEpml.request('showSnackBar', `${err4string}`) - } - } - - setForwardProperties(forwardedMessage) { - this.openForwardOpen = true - this.forwardedMessage = forwardedMessage - } - - async sendForwardMessage() { - let parsedMessageObj = {} - try { - parsedMessageObj = JSON.parse(this.forwardedMessage) - } - catch (error) { - parsedMessageObj = {} - } - - try { - const message = { - ...parsedMessageObj, - type: 'forward' - } - delete message.reactions - const stringifyMessageObject = JSON.stringify(message) - await this.sendMessage({messageText: stringifyMessageObject, chatReference: undefined, isForward: true}) - } catch (error) { /* empty */ } - } - - showLastMessageRefScroller(props) { - this.lastMessageRefVisible = props - } - - insertFile(file) { - if(file.identifier){ - this.imageFile = file - this.currentEditor = 'newChat' - - }else - if (file.type.includes('image')) { - this.imageFile = file - this.currentEditor = 'newChat' - - } else { - this.attachment = file - this.currentEditor = "newAttachmentChat" - - } - } - - removeImage() { - this.imageFile = null - this.resetChatEditor() - this.currentEditor = '_chatEditorDOM' - } - - removeAttachment() { - this.attachment = null - this.resetChatEditor() - this.currentEditor = '_chatEditorDOM' - } - - changeMsgInput(id) { - this.chatMessageInput = this.shadowRoot.getElementById(id) - this.initChatEditor() - } - - async initUpdate() { - if (this.webSocket) { - this.webSocket.close(1000, 'switch chat') - this.webSocket = '' - } - this.pageNumber = 1 - const getAddressPublicKey = () => { - - parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${this._chatId}` - }).then(res => { - - if (res.error === 102) { - - this._publicKey.key = '' - this._publicKey.hasPubKey = false - this.fetchChatMessages(this._chatId) - } else if (res !== false) { - - this._publicKey.key = res - this._publicKey.hasPubKey = true - this.fetchChatMessages(this._chatId) - } else { - - this._publicKey.key = '' - this._publicKey.hasPubKey = false - this.fetchChatMessages(this._chatId) - } - }) - } - - - setTimeout(() => { - const isRecipient = this.chatId.includes('direct') === true - this.chatId.includes('direct') === true ? this.isReceipient = true : this.isReceipient = false - this._chatId = this.chatId.split('/')[1] - - const mstring = get("chatpage.cchange8") - this.chatEditorPlaceholder = isRecipient === true ? `Message ${this._chatId}` : `${mstring}` - - isRecipient ? getAddressPublicKey() : this.fetchChatMessages(this._chatId) - - // Init ChatEditor - // this.initChatEditor() - }, 100) - - - const isRecipient = this.chatId.includes('direct') === true - const groupId = this.chatId.split('/')[1] - if (!isRecipient && groupId.toString() !== '0') { - - try { - const getMembers = await parentEpml.request("apiCall", { - type: "api", - url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=0` - }) - - const getMembersAdmins = await parentEpml.request("apiCall", { - type: "api", - url: `/groups/members/${groupId}?onlyAdmins=true&limit=20` - }) - - const getGroupInfo = await parentEpml.request("apiCall", { - type: "api", - url: `/groups/${groupId}` - }) - - const getMembersAdminsWithName = (getMembersAdmins.members || []).map(async (member) => { - let memberItem = member - try { - const name = await this.getName(member.member) - memberItem = { - address: member.member, - name: name ? name : undefined - } - } catch (error) { /* empty */ } - return memberItem - }) - - const membersAdminsWithName = await Promise.all(getMembersAdminsWithName) - - const getMembersWithName = (getMembers.members || []).map(async (member) => { - let memberItem = member - try { - const name = await this.getName(member.member) - memberItem = { - address: member.member, - name: name ? name : undefined - } - } catch (error) { /* empty */ } - return memberItem - }) - const membersWithName = await Promise.all(getMembersWithName) - this.groupAdmin = membersAdminsWithName - this.groupMembers = membersWithName - this.groupInfo = getGroupInfo - } catch (error) { /* empty */ } - } - } - - async firstUpdated() { - this.changeTheme() - - // this.processQueue(); - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - this.userLanguage = checkLanguage - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - - this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatId) || 0 - - parentEpml.imReady() - - const isEnabledChatEnter = localStorage.getItem('isEnabledChatEnter') - - if (isEnabledChatEnter) { - this.isEnabledChatEnter = isEnabledChatEnter !== 'false' - } - - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } - - async updated(changedProperties) { - if (changedProperties && changedProperties.has('userLanguage')) { - const userLang = changedProperties.get('userLanguage') - if (userLang) { - await new Promise(r => setTimeout(r, 100)) - this.chatEditorPlaceholder = this.isReceipient === true ? `Message ${this._chatId}` : `${get("chatpage.cchange8")}` - } - } - - if (changedProperties && changedProperties.has('isLoading')) { - if (this.isLoading === true && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) { - this.editor.setEditable(false) - } - if (this.isLoading === false && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) { - this.editor.setEditable(true) - } - } - if(changedProperties && changedProperties.has('chatId') && this.webSocket){ - const previousChatId = changedProperties.get('chatId'); - - this.isLoadingMessages = true - await this.initUpdate() - - - if (previousChatId) { - window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ - key: previousChatId, - timestamp: Date.now() - })) - } - } - } - - - shouldUpdate(changedProperties) { - if(changedProperties.has('chatId')){ - return true - } - if (changedProperties.has('setActiveChatHeadUrl')) { - return false - } - return !changedProperties.has('setOpenPrivateMessage'); - - - - } - - async getName(recipient) { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${recipient}` - }) - - if (Array.isArray(getNames) && getNames.length > 0) { - return getNames[0].name - } else { - return '' - } - - } catch (error) { - return "" - } - } - - async renderPlaceholder() { - const getName = async (recipient) => { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${recipient}` - }) - - if (Array.isArray(getNames) && getNames.length > 0) { - return getNames[0].name - } else { - return '' - } - - } catch (error) { - return "" - } - } - let userName = "" - if (this.isReceipient) { - userName = await getName(this._chatId) - } - const mstring = get("chatpage.cchange8") - return this.isReceipient === true ? `Message ${userName ? userName : this._chatId}` : `${mstring}` - } - - renderChatScroller() { - return html` - this.setRepliedToMessageObj(val)} - .setEditedMessageObj=${(val) => this.setEditedMessageObj(val)} - .sendMessage=${(val) => this._sendMessage(val)} - .sendMessageForward=${(messageText, typeMessage, chatReference, isForward, forwardParams) => this.sendMessage(messageText, typeMessage, chatReference, isForward, forwardParams)} - .showLastMessageRefScroller=${(val) => this.showLastMessageRefScroller(val)} - .emojiPicker=${this.emojiPicker} - ?isLoadingMessages=${this.isLoadingOldMessages} - .setIsLoadingMessages=${(val) => this.setIsLoadingMessages(val)} - .setForwardProperties=${(forwardedMessage) => this.setForwardProperties(forwardedMessage)} - .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} - .setOpenTipUser=${(val) => this.setOpenTipUser(val)} - .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} - .setUserName=${(val) => this.setUserName(val)} - .setSelectedHead=${(val) => this.setSelectedHead(val)} - ?openTipUser=${this.openTipUser} - .selectedHead=${this.selectedHead} - .goToRepliedMessage=${(val, val2) => this.goToRepliedMessage(val, val2)} - .updateMessageHash=${this.updateMessageHash} - .clearUpdateMessageHashmap=${this.clearUpdateMessageHashmap} - .messageQueue=${this.messageQueue} - loggedInUserName=${this.loggedInUserName} - loggedInUserAddress=${this.loggedInUserAddress} - > - - ` - } - - setIsLoadingMessages(val) { - this.isLoadingOldMessages = val - } - - async getUpdateComplete() { - await super.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-scroller')) - await Promise.all(marginElements.map(el => el.updateComplete)) - return true - } - - async getUpdateCompleteMessages() { - await super.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - await Promise.all(marginElements.map(el => el.updateComplete)) - return true - } - - async getUpdateCompleteTextEditor() { - await super.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')) - await Promise.all(marginElements.map(el => el.updateComplete)) - const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')) - await Promise.all(marginElements2.map(el => el.updateComplete)) - return true - } - - updatePlaceholder(editor, text) { - editor.extensionManager.extensions.forEach((extension) => { - if (extension.name === "placeholder") { - extension.options["placeholder"] = text - editor.commands.focus('end') - } - }) - } - - async getOldMessageDynamic(limit, timestampClickedOnMessage, messageToGoTo) { - const findMsg = await parentEpml.request("apiCall", { - type: "api", - url: `/chat/message/${messageToGoTo.originalSignature || messageToGoTo.signature}?encoding=BASE64`, - }) - if(!findMsg) return null - if (this.isReceipient) { - const getInitialMessagesBefore = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${20}&reverse=true&before=${findMsg.timestamp}&haschatreference=false&encoding=BASE64` - }) - const getInitialMessagesAfter = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${20}&reverse=false&after=${findMsg.timestamp - 1000}&haschatreference=false&encoding=BASE64` - }) - const getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] - let decodeMsgs = [] - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); - - this.webWorkerDecodeMessages.onmessage = e => { - decodeMsgs = e.data - res() - - } - this.webWorkerDecodeMessages.onerror = () => { - rej() - - } - }) - - - await queue.push(() => replaceMessagesEdited({ - decodedMessages: decodeMsgs, - parentEpml, - isReceipient: this.isReceipient, - decodeMessageFunc: this.decodeMessage, - _publicKey: this._publicKey, - addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - - - let list = [...decodeMsgs] - - await new Promise((res) => { - - this.webWorkerSortMessages.postMessage({list}); - - this.webWorkerSortMessages.onmessage = e => { - - list = e.data - res() - - } - }) - const lastMsg = list.at(-1) - if(lastMsg){ - const count = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages/count?after=${lastMsg.timestamp}&involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=20&reverse=false` - }) - this.messagesRendered = { - messages: list, - type: 'inBetween', - message: messageToGoTo, - count - } - } - - - this.isLoadingOldMessages = false - - } else { - const getInitialMessagesBefore = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${20}&reverse=true&before=${findMsg.timestamp}&haschatreference=false&encoding=BASE64` - }) - const getInitialMessagesAfter = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${20}&reverse=false&after=${findMsg.timestamp - 1000}&haschatreference=false&encoding=BASE64` - }) - const getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] - - let decodeMsgs = [] - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); - - this.webWorkerDecodeMessages.onmessage = e => { - decodeMsgs = e.data - res() - - } - this.webWorkerDecodeMessages.onerror = () => { - rej() - - } - }) - - await queue.push(() => replaceMessagesEdited({ - decodedMessages: decodeMsgs, - parentEpml, - isReceipient: this.isReceipient, - decodeMessageFunc: this.decodeMessage, - _publicKey: this._publicKey, - addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - - - let list = [...decodeMsgs] - - await new Promise((res) => { - - this.webWorkerSortMessages.postMessage({list}); - - this.webWorkerSortMessages.onmessage = e => { - - list = e.data - res() - - } - }) - - const lastMsg = list.at(-1) - if(lastMsg){ - const count = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages/count?after=${lastMsg.timestamp}&txGroupId=${Number(this._chatId)}&limit=20&reverse=false` - }) - this.messagesRendered = { - messages: list, - type: 'inBetween', - signature: messageToGoTo.signature, - count - } - } - - - - this.isLoadingOldMessages = false - - } - } - - async getOldMessage(scrollElement) { - if(!scrollElement || !scrollElement.messageObj || !scrollElement.messageObj.timestamp){ - this.messagesRendered = { - messages: [], - type: 'old', - el: scrollElement - } - return - } - if (this.isReceipient) { - const getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` - }) - let decodeMsgs = [] - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); - - this.webWorkerDecodeMessages.onmessage = e => { - decodeMsgs = e.data - res() - - } - this.webWorkerDecodeMessages.onerror = () => { - rej() - - } - }) - - await queue.push(() => replaceMessagesEdited({ - decodedMessages: decodeMsgs, - parentEpml, - isReceipient: this.isReceipient, - decodeMessageFunc: this.decodeMessage, - _publicKey: this._publicKey, - addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - - let list = [...decodeMsgs] - - - - this.messagesRendered = { - messages: list, - type: 'old', - el: scrollElement - } - - this.isLoadingOldMessages = false - await this.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - - const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) - - if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) - } - } else { - const getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` - }) - - let decodeMsgs = [] - - - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); - - this.webWorkerDecodeMessages.onmessage = e => { - decodeMsgs = e.data - res() - - } - this.webWorkerDecodeMessages.onerror = () => { - rej() - - } - }) - - - await queue.push(() => replaceMessagesEdited({ - decodedMessages: decodeMsgs, - parentEpml, - isReceipient: this.isReceipient, - decodeMessageFunc: this.decodeMessage, - _publicKey: this._publicKey, - addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - let list = [...decodeMsgs] - - - - this.messagesRendered = { - messages: list, - type: 'old', - el: scrollElement - } - // this.isLoadingOldMessages = false - await this.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) - - if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) - } - } - } - async getAfterMessages(scrollElement) { - if(!scrollElement || !scrollElement.messageObj || !scrollElement.messageObj.timestamp){ - this.messagesRendered = { - messages: [], - type: 'new', - } - return - } - const timestamp = scrollElement.messageObj.timestamp - - if (this.isReceipient) { - const getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=false&after=${timestamp}&haschatreference=false&encoding=BASE64` - }) - - let decodeMsgs = [] - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); - - this.webWorkerDecodeMessages.onmessage = e => { - decodeMsgs = e.data - res() - - } - this.webWorkerDecodeMessages.onerror = () => { - rej() - - } - }) - - - await queue.push(() => replaceMessagesEdited({ - decodedMessages: decodeMsgs, - parentEpml, - isReceipient: this.isReceipient, - decodeMessageFunc: this.decodeMessage, - _publicKey: this._publicKey, - addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - - let list = [ ...decodeMsgs] - - await new Promise((res) => { - - this.webWorkerSortMessages.postMessage({list}); - - this.webWorkerSortMessages.onmessage = e => { - - list = e.data - res() - - } - }) - - this.messagesRendered = { - messages: list, - type: 'new' - } - - - this.isLoadingOldMessages = false - await this.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - - const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) - - if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) - } - } else { - const getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=false&after=${timestamp}&haschatreference=false&encoding=BASE64` - }) - let decodeMsgs = [] - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); - - this.webWorkerDecodeMessages.onmessage = e => { - decodeMsgs = e.data - res() - - } - this.webWorkerDecodeMessages.onerror = () => { - rej() - - } - }) - - - await queue.push(() => replaceMessagesEdited({ - decodedMessages: decodeMsgs, - parentEpml, - isReceipient: this.isReceipient, - decodeMessageFunc: this.decodeMessage, - _publicKey: this._publicKey, - addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - - - - let list = [...decodeMsgs] - - await new Promise((res) => { - - this.webWorkerSortMessages.postMessage({list}); - - this.webWorkerSortMessages.onmessage = e => { - - list = e.data - res() - - } - }) - - this.messagesRendered = { - messages: list, - type: 'new' - } - - - this.isLoadingOldMessages = false - await this.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) - if (findElement) { - findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) - } - } - } - - async addToUpdateMessageHashmap(array){ - - - - const newObj = {} - - array.forEach((item)=> { - const signature = item.originalSignature || item.signature - newObj[signature] = item + static get styles() { + return [chatpageStyles] + } + + constructor() { + super() + this.getOldMessage = this.getOldMessage.bind(this) + this.clearUpdateMessageHashmap = this.clearUpdateMessageHashmap.bind(this) + this._sendMessage = this._sendMessage.bind(this) + this.insertFile = this.insertFile.bind(this) + this.pasteImage = this.pasteImage.bind(this) + this.toggleEnableChatEnter = this.toggleEnableChatEnter.bind(this) + this._downObserverhandler = this._downObserverhandler.bind(this) + this.setOpenTipUser = this.setOpenTipUser.bind(this) + this.setOpenUserInfo = this.setOpenUserInfo.bind(this) + this.setUserName = this.setUserName.bind(this) + this.setSelectedHead = this.setSelectedHead.bind(this) + this.setGifsLoading = this.setGifsLoading.bind(this) + this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress + this.userName = "" + this.chatId = '' + this.myAddress = '' + this.messages = [] + this._messages = [] + this.newMessages = [] + this.hideMessages = JSON.parse(localStorage.getItem("MessageBlockedAddresses") || "[]") + this._publicKey = { key: '', hasPubKey: false } + this.messageSignature = '' + this._initialMessages = [] + this.balance = 1 + this.isReceipient = false + this.isLoadingMessages = true + this.isLoading = false + this.isUserDown = false + this.isPasteMenuOpen = false + this.chatEditorPlaceholder = "" + this.messagesRendered = { + messages: [], + type: '' + } + this.repliedToMessageObj = null + this.editedMessageObj = null + this.iframeHeight = 42 + this.imageFile = null + this.attachment = null + this.uid = new ShortUniqueId() + this.userLanguage = "" + this.lastMessageRefVisible = false + this.isEditMessageOpen = false + this.emojiPicker = new EmojiPicker({ + style: "twemoji", + twemojiBaseUrl: '/emoji/', + showPreview: false, + showVariants: false, + showAnimation: false, + position: 'top-start', + boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px' + }) + this.openForwardOpen = false + this.groupAdmin = [] + this.groupMembers = [] + this.shifted = false + this.shiftedResources = false + this.groupInfo = {} + this.pageNumber = 1 + this.userFoundModalOpen = false + this.userFound = [] + this.forwardActiveChatHeadUrl = { + url: "", + name: "", + selected: false + } + this.webWorker = null + this.webWorkerFile = null + this.webWorkerSortMessages = null + this.webWorkerDecodeMessages = null + this.currentEditor = '_chatEditorDOM' + this.initialChat = this.initialChat.bind(this) + this.setOpenGifModal = this.setOpenGifModal.bind(this) + this.isEnabledChatEnter = true + this.openGifModal = false + this.isLoadingGoToRepliedMessage = { + isLoading: false, + top: 0, + left: 0, + offsetHeight: 0 + } + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.updateMessageHash = {} + this.addToUpdateMessageHashmap = this.addToUpdateMessageHashmap.bind(this) + this.getAfterMessages = this.getAfterMessages.bind(this) + this.oldMessages = [] + this.lastReadMessageTimestamp = 0 + this.initUpdate = this.initUpdate.bind(this) + this.messageQueue = [] + this.addToQueue = this.addToQueue.bind(this) + this.processQueue = this.processQueue.bind(this) + this.isInProcessQueue = false + this.nodeUrl = this.getNodeUrl() + this.myNode = this.getMyNode() + } + + render() { + return html` +
    +
    +
    +
    {if (+this._chatId === 0 || this.isReceipient) return; this._toggle();}} + style=${`height: 100%; display: flex; align-items: center;flex-grow: 1; cursor: pointer; cursor: ${+this._chatId === 0 || this.isReceipient ? 'default': 'pointer'}; user-select: none`} + > + ${this.isReceipient ? '' : +this._chatId === 0 ? + html` +

    Qortal General Chat

    + ` + : html` +

    ${this.groupInfo && this.groupInfo.groupName}

    + ` + } +
    +
    + ${(!this.isReceipient && +this._chatId !== 0 && this.groupInfo.isOpen) ? + html` + link + ` + : '' + } + photo_library + ${(!this.isReceipient && +this._chatId !== 0) ? + html` + groups + ` + : '' + } +
    +
    +
    + ${this.isLoadingMessages ? + html` +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + ` + : this.renderChatScroller() + } +
    +
    {if (this.gifsLoading) return; this.setOpenGifModal(false); this.editor.commands.focus("end"); this.shadowRoot.querySelector("chat-gifs").clearGifSelections();}} + style=${this.openGifModal ? "visibility: visible; z-index: 4" : "visibility: hidden; z-index: -100"} + > +
    + + ${this.isLoadingGoToRepliedMessage && this.isLoadingGoToRepliedMessage.loading ? + html` +
    + ` + : '' + } +
    +
    + { + const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller'); + if (chatScrollerElement && chatScrollerElement.disableAddingNewMessages) { + this.getLastestMessages(); + } else { + this.shadowRoot.querySelector("chat-scroller").shadowRoot.getElementById("downObserver").scrollIntoView({behavior: 'smooth',}); + } + }} + > + +
    +
    + ${this.repliedToMessageObj && + html` +
    +
    + +
    +

    ${this.repliedToMessageObj.senderName ? this.repliedToMessageObj.senderName : this.repliedToMessageObj.sender}

    + ${this.repliedToMessageObj.version.toString() === '1' ? + html` + ${this.repliedToMessageObj.message} + ` + : '' + } + ${+this.repliedToMessageObj.version > 1 ? + html` + ${unsafeHTML(generateHTML(this.repliedToMessageObj.message, [StarterKit, Underline, Highlight]))} + ` + : '' + } +
    + this.closeRepliedToContainer()}> +
    +
    + ` + } + ${this.editedMessageObj && + html` +
    +
    + +
    +

    ${translate("chatpage.cchange25")}

    + ${unsafeHTML(generateHTML(this.editedMessageObj.message, [StarterKit, Underline, Highlight]))} +
    + this.closeEditMessageContainer()}> +
    +
    + ` + } +
    + this.updatePlaceholder(editor, value)} + id="_chatEditorDOM" + .repliedToMessageObj=${this.repliedToMessageObj} + .toggleEnableChatEnter=${this.toggleEnableChatEnter} + ?isEnabledChatEnter=${this.isEnabledChatEnter} + ?openGifModal=${this.openGifModal} + .setOpenGifModal=${(val) => this.setOpenGifModal(val)} + chatId=${this.chatId} + .messageQueue=${this.messageQueue} + > + +
    +
    +
    + ${(this.isUploadingImage || this.isDeletingImage) ? + html` +
    +
    +
    +
    +

    ${this.isDeletingImage ? translate("chatpage.cchange31") : translate("chatpage.cchange30")}

    +
    +
    +
    + ` + : '' + } + ${(this.isUploadingAttachment || this.isDeletingAttachment) ? + html` +
    +
    +
    +
    +

    ${this.isDeletingAttachment ? translate("chatpage.cchange76") : translate("chatpage.cchange75")}

    +
    +
    +
    + ` + : '' + } + {this.removeImage();}} style=${(this.imageFile && !this.isUploadingImage) ? "visibility:visible; z-index:50" : "visibility: hidden;z-index:-100"}> +
    +
    + ${this.imageFile && + html` + dialog-img + ` + } +
    + this.updatePlaceholder(editor, value)} + > + +
    +
    + + +
    +
    +
    +     + {this.removeAttachment();}} style=${this.attachment && !this.isUploadingAttachment ? "visibility: visible; z-index: 50" : "visibility: hidden; z-index: -100"}> +
    +
    + ${this.attachment && + html` +
    attachment-icon
    + ` + } +

    ${this.attachment && this.attachment.name}

    +
    + this.updatePlaceholder(editor, value)} + > + +
    +
    + + +
    +
    +
    +     + +

    ${translate("chatpage.cchange41")}

    +
    +
    +

    ${translate("chatpage.cchange42")}

    +
    + {this.sendMessage(this.myMessageUnder4Qort);}} dialog-confirm>${translate("transpage.tchange3")} +
    +     + {this.openForwardOpen = false; this.forwardActiveChatHeadUrl = {}; this.requestUpdate();}} style=${this.openForwardOpen ? "display: block" : "display: none"}> +
    +
    +

    ${translate("blockpage.bcchange16")}

    +
    +
    +
    + { + if (this.forwardActiveChatHeadUrl.selected) { + this.forwardActiveChatHeadUrl = {}; + this.requestUpdate(); + } + }} + > + ${this.forwardActiveChatHeadUrl.selected ? + (html`

    ${translate("chatpage.cchange38")}

    `) + : (html``) + } +
    + ${this.forwardActiveChatHeadUrl.selected ? + (html` +
    +

    + ${this.forwardActiveChatHeadUrl.name} +

    +
    +

    + Forwarding... +

    + { + this.userFound = []; + this.forwardActiveChatHeadUrl = {}; + this.requestUpdate(); + this.shadowRoot.getElementById("sendTo").value = ""; + }} + > + +
    +
    + `) + : (html` + ${this.chatHeads.map((item) => { + return html` + {this.forwardActiveChatHeadUrl = {...this.forwardActiveChatHeadUrl, url: val}; this.userFound = [];}} + chatInfo=${JSON.stringify(item)} + > + + ` + })} + `) + } +
    +
    + + +
    +
    +
    + { + this.forwardActiveChatHeadUrl = {...this.forwardActiveChatHeadUrl, url: `direct/${result.owner}`, name: result.name, selected: true}; + this.userFound = []; + this.userFoundModalOpen = false; + }} + .closeFunc=${() => { + this.userFoundModalOpen = false; + this.userFound = []; + }} + .searchResults=${this.userFound} + ?isOpen=${this.userFoundModalOpen} + ?loading=${this.isLoading} + > + +
    +
    +     + {this.setOpenTipUser(false)}} zIndex=${55} style=${this.openTipUser ? "display: block;" : "display: none;"}> + this.setOpenTipUser(val)}> + + {this.setOpenUserInfo(false); this.setUserName(""); this.setSelectedHead({});}} style=${this.openUserInfo ? "display: block" : "display: none"}> + this.setOpenUserInfo(val)} + .setOpenTipUser=${(val) => this.setOpenTipUser(val)} + .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} + .userName=${this.userName} + .selectedHead=${this.selectedHead} + > + + +
    +
    + this.getMoreMembers(val)} + .toggle=${(val) => this._toggle(val)} + .selectedAddress=${this.selectedAddress} + .groupMembers=${this.groupMembers} + .groupAdmin=${this.groupAdmin} + .leaveGroupObj=${this.groupInfo} + .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} + .setOpenTipUser=${(val) => this.setOpenTipUser(val)} + .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} + .setUserName=${(val) => this.setUserName(val)} + > + +
    +
    + this.getMoreMembers(val)} + .toggle=${(val) => this._toggleResources(val)} + .selectedAddress=${this.selectedAddress} + .groupMembers=${this.groupMembers} + .groupAdmin=${this.groupAdmin} + .leaveGroupObj=${this.groupInfo} + .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} + .setOpenTipUser=${(val) => this.setOpenTipUser(val)} + .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} + .setUserName=${(val) => this.setUserName(val)} + _chatId=${ifDefined(this._chatId)} + chatId=${this.chatId} + ?isreceipient=${this.isReceipient} + .repost=${this.insertFile} + > + +
    +
    + ` + } + + async firstUpdated() { + this.changeTheme() + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + this.userLanguage = checkLanguage + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatId) || 0 + + parentEpml.imReady() + + const isEnabledChatEnter = localStorage.getItem('isEnabledChatEnter') + + if (isEnabledChatEnter) { + this.isEnabledChatEnter = isEnabledChatEnter === 'false' ? false : true + } + + } + + getNodeUrl() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + return nodeUrl + } + + getMyNode() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode + } + + setOpenGifModal(value) { + this.openGifModal = value + } + + _toggle(value) { + this.shifted = value === (false || true) ? value : !this.shifted + this.requestUpdate() + } + + _toggleResources(value) { + this.shiftedResources = value === (false || true) ? value : !this.shiftedResources + this.requestUpdate() + } + + setOpenTipUser(props) { + this.openTipUser = props + } + + setOpenUserInfo(props) { + this.openUserInfo = props + } + + setUserName(props) { + this.userName = props.senderName ? props.senderName : props.sender + this.setSelectedHead(props) + } + + setSelectedHead(props) { + this.selectedHead = { + ...this.selectedHead, + address: props.sender, + name: props.senderName, + } + } + + toggleEnableChatEnter() { + localStorage.setItem('isEnabledChatEnter', !this.isEnabledChatEnter) + this.isEnabledChatEnter = !this.isEnabledChatEnter + } + + addGifs(gifs) { + this.gifsToBeAdded = [...this.gifsToBeAdded, ...gifs] + } + + setGifsLoading(props) { + this.gifsLoading = props + } + + addToQueue(outSideMsg, messageQueue) { + // Push the new message object to the queue + + this.messageQueue = [...messageQueue, { ...outSideMsg, timestamp: Date.now() }] + + // Start processing the queue only if the message we just added is the only one in the queue + // This ensures that the queue processing starts only once, even if this method is called multiple times + if (this.messageQueue.length === 1) { + this.processQueue() + } + + // Notify Lit to update/render due to the property change + this.requestUpdate() + } + + async processQueue() { + if (this.messageQueue.length === 0) return + const currentMessage = this.messageQueue[0] + try { + const res = await this.sendMessage(currentMessage) + + if (res === true) { + this.messageQueue = this.messageQueue.slice(1) + } else { + throw new Error('failed') + } + + if (this.messageQueue.length > 0) { + setTimeout(() => this.processQueue(), 2000) // Wait for 10 seconds before retrying + // setTimeout(() => this.processQueue(), 0) // Process the next message immediately + } + } catch (error) { + console.error("Failed to send message:", error) + setTimeout(() => this.processQueue(), 10000) // Wait for 10 seconds before retrying + } + } + + async getLastestMessages() { + try { + let getInitialMessages = [] + if (this.isReceipient) { + getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` + }) + } else { + getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` + }) + } + this.processMessages(getInitialMessages, true, false) + } catch (error) { /* empty */ } + } + + async copyJoinGroupLinkToClipboard() { + try { + const link = `qortal://use-group/action-join/groupid-${this.groupInfo.groupId}` + let copyString1 = get('chatpage.cchange97') + await navigator.clipboard.writeText(link) + parentEpml.request('showSnackBar', `${copyString1}`) + } catch (err) { + let copyString2 = get('walletpage.wchange39') + parentEpml.request('showSnackBar', `${copyString2}`) + console.error('Copy to clipboard error:', err) + } + } + + async getMoreMembers(groupId) { + try { + const getMembers = await parentEpml.request("apiCall", { + type: "api", + url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=${this.pageNumber * 20}` }) - this.updateMessageHash = { - ...this.updateMessageHash, - ...newObj - } - this.requestUpdate() - await this.getUpdateComplete() + const getMembersWithName = (getMembers.members || []).map(async (member) => { + let memberItem = member + try { + const name = await this.getName(member.member) + memberItem = { + address: member.member, + name: name ? name : undefined + } + } catch (error) { /* empty */ } - } + return memberItem + }) + const membersWithName = await Promise.all(getMembersWithName) + this.groupMembers = [...this.groupMembers, ...membersWithName] + this.pageNumber = this.pageNumber + 1 + } catch (error) { /* empty */ } + } - async clearUpdateMessageHashmap(){ - this.updateMessageHash = {} - this.requestUpdate() - } + async connectedCallback() { + super.connectedCallback() + await this.initUpdate() + if (!this.webWorker) { + this.webWorker = new WebWorker() + } + if (!this.webWorkerFile) { + this.webWorkerFile = new WebWorkerFile() + } + if (!this.webWorkerSortMessages) { + this.webWorkerSortMessages = new WebWorkerSortMessages() - findContent(identifier, data) { - const [type, id] = identifier.split('/'); + } + if (!this.webWorkerDecodeMessages) { + this.webWorkerDecodeMessages = new WebWorkerDecodeMessages() + } + await this.getUpdateCompleteTextEditor() - if (type === 'group') { - for (let group of data.groups) { - if (group.groupId === parseInt(id, 10)) { - return group; - } - } - } else if (type === 'direct') { - for (let direct of data.direct) { - if (direct.address === id) { - return direct; - } - } - } - return null; - } + const elementChatId = this.shadowRoot.getElementById('_chatEditorDOM').shadowRoot.getElementById('_chatEditorDOM') + const elementChatImageId = this.shadowRoot.getElementById('chatTextCaption').shadowRoot.getElementById('newChat') + const elementChatAttachmentId = this.shadowRoot.getElementById('chatAttachmentId').shadowRoot.getElementById('newAttachmentChat') + this.editor = new Editor({ + onUpdate: () => { + this.shadowRoot.getElementById('_chatEditorDOM').getMessageSize(this.editor.getJSON()) + }, + + element: elementChatId, + extensions: [ + StarterKit, + Underline, + Highlight, + Placeholder.configure({ + placeholder: 'Write something …', + }), + Extension.create({ + name: 'shortcuts', + addKeyboardShortcuts: () => { + return { + 'Enter': () => { + if (this.isEnabledChatEnter) { + const chatTextEditor = this.shadowRoot.getElementById('_chatEditorDOM') + chatTextEditor.sendMessageFunc({ + }) + return true + } + + }, + "Shift-Enter": () => { + if (this.isEnabledChatEnter) { + this.editor.commands.first(() => [ + this.editor.commands.newlineInCode() + ]) + } + } + } + } + }) + ] + }) + + this.editorImage = new Editor({ + onUpdate: () => { + this.shadowRoot.getElementById('chatTextCaption').getMessageSize(this.editorImage.getJSON()) + }, + element: elementChatImageId, + extensions: [ + StarterKit, + Underline, + Highlight, + Placeholder.configure({ + placeholder: 'Write something …', + }), + Extension.create({ + addKeyboardShortcuts: () => { + return { + 'Enter': () => { + const chatTextEditor = this.shadowRoot.getElementById('chatTextCaption') + chatTextEditor.sendMessageFunc({ + type: 'image' + }) + return true + } + } + } + }) + ] + }) + + this.editorAttachment = new Editor({ + onUpdate: () => { + this.shadowRoot.getElementById('chatAttachmentId').getMessageSize(this.editorAttachment.getJSON()) + }, + element: elementChatAttachmentId, + extensions: [ + StarterKit, + Underline, + Highlight, + Placeholder.configure({ + placeholder: 'Write something …', + }), + Extension.create({ + addKeyboardShortcuts: () => { + return { + 'Enter': () => { + const chatTextEditor = this.shadowRoot.getElementById('chatAttachmentId') + chatTextEditor.sendMessageFunc({ + type: 'attachment' + }) + return true + } + } + } + }) + ] + }) + + document.addEventListener('keydown', this.initialChat) + document.addEventListener('paste', this.pasteImage) + + let callback = (entries) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + + this.isPageVisible = true + if (this.chatId) { + window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ + key: this.chatId, + timestamp: Date.now() + })) + + } + } else { + this.isPageVisible = false + } + }) + } + + let options = { + root: null, + rootMargin: '0px', + threshold: 0.5 + } + + // Create the observer with the callback function and options + this.observer = new IntersectionObserver(callback, options) + const mainContainer = this.shadowRoot.querySelector('.main-container') + + this.observer.observe(mainContainer) + } + + disconnectedCallback() { + super.disconnectedCallback() + if (this.webSocket) { + this.webSocket.close(1000, 'switch chat') + this.webSocket = '' + } + if (this.webWorker) { + this.webWorker.terminate() + } + if (this.webWorkerFile) { + this.webWorkerFile.terminate() + } + if (this.webWorkerSortMessages) { + this.webWorkerSortMessages.terminate() + } + if (this.editor) { + this.editor.destroy() + } + if (this.editorImage) { + this.editorImage.destroy() + } + if (this.observer) { + this.observer.disconnect() + } + + document.removeEventListener('keydown', this.initialChat) + document.removeEventListener('paste', this.pasteImage) + } + + initialChat(e) { + if (this.editor && !this.editor.isFocused && this.currentEditor === '_chatEditorDOM' && !this.openForwardOpen && !this.openTipUser && !this.openGifModal) { + // WARNING: Deprecated methods from KeyBoard Event + if (e.code === "Space" || e.keyCode === 32 || e.which === 32) { /* empty */ } else if (inputKeyCodes.includes(e.keyCode)) { + this.editor.commands.insertContent(e.key) + this.editor.commands.focus('end') + } else { + this.editor.commands.focus('end') + } + } + } + + async pasteImage(e) { + const event = e + const handleTransferIntoURL = (dataTransfer) => { + try { + const [firstItem] = dataTransfer.items + const blob = firstItem.getAsFile() + return blob + } catch (error) { /* empty */ } + } + if (event.clipboardData) { + const blobFound = handleTransferIntoURL(event.clipboardData) + if (blobFound) { + this.insertFile(blobFound) + e.preventDefault() + return + } else { + const item_list = await navigator.clipboard.read() + let image_type + const item = item_list.find(item => + item.types.some(type => { + if (type.startsWith('image/')) { + image_type = type + return true + } + }) + ) + if (item) { + try { + const blob = item && await item.getType(image_type) + let file = new File([blob], "name", { + type: image_type + }) + this.insertFile(file) + e.preventDefault() + } catch (error) { + console.error(error) + let errorMsg = get("chatpage.cchange81") + parentEpml.request('showSnackBar', `${errorMsg}`) + } + } else { + return + } + } + } + + } + + async goToRepliedMessage(message, clickedOnMessage) { + const findMessage = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById(message.signature) + + if (findMessage) { + findMessage.scrollIntoView({ behavior: 'smooth', block: 'nearest' }) + const findElement = findMessage.shadowRoot.querySelector('.message-parent') + if (findElement) { + findElement.classList.add('blink-bg') + setTimeout(() => { + findElement.classList.remove('blink-bg') + }, 2000) + } + const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller') + if (chatScrollerElement && chatScrollerElement.disableFetching) { + chatScrollerElement.disableFetching = false + } + return + } + + const findOriginalMessage = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById(clickedOnMessage.signature) + if (findOriginalMessage) { + const messageClientRect = findOriginalMessage.getBoundingClientRect() + this.isLoadingGoToRepliedMessage = { + ...this.isLoadingGoToRepliedMessage, + loading: true, + left: messageClientRect.left, + top: messageClientRect.top, + offsetHeight: findOriginalMessage.offsetHeight + } + + await this.getOldMessageDynamic(0, clickedOnMessage.timestamp, message) + await this.getUpdateComplete() + + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) + const findMessage2 = marginElements.find((item) => item.messageObj.signature === message.signature) || marginElements.find((item) => item.messageObj.originalSignature === message.signature) || marginElements.find((item) => item.messageObj.signature === message.originalSignature) || marginElements.find((item) => item.messageObj.originalSignature === message.originalSignature) + if (findMessage2) { + findMessage2.scrollIntoView({ block: 'center' }) + } + if (findMessage2) { + this.isLoadingGoToRepliedMessage = { + ...this.isLoadingGoToRepliedMessage, + loading: false + } + const findElement = findMessage2.shadowRoot.querySelector('.message-parent') + if (findElement) { + findElement.classList.add('blink-bg') + setTimeout(() => { + findElement.classList.remove('blink-bg') + }, 2000) + } + + const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller') + + if (chatScrollerElement && chatScrollerElement.disableFetching) { + chatScrollerElement.disableFetching = false + } + + return + } + this.isLoadingGoToRepliedMessage = { + ...this.isLoadingGoToRepliedMessage, + loading: false + } + let errorMsg = get("chatpage.cchange66") + parentEpml.request('showSnackBar', `${errorMsg}`) + } + } + + async userSearch() { + const nameValue = this.shadowRoot.getElementById('sendTo').value + if (!nameValue) { + this.userFound = [] + this.userFoundModalOpen = false + this.loading = false + return + } + try { + const result = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${nameValue}` + }) + if (result.error === 401) { + this.userFound = [] + this.loading = false + } else { + this.userFound = [ + ...this.userFound, + result, + ] + } + this.userFoundModalOpen = true + } catch (error) { + this.loading = false + let err4string = get("chatpage.cchange35") + parentEpml.request('showSnackBar', `${err4string}`) + } + } + + setForwardProperties(forwardedMessage) { + this.openForwardOpen = true + this.forwardedMessage = forwardedMessage + } + + async sendForwardMessage() { + let parsedMessageObj = {} + try { + parsedMessageObj = JSON.parse(this.forwardedMessage) + } catch (error) { + parsedMessageObj = {} + } + + try { + const message = { + ...parsedMessageObj, + type: 'forward' + } + delete message.reactions + const stringifyMessageObject = JSON.stringify(message) + this.sendMessage({ messageText: stringifyMessageObject, chatReference: undefined, isForward: true }) + } catch (error) { /* empty */ } + } + + showLastMessageRefScroller(props) { + this.lastMessageRefVisible = props + } + + insertFile(file) { + if (file.identifier) { + this.imageFile = file + this.currentEditor = 'newChat' + return + } else if (file.type.includes('image')) { + this.imageFile = file + this.currentEditor = 'newChat' + return + } else { + this.attachment = file + this.currentEditor = "newAttachmentChat" + return + } + } + + removeImage() { + this.imageFile = null + this.resetChatEditor() + this.currentEditor = '_chatEditorDOM' + } + + removeAttachment() { + this.attachment = null + this.resetChatEditor() + this.currentEditor = '_chatEditorDOM' + } + + changeMsgInput(id) { + this.chatMessageInput = this.shadowRoot.getElementById(id) + this.initChatEditor() + } + + async initUpdate() { + if (this.webSocket) { + this.webSocket.close(1000, 'switch chat') + this.webSocket = '' + } + this.pageNumber = 1 + const getAddressPublicKey = () => { + parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${this._chatId}` + }).then(res => { + if (res.error === 102) { + this._publicKey.key = '' + this._publicKey.hasPubKey = false + this.fetchChatMessages(this._chatId) + } else if (res !== false) { + this._publicKey.key = res + this._publicKey.hasPubKey = true + this.fetchChatMessages(this._chatId) + } else { + this._publicKey.key = '' + this._publicKey.hasPubKey = false + this.fetchChatMessages(this._chatId) + } + }) + } + + setTimeout(() => { + const isRecipient = this.chatId.includes('direct') === true ? true : false + this.chatId.includes('direct') === true ? this.isReceipient = true : this.isReceipient = false + this._chatId = this.chatId.split('/')[1] + + const mstring = get("chatpage.cchange8") + const placeholder = isRecipient === true ? `Message ${this._chatId}` : `${mstring}` + this.chatEditorPlaceholder = placeholder + + isRecipient ? getAddressPublicKey() : this.fetchChatMessages(this._chatId) + + // Init ChatEditor + // this.initChatEditor() + }, 100) + + const isRecipient = this.chatId.includes('direct') === true ? true : false + const groupId = this.chatId.split('/')[1] + if (!isRecipient && groupId.toString() !== '0') { + try { + const getMembers = await parentEpml.request("apiCall", { + type: "api", + url: `/groups/members/${groupId}?onlyAdmins=false&limit=20&offset=0` + }) + + const getMembersAdmins = await parentEpml.request("apiCall", { + type: "api", + url: `/groups/members/${groupId}?onlyAdmins=true&limit=20` + }) + + const getGroupInfo = await parentEpml.request("apiCall", { + type: "api", + url: `/groups/${groupId}` + }) + + const getMembersAdminsWithName = (getMembersAdmins.members || []).map(async (member) => { + let memberItem = member + try { + const name = await this.getName(member.member) + memberItem = { + address: member.member, + name: name ? name : undefined + } + } catch (error) { /* empty */ } + return memberItem + }) + + const membersAdminsWithName = await Promise.all(getMembersAdminsWithName) + + const getMembersWithName = (getMembers.members || []).map(async (member) => { + let memberItem = member + try { + const name = await this.getName(member.member) + memberItem = { + address: member.member, + name: name ? name : undefined + } + } catch (error) { /* empty */ } + return memberItem + }) + const membersWithName = await Promise.all(getMembersWithName) + this.groupAdmin = membersAdminsWithName + this.groupMembers = membersWithName + this.groupInfo = getGroupInfo + } catch (error) { /* empty */ } + } + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + + async updated(changedProperties) { + if (changedProperties && changedProperties.has('userLanguage')) { + const userLang = changedProperties.get('userLanguage') + if (userLang) { + await new Promise(r => setTimeout(r, 100)) + this.chatEditorPlaceholder = this.isReceipient === true ? `Message ${this._chatId}` : `${get("chatpage.cchange8")}` + } + } + + if (changedProperties && changedProperties.has('isLoading')) { + if (this.isLoading === true && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) { + this.editor.setEditable(false) + } + if (this.isLoading === false && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) { + this.editor.setEditable(true) + } + } + if (changedProperties && changedProperties.has('chatId') && this.webSocket) { + const previousChatId = changedProperties.get('chatId') + + this.isLoadingMessages = true + this.initUpdate() + + if (previousChatId) { + window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ + key: previousChatId, + timestamp: Date.now() + })) + } + } + } + + shouldUpdate(changedProperties) { + if (changedProperties.has('chatId')) { + return true + } + if (changedProperties.has('setActiveChatHeadUrl')) { + return false + } + if (changedProperties.has('setOpenPrivateMessage')) { + return false + } + + return true + + } + + async getName(recipient) { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${recipient}` + }) + + if (Array.isArray(getNames) && getNames.length > 0) { + return getNames[0].name + } else { + return '' + } + + } catch (error) { + return "" + } + } + + async renderPlaceholder() { + const getName = async (recipient) => { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${recipient}` + }) + + if (Array.isArray(getNames) && getNames.length > 0) { + return getNames[0].name + } else { + return '' + } + + } catch (error) { + return "" + } + } + let userName = "" + if (this.isReceipient) { + userName = await getName(this._chatId) + } + const mstring = get("chatpage.cchange8") + const placeholder = this.isReceipient === true ? `Message ${userName ? userName : this._chatId}` : `${mstring}` + return placeholder + } + + renderChatScroller() { + return html` + this.setRepliedToMessageObj(val)} + .setEditedMessageObj=${(val) => this.setEditedMessageObj(val)} + .sendMessage=${(val) => this._sendMessage(val)} + .sendMessageForward=${(messageText, typeMessage, chatReference, isForward, forwardParams) => this.sendMessage(messageText, typeMessage, chatReference, isForward, forwardParams)} + .showLastMessageRefScroller=${(val) => this.showLastMessageRefScroller(val)} + .emojiPicker=${this.emojiPicker} + ?isLoadingMessages=${this.isLoadingOldMessages} + .setIsLoadingMessages=${(val) => this.setIsLoadingMessages(val)} + .setForwardProperties=${(forwardedMessage) => this.setForwardProperties(forwardedMessage)} + .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} + .setOpenTipUser=${(val) => this.setOpenTipUser(val)} + .setOpenUserInfo=${(val) => this.setOpenUserInfo(val)} + .setUserName=${(val) => this.setUserName(val)} + .setSelectedHead=${(val) => this.setSelectedHead(val)} + ?openTipUser=${this.openTipUser} + .selectedHead=${this.selectedHead} + .goToRepliedMessage=${(val, val2) => this.goToRepliedMessage(val, val2)} + .updateMessageHash=${this.updateMessageHash} + .clearUpdateMessageHashmap=${this.clearUpdateMessageHashmap} + .messageQueue=${this.messageQueue} + loggedInUserName=${this.loggedInUserName} + loggedInUserAddress=${this.loggedInUserAddress} + > + + ` + } + + setIsLoadingMessages(val) { + this.isLoadingOldMessages = val + } + + async getUpdateComplete() { + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-scroller')) + await Promise.all(marginElements.map(el => el.updateComplete)) + return true + } + + async getUpdateCompleteMessages() { + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) + await Promise.all(marginElements.map(el => el.updateComplete)) + return true + } + + async getUpdateCompleteTextEditor() { + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')) + await Promise.all(marginElements.map(el => el.updateComplete)) + const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')) + await Promise.all(marginElements2.map(el => el.updateComplete)) + return true + } + + updatePlaceholder(editor, text) { + editor.extensionManager.extensions.forEach((extension) => { + if (extension.name === "placeholder") { + extension.options["placeholder"] = text + editor.commands.focus('end') + } + }) + } + + async getOldMessageDynamic(limit, timestampClickedOnMessage, messageToGoTo) { + const findMsg = await parentEpml.request("apiCall", { + type: "api", + url: `/chat/message/${messageToGoTo.originalSignature || messageToGoTo.signature}?encoding=BASE64`, + }) + if (!findMsg) return null + if (this.isReceipient) { + const getInitialMessagesBefore = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${20}&reverse=true&before=${findMsg.timestamp}&haschatreference=false&encoding=BASE64` + }) + const getInitialMessagesAfter = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${20}&reverse=false&after=${findMsg.timestamp - 1000}&haschatreference=false&encoding=BASE64` + }) + const getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] + let decodeMsgs = [] + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodeMsgs = e.data + res() + } + + this.webWorkerDecodeMessages.onerror = () => { + rej() + } + }) + + queue.push(() => replaceMessagesEdited({ + decodedMessages: decodeMsgs, + parentEpml, + isReceipient: this.isReceipient, + decodeMessageFunc: this.decodeMessage, + _publicKey: this._publicKey, + addToUpdateMessageHashmap: this.addToUpdateMessageHashmap + })) + + + let list = [...decodeMsgs] + + await new Promise((res) => { + this.webWorkerSortMessages.postMessage({ list }) + + this.webWorkerSortMessages.onmessage = e => { + list = e.data + res() + } + }) + const lastMsg = list.at(-1) + if (lastMsg) { + const count = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages/count?after=${lastMsg.timestamp}&involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=20&reverse=false` + }) + this.messagesRendered = { + messages: list, + type: 'inBetween', + message: messageToGoTo, + count + } + } + this.isLoadingOldMessages = false + + } else { + const getInitialMessagesBefore = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${20}&reverse=true&before=${findMsg.timestamp}&haschatreference=false&encoding=BASE64` + }) + + const getInitialMessagesAfter = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${20}&reverse=false&after=${findMsg.timestamp - 1000}&haschatreference=false&encoding=BASE64` + }) + + const getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] + + let decodeMsgs = [] + + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodeMsgs = e.data + res() + } + + this.webWorkerDecodeMessages.onerror = () => { + rej() + } + }) + + queue.push(() => replaceMessagesEdited({ + decodedMessages: decodeMsgs, + parentEpml, + isReceipient: this.isReceipient, + decodeMessageFunc: this.decodeMessage, + _publicKey: this._publicKey, + addToUpdateMessageHashmap: this.addToUpdateMessageHashmap + })) + + let list = [...decodeMsgs] + + await new Promise((res) => { + this.webWorkerSortMessages.postMessage({ list }) + + this.webWorkerSortMessages.onmessage = e => { + list = e.data + res() + } + }) + + const lastMsg = list.at(-1) + + if (lastMsg) { + const count = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages/count?after=${lastMsg.timestamp}&txGroupId=${Number(this._chatId)}&limit=20&reverse=false` + }) + this.messagesRendered = { + messages: list, + type: 'inBetween', + signature: messageToGoTo.signature, + count + } + } + this.isLoadingOldMessages = false + } + } + + async getOldMessage(scrollElement) { + if (!scrollElement || !scrollElement.messageObj || !scrollElement.messageObj.timestamp) { + this.messagesRendered = { + messages: [], + type: 'old', + el: scrollElement + } + return + } + if (this.isReceipient) { + const getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` + }) + let decodeMsgs = [] + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodeMsgs = e.data + res() + } + + this.webWorkerDecodeMessages.onerror = () => { + rej() + } + }) + + queue.push(() => replaceMessagesEdited({ + decodedMessages: decodeMsgs, + parentEpml, + isReceipient: this.isReceipient, + decodeMessageFunc: this.decodeMessage, + _publicKey: this._publicKey, + addToUpdateMessageHashmap: this.addToUpdateMessageHashmap + })) + + let list = [...decodeMsgs] - async processMessages(messages, isInitial, isUnread, count) { - const isReceipient = this.chatId.includes('direct') - let decodedMessages = [] - if(!this.webWorkerDecodeMessages){ - this.webWorkerDecodeMessages = new WebWorkerDecodeMessages() - } - if(!this.webWorkerSortMessages){ - this.webWorkerSortMessages = new WebWorkerSortMessages() - } - await new Promise((res, rej) => { - this.webWorkerDecodeMessages.postMessage({messages: messages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }); + this.messagesRendered = { + messages: list, + type: 'old', + el: scrollElement + } - this.webWorkerDecodeMessages.onmessage = e => { - decodedMessages = e.data - res() + this.isLoadingOldMessages = false + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) - } - this.webWorkerDecodeMessages.onerror = () => { - rej() + const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) - } - }) - if (isInitial) { - this.chatEditorPlaceholder = await this.renderPlaceholder() + if (findElement) { + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) + } + } else { + const getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=true&before=${scrollElement.messageObj.timestamp}&haschatreference=false&encoding=BASE64` + }) + + let decodeMsgs = [] + + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodeMsgs = e.data + res() + } + + this.webWorkerDecodeMessages.onerror = () => { + rej() + } + }) + + queue.push(() => replaceMessagesEdited({ + decodedMessages: decodeMsgs, + parentEpml, + isReceipient: this.isReceipient, + decodeMessageFunc: this.decodeMessage, + _publicKey: this._publicKey, + addToUpdateMessageHashmap: this.addToUpdateMessageHashmap + })) + + let list = [...decodeMsgs] + + this.messagesRendered = { + messages: list, + type: 'old', + el: scrollElement + } + // this.isLoadingOldMessages = false + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) + const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) + + if (findElement) { + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) + } + } + } + + async getAfterMessages(scrollElement) { + if (!scrollElement || !scrollElement.messageObj || !scrollElement.messageObj.timestamp) { + this.messagesRendered = { + messages: [], + type: 'new', + } + return + } + const timestamp = scrollElement.messageObj.timestamp + + if (this.isReceipient) { + const getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=false&after=${timestamp}&haschatreference=false&encoding=BASE64` + }) + + let decodeMsgs = [] + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodeMsgs = e.data + res() + } + + this.webWorkerDecodeMessages.onerror = () => { + rej() + } + }) + + queue.push(() => replaceMessagesEdited({ + decodedMessages: decodeMsgs, + parentEpml, + isReceipient: this.isReceipient, + decodeMessageFunc: this.decodeMessage, + _publicKey: this._publicKey, + addToUpdateMessageHashmap: this.addToUpdateMessageHashmap + })) + + let list = [...decodeMsgs] + + await new Promise((res) => { + this.webWorkerSortMessages.postMessage({ list }) + this.webWorkerSortMessages.onmessage = e => { + list = e.data + res() + } + }) + + this.messagesRendered = { + messages: list, + type: 'new' + } - try { - await queue.push(() => replaceMessagesEdited({ + this.isLoadingOldMessages = false + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) + + const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) + + if (findElement) { + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) + } + } else { + const getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=false&after=${timestamp}&haschatreference=false&encoding=BASE64` + }) + let decodeMsgs = [] + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: getInitialMessages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodeMsgs = e.data + res() + } + + this.webWorkerDecodeMessages.onerror = () => { + rej() + } + }) + + queue.push(() => replaceMessagesEdited({ + decodedMessages: decodeMsgs, + parentEpml, + isReceipient: this.isReceipient, + decodeMessageFunc: this.decodeMessage, + _publicKey: this._publicKey, + addToUpdateMessageHashmap: this.addToUpdateMessageHashmap + })) + + let list = [...decodeMsgs] + + await new Promise((res) => { + this.webWorkerSortMessages.postMessage({ list }) + this.webWorkerSortMessages.onmessage = e => { + list = e.data + res() + } + }) + + this.messagesRendered = { + messages: list, + type: 'new' + } + + this.isLoadingOldMessages = false + await this.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelector('chat-scroller').shadowRoot.querySelectorAll('message-template')) + const findElement = marginElements.find((item) => item.messageObj.signature === scrollElement.messageObj.signature) + if (findElement) { + findElement.scrollIntoView({ behavior: 'auto', block: 'center' }) + } + } + } + + async addToUpdateMessageHashmap(array) { + const newObj = {} + + array.forEach((item) => { + const signature = item.originalSignature || item.signature + newObj[signature] = item + }) + this.updateMessageHash = { + ...this.updateMessageHash, + ...newObj + } + this.requestUpdate() + await this.getUpdateComplete() + + } + + async clearUpdateMessageHashmap() { + this.updateMessageHash = {} + this.requestUpdate() + } + + findContent(identifier, data) { + const [type, id] = identifier.split('/') + + if (type === 'group') { + for (let group of data.groups) { + if (group.groupId === parseInt(id, 10)) { + return group + } + } + } else if (type === 'direct') { + for (let direct of data.direct) { + if (direct.address === id) { + return direct + } + } + } + return null + } + + async processMessages(messages, isInitial, isUnread, count) { + const isReceipient = this.chatId.includes('direct') + let decodedMessages = [] + if (!this.webWorkerDecodeMessages) { + this.webWorkerDecodeMessages = new WebWorkerDecodeMessages() + } + if (!this.webWorkerSortMessages) { + this.webWorkerSortMessages = new WebWorkerSortMessages() + } + await new Promise((res, rej) => { + this.webWorkerDecodeMessages.postMessage({ messages: messages, isReceipient: this.isReceipient, _publicKey: this._publicKey, privateKey: window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey }) + + this.webWorkerDecodeMessages.onmessage = e => { + decodedMessages = e.data + res() + + } + this.webWorkerDecodeMessages.onerror = () => { + rej() + + } + }) + if (isInitial) { + this.chatEditorPlaceholder = await this.renderPlaceholder() + + try { + queue.push(() => replaceMessagesEdited({ decodedMessages: decodedMessages, parentEpml, isReceipient: isReceipient, decodeMessageFunc: this.decodeMessage, _publicKey: this._publicKey, addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - } catch (error) { - console.log({error}) - } + })) + } catch (error) { + console.log({ error }) + } + let list = decodedMessages + await new Promise((res) => { + this.webWorkerSortMessages.postMessage({ list }) + this.webWorkerSortMessages.onmessage = e => { + list = e.data + res() + } + }) + this._messages = list - let list = decodedMessages + // TODO: Determine number of initial messages by screen height... + // this.messagesRendered = this._messages + const lastReadMessageTimestamp = this.lastReadMessageTimestamp - await new Promise((res) => { + if (isUnread) { - this.webWorkerSortMessages.postMessage({list}); + this.messagesRendered = { + messages: this._messages, + type: 'initialLastSeen', + lastReadMessageTimestamp, + count + } - this.webWorkerSortMessages.onmessage = e => { + window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ + key: this.chatId, + timestamp: Date.now() + })) + } else { + this.messagesRendered = { + messages: this._messages, + type: 'initial' + } + } - list = e.data - res() + this.isLoadingMessages = false - } - }) - - this._messages = list - - // TODO: Determine number of initial messages by screen height... - // this.messagesRendered = this._messages - const lastReadMessageTimestamp = this.lastReadMessageTimestamp - - - if(isUnread){ - - this.messagesRendered = { - messages: this._messages, - type: 'initialLastSeen', - lastReadMessageTimestamp, - count - } - - window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ - key: this.chatId, - timestamp: Date.now() - })) - } else { - this.messagesRendered = { - messages: this._messages, - type: 'initial' - } - } - - this.isLoadingMessages = false - - setTimeout(() => this.downElementObserver(), 500) - } else { - - await queue.push(() => replaceMessagesEdited({ + setTimeout(() => this.downElementObserver(), 500) + } else { + queue.push(() => replaceMessagesEdited({ decodedMessages: decodedMessages, parentEpml, isReceipient: isReceipient, @@ -2133,1323 +1974,1322 @@ class ChatPage extends LitElement { _publicKey: this._publicKey, isNotInitial: true, addToUpdateMessageHashmap: this.addToUpdateMessageHashmap - })); - - const renderEachMessage = decodedMessages.map(async (msg) => { - await this.renderNewMessage(msg) - }) - - await Promise.all(renderEachMessage) - - if (this.chatId && this.isPageVisible) { - window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ - key: this.chatId, - timestamp: Date.now() - })) - - } - - } - } - - // set replied to message in chat editor - - setRepliedToMessageObj(messageObj) { - this.editor.commands.focus('end') - this.repliedToMessageObj = { ...messageObj } - this.editedMessageObj = null - this.requestUpdate() - } - - // set edited message in chat editor - - setEditedMessageObj(messageObj) { - this.editor.commands.focus('end') - this.editedMessageObj = { ...messageObj } - this.repliedToMessageObj = null - this.requestUpdate() - } - - closeEditMessageContainer() { - this.editedMessageObj = null - this.isEditMessageOpen = !this.isEditMessageOpen - this.editor.commands.setContent('') - } - - closeRepliedToContainer() { - this.repliedToMessageObj = null - this.requestUpdate() - } - - /** - * New Message Template implementation, takes in a message object. - * @param { Object } messageObj - * @property id or index - * @property sender and other info.. - */ - - async renderNewMessage(newMessage) { - if (newMessage.chatReference) { - this.messagesRendered = { - messages: [newMessage], - type: 'update', - } - return - } - - let viewElement = this.shadowRoot.querySelector('chat-scroller') - if(viewElement){ - viewElement = viewElement.shadowRoot.getElementById('viewElement') - } else { - viewElement = null - } - - if (newMessage.sender === this.selectedAddress.address) { - - - this.messagesRendered = { - messages: [newMessage], - type: 'newComingInAuto', - } - await this.getUpdateComplete() - - // viewElement.scrollTop = viewElement.scrollHeight - } else if (this.isUserDown) { - - this.messagesRendered = { - messages: [newMessage], - type: 'newComingInAuto', - } - // Append the message and scroll to the bottom if user is down the page - // this.messagesRendered = [...this.messagesRendered, newMessage] - await this.getUpdateComplete() - if(viewElement){ - viewElement.scrollTop = viewElement.scrollHeight - } - - } else { - - this.messagesRendered = { - messages: [newMessage], - type: 'newComingInAuto', - } - await this.getUpdateComplete() - - this.showNewMessageBar() - } - } - - /** - * Decode Message Method. Takes in a message object and returns a decoded message object - * @param {Object} encodedMessageObj - * - */ - decodeMessage(encodedMessageObj, isReceipient, _publicKey) { - let isReceipientVar - let _publicKeyVar - try { - isReceipientVar = this.isReceipient === undefined ? isReceipient : this.isReceipient - _publicKeyVar = this._publicKey === undefined ? _publicKey : this._publicKey - } catch (error) { - isReceipientVar = isReceipient - _publicKeyVar = _publicKey - } - - let decodedMessageObj = {} - - if (isReceipientVar === true) { - // direct chat - if (encodedMessageObj.isEncrypted === true && _publicKeyVar.hasPubKey === true && encodedMessageObj.data) { - let decodedMessage = window.parent.decryptChatMessageBase64(encodedMessageObj.data, window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey, _publicKeyVar.key, encodedMessageObj.reference) - decodedMessageObj = { ...encodedMessageObj, decodedMessage } - } else if (encodedMessageObj.isEncrypted === false && encodedMessageObj.data) { - let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data) - decodedMessageObj = { ...encodedMessageObj, decodedMessage } - } else { - decodedMessageObj = { ...encodedMessageObj, decodedMessage: "Cannot Decrypt Message!" } - } - - } else { - // group chat - let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data) - decodedMessageObj = { ...encodedMessageObj, decodedMessage } - } - return decodedMessageObj - } - - async fetchChatMessages(chatId) { - const initDirect = async (cid, noInitial) => { - let timeoutId - let initial = 0 - - let directSocketTimeout - - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ":" + myNode.port - - let directSocketLink - - if (window.parent.location.protocol === "https:") { - directSocketLink = `wss://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1` - } else { - // Fallback to http - directSocketLink = `ws://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1` - } - - - - this.webSocket = new WebSocket(directSocketLink) - // Open Connection - this.webSocket.onopen = () => { - setTimeout(pingDirectSocket, 50) - } - - // Message Event - this.webSocket.onmessage = async (e) => { - if (e.data === 'pong') { - clearTimeout(timeoutId) - directSocketTimeout = setTimeout(pingDirectSocket, 45000) - return - } - - if (initial === 0) { - this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatId) || 0 - if (noInitial) return - let getInitialMessages = [] - let count = 0 - let isUnread = false - - const chatId = this.chatId - const findContent = this.chatHeads.find((item)=> item.url === chatId) - const chatInfoTimestamp = findContent.timestamp || 0 - const lastReadMessageTimestamp = this.lastReadMessageTimestamp - - - if(lastReadMessageTimestamp && chatInfoTimestamp){ - if(lastReadMessageTimestamp < chatInfoTimestamp){ - isUnread = true - } - } - if(isUnread){ - const getInitialMessagesBefore = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=${chatLimitHalf}&reverse=true&before=${lastReadMessageTimestamp}&haschatreference=false&encoding=BASE64` - }) - const getInitialMessagesAfter = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=${chatLimitHalf}&reverse=false&after=${lastReadMessageTimestamp - 1000}&haschatreference=false&encoding=BASE64` - }) - getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] - const lastMessage = getInitialMessagesAfter.at(-1) - if(lastMessage){ - count = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages/count?after=${lastMessage.timestamp}&involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=20&reverse=false` - }) - } - } else { - getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` - }) - } - - - - await this.processMessages(getInitialMessages, true, isUnread, count) - - initial = initial + 1 - - } else { - try { - if (e.data) { - await this.processMessages(JSON.parse(e.data), false) - } - } catch (error) { /* empty */ } - } - } - - // Closed Event - this.webSocket.onclose = (e) => { - clearTimeout(directSocketTimeout) - - if (e.reason === 'switch chat') return - - restartDirectWebSocket() - } - - // Error Event - this.webSocket.onerror = () => { - clearTimeout(directSocketTimeout) - } - - const pingDirectSocket = () => { - this.webSocket.send('ping') - timeoutId = setTimeout(() => { - this.webSocket.close() - clearTimeout(directSocketTimeout) - }, 5000) - } - } - - const restartDirectWebSocket = () => { - const noInitial = true - setTimeout(() => initDirect(chatId, noInitial), 50) - } - - const restartGroupWebSocket = () => { - const noInitial = true - let groupChatId = Number(chatId) - setTimeout(() => initGroup(groupChatId, noInitial), 50) - } - - const initGroup = (gId, noInitial) => { - let timeoutId - let groupId = Number(gId) - - let initial = 0 - let count = 0 - let groupSocketTimeout - - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ":" + myNode.port - - let groupSocketLink - - if (window.parent.location.protocol === "https:") { - groupSocketLink = `wss://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1` - } else { - // Fallback to http - groupSocketLink = `ws://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1` - } - - this.webSocket = new WebSocket(groupSocketLink) - - // Open Connection - this.webSocket.onopen = () => { - setTimeout(pingGroupSocket, 50) - } - - // Message Event - this.webSocket.onmessage = async (e) => { - if (e.data === 'pong') { - clearTimeout(timeoutId) - groupSocketTimeout = setTimeout(pingGroupSocket, 45000) - return - } - if (initial === 0) { - this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatId) || 0 - if (noInitial) return - let getInitialMessages = [] - const lastReadMessageTimestamp = this.lastReadMessageTimestamp - - let isUnread = false - - const chatId = this.chatId - const findContent = this.chatHeads.find((item)=> item.url === chatId) - const chatInfoTimestamp = findContent.timestamp || 0 - - if(lastReadMessageTimestamp && chatInfoTimestamp){ - if(lastReadMessageTimestamp < chatInfoTimestamp){ - isUnread = true - } - } - if(isUnread){ - - - const getInitialMessagesBefore = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${groupId}&limit=${chatLimitHalf}&reverse=true&before=${lastReadMessageTimestamp}&haschatreference=false&encoding=BASE64` - }) - const getInitialMessagesAfter = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${groupId}&limit=${chatLimitHalf}&reverse=false&after=${lastReadMessageTimestamp - 1000}&haschatreference=false&encoding=BASE64` - }) - getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] - const lastMessage = getInitialMessagesAfter.at(-1) - if(lastMessage){ - count = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages/count?after=${lastMessage.timestamp}&txGroupId=${groupId}&limit=20&reverse=false` - }) - } - - } else { - getInitialMessages = await parentEpml.request('apiCall', { - type: 'api', - url: `/chat/messages?txGroupId=${groupId}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` - }) - } - - - - - await this.processMessages(getInitialMessages, true, isUnread, count) - - initial = initial + 1 - } else { - try { - if (e.data) { - await this.processMessages(JSON.parse(e.data), false) - } - } catch (error) { /* empty */ } - } - } - - // Closed Event - this.webSocket.onclose = (e) => { - clearTimeout(groupSocketTimeout) - if (e.reason === 'switch chat') return - restartGroupWebSocket() - } - - // Error Event - this.webSocket.onerror = () => { - clearTimeout(groupSocketTimeout) - this.webSocket.close() - } - - const pingGroupSocket = () => { - this.webSocket.send('ping') - timeoutId = setTimeout(() => { - this.webSocket.close() - clearTimeout(groupSocketTimeout) - }, 5000) // Close the WebSocket connection if no pong message is received within 5 seconds. - } - } - - if (chatId !== undefined) { - if (this.isReceipient) { - await initDirect(chatId) - } else { - let groupChatId = Number(chatId) - initGroup(groupChatId) - } - } else { - // ... Render a nice "Error, Go Back" component. - } - // Add to the messages... TODO: Save messages to localstorage and fetch from it to make it persistent... - } - - resetChatEditor() { - if (this.currentEditor === '_chatEditorDOM') { - this.editor.commands.setContent('') - } - if (this.currentEditor === 'newChat') { - this.editorImage.commands.setContent('') - } - if (this.currentEditor === 'newAttachmentChat') { - this.editorAttachment.commands.setContent('') - } - } - - async _sendMessage(outSideMsg, msg, messageQueue) { - const _chatId= this._chatId - const isReceipient= this.isReceipient - let _publicKey= this._publicKey - const attachment= this.attachment - - try { - if (this.isReceipient) { - let hasPublicKey = true - if (!_publicKey.hasPubKey) { - hasPublicKey = false - try { - const res = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${this.selectedAddress.address}` - }) - if (res.error === 102) { - _publicKey.key = '' - _publicKey.hasPubKey = false - } else if (res !== false) { - _publicKey.key = res - _publicKey.hasPubKey = true - hasPublicKey = true - } else { - _publicKey.key = '' - _publicKey.hasPubKey = false - } - } catch (error) { /* empty */ } - - if (!hasPublicKey || !_publicKey.hasPubKey) { - let err4string = get("chatpage.cchange39") - parentEpml.request('showSnackBar', `${err4string}`) - return - } - - } - } - // have params to determine if it's a reply or not - // have variable to determine if it's a response, holds signature in constructor - // need original message signature - // need whole original message object, transform the data and put it in local storage - // create new var called repliedToData and use that to modify the UI - // find specific object property in local - let typeMessage = 'regular' - // this.isLoading = true - const trimmedMessage = msg - - const getName = async (recipient) => { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${recipient}` - }) - - if (Array.isArray(getNames) && getNames.length > 0) { - return getNames[0].name - } else { - return '' - } - - } catch (error) { - return "" - } - } - - if (outSideMsg && outSideMsg.type === 'delete') { - this.isDeletingImage = true - const userName = outSideMsg.name - const identifier = outSideMsg.identifier - let compressedFile = '' - var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" - - if (this.webWorkerFile) { - this.webWorkerFile.terminate() - this.webWorkerFile = null - } - - this.webWorkerFile = new WebWorkerFile() - - const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => { - const byteCharacters = atob(b64Data) - const byteArrays = [] - - for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { - const slice = byteCharacters.slice(offset, offset + sliceSize) - - const byteNumbers = new Array(slice.length) - for (let i = 0; i < slice.length; i++) { - byteNumbers[i] = slice.charCodeAt(i) - } - - const byteArray = new Uint8Array(byteNumbers) - byteArrays.push(byteArray) - } - - return new Blob(byteArrays, {type: contentType}) - } - const blob = b64toBlob(str, 'image/png') - await new Promise(resolve => { - new Compressor(blob, { - quality: 0.6, - maxWidth: 500, - success(result) { - compressedFile = new File([result], "name", { + })) + + const renderEachMessage = decodedMessages.map(async (msg) => { + await this.renderNewMessage(msg) + }) + + await Promise.all(renderEachMessage) + + if (this.chatId && this.isPageVisible) { + window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({ + key: this.chatId, + timestamp: Date.now() + })) + + } + } + } + + // set replied to message in chat editor + setRepliedToMessageObj(messageObj) { + this.editor.commands.focus('end') + this.repliedToMessageObj = { ...messageObj } + this.editedMessageObj = null + this.requestUpdate() + } + + // set edited message in chat editor + setEditedMessageObj(messageObj) { + this.editor.commands.focus('end') + this.editedMessageObj = { ...messageObj } + this.repliedToMessageObj = null + this.requestUpdate() + } + + closeEditMessageContainer() { + this.editedMessageObj = null + this.isEditMessageOpen = !this.isEditMessageOpen + this.editor.commands.setContent('') + } + + closeRepliedToContainer() { + this.repliedToMessageObj = null + this.requestUpdate() + } + + /** + * New Message Template implementation, takes in a message object. + * @param { Object } messageObj + * @property id or index + * @property sender and other info.. + */ + async renderNewMessage(newMessage) { + if (newMessage.chatReference) { + this.messagesRendered = { + messages: [newMessage], + type: 'update', + } + return + } + + let viewElement = this.shadowRoot.querySelector('chat-scroller') + if (viewElement) { + viewElement = viewElement.shadowRoot.getElementById('viewElement') + } else { + viewElement = null + } + + if (newMessage.sender === this.selectedAddress.address) { + + + this.messagesRendered = { + messages: [newMessage], + type: 'newComingInAuto', + } + await this.getUpdateComplete() + + // viewElement.scrollTop = viewElement.scrollHeight + } else if (this.isUserDown) { + + this.messagesRendered = { + messages: [newMessage], + type: 'newComingInAuto', + } + // Append the message and scroll to the bottom if user is down the page + // this.messagesRendered = [...this.messagesRendered, newMessage] + await this.getUpdateComplete() + if (viewElement) { + viewElement.scrollTop = viewElement.scrollHeight + } + + } else { + + this.messagesRendered = { + messages: [newMessage], + type: 'newComingInAuto', + } + await this.getUpdateComplete() + + this.showNewMessageBar() + } + } + + /** + * Decode Message Method. Takes in a message object and returns a decoded message object + * @param {Object} encodedMessageObj + * + */ + decodeMessage(encodedMessageObj, isReceipient, _publicKey) { + let isReceipientVar + let _publicKeyVar + try { + isReceipientVar = this.isReceipient === undefined ? isReceipient : this.isReceipient + _publicKeyVar = this._publicKey === undefined ? _publicKey : this._publicKey + } catch (error) { + isReceipientVar = isReceipient + _publicKeyVar = _publicKey + } + + let decodedMessageObj = {} + + if (isReceipientVar === true) { + // direct chat + if (encodedMessageObj.isEncrypted === true && _publicKeyVar.hasPubKey === true && encodedMessageObj.data) { + let decodedMessage = window.parent.decryptChatMessageBase64(encodedMessageObj.data, window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey, _publicKeyVar.key, encodedMessageObj.reference) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } + } else if (encodedMessageObj.isEncrypted === false && encodedMessageObj.data) { + let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } + } else { + decodedMessageObj = { ...encodedMessageObj, decodedMessage: "Cannot Decrypt Message!" } + } + + } else { + // group chat + let decodedMessage = window.parent.Base64.decode(encodedMessageObj.data) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } + } + return decodedMessageObj + } + + async fetchChatMessages(chatId) { + const initDirect = async (cid, noInitial) => { + let timeoutId + let initial = 0 + + let directSocketTimeout + + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ":" + myNode.port + + let directSocketLink + + if (window.parent.location.protocol === "https:") { + directSocketLink = `wss://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1` + } else { + // Fallback to http + directSocketLink = `ws://${nodeUrl}/websockets/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&encoding=BASE64&limit=1` + } + + this.webSocket = new WebSocket(directSocketLink) + // Open Connection + this.webSocket.onopen = () => { + setTimeout(pingDirectSocket, 50) + } + + // Message Event + this.webSocket.onmessage = async (e) => { + if (e.data === 'pong') { + clearTimeout(timeoutId) + directSocketTimeout = setTimeout(pingDirectSocket, 45000) + return + } + + if (initial === 0) { + this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatId) || 0 + if (noInitial) return + let getInitialMessages = [] + let count = 0 + let isUnread = false + + const chatId = this.chatId + const findContent = this.chatHeads.find((item) => item.url === chatId) + const chatInfoTimestamp = findContent.timestamp || 0 + const lastReadMessageTimestamp = this.lastReadMessageTimestamp + + + if (lastReadMessageTimestamp && chatInfoTimestamp) { + if (lastReadMessageTimestamp < chatInfoTimestamp) { + isUnread = true + } + } + if (isUnread) { + const getInitialMessagesBefore = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=${chatLimitHalf}&reverse=true&before=${lastReadMessageTimestamp}&haschatreference=false&encoding=BASE64` + }) + const getInitialMessagesAfter = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=${chatLimitHalf}&reverse=false&after=${lastReadMessageTimestamp - 1000}&haschatreference=false&encoding=BASE64` + }) + getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] + const lastMessage = getInitialMessagesAfter.at(-1) + if (lastMessage) { + count = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages/count?after=${lastMessage.timestamp}&involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=20&reverse=false` + }) + } + } else { + getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${cid}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` + }) + } + + + + this.processMessages(getInitialMessages, true, isUnread, count) + + initial = initial + 1 + + } else { + try { + if (e.data) { + this.processMessages(JSON.parse(e.data), false) + } + } catch (error) { /* empty */ } + } + } + + // Closed Event + this.webSocket.onclose = (e) => { + clearTimeout(directSocketTimeout) + + if (e.reason === 'switch chat') return + + restartDirectWebSocket() + } + + // Error Event + this.webSocket.onerror = () => { + clearTimeout(directSocketTimeout) + } + + const pingDirectSocket = () => { + this.webSocket.send('ping') + timeoutId = setTimeout(() => { + this.webSocket.close() + clearTimeout(directSocketTimeout) + }, 5000) + } + } + + const restartDirectWebSocket = () => { + const noInitial = true + setTimeout(() => initDirect(chatId, noInitial), 50) + } + + const restartGroupWebSocket = () => { + const noInitial = true + let groupChatId = Number(chatId) + setTimeout(() => initGroup(groupChatId, noInitial), 50) + } + + const initGroup = (gId, noInitial) => { + let timeoutId + let groupId = Number(gId) + + let initial = 0 + let count = 0 + let groupSocketTimeout + + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ":" + myNode.port + + let groupSocketLink + + if (window.parent.location.protocol === "https:") { + groupSocketLink = `wss://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1` + } else { + // Fallback to http + groupSocketLink = `ws://${nodeUrl}/websockets/chat/messages?txGroupId=${groupId}&encoding=BASE64&limit=1` + } + + this.webSocket = new WebSocket(groupSocketLink) + + // Open Connection + this.webSocket.onopen = () => { + setTimeout(pingGroupSocket, 50) + } + + // Message Event + this.webSocket.onmessage = async (e) => { + if (e.data === 'pong') { + clearTimeout(timeoutId) + groupSocketTimeout = setTimeout(pingGroupSocket, 45000) + return + } + if (initial === 0) { + this.lastReadMessageTimestamp = await chatLastSeen.getItem(this.chatId) || 0 + if (noInitial) return + let getInitialMessages = [] + const lastReadMessageTimestamp = this.lastReadMessageTimestamp + + let isUnread = false + + const chatId = this.chatId + const findContent = this.chatHeads.find((item) => item.url === chatId) + const chatInfoTimestamp = findContent.timestamp || 0 + + if (lastReadMessageTimestamp && chatInfoTimestamp) { + if (lastReadMessageTimestamp < chatInfoTimestamp) { + isUnread = true + } + } + if (isUnread) { + const getInitialMessagesBefore = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${groupId}&limit=${chatLimitHalf}&reverse=true&before=${lastReadMessageTimestamp}&haschatreference=false&encoding=BASE64` + }) + const getInitialMessagesAfter = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${groupId}&limit=${chatLimitHalf}&reverse=false&after=${lastReadMessageTimestamp - 1000}&haschatreference=false&encoding=BASE64` + }) + getInitialMessages = [...getInitialMessagesBefore, ...getInitialMessagesAfter] + const lastMessage = getInitialMessagesAfter.at(-1) + if (lastMessage) { + count = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages/count?after=${lastMessage.timestamp}&txGroupId=${groupId}&limit=20&reverse=false` + }) + } + + } else { + getInitialMessages = await parentEpml.request('apiCall', { + type: 'api', + url: `/chat/messages?txGroupId=${groupId}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64` + }) + } + + this.processMessages(getInitialMessages, true, isUnread, count) + + initial = initial + 1 + } else { + try { + if (e.data) { + this.processMessages(JSON.parse(e.data), false) + } + } catch (error) { /* empty */ } + } + } + + // Closed Event + this.webSocket.onclose = (e) => { + clearTimeout(groupSocketTimeout) + if (e.reason === 'switch chat') return + restartGroupWebSocket() + } + + // Error Event + this.webSocket.onerror = () => { + clearTimeout(groupSocketTimeout) + this.webSocket.close() + } + + const pingGroupSocket = () => { + this.webSocket.send('ping') + timeoutId = setTimeout(() => { + this.webSocket.close() + clearTimeout(groupSocketTimeout) + }, 5000) // Close the WebSocket connection if no pong message is received within 5 seconds. + } + } + + if (chatId !== undefined) { + if (this.isReceipient) { + initDirect(chatId) + } else { + let groupChatId = Number(chatId) + initGroup(groupChatId) + } + } else { + // ... Render a nice "Error, Go Back" component. + } + // Add to the messages... TODO: Save messages to localstorage and fetch from it to make it persistent... + } + + resetChatEditor() { + if (this.currentEditor === '_chatEditorDOM') { + this.editor.commands.setContent('') + } + if (this.currentEditor === 'newChat') { + this.editorImage.commands.setContent('') + } + if (this.currentEditor === 'newAttachmentChat') { + this.editorAttachment.commands.setContent('') + } + } + + async _sendMessage(outSideMsg, msg, messageQueue) { + const _chatId = this._chatId + const isReceipient = this.isReceipient + let _publicKey = this._publicKey + const attachment = this.attachment + + try { + if (this.isReceipient) { + let hasPublicKey = true + if (!_publicKey.hasPubKey) { + hasPublicKey = false + try { + const res = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${this.selectedAddress.address}` + }) + if (res.error === 102) { + _publicKey.key = '' + _publicKey.hasPubKey = false + } else if (res !== false) { + _publicKey.key = res + _publicKey.hasPubKey = true + hasPublicKey = true + } else { + _publicKey.key = '' + _publicKey.hasPubKey = false + } + } catch (error) { /* empty */ } + + if (!hasPublicKey || !_publicKey.hasPubKey) { + let err4string = get("chatpage.cchange39") + parentEpml.request('showSnackBar', `${err4string}`) + return + } + + } + } + // have params to determine if it's a reply or not + // have variable to determine if it's a response, holds signature in constructor + // need original message signature + // need whole original message object, transform the data and put it in local storage + // create new var called repliedToData and use that to modify the UI + // find specific object property in local + let typeMessage = 'regular' + // this.isLoading = true + const trimmedMessage = msg + + const getName = async (recipient) => { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${recipient}` + }) + + if (Array.isArray(getNames) && getNames.length > 0) { + return getNames[0].name + } else { + return '' + } + + } catch (error) { + return "" + } + } + + if (outSideMsg && outSideMsg.type === 'delete') { + this.isDeletingImage = true + const userName = outSideMsg.name + const identifier = outSideMsg.identifier + let compressedFile = '' + var str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" + + if (this.webWorkerFile) { + this.webWorkerFile.terminate() + this.webWorkerFile = null + } + + this.webWorkerFile = new WebWorkerFile() + + const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => { + const byteCharacters = atob(b64Data) + const byteArrays = [] + + for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { + const slice = byteCharacters.slice(offset, offset + sliceSize) + + const byteNumbers = new Array(slice.length) + for (let i = 0; i < slice.length; i++) { + byteNumbers[i] = slice.charCodeAt(i) + } + + const byteArray = new Uint8Array(byteNumbers) + byteArrays.push(byteArray) + } + + const blob = new Blob(byteArrays, { type: contentType }) + return blob + } + const blob = b64toBlob(str, 'image/png') + await new Promise(resolve => { + new Compressor(blob, { + quality: 0.6, + maxWidth: 500, + success(result) { + const file = new File([result], "name", { type: 'image/png' }) - resolve() - }, - error() { - }, - }) - }) - const arbitraryFeeData = await modalHelper.getArbitraryFee() - const res = await modalHelper.showModalAndWaitPublish( - { - feeAmount: arbitraryFeeData.feeToShow - } - ); - if (res.action !== 'accept') throw new Error('User declined publish') - try { - await publishData({ - registeredName: userName, - file: compressedFile, - service: 'QCHAT_IMAGE', - identifier: identifier, - parentEpml, - metaData: undefined, - uploadType: 'file', - selectedAddress: this.selectedAddress, - worker: this.webWorkerFile, - withFee: true, - feeAmount: arbitraryFeeData.fee - }) - this.isDeletingImage = false - } catch (error) { - this.isLoading = false - return - } - typeMessage = 'edit' - let chatReference = outSideMsg.editedMessageObj.signature - if (outSideMsg.editedMessageObj.chatReference) { - chatReference = outSideMsg.editedMessageObj.chatReference - } + compressedFile = file + resolve() + }, + error() { + }, + }) + }) + const arbitraryFeeData = await modalHelper.getArbitraryFee() + const res = await modalHelper.showModalAndWaitPublish( + { + feeAmount: arbitraryFeeData.feeToShow + } + ) + if (res.action !== 'accept') throw new Error('User declined publish') + try { + await publishData({ + registeredName: userName, + file: compressedFile, + service: 'QCHAT_IMAGE', + identifier: identifier, + parentEpml, + metaData: undefined, + uploadType: 'file', + selectedAddress: this.selectedAddress, + worker: this.webWorkerFile, + withFee: true, + feeAmount: arbitraryFeeData.fee + }) + this.isDeletingImage = false + } catch (error) { + this.isLoading = false + return + } + typeMessage = 'edit' + let chatReference = outSideMsg.editedMessageObj.signature - let message = "" - try { - message = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) - } catch (error) { - message = outSideMsg.editedMessageObj.decodedMessage - } - const messageObject = { - ...message, - isImageDeleted: true - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (outSideMsg && outSideMsg.type === 'deleteAttachment') { - this.isDeletingAttachment = true - let compressedFile = '' - const str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" - const userName = outSideMsg.name - const identifier = outSideMsg.identifier + if (outSideMsg.editedMessageObj.chatReference) { + chatReference = outSideMsg.editedMessageObj.chatReference + } - if (this.webWorkerFile) { - this.webWorkerFile.terminate() - this.webWorkerFile = null - } + let message = "" + try { + const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + message = parsedMessageObj + } catch (error) { + message = outSideMsg.editedMessageObj.decodedMessage + } + const messageObject = { + ...message, + isImageDeleted: true + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (outSideMsg && outSideMsg.type === 'deleteAttachment') { + this.isDeletingAttachment = true + let compressedFile = '' + const str = "iVBORw0KGgoAAAANSUhEUgAAAsAAAAGMAQMAAADuk4YmAAAAA1BMVEX///+nxBvIAAAAAXRSTlMAQObYZgAAADlJREFUeF7twDEBAAAAwiD7p7bGDlgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAGJrAABgPqdWQAAAABJRU5ErkJggg==" + const userName = outSideMsg.name + const identifier = outSideMsg.identifier - this.webWorkerFile = new WebWorkerFile() + if (this.webWorkerFile) { + this.webWorkerFile.terminate() + this.webWorkerFile = null + } - const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => { - const byteCharacters = atob(b64Data) - const byteArrays = [] + this.webWorkerFile = new WebWorkerFile() - for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { - const slice = byteCharacters.slice(offset, offset + sliceSize) + const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => { + const byteCharacters = atob(b64Data) + const byteArrays = [] - const byteNumbers = new Array(slice.length) - for (let i = 0; i < slice.length; i++) { - byteNumbers[i] = slice.charCodeAt(i) - } + for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { + const slice = byteCharacters.slice(offset, offset + sliceSize) - const byteArray = new Uint8Array(byteNumbers) - byteArrays.push(byteArray) - } + const byteNumbers = new Array(slice.length) + for (let i = 0; i < slice.length; i++) { + byteNumbers[i] = slice.charCodeAt(i) + } - return new Blob(byteArrays, {type: contentType}) - } + const byteArray = new Uint8Array(byteNumbers) + byteArrays.push(byteArray) + } - const blob = b64toBlob(str, 'image/png') - await new Promise(resolve => { - new Compressor(blob, { - quality: 0.6, - maxWidth: 500, - success(result) { - compressedFile = new File([result], "name", { + const blob = new Blob(byteArrays, { type: contentType }) + return blob + } + + const blob = b64toBlob(str, 'image/png') + await new Promise(resolve => { + new Compressor(blob, { + quality: 0.6, + maxWidth: 500, + success(result) { + const file = new File([result], "name", { type: 'image/png' }) - resolve() - }, - error() { - }, - }) - }) - const arbitraryFeeData = await modalHelper.getArbitraryFee() - const res = await modalHelper.showModalAndWaitPublish( - { - feeAmount: arbitraryFeeData.feeToShow - } - ); - if (res.action !== 'accept') throw new Error('User declined publish') - try { - await publishData({ - registeredName: userName, - file: compressedFile, - service: 'QCHAT_ATTACHMENT', - identifier: identifier, - parentEpml, - metaData: undefined, - uploadType: 'file', - selectedAddress: this.selectedAddress, - worker: this.webWorkerFile, - withFee: true, - feeAmount: arbitraryFeeData.fee - }) - this.isDeletingAttachment = false - } catch (error) { - this.isLoading = false - return - } - typeMessage = 'edit' - let chatReference = outSideMsg.editedMessageObj.signature - if (outSideMsg.editedMessageObj.chatReference) { - chatReference = outSideMsg.editedMessageObj.chatReference - } + compressedFile = file + resolve() + }, + error() { + }, + }) + }) + const arbitraryFeeData = await modalHelper.getArbitraryFee() + const res = await modalHelper.showModalAndWaitPublish( + { + feeAmount: arbitraryFeeData.feeToShow + } + ) + if (res.action !== 'accept') throw new Error('User declined publish') + try { + await publishData({ + registeredName: userName, + file: compressedFile, + service: 'QCHAT_ATTACHMENT', + identifier: identifier, + parentEpml, + metaData: undefined, + uploadType: 'file', + selectedAddress: this.selectedAddress, + worker: this.webWorkerFile, + withFee: true, + feeAmount: arbitraryFeeData.fee + }) + this.isDeletingAttachment = false + } catch (error) { + this.isLoading = false + return + } + typeMessage = 'edit' + let chatReference = outSideMsg.editedMessageObj.signature - let message = "" - try { - message = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + if (outSideMsg.editedMessageObj.chatReference) { + chatReference = outSideMsg.editedMessageObj.chatReference + } - } catch (error) { - message = outSideMsg.editedMessageObj.decodedMessage - } - const messageObject = { - ...message, - isAttachmentDeleted: true - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (outSideMsg && outSideMsg.type === 'image') { - if(!this.imageFile.identifier){ - this.isUploadingImage = true - } - const userName = await getName(this.selectedAddress.address) - if (!userName) { - parentEpml.request('showSnackBar', get("chatpage.cchange27")) - this.isLoading = false - this.isUploadingImage = false - this.imageFile = null - return - } + let message = "" + try { + const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + message = parsedMessageObj + + } catch (error) { + message = outSideMsg.editedMessageObj.decodedMessage + } + const messageObject = { + ...message, + isAttachmentDeleted: true + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (outSideMsg && outSideMsg.type === 'image') { + if (!this.imageFile.identifier) { + this.isUploadingImage = true + } + const userName = await getName(this.selectedAddress.address) + if (!userName) { + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + this.isLoading = false + this.isUploadingImage = false + this.imageFile = null + return + } - let service = "QCHAT_IMAGE" - let name = userName - let identifier - if(this.imageFile.identifier){ - identifier = this.imageFile.identifier - name = this.imageFile.name - service = this.imageFile.service - } else { - const arbitraryFeeData = await modalHelper.getArbitraryFee() - const res = await modalHelper.showModalAndWaitPublish( - { - feeAmount: arbitraryFeeData.feeToShow - } - ); - if (res.action !== 'accept') throw new Error('User declined publish') + let service = "QCHAT_IMAGE" + let name = userName + let identifier + if (this.imageFile.identifier) { + identifier = this.imageFile.identifier + name = this.imageFile.name + service = this.imageFile.service + } else { + const arbitraryFeeData = await modalHelper.getArbitraryFee() + const res = await modalHelper.showModalAndWaitPublish( + { + feeAmount: arbitraryFeeData.feeToShow + } + ) + if (res.action !== 'accept') throw new Error('User declined publish') - if (this.webWorkerFile) { - this.webWorkerFile.terminate() - this.webWorkerFile = null - } + if (this.webWorkerFile) { + this.webWorkerFile.terminate() + this.webWorkerFile = null + } - this.webWorkerFile = new WebWorkerFile() - const image = this.imageFile - const id = this.uid.rnd() - let groupPart - if(this.isReceipient){ - groupPart = `direct_${generateIdFromAddresses(this._chatId, this.selectedAddress.address)}` - } else { - groupPart = `group_${this._chatId}` - } - identifier = `qchat_${groupPart}_${id}` - let compressedFile = '' - await new Promise(resolve => { - new Compressor(image, { - quality: .6, - maxWidth: 1200, - mimeType: 'image/webp', - success(result) { - compressedFile = new File([result], "name", { + this.webWorkerFile = new WebWorkerFile() + const image = this.imageFile + const id = this.uid.rnd() + let groupPart + if (this.isReceipient) { + groupPart = `direct_${generateIdFromAddresses(this._chatId, this.selectedAddress.address)}` + } else { + groupPart = `group_${this._chatId}` + } + identifier = `qchat_${groupPart}_${id}` + let compressedFile = '' + await new Promise(resolve => { + new Compressor(image, { + quality: .6, + maxWidth: 1200, + mimeType: 'image/webp', + success(result) { + const file = new File([result], "name", { type: 'image/webp' }) - resolve() - }, - error() { - }, - }) - }) - const fileSize = compressedFile.size - if (fileSize > 500000) { - parentEpml.request('showSnackBar', get("chatpage.cchange26")) - this.isLoading = false - this.isUploadingImage = false - return - } + compressedFile = file + resolve() + }, + error() { + }, + }) + }) + const fileSize = compressedFile.size + if (fileSize > 500000) { + parentEpml.request('showSnackBar', get("chatpage.cchange26")) + this.isLoading = false + this.isUploadingImage = false + return + } - try { + try { - await publishData({ - registeredName: userName, - file: compressedFile, - service: 'QCHAT_IMAGE', - identifier: identifier, - parentEpml, - metaData: undefined, - uploadType: 'file', - selectedAddress: this.selectedAddress, - worker: this.webWorkerFile, - withFee: true, - feeAmount: arbitraryFeeData.fee - }) - this.isUploadingImage = false - this.removeImage() - } catch (error) { - this.isLoading = false - this.isUploadingImage = false - return - } + await publishData({ + registeredName: userName, + file: compressedFile, + service: 'QCHAT_IMAGE', + identifier: identifier, + parentEpml, + metaData: undefined, + uploadType: 'file', + selectedAddress: this.selectedAddress, + worker: this.webWorkerFile, + withFee: true, + feeAmount: arbitraryFeeData.fee + }) + this.isUploadingImage = false + this.removeImage() + } catch (error) { + this.isLoading = false + this.isUploadingImage = false + return + } - } + } - const messageObject = { - messageText: trimmedMessage, - images: [{ - service: service, - name: name, - identifier: identifier, - }], - isImageDeleted: false, - repliedTo: '', - version: 3 - } - const stringifyMessageObject = JSON.stringify(messageObject) - this.removeImage() - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (outSideMsg && outSideMsg.type === 'gif') { - const userName = await getName(this.selectedAddress.address) - if (!userName) { - parentEpml.request('showSnackBar', get("chatpage.cchange27")) - this.isLoading = false - return - } + const messageObject = { + messageText: trimmedMessage, + images: [{ + service: service, + name: name, + identifier: identifier, + }], + isImageDeleted: false, + repliedTo: '', + version: 3 + } + const stringifyMessageObject = JSON.stringify(messageObject) + this.removeImage() + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (outSideMsg && outSideMsg.type === 'gif') { + const userName = await getName(this.selectedAddress.address) + if (!userName) { + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + this.isLoading = false + return + } - const messageObject = { - messageText: '', - gifs: [{ - service: outSideMsg.service, - name: outSideMsg.name, - identifier: outSideMsg.identifier, - filePath: outSideMsg.filePath - }], - repliedTo: '', - version: 3 - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (outSideMsg && outSideMsg.type === 'attachment') { - this.isUploadingAttachment = true - const userName = await getName(this.selectedAddress.address) - if (!userName) { - parentEpml.request('showSnackBar', get("chatpage.cchange27")) - this.isLoading = false - return - } + const messageObject = { + messageText: '', + gifs: [{ + service: outSideMsg.service, + name: outSideMsg.name, + identifier: outSideMsg.identifier, + filePath: outSideMsg.filePath + }], + repliedTo: '', + version: 3 + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (outSideMsg && outSideMsg.type === 'attachment') { + this.isUploadingAttachment = true + const userName = await getName(this.selectedAddress.address) + if (!userName) { + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + this.isLoading = false + return + } - if (this.webWorkerFile) { - this.webWorkerFile.terminate() - this.webWorkerFile = null - } + if (this.webWorkerFile) { + this.webWorkerFile.terminate() + this.webWorkerFile = null + } - this.webWorkerFile = new WebWorkerFile() + this.webWorkerFile = new WebWorkerFile() - // const attachment = attachment - const id = this.uid() - const identifier = `qchat_${id}` - const fileSize = attachment.size - if (fileSize > 1000000) { - parentEpml.request('showSnackBar', get("chatpage.cchange77")) - this.isLoading = false - this.isUploadingAttachment = false - return - } - const arbitraryFeeData = await modalHelper.getArbitraryFee() - const res = await modalHelper.showModalAndWaitPublish( - { - feeAmount: arbitraryFeeData.feeToShow - } - ); - if (res.action !== 'accept') throw new Error('User declined publish') - try { - await publishData({ - registeredName: userName, - file: attachment, - service: 'QCHAT_ATTACHMENT', - identifier: identifier, - parentEpml, - metaData: undefined, - uploadType: 'file', - selectedAddress: this.selectedAddress, - worker: this.webWorkerFile, - withFee: true, - feeAmount: arbitraryFeeData.fee - }) - this.isUploadingAttachment = false - this.removeAttachment() - } catch (error) { - this.isLoading = false - this.isUploadingAttachment = false - return - } - const messageObject = { - messageText: trimmedMessage, - attachments: [{ - service: 'QCHAT_ATTACHMENT', - name: userName, - identifier: identifier, - attachmentName: attachment.name, - attachmentSize: attachment.size - }], - isAttachmentDeleted: false, - repliedTo: '', - version: 3 - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (outSideMsg && outSideMsg.type === 'reaction') { - const userName = await getName(this.selectedAddress.address) - typeMessage = 'edit' - let chatReference = outSideMsg.editedMessageObj.signature + // const attachment = attachment + const id = this.uid() + const identifier = `qchat_${id}` + const fileSize = attachment.size + if (fileSize > 1000000) { + parentEpml.request('showSnackBar', get("chatpage.cchange77")) + this.isLoading = false + this.isUploadingAttachment = false + return + } + const arbitraryFeeData = await modalHelper.getArbitraryFee() + const res = await modalHelper.showModalAndWaitPublish( + { + feeAmount: arbitraryFeeData.feeToShow + } + ) + if (res.action !== 'accept') throw new Error('User declined publish') + try { + await publishData({ + registeredName: userName, + file: attachment, + service: 'QCHAT_ATTACHMENT', + identifier: identifier, + parentEpml, + metaData: undefined, + uploadType: 'file', + selectedAddress: this.selectedAddress, + worker: this.webWorkerFile, + withFee: true, + feeAmount: arbitraryFeeData.fee + }) + this.isUploadingAttachment = false + this.removeAttachment() + } catch (error) { + this.isLoading = false + this.isUploadingAttachment = false + return + } + const messageObject = { + messageText: trimmedMessage, + attachments: [{ + service: 'QCHAT_ATTACHMENT', + name: userName, + identifier: identifier, + attachmentName: attachment.name, + attachmentSize: attachment.size + }], + isAttachmentDeleted: false, + repliedTo: '', + version: 3 + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (outSideMsg && outSideMsg.type === 'reaction') { + const userName = await getName(this.selectedAddress.address) + typeMessage = 'edit' + let chatReference = outSideMsg.editedMessageObj.signature - if (outSideMsg.editedMessageObj.chatReference) { - chatReference = outSideMsg.editedMessageObj.chatReference - } + if (outSideMsg.editedMessageObj.chatReference) { + chatReference = outSideMsg.editedMessageObj.chatReference + } - let message = "" + let message = "" - try { - message = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) - } catch (error) { - message = outSideMsg.editedMessageObj.decodedMessage - } + try { + const parsedMessageObj = JSON.parse(outSideMsg.editedMessageObj.decodedMessage) + message = parsedMessageObj + } catch (error) { + message = outSideMsg.editedMessageObj.decodedMessage + } - let reactions = message.reactions || [] - const findEmojiIndex = reactions.findIndex((reaction) => reaction.type === outSideMsg.reaction) - if (findEmojiIndex !== -1) { - let users = reactions[findEmojiIndex].users || [] - const findUserIndex = users.findIndex((user) => user.address === this.selectedAddress.address) - if (findUserIndex !== -1) { - users.splice(findUserIndex, 1) - } else { - users.push({ - address: this.selectedAddress.address, - name: userName - }) - } - reactions[findEmojiIndex] = { - ...reactions[findEmojiIndex], - qty: users.length, - users - } - if (users.length === 0) { - reactions.splice(findEmojiIndex, 1) - } - } else { - reactions = [...reactions, { - type: outSideMsg.reaction, - qty: 1, - users: [{ - address: this.selectedAddress.address, - name: userName - }] - }] - } - const messageObject = { - ...message, - reactions - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (/^\s*$/.test(trimmedMessage)) { - this.isLoading = false - } else if (this.repliedToMessageObj) { - let chatReference = this.repliedToMessageObj.signature - if (this.repliedToMessageObj.chatReference) { - chatReference = this.repliedToMessageObj.chatReference - } - typeMessage = 'reply' - const messageObject = { - messageText: trimmedMessage, - images: [''], - repliedTo: chatReference, - version: 3 - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else if (this.editedMessageObj) { - typeMessage = 'edit' - let chatReference = this.editedMessageObj.signature + let reactions = message.reactions || [] + const findEmojiIndex = reactions.findIndex((reaction) => reaction.type === outSideMsg.reaction) + if (findEmojiIndex !== -1) { + let users = reactions[findEmojiIndex].users || [] + const findUserIndex = users.findIndex((user) => user.address === this.selectedAddress.address) + if (findUserIndex !== -1) { + users.splice(findUserIndex, 1) + } else { + users.push({ + address: this.selectedAddress.address, + name: userName + }) + } + reactions[findEmojiIndex] = { + ...reactions[findEmojiIndex], + qty: users.length, + users + } + if (users.length === 0) { + reactions.splice(findEmojiIndex, 1) + } + } else { + reactions = [...reactions, { + type: outSideMsg.reaction, + qty: 1, + users: [{ + address: this.selectedAddress.address, + name: userName + }] + }] + } + const messageObject = { + ...message, + reactions + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (/^\s*$/.test(trimmedMessage)) { + this.isLoading = false + } else if (this.repliedToMessageObj) { + let chatReference = this.repliedToMessageObj.signature + if (this.repliedToMessageObj.chatReference) { + chatReference = this.repliedToMessageObj.chatReference + } + typeMessage = 'reply' + const messageObject = { + messageText: trimmedMessage, + images: [''], + repliedTo: chatReference, + version: 3 + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else if (this.editedMessageObj) { + typeMessage = 'edit' + let chatReference = this.editedMessageObj.signature - if (this.editedMessageObj.chatReference) { - chatReference = this.editedMessageObj.chatReference - } + if (this.editedMessageObj.chatReference) { + chatReference = this.editedMessageObj.chatReference + } - let message = "" - try { - message = JSON.parse(this.editedMessageObj.decodedMessage) + let message = "" + try { + const parsedMessageObj = JSON.parse(this.editedMessageObj.decodedMessage) + message = parsedMessageObj - } catch (error) { - message = this.editedMessageObj.decodedMessage - } - const messageObject = { - ...message, - messageText: trimmedMessage, - isEdited: true - } - const stringifyMessageObject = JSON.stringify(messageObject) - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } else { - const messageObject = { - messageText: trimmedMessage, - images: [''], - repliedTo: '', - version: 3 - } - const stringifyMessageObject = JSON.stringify(messageObject) + } catch (error) { + message = this.editedMessageObj.decodedMessage + } + const messageObject = { + ...message, + messageText: trimmedMessage, + isEdited: true + } + const stringifyMessageObject = JSON.stringify(messageObject) + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } else { + const messageObject = { + messageText: trimmedMessage, + images: [''], + repliedTo: '', + version: 3 + } + const stringifyMessageObject = JSON.stringify(messageObject) - if (this.balance < 4) { - this.myMessageUnder4Qort = null - this.myMessageUnder4Qort = {messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue} - this.shadowRoot.getElementById('confirmDialog').open() - } else { - return this.sendMessage({messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue}) - } - } - } catch (error) { - this.isLoading = false - this.isUploadingImage = false + if (this.balance < 4) { + this.myMessageUnder4Qort = null + this.myMessageUnder4Qort = { messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue } + this.shadowRoot.getElementById('confirmDialog').open() + } else { + return this.sendMessage({ messageText: stringifyMessageObject, typeMessage, chatReference: undefined, isForward: false, isReceipient, _chatId, _publicKey, messageQueue }) + } + } + } catch (error) { + this.isLoading = false + this.isUploadingImage = false + return + } - } + } - } + async sendMessage({ messageText, typeMessage, chatReference, isForward, isReceipient, _chatId, _publicKey, messageQueue }) { + if (messageQueue) { + this.addToQueue({ messageText, typeMessage, chatReference, isForward, isReceipient, _chatId, _publicKey }, messageQueue) + this.resetChatEditor() + this.closeEditMessageContainer() + this.closeRepliedToContainer() + return + } + if (isForward) { + this.isLoading = true + } - async sendMessage({messageText, typeMessage, chatReference, isForward,isReceipient, _chatId, _publicKey, messageQueue}) { + let _reference = new Uint8Array(64) + window.crypto.getRandomValues(_reference) + let reference = window.parent.Base58.encode(_reference) + const sendMessageRequest = async () => { + if (isReceipient === true) { + let chatResponse = await parentEpml.request('chat', { + type: 18, + nonce: this.selectedAddress.nonce, + params: { + timestamp: Date.now(), + recipient: _chatId, + recipientPublicKey: _publicKey.key, + hasChatReference: typeMessage === 'edit' ? 1 : 0, + chatReference: chatReference, + message: messageText, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: 1, + isText: 1 + } + }) + return _computePow(chatResponse) + } else { + let groupResponse = await parentEpml.request('chat', { + type: 181, + nonce: this.selectedAddress.nonce, + params: { + timestamp: Date.now(), + groupID: Number(_chatId), + hasReceipient: 0, + hasChatReference: typeMessage === 'edit' ? 1 : 0, + chatReference: chatReference, + message: messageText, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: 0, // Set default to not encrypted for groups + isText: 1 + } + }) + return _computePow(groupResponse) + } + } - if(messageQueue){ - this.addToQueue({messageText, typeMessage, chatReference, isForward, isReceipient, _chatId, _publicKey}, messageQueue); - this.resetChatEditor() - this.closeEditMessageContainer() - this.closeRepliedToContainer() - return - } - if(isForward){ - this.isLoading = true - } + const sendForwardRequest = async () => { + const userInput = this.shadowRoot.getElementById("sendTo").value.trim() + if (!userInput && !this.forwardActiveChatHeadUrl.url) { + let err4string = get("chatpage.cchange65") + getSendChatResponse(false, true, err4string) + return + } - let _reference = new Uint8Array(64) - window.crypto.getRandomValues(_reference) - let reference = window.parent.Base58.encode(_reference) - const sendMessageRequest = async () => { - if (isReceipient === true) { - let chatResponse = await parentEpml.request('chat', { - type: 18, - nonce: this.selectedAddress.nonce, - params: { - timestamp: Date.now(), - recipient: _chatId, - recipientPublicKey: _publicKey.key, - hasChatReference: typeMessage === 'edit' ? 1 : 0, - chatReference: chatReference, - message: messageText, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: 1, - isText: 1 - } - }) - return _computePow(chatResponse) - } else { - let groupResponse = await parentEpml.request('chat', { - type: 181, - nonce: this.selectedAddress.nonce, - params: { - timestamp: Date.now(), - groupID: Number(_chatId), - hasReceipient: 0, - hasChatReference: typeMessage === 'edit' ? 1 : 0, - chatReference: chatReference, - message: messageText, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: 0, // Set default to not encrypted for groups - isText: 1 - } - }) - return _computePow(groupResponse) - } - } + let publicKey = { + hasPubKey: false, + key: '' + } - const sendForwardRequest = async () => { - const userInput = this.shadowRoot.getElementById("sendTo").value.trim() - if (!userInput && !this.forwardActiveChatHeadUrl.url) { - let err4string = get("chatpage.cchange65") - getSendChatResponse(false, true, err4string) - return - } + if (this.forwardActiveChatHeadUrl.url) { + const activeChatHeadAddress = this.forwardActiveChatHeadUrl.url.split('/')[1] + try { + const res = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${activeChatHeadAddress}` + }) - let publicKey = { - hasPubKey: false, - key: '' - } + if (res.error === 102) { + publicKey.key = '' + publicKey.hasPubKey = false + } else if (res !== false) { + publicKey.key = res + publicKey.hasPubKey = true + } else { + publicKey.key = '' + publicKey.hasPubKey = false + } + } catch (error) { /* empty */ } + } - if (this.forwardActiveChatHeadUrl.url) { - const activeChatHeadAddress = this.forwardActiveChatHeadUrl.url.split('/')[1] - try { - const res = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${activeChatHeadAddress}` - }) + if (!this.forwardActiveChatHeadUrl.selected && this.shadowRoot.getElementById("sendTo").value !== "") { + try { + let userPubkey = "" + const validatedAddress = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/validate/${userInput}` + }) - if (res.error === 102) { - publicKey.key = '' - publicKey.hasPubKey = false - } else if (res !== false) { - publicKey.key = res - publicKey.hasPubKey = true - } else { - publicKey.key = '' - publicKey.hasPubKey = false - } - } catch (error) { /* empty */ } - } + const validatedUsername = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${userInput}` + }) - if (!this.forwardActiveChatHeadUrl.selected && this.shadowRoot.getElementById("sendTo").value !== "") { - try { - let userPubkey = "" - const validatedAddress = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/validate/${userInput}` - }) + if (validatedAddress && validatedUsername.name) { + userPubkey = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${validatedUsername.owner}` + }) + this.forwardActiveChatHeadUrl = { + ...this.forwardActiveChatHeadUrl, + url: `direct/${validatedUsername.owner}`, + name: validatedUsername.name, + selected: true + } + } else + if (!validatedAddress && (validatedUsername && !validatedUsername.error)) { + userPubkey = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${validatedUsername.owner}` + }) - const validatedUsername = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${userInput}` - }) + this.forwardActiveChatHeadUrl = { + ...this.forwardActiveChatHeadUrl, + url: `direct/${validatedUsername.owner}`, + name: validatedUsername.name, + selected: true + } + } else if (validatedAddress && !validatedUsername.name) { + userPubkey = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${userInput}` + }) - if (validatedAddress && validatedUsername.name) { - userPubkey = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${validatedUsername.owner}` - }) - this.forwardActiveChatHeadUrl = { - ...this.forwardActiveChatHeadUrl, - url: `direct/${validatedUsername.owner}`, - name: validatedUsername.name, - selected: true - } - } else - if (!validatedAddress && (validatedUsername && !validatedUsername.error)) { - userPubkey = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${validatedUsername.owner}` - }) + this.forwardActiveChatHeadUrl = { + ...this.forwardActiveChatHeadUrl, + url: `direct/${userInput}`, + name: "", + selected: true + } + } else if (!validatedAddress && !validatedUsername.name) { + let err4string = get("chatpage.cchange62") + getSendChatResponse(false, true, err4string) + return + } - this.forwardActiveChatHeadUrl = { - ...this.forwardActiveChatHeadUrl, - url: `direct/${validatedUsername.owner}`, - name: validatedUsername.name, - selected: true - } - } else if (validatedAddress && !validatedUsername.name) { - userPubkey = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${userInput}` - }) + if (userPubkey.error === 102) { + publicKey.key = '' + publicKey.hasPubKey = false + } else if (userPubkey !== false) { + publicKey.key = userPubkey + publicKey.hasPubKey = true + } else { + publicKey.key = '' + publicKey.hasPubKey = false + } + } catch (error) { /* empty */ } + } - this.forwardActiveChatHeadUrl = { - ...this.forwardActiveChatHeadUrl, - url: `direct/${userInput}`, - name: "", - selected: true - } - } else if (!validatedAddress && !validatedUsername.name) { - let err4string = get("chatpage.cchange62") - getSendChatResponse(false, true, err4string) - return - } + const isRecipient = this.forwardActiveChatHeadUrl.url.includes('direct') === true ? true : false - if (userPubkey.error === 102) { - publicKey.key = '' - publicKey.hasPubKey = false - } else if (userPubkey !== false) { - publicKey.key = userPubkey - publicKey.hasPubKey = true - } else { - publicKey.key = '' - publicKey.hasPubKey = false - } - } catch (error) { /* empty */ } - } + const recipientAddress = this.forwardActiveChatHeadUrl.url.split('/')[1] + this.openForwardOpen = false + if (isRecipient === true) { + if (!publicKey.hasPubKey) { + let err4string = get("chatpage.cchange39") + parentEpml.request('showSnackBar', `${err4string}`) + getSendChatResponse(false) + return + } + let chatResponse = await parentEpml.request('chat', { + type: 18, + nonce: this.selectedAddress.nonce, + params: { + timestamp: Date.now(), + recipient: recipientAddress, + recipientPublicKey: publicKey.key, + hasChatReference: 0, + chatReference: "", + message: messageText, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: 1, + isText: 1 + } + }) + _computePow(chatResponse, true) + } else { + let groupResponse = await parentEpml.request('chat', { + type: 181, + nonce: this.selectedAddress.nonce, + params: { + timestamp: Date.now(), + groupID: Number(recipientAddress), + hasReceipient: 0, + hasChatReference: 0, + chatReference: chatReference, + message: messageText, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: 0, // Set default to not encrypted for groups + isText: 1 + } + }) + _computePow(groupResponse, true) + } + } - const isRecipient = this.forwardActiveChatHeadUrl.url.includes('direct') === true + const _computePow = async (chatBytes, isForward) => { + const difficulty = this.balance < 4 ? 18 : 8 + const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' - const recipientAddress = this.forwardActiveChatHeadUrl.url.split('/')[1] - this.openForwardOpen = false - if (isRecipient === true) { - if (!publicKey.hasPubKey) { - let err4string = get("chatpage.cchange39") - parentEpml.request('showSnackBar', `${err4string}`) - getSendChatResponse(false) - return - } - let chatResponse = await parentEpml.request('chat', { - type: 18, - nonce: this.selectedAddress.nonce, - params: { - timestamp: Date.now(), - recipient: recipientAddress, - recipientPublicKey: publicKey.key, - hasChatReference: 0, - chatReference: "", - message: messageText, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: 1, - isText: 1 - } - }) - await _computePow(chatResponse, true) - } else { - let groupResponse = await parentEpml.request('chat', { - type: 181, - nonce: this.selectedAddress.nonce, - params: { - timestamp: Date.now(), - groupID: Number(recipientAddress), - hasReceipient: 0, - hasChatReference: 0, - chatReference: chatReference, - message: messageText, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: 0, // Set default to not encrypted for groups - isText: 1 - } - }) - await _computePow(groupResponse, true) - } - } + let worker - const _computePow = async (chatBytes, isForward) => { - const difficulty = this.balance < 4 ? 18 : 8 - const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' + if (this.webWorker) { + worker = this.webWorker + } else { + this.webWorker = new WebWorker() + } - let worker + let nonce = null - if (this.webWorker) { - worker = this.webWorker - } else { - this.webWorker = new WebWorker() - } + let chatBytesArray = null - let nonce = null + await new Promise((res) => { + worker.postMessage({ chatBytes, path, difficulty }) + worker.onmessage = e => { + chatBytesArray = e.data.chatBytesArray + nonce = e.data.nonce + res() + } + }) - let chatBytesArray = null + let _response = await parentEpml.request('sign_chat', { + nonce: this.selectedAddress.nonce, + chatBytesArray: chatBytesArray, + chatNonce: nonce + }) - await new Promise((res) => { - worker.postMessage({ chatBytes, path, difficulty }) - worker.onmessage = e => { - chatBytesArray = e.data.chatBytesArray - nonce = e.data.nonce - res() - } - }) + getSendChatResponse(_response, isForward) + return _response + } - let _response = await parentEpml.request('sign_chat', { - nonce: this.selectedAddress.nonce, - chatBytesArray: chatBytesArray, - chatNonce: nonce - }) + const getSendChatResponse = (response, isForward) => { + if (response === true) { + if (isForward) { + let successString = get("blockpage.bcchange15") + parentEpml.request('showSnackBar', `${successString}`) + this.resetChatEditor() + this.closeEditMessageContainer() + this.closeRepliedToContainer() + this.openForwardOpen = false + this.forwardActiveChatHeadUrl = { + url: "", + name: "", + selected: false + } + this.isLoading = false + } + } else if (response.error) { + // parentEpml.request('showSnackBar', response.message) + } else { + // let err2string = get("chatpage.cchange21") + // parentEpml.request('showSnackBar', `${customErrorMessage || err2string}`) + } + if (isForward && response !== true) { + this.isLoading = false + return + } + this.isLoading = false - getSendChatResponse(_response, isForward) - return _response - } + } - const getSendChatResponse = (response, isForward) => { - if (response === true) { - // this.resetChatEditor() - if (isForward) { - let successString = get("blockpage.bcchange15") - parentEpml.request('showSnackBar', `${successString}`) - this.resetChatEditor() - this.closeEditMessageContainer() - this.closeRepliedToContainer() - this.openForwardOpen = false - this.forwardActiveChatHeadUrl = { - url: "", - name: "", - selected: false - } - this.isLoading = false - } + if (isForward) { + sendForwardRequest() + return + } + return sendMessageRequest() + } - // this.closeEditMessageContainer() - // this.closeRepliedToContainer() - // this.openForwardOpen = false - // this.forwardActiveChatHeadUrl = { - // url: "", - // name: "", - // selected: false - // } - } else if (response.error) { - // parentEpml.request('showSnackBar', response.message) - } else { - // let err2string = get("chatpage.cchange21") - // parentEpml.request('showSnackBar', `${customErrorMessage || err2string}`) - } - if (isForward && response !== true) { - this.isLoading = false - return - } - this.isLoading = false + /** + * Method to set if the user's location is down in the chat + * @param { Boolean } isDown + */ + setIsUserDown(isDown) { + this.isUserDown = isDown + } - } + _downObserverhandler(entries) { + if (entries[0].isIntersecting) { - if (isForward) { - await sendForwardRequest() - return - } - return sendMessageRequest() - } + this.setIsUserDown(true) + this.hideNewMessageBar() + } else { - /** - * Method to set if the user's location is down in the chat - * @param { Boolean } isDown - */ - setIsUserDown(isDown) { - this.isUserDown = isDown - } + this.setIsUserDown(false) + } + } - _downObserverhandler(entries) { - if (entries[0].isIntersecting) { + downElementObserver() { + const chatscrollerEl = this.shadowRoot.querySelector('chat-scroller') + if (!chatscrollerEl) return + const downObserver = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('downObserver') - this.setIsUserDown(true) - this.hideNewMessageBar() - } else { + const options = { + root: this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'), + rootMargin: '100px', + threshold: 1 + } + const observer = new IntersectionObserver(this._downObserverhandler, options) + observer.observe(downObserver) + } - this.setIsUserDown(false) - } - } + pasteToTextBox(textarea) { + // Return focus to the window + window.focus() - downElementObserver() { - const chatscrollerEl = this.shadowRoot.querySelector('chat-scroller') - if(!chatscrollerEl) return - const downObserver = this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('downObserver') + navigator.clipboard.readText().then(clipboardText => { + textarea.value += clipboardText + textarea.focus() + }) + } - const options = { - root: this.shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement'), - rootMargin: '100px', - threshold: 1 - } - const observer = new IntersectionObserver(this._downObserverhandler, options) - observer.observe(downObserver) - } + pasteMenu(event) { + let eventObject = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY } + parentEpml.request('openFramePasteMenu', eventObject) + } - pasteToTextBox(textarea) { - // Return focus to the window - window.focus() + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - navigator.clipboard.readText().then(clipboardText => { - textarea.value += clipboardText - textarea.focus() - }) - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - pasteMenu(event) { - let eventObject = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY } - parentEpml.request('openFramePasteMenu', eventObject) - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('chat-page', ChatPage) diff --git a/plugins/plugins/core/components/ChatRightPanel.js b/plugins/plugins/core/components/ChatRightPanel.js index d3b892ac..03f6fca8 100644 --- a/plugins/plugins/core/components/ChatRightPanel.js +++ b/plugins/plugins/core/components/ChatRightPanel.js @@ -1,17 +1,15 @@ -import {css, html, LitElement} from "lit"; -import {Epml} from "../../../epml"; -import {getUserNameFromAddress} from "../../utils/getUserNameFromAddress"; -import "@material/mwc-button"; -import "@material/mwc-dialog"; -import "@polymer/paper-spinner/paper-spinner-lite.js"; -import '@polymer/paper-progress/paper-progress.js'; -import "@material/mwc-icon"; -import '@vaadin/button'; -import "./WrapperModal"; -import "./TipUser" -import "./UserInfo/UserInfo"; - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) +import { html, LitElement } from 'lit' +import { getUserNameFromAddress } from '../../utils/functions' +import { chatRightPanelStyles } from './plugins-css' +import './WrapperModal' +import './TipUser' +import './UserInfo' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@polymer/paper-progress/paper-progress.js' +import '@vaadin/button' class ChatRightPanel extends LitElement { static get properties() { @@ -22,279 +20,177 @@ class ChatRightPanel extends LitElement { groupAdmin: { attribute: false }, groupMembers: { attribute: false }, selectedHead: { type: Object }, - toggle: { attribute: false }, - getMoreMembers:{ attribute: false }, - setOpenPrivateMessage: { attribute: false }, - userName: { type: String }, - walletBalance: { type: Number }, - sendMoneyLoading: { type: Boolean }, - btnDisable: { type: Boolean }, - errorMessage: { type: String }, - successMessage: { type: String }, - setOpenTipUser: { attribute: false }, - setOpenUserInfo: { attribute: false }, - setUserName: { attribute: false }, + toggle: { attribute: false }, + getMoreMembers: { attribute: false }, + setOpenPrivateMessage: { attribute: false }, + userName: { type: String }, + walletBalance: { type: Number }, + sendMoneyLoading: { type: Boolean }, + btnDisable: { type: Boolean }, + errorMessage: { type: String }, + successMessage: { type: String }, + setOpenTipUser: { attribute: false }, + setOpenUserInfo: { attribute: false }, + setUserName: { attribute: false } } } + static get styles() { + return [chatRightPanelStyles] + } + constructor() { super() this.leaveGroupObj = {} - this.leaveFee = 0.001 + this.leaveFee = 0.01 this.error = false this.chatHeads = [] this.groupAdmin = [] this.groupMembers = [] - this.observerHandler = this.observerHandler.bind(this) - this.viewElement = '' - this.downObserverElement = '' - this.myAddress = window.parent.reduxStore.getState().app.selectedAddress.address - this.sendMoneyLoading = false - this.btnDisable = false - this.errorMessage = "" - this.successMessage = "" + this.observerHandler = this.observerHandler.bind(this) + this.viewElement = '' + this.downObserverElement = '' + this.myAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.sendMoneyLoading = false + this.btnDisable = false + this.errorMessage = '' + this.successMessage = '' } - static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: 0.2s all; - } - - .top-bar-icon:hover { - color: var(--black); - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .close-row { - width: 100%; - display: flex; - justify-content: flex-end; - height: 50px; - flex:0 - - } - - .container-body { - width: 100%; - display: flex; - flex-direction: column; - flex-grow: 1; - overflow:auto; - margin-top: 5px; - padding: 0px 6px; - box-sizing: border-box; - } - - .container-body::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .container-body::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .container-body::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .container-body::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - p { - color: var(--black); - margin: 0px; - padding: 0px; - word-break: break-all; - } - - .container { - display: flex; - width: 100%; - flex-direction: column; - height: 100%; - } - - .chat-right-panel-label { - font-family: Montserrat, sans-serif; - color: var(--group-header); - padding: 5px; - font-size: 13px; - user-select: none; - } - - .group-info { - display: flex; - flex-direction: column; - justify-content: flex-start; - gap: 10px; - } - - .group-name { - font-family: Raleway, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - text-align: center; - user-select: none; - } - - .group-description { - font-family: Roboto, sans-serif; - color: var(--chat-bubble-msg-color); - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - margin-top: 15px; - word-break: break-word; - user-select: none; - } - - .group-subheader { - font-family: Montserrat, sans-serif; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - - .group-data { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - ` - } + render() { + const owner = this.groupAdmin.filter((admin) => admin.address === this.leaveGroupObj.owner) + return html` +
    +
    + this.toggle(false)} style="margin: 0px 10px" icon="vaadin:close" slot="icon"> +
    +
    +

    ${this.leaveGroupObj && this.leaveGroupObj.groupName}

    +
    +

    ${this.leaveGroupObj && this.leaveGroupObj.description}

    +

    Members: ${this.leaveGroupObj && this.leaveGroupObj.memberCount}

    +

    Date created : ${new Date(this.leaveGroupObj.created).toLocaleDateString("en-US")}

    +
    +
    +

    GROUP OWNER

    + ${owner.map((item) => { + return html` + { + if (val.address === this.myAddress) return; + this.selectedHead = val; + this.setOpenUserInfo(true); + this.setUserName({ + sender: val.address, + senderName: val.name ? val.name : "" + }); + }} + chatInfo=${JSON.stringify(item)} + > + + ` + })} +

    ADMINS

    + ${this.groupAdmin.map((item) => { + return html` + { + if (val.address === this.myAddress) return; + this.selectedHead = val; + this.setOpenUserInfo(true); + this.setUserName({ + sender: val.address, + senderName: val.name ? val.name : "" + }); + }} + chatInfo=${JSON.stringify(item)} + > + + ` + })} +

    MEMBERS

    + ${this.groupMembers.map((item) => { + return html` + { + if (val.address === this.myAddress) return; + this.selectedHead = val; + this.setOpenUserInfo(true); + this.setUserName({ + sender: val.address, + senderName: val.name ? val.name : "" + }); + }} + chatInfo=${JSON.stringify(item)} + > + + ` + })} +
    +
    +
    + ` + } firstUpdated() { - this.viewElement = this.shadowRoot.getElementById('viewElement'); - this.downObserverElement = this.shadowRoot.getElementById('downObserver'); - this.elementObserver(); - } + this.viewElement = this.shadowRoot.getElementById('viewElement') + this.downObserverElement = this.shadowRoot.getElementById('downObserver') + this.elementObserver() + } - async updated(changedProperties) { - if (changedProperties && changedProperties.has('selectedHead')) { - if (this.selectedHead !== {}) { - this.userName = await getUserNameFromAddress(this.selectedHead.address); - } - } - } + async updated(changedProperties) { + if (changedProperties && changedProperties.has('selectedHead')) { + if (this.selectedHead !== {}) { + this.userName = await getUserNameFromAddress(this.selectedHead.address) + } + } + } - elementObserver() { - const options = { - root: this.viewElement, - rootMargin: '0px', - threshold: 1 - } - // identify an element to observe - const elementToObserve = this.downObserverElement; - // passing it a callback function - const observer = new IntersectionObserver(this.observerHandler, options); - // call `observe()` on that MutationObserver instance, - // passing it the element to observe, and the options object - observer.observe(elementToObserve); - } + elementObserver() { + const options = { + root: this.viewElement, + rootMargin: '0px', + threshold: 1 + } - observerHandler(entries) { - if (!entries[0].isIntersecting) { + // identify an element to observe + const elementToObserve = this.downObserverElement - } else { - if(this.groupMembers.length < 20){ - return - } - this.getMoreMembers(this.leaveGroupObj.groupId) - } - } + // passing it a callback function + const observer = new IntersectionObserver(this.observerHandler, options) - render() { - const owner = this.groupAdmin.filter((admin)=> admin.address === this.leaveGroupObj.owner) - return html` -
    -
    - this.toggle(false)} style="margin: 0px 10px" icon="vaadin:close" slot="icon"> -
    -
    -

    ${this.leaveGroupObj && this.leaveGroupObj.groupName}

    -
    -

    ${this.leaveGroupObj && this.leaveGroupObj.description}

    -

    Members: ${this.leaveGroupObj && this.leaveGroupObj.memberCount}

    + // call `observe()` on that MutationObserver instance, + // passing it the element to observe, and the options object + observer.observe(elementToObserve) + } -

    Date created : ${new Date(this.leaveGroupObj.created).toLocaleDateString("en-US")}

    -
    -
    -

    GROUP OWNER

    - ${owner.map((item) => { - return html` { - if (val.address === this.myAddress) return; - this.selectedHead = val; - this.setOpenUserInfo(true); - this.setUserName({ - sender: val.address, - senderName: val.name ? val.name : "" - }); - }} - chatInfo=${JSON.stringify(item)} - >` - })} -

    ADMINS

    - ${this.groupAdmin.map((item) => { - return html` { - if (val.address === this.myAddress) return; - this.selectedHead = val; - this.setOpenUserInfo(true); - this.setUserName({ - sender: val.address, - senderName: val.name ? val.name : "" - }); - }} - chatInfo=${JSON.stringify(item)} - >` - })} -

    MEMBERS

    - ${this.groupMembers.map((item) => { - return html` { - if (val.address === this.myAddress) return; - this.selectedHead = val; - this.setOpenUserInfo(true); - this.setUserName({ - sender: val.address, - senderName: val.name ? val.name : "" - }); - }} - chatInfo=${JSON.stringify(item)} - >` - })} -
    -
    -
    -
    - ` + observerHandler(entries) { + if (!entries[0].isIntersecting) { + } else { + if (this.groupMembers.length < 20) { + return + } + this.getMoreMembers(this.leaveGroupObj.groupId) + } + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define("chat-right-panel", ChatRightPanel) +window.customElements.define("chat-right-panel", ChatRightPanel) diff --git a/plugins/plugins/core/components/ChatRightPanelResources.js b/plugins/plugins/core/components/ChatRightPanelResources.js index 26b0008b..ed66076a 100644 --- a/plugins/plugins/core/components/ChatRightPanelResources.js +++ b/plugins/plugins/core/components/ChatRightPanelResources.js @@ -1,20 +1,23 @@ -import {css, html, LitElement} from 'lit'; -import {Epml} from '../../../epml'; -import '@material/mwc-button'; -import '@material/mwc-dialog'; -import '@polymer/paper-spinner/paper-spinner-lite.js'; -import '@polymer/paper-progress/paper-progress.js'; -import '@material/mwc-icon'; -import '@vaadin/button'; -import './WrapperModal'; -import './TipUser'; -import './UserInfo/UserInfo'; -import './ChatImage'; -import './ReusableImage'; -import {get, translate,} from '../../../../core/translate' -import {generateIdFromAddresses} from '../../utils/id-generation'; +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { generateIdFromAddresses } from '../../utils/functions' +import { chatRightPanelResourcesStyles, imageParentStyles } from './plugins-css' +import './WrapperModal' +import './TipUser' +import './UserInfo' +import './ChatImage' +import './ReusableImage' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@polymer/paper-progress/paper-progress.js' +import '@vaadin/button' -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); +// Multi language support +import { get, translate } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatRightPanelResources extends LitElement { static get properties() { @@ -42,244 +45,112 @@ class ChatRightPanelResources extends LitElement { isReceipient: { type: Boolean }, images: { type: Array }, viewImage: { type: Boolean }, - autoView: {type: Boolean}, - onlyMyImages: {type: Boolean}, - repost: {attribute: false} - }; - } - - constructor() { - super(); - this.leaveGroupObj = {}; - this.leaveFee = 0.001; - this.error = false; - this.chatHeads = []; - this.groupAdmin = []; - this.groupMembers = []; - this.observerHandler = this.observerHandler.bind(this); - this.getMoreImages = this.getMoreImages.bind(this); - this.viewElement = ''; - this.downObserverElement = ''; - - this.sendMoneyLoading = false; - this.btnDisable = false; - this.errorMessage = ''; - this.successMessage = ''; - - this.images = []; - this.viewImage = false; - this.myName = - window.parent.reduxStore.getState().app.accountInfo.names[0].name; - this.myAddress = - window.parent.reduxStore.getState().app.selectedAddress.address; - this.autoView =false - this.onlyMyImages = true + autoView: { type: Boolean }, + onlyMyImages: { type: Boolean }, + repost: { attribute: false } + } } static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: 0.2s all; - } + return [chatRightPanelResourcesStyles] + } - .top-bar-icon:hover { - color: var(--black); - } + constructor() { + super() + this.leaveGroupObj = {} + this.leaveFee = 0.01 + this.error = false + this.chatHeads = [] + this.groupAdmin = [] + this.groupMembers = [] + this.observerHandler = this.observerHandler.bind(this) + this.getMoreImages = this.getMoreImages.bind(this) + this.viewElement = '' + this.downObserverElement = '' + this.sendMoneyLoading = false + this.btnDisable = false + this.errorMessage = '' + this.successMessage = '' + this.images = [] + this.viewImage = false + this.myName = window.parent.reduxStore.getState().app.accountInfo.names[0].name + this.myAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.autoView = false + this.onlyMyImages = true + } - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } + render() { + return html` +
    +
    + {this.getMoreImages(true);}} style="color: var(--black); cursor:pointer;">refresh + this.toggle(false)} style="margin: 0px 10px" icon="vaadin:close" slot="icon"> +
    +
    + + this.selectAuto(e)} ?checked=${this.autoView}> +
    +
    + + this.selectMyImages(e)} ?checked=${this.onlyMyImages}> +
    +
    + ${this.images.map((image) => { + return html` + + ` + })} +
    +
    +
    + ` + } - .close-row { - width: 100%; - display: flex; - justify-content: flex-end; - height: 50px; - flex: 0; - align-items: center; - } - - .container-body { - width: 100%; - display: flex; - flex-direction: column; - flex-grow: 1; - overflow: auto; - margin-top: 5px; - padding: 0px 6px; - box-sizing: border-box; - } - - .container-body::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .container-body::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .container-body::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .container-body::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - p { - color: var(--black); - margin: 0px; - padding: 0px; - word-break: break-all; - } - - .container { - display: flex; - width: 100%; - flex-direction: column; - height: 100%; - } - - .chat-right-panel-label { - font-family: Montserrat, sans-serif; - color: var(--group-header); - padding: 5px; - font-size: 13px; - user-select: none; - } - - .group-info { - display: flex; - flex-direction: column; - justify-content: flex-start; - gap: 10px; - } - - .group-name { - font-family: Raleway, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - text-align: center; - user-select: none; - } - - .group-description { - font-family: Roboto, sans-serif; - color: var(--chat-bubble-msg-color); - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - margin-top: 15px; - word-break: break-word; - user-select: none; - } - - .group-subheader { - font-family: Montserrat, sans-serif; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - - .group-data { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - .message-myBg { - background-color: var(--chat-bubble-myBg) !important; - margin-bottom: 15px; - border-radius: 5px; - padding: 5px; - } - .message-data-name { - user-select: none; - color: #03a9f4; - margin-bottom: 5px; - } - .message-user-info { - display: flex; - justify-content: space-between; - width: 100%; - gap: 10px; - } - - .hideImg { - visibility: hidden; - } - .checkbox-row { - position: relative; - display: flex; - align-items: center; - align-content: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - padding-left: 5px; - } - `; + firstUpdated() { + this.viewElement = this.shadowRoot.getElementById('viewElement') + this.downObserverElement = this.shadowRoot.getElementById('downObserver') + this.elementObserver() } async getMoreImages(reset) { try { - if(reset){ - this.images = [] - } - const groupPart = this.isReceipient - ? `direct_${generateIdFromAddresses(this._chatId, this.myAddress)}` - : `group_${this._chatId}`; + if (reset) { + this.images = [] + } + + const groupPart = this.isReceipient ? `direct_${generateIdFromAddresses(this._chatId, this.myAddress)}` : `group_${this._chatId}` + + let offset = reset ? 0 : this.images.length + + let endpoint = `/arbitrary/resources/search?service=QCHAT_IMAGE&identifier=qchat_${groupPart}&mode=ALL&limit=20&reverse=true&offset=${offset}` + + if (this.onlyMyImages) { + endpoint = endpoint + `&name=${this.myName}` + } - let offset = reset ? 0 : this.images.length; - let endpoint = `/arbitrary/resources/search?service=QCHAT_IMAGE&identifier=qchat_${groupPart}&mode=ALL&limit=20&reverse=true&offset=${offset}` - if(this.onlyMyImages){ - endpoint = endpoint + `&name=${this.myName}` - } const qchatImages = await parentEpml.request('apiCall', { type: 'api', - url: endpoint, - }); + url: endpoint + }) - let list = [] - if(reset){ - list = qchatImages - } else { - list = [...this.images, ...qchatImages] - } + let list = [] + + if (reset) { + list = qchatImages + } else { + list = [...this.images, ...qchatImages] + } this.images = list } catch (error) { - console.log(error); + console.log(error) } } - firstUpdated() { - this.viewElement = this.shadowRoot.getElementById('viewElement'); - this.downObserverElement = - this.shadowRoot.getElementById('downObserver'); - this.elementObserver(); - } - async updated(changedProperties) { if (changedProperties && changedProperties.has('_chatId')) { - this.images = []; - await this.getMoreImages(true); + this.images = [] + await this.getMoreImages(true) } if (changedProperties && changedProperties.has('onlyMyImages')) { @@ -291,18 +162,21 @@ class ChatRightPanelResources extends LitElement { const options = { root: this.viewElement, rootMargin: '0px', - threshold: 1, - }; + threshold: 1 + } + // identify an element to observe - const elementToObserve = this.downObserverElement; + const elementToObserve = this.downObserverElement + // passing it a callback function const observer = new IntersectionObserver( this.observerHandler, options - ); + ) + // call `observe()` on that MutationObserver instance, // passing it the element to observe, and the options object - observer.observe(elementToObserve); + observer.observe(elementToObserve) } observerHandler(entries) { @@ -310,59 +184,37 @@ class ChatRightPanelResources extends LitElement { } else { if (this.images.length < 20) { - return; + return } - this.getMoreImages(); + this.getMoreImages() } } - selectAuto(e) { - this.autoView = !e.target.checked; - } + selectAuto(e) { + this.autoView = !e.target.checked + } - selectMyImages(e) { - this.onlyMyImages = !e.target.checked; - } + selectMyImages(e) { + this.onlyMyImages = !e.target.checked + } - render() { - return html` + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } -
    -
    - { - this.getMoreImages(true) - }} style="color: var(--black); cursor:pointer;">refresh - - this.toggle( - false - )} style="margin: 0px 10px" icon="vaadin:close" slot="icon"> -
    -
    - - this.selectAuto(e)} ?checked=${this.autoView}> -
    -
    - - this.selectMyImages(e)} ?checked=${this.onlyMyImages}> -
    -
    + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - ${this.images.map((image) => { - return html``; - })} -
    -
    -
    -
    - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -customElements.define('chat-right-panel-resources', ChatRightPanelResources); +window.customElements.define('chat-right-panel-resources', ChatRightPanelResources) class ImageParent extends LitElement { static get properties() { @@ -391,269 +243,110 @@ class ImageParent extends LitElement { images: { type: Array }, viewImage: { type: Boolean }, image: { type: Object }, - autoView: {type: Boolean}, - repost: {attribute: false}, - isImgLoaded: {type: Boolean} - }; - } - - constructor() { - super(); - this.leaveGroupObj = {}; - this.leaveFee = 0.001; - this.error = false; - this.chatHeads = []; - this.groupAdmin = []; - this.groupMembers = []; - this.viewElement = ''; - - this.sendMoneyLoading = false; - this.btnDisable = false; - this.errorMessage = ''; - this.successMessage = ''; - this.isImgLoaded = false - this.images = []; - this.viewImage = false; - this.myName = - window.parent.reduxStore.getState().app.accountInfo.names[0].name; - } - - static get styles() { - return css` - .top-bar-icon { - cursor: pointer; - height: 18px; - width: 18px; - transition: 0.2s all; - } - - .top-bar-icon:hover { - color: var(--black); - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .close-row { - width: 100%; - display: flex; - justify-content: flex-end; - height: 50px; - flex: 0; - gap: 20px; - align-items: center; - } - - .container-body { - width: 100%; - display: flex; - flex-direction: column; - flex-grow: 1; - overflow: auto; - margin-top: 5px; - padding: 0px 6px; - box-sizing: border-box; - } - - .container-body::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .container-body::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .container-body::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .container-body::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - p { - color: var(--black); - margin: 0px; - padding: 0px; - word-break: break-all; - } - - .container { - display: flex; - width: 100%; - flex-direction: column; - height: 100%; - } - - .chat-right-panel-label { - font-family: Montserrat, sans-serif; - color: var(--group-header); - padding: 5px; - font-size: 13px; - user-select: none; - } - - .group-info { - display: flex; - flex-direction: column; - justify-content: flex-start; - gap: 10px; - } - - .group-name { - font-family: Raleway, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - text-align: center; - user-select: none; - } - - .group-description { - font-family: Roboto, sans-serif; - color: var(--chat-bubble-msg-color); - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - margin-top: 15px; - word-break: break-word; - user-select: none; - } - - .group-subheader { - font-family: Montserrat, sans-serif; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - - .group-data { - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - font-size: 14px; - color: var(--chat-bubble-msg-color); - } - .message-myBg { - background-color: var(--chat-bubble-myBg) !important; - margin-bottom: 15px; - border-radius: 5px; - padding: 5px; - } - .message-data-name { - user-select: none; - color: #03a9f4; - margin-bottom: 5px; - } - .message-user-info { - display: flex; - justify-content: space-between; - width: 100%; - gap: 10px; - } - - .hideImg { - visibility: hidden; - } - .image-container { - display: flex; - } - .repost-btn { - margin-top: 4px; - max-height: 28px; - padding: 5px 5px; - font-size: 14px; - background-color: #03a9f4; - color: white; - border: 1px solid transparent; - border-radius: 3px; - cursor: pointer; - } - `; - } - - firstUpdated() {} - - async updated(changedProperties) { - if (changedProperties && changedProperties.has('chatId')) { - // const autoSeeChatList = - // window.parent.reduxStore.getState().app.autoLoadImageChats; - // if (autoSeeChatList.includes(this.chatId)) { - // this.viewImage = true; - // } + autoView: { type: Boolean }, + repost: { attribute: false }, + isImgLoaded: { type: Boolean } } } - onLoad(){ - this.isImgLoaded = true - this.requestUpdate() + static get styles() { + return [imageParentStyles] + } + + constructor() { + super() + this.leaveGroupObj = {} + this.leaveFee = 0.01 + this.error = false + this.chatHeads = [] + this.groupAdmin = [] + this.groupMembers = [] + this.viewElement = '' + this.sendMoneyLoading = false + this.btnDisable = false + this.errorMessage = '' + this.successMessage = '' + this.isImgLoaded = false + this.images = [] + this.viewImage = false + this.myName = window.parent.reduxStore.getState().app.accountInfo.names[0].name } render() { return html` - ${!this.autoView && !this.viewImage && this.myName !== this.image.name - ? html` -
    - - - this.hidePrivateMessageModal()} - .hideBlockUserModal=${() => this.hideBlockUserModal()} - toblockaddress=${this.messageObj.sender} - > - - { - this.openDialogImage = false; - }}> -
    -
    - ${this.openDialogImage ? html` - - ` : ''} - -
    - { - this.openDialogImage = false; - }} - > - ${translate('general.close')} - -     - { - this.openDialogGif = false; - }}>MessageTemplate -
    -
    - ${gifHTMLDialog} -
    - { - this.openDialogGif = false; - }} - > - ${translate('general.close')} - MessageTemplate -     - { - this.openDeleteImage = false; - }}> -
    -

    ${translate('chatpage.cchange78')}

    -
    -
    - (this.openDeleteImage = false)}> - - -
    -     - { - this.openDeleteAttachment = false; - }}> -
    -

    ${translate('chatpage.cchange79')}

    -
    -
    - (this.openDeleteAttachment = false)}> - - -
    -     - `; + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -window.customElements.define('message-template', MessageTemplate); +window.customElements.define('message-template', MessageTemplate) class ChatMenu extends LitElement { static get properties() { @@ -2307,218 +1729,182 @@ class ChatMenu extends LitElement { setOpenPrivateMessage: { attribute: false }, setOpenTipUser: { attribute: false }, setUserName: { attribute: false }, - gif: { type: Boolean }, - }; - } - - constructor() { - super(); - this.showPrivateMessageModal = () => {}; - this.showBlockUserModal = () => {}; + gif: { type: Boolean } + } } static get styles() { - return [chatStyles]; + return [chatStyles] } - // Copy address to clipboard - async copyToClipboard(text) { - try { - let copyString1 = get('walletpage.wchange4'); - await navigator.clipboard.writeText(text); - parentEpml.request('showSnackBar', `${copyString1}`); - } catch (err) { - let copyString2 = get('walletpage.wchange39'); - parentEpml.request('showSnackBar', `${copyString2}`); - console.error('Copy to clipboard error:', err); - } + constructor() { + super() + this.showPrivateMessageModal = () => { } + this.showBlockUserModal = () => { } } - versionErrorSnack() { - let errorMsg = get('chatpage.cchange34'); - parentEpml.request('showSnackBar', `${errorMsg}`); - } - - async messageForwardFunc() { - let parsedMessageObj = {}; - let publicKey = { - hasPubKey: false, - key: '', - }; - try { - parsedMessageObj = JSON.parse(this.originalMessage.decodedMessage); - } catch (error) { - parsedMessageObj = {}; - } - - try { - const res = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${this._chatId}`, - }); - if (res.error === 102) { - publicKey.key = ''; - publicKey.hasPubKey = false; - } else if (res !== false) { - publicKey.key = res; - publicKey.hasPubKey = true; - } else { - publicKey.key = ''; - publicKey.hasPubKey = false; - } - } catch (error) { /* empty */ } - - try { - const message = { - ...parsedMessageObj, - type: 'forward', - }; - const stringifyMessageObject = JSON.stringify(message); - this.setForwardProperties(stringifyMessageObject); - } catch (error) { /* empty */ } - } render() { return html`
    - +
    - +
    - - ${this.myAddress === this.originalMessage.sender && !this.gif - ? html` -
    { - if (this.version === '0') { - this.versionErrorSnack(); - return; - } - this.setEditedMessageObj( - this.originalMessage - ); - }} - > - -
    - ` - : html`
    `} - ${this.myAddress !== this.originalMessage.sender - ? html` -
    { - e.preventDefault(); - this.setUserName(this.originalMessage); - this.setOpenTipUser(true); - }} - > - -
    - ` - : html`
    `} + ${this.myAddress === this.originalMessage.sender && !this.gif ? + html` +
    {if (this.version === '0') {this.versionErrorSnack(); return;} this.setEditedMessageObj(this.originalMessage);}} + > + +
    + ` + : html` +
    + ` + } + ${this.myAddress !== this.originalMessage.sender ? + html` +
    {e.preventDefault(); this.setUserName(this.originalMessage); this.setOpenTipUser(true);}} + > + +
    + ` + : html` +
    + ` + }
    - +
    - ${this.showBlockAddressIcon - ? html` -
    -
    -

    ${translate('blockpage.bcchange1')}

    - -
    + ${this.showBlockAddressIcon ? + html` +
    +
    +

    ${translate('blockpage.bcchange1')}

    +
    - ` - : html`
    `} +
    + ` + : html` +
    + ` + }
    - `; + ` + } + + firstUpdated() { + // ... + } + + // Copy address to clipboard + async copyToClipboard(text) { + try { + let copyString1 = get('walletpage.wchange4') + await navigator.clipboard.writeText(text) + parentEpml.request('showSnackBar', `${copyString1}`) + } catch (err) { + let copyString2 = get('walletpage.wchange39') + parentEpml.request('showSnackBar', `${copyString2}`) + console.error('Copy to clipboard error:', err) + } + } + + versionErrorSnack() { + let errorMsg = get('chatpage.cchange34') + parentEpml.request('showSnackBar', `${errorMsg}`) + } + + async messageForwardFunc() { + let parsedMessageObj = {} + let publicKey = { + hasPubKey: false, + key: '', + } + try { + parsedMessageObj = JSON.parse(this.originalMessage.decodedMessage) + } catch (error) { + parsedMessageObj = {} + } + + try { + const res = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${this._chatId}`, + }) + if (res.error === 102) { + publicKey.key = '' + publicKey.hasPubKey = false + } else if (res !== false) { + publicKey.key = res + publicKey.hasPubKey = true + } else { + publicKey.key = '' + publicKey.hasPubKey = false + } + } catch (error) { + /* empty */ + } + + try { + const message = { + ...parsedMessageObj, + type: 'forward', + } + const stringifyMessageObject = JSON.stringify(message) + this.setForwardProperties(stringifyMessageObject) + } catch (error) { + /* empty */ + } + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } -window.customElements.define('chat-menu', ChatMenu); +window.customElements.define('chat-menu', ChatMenu) diff --git a/plugins/plugins/core/components/ChatSeachResults.js b/plugins/plugins/core/components/ChatSeachResults.js deleted file mode 100644 index 5083dc57..00000000 --- a/plugins/plugins/core/components/ChatSeachResults.js +++ /dev/null @@ -1,66 +0,0 @@ -import {html, LitElement} from 'lit'; -import {chatSearchResultsStyles} from './ChatSearchResults-css.js' -import {translate} from '../../../../core/translate' - -export class ChatSearchResults extends LitElement { - static get properties() { - return { - onClickFunc: { attribute: false }, - closeFunc: { attribute: false }, - searchResults: { type: Array }, - isOpen: { type: Boolean }, - loading: { type: Boolean } - } - } - - static styles = [chatSearchResultsStyles] - - render() { - return html` -
    - this.closeFunc()} - icon="vaadin:close-small" - slot="icon" - class="close-icon" - > - - ${this.loading ? ( - html` - - ` - ) : ( - html` -

    ${translate("chatpage.cchange36")}

    -
    -
    - ${this.searchResults.length === 0 ? ( - html`

    ${translate("chatpage.cchange37")}

    ` - ) : ( - html` - ${this.searchResults.map((result) => { - return ( - html` -
    { - this.shadowRoot.querySelector(".chat-result-card").classList.add("active"); - this.onClickFunc(result); - }}> -

    - ${result.name} -

    -
    - ` - )} - )} - ` - )} -
    - ` - )} -
    - `; - } -} -customElements.define('chat-search-results', ChatSearchResults); diff --git a/plugins/plugins/core/components/ChatSearchResults-css.js b/plugins/plugins/core/components/ChatSearchResults-css.js deleted file mode 100644 index 829ccd93..00000000 --- a/plugins/plugins/core/components/ChatSearchResults-css.js +++ /dev/null @@ -1,120 +0,0 @@ -import {css} from 'lit' - -export const chatSearchResultsStyles = css` - .chat-results-card { - position: relative; - padding: 25px 20px; - box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; - width: 300px; - min-height: 200px; - height: auto; - border-radius: 5px; - background-color: var(--white); - } - - .chat-result-header { - color: var(--chat-bubble-msg-color); - font-size: 18px; - font-family: Montserrat, sans-serif; - text-align: center; - margin: 0 0 10px 0; - user-select: none; - } - - .divider { - height: 1px; - background: var(--chat-bubble-msg-color); - margin: 0 40px; - user-select: none; - } - - .no-results { - font-family: Roboto, sans-serif; - font-weight: 300; - letter-spacing: 0.3px; - font-size: 16px; - color: var(--chat-bubble-msg-color); - text-align: center; - margin: 20px 0 0 0; - user-select: none; - } - - .chat-result-container { - height: 200px; - overflow-y: auto; - padding: 0 10px; - } - - .chat-result-container::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .chat-result-container::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .chat-result-container::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .chat-result-container::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - .chat-result-card { - padding: 12px; - margin-bottom: 15px; - margin-top: 15px; - transition: all 0.2s ease-in-out; - box-shadow: none; - } - - .chat-result-card:active { - background-color: #09b814; - } - - .chat-result-card:hover { - cursor: pointer; - border: none; - border-radius: 4px; - box-sizing: border-box; - -webkit-box-shadow: rgba(132, 132, 132, 40%) 0px 0px 6px -1px; - box-shadow: rgba(132, 132, 132, 40%) 0px 0px 6px -1px; - } - - .chat-result { - font-family: Roboto, sans-serif; - font-weight: 300; - letter-spacing: 0.3px; - font-size: 15px; - color: var(--chat-bubble-msg-color); - margin: 0; - user-select: none; - } - - .spinner-container { - display: flex; - width: 100%; - justify-content: center - } - - .close-icon { - position: absolute; - top: 5px; - right: 5px; - color: var(--chat-bubble-msg-color); - font-size: 14px; - transition: all 0.1s ease-in-out; - } - - .close-icon:hover { - cursor: pointer; - font-size: 15px; - } -` diff --git a/plugins/plugins/core/components/ChatSearchResults.js b/plugins/plugins/core/components/ChatSearchResults.js index 03e18692..0b060f0f 100644 --- a/plugins/plugins/core/components/ChatSearchResults.js +++ b/plugins/plugins/core/components/ChatSearchResults.js @@ -1,72 +1,83 @@ -import {html, LitElement} from 'lit' -import {chatSearchResultsStyles} from './ChatSearchResults-css.js' -import {translate} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { chatSearchResultsStyles } from './plugins-css' import '@vaadin/icon' import '@vaadin/icons' +// Multi language support +import { translate } from '../../../../core/translate' export class ChatSearchResults extends LitElement { - static get properties() { - return { - onClickFunc: { attribute: false }, - closeFunc: { attribute: false }, - searchResults: { type: Array }, - isOpen: { type: Boolean }, - loading: { type: Boolean } - } - } - - static get styles() { - return [chatSearchResultsStyles]; + static get properties() { + return { + onClickFunc: { attribute: false }, + closeFunc: { attribute: false }, + searchResults: { type: Array }, + isOpen: { type: Boolean }, + loading: { type: Boolean } + } } + static get styles() { + return [chatSearchResultsStyles] + } - render() { - return html` -
    - this.closeFunc()} - icon="vaadin:close-small" - slot="icon" - class="close-icon" - > - - ${this.loading ? ( - html` - - ` - ) : ( - html` -

    ${translate("chatpage.cchange36")}

    -
    -
    - ${this.searchResults.length === 0 ? ( - html`

    ${translate("chatpage.cchange37")}

    ` - ) : ( - html` - ${this.searchResults.map((result) => { - return ( - html` -
    { - this.shadowRoot.querySelector(".chat-result-card").classList.add("active"); - this.onClickFunc(result); - }}> -

    - ${result.name} -

    -
    - ` - )} - )} - ` - )} -
    - ` - )} -
    - ` - } + constructor() { + super() + } + + render() { + return html` +
    + this.closeFunc()} icon="vaadin:close-small" slot="icon" class="close-icon"> + ${this.loading ? + (html` + + `) + : (html` +

    ${translate("chatpage.cchange36")}

    +
    +
    + ${this.searchResults.length === 0 ? + (html` +

    ${translate("chatpage.cchange37")}

    + `) + : (html` + ${this.searchResults.map((result) => { + return (html` +
    {this.shadowRoot.querySelector(".chat-result-card").classList.add("active"); this.onClickFunc(result);}}> +

    ${result.name}

    +
    + `) + })} + `) + } +
    + `) + } +
    + ` + } + + firstUpdated() { + // ... + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('chat-search-results', ChatSearchResults) + +window.customElements.define('chat-search-results', ChatSearchResults) diff --git a/plugins/plugins/core/components/ChatSelect.js b/plugins/plugins/core/components/ChatSelect.js index cded6988..2565fc52 100644 --- a/plugins/plugins/core/components/ChatSelect.js +++ b/plugins/plugins/core/components/ChatSelect.js @@ -1,227 +1,177 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' - +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatSelectStyles } from './plugins-css' import '@material/mwc-icon' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatSelect extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - chatInfo: { type: Object }, - iconName: { type: String }, - activeChatHeadUrl: { type: String }, - isImageLoaded: { type: Boolean }, - setActiveChatHeadUrl: {attribute: false} - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + chatInfo: { type: Object }, + iconName: { type: String }, + activeChatHeadUrl: { type: String }, + isImageLoaded: { type: Boolean }, + setActiveChatHeadUrl: { attribute: false } + } + } - static get styles() { - return css` - ul { - list-style-type: none; - } - li { - padding: 10px 2px 20px 5px; - cursor: pointer; - width: 100%; - display: flex; - box-sizing: border-box; - } + static get styles() { + return [chatSelectStyles] + } - li:hover { - background-color: var(--menuhover); - } + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: { + } + } + } + this.chatInfo = {} + this.iconName = '' + this.activeChatHeadUrl = '' + this.isImageLoaded = false + this.imageFetches = 0 + } - .active { - background: var(--menuactive); - border-left: 4px solid #3498db; - } + render() { + let avatarImg = '' + let backupAvatarImg = '' - .img-icon { - font-size:40px; - color: var(--chat-group); - } + if (this.chatInfo.name) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true` + avatarImg = this.createImage(avatarUrl) + } - .about { - margin-top: 8px; - } + return html` +
  • this.getUrl(this.chatInfo.url)} class="clearfix ${this.activeChatHeadUrl === this.chatInfo.url ? 'active' : ''}"> + ${this.isImageLoaded ? html`${avatarImg}` : html``} + ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? html`account_circle` : html``} + ${!this.isImageLoaded && this.chatInfo.name ? + html` +
    + ${this.chatInfo.name.charAt(0)} +
    + ` + : '' + } + ${!this.isImageLoaded && this.chatInfo.groupName ? + html` +
    + ${this.chatInfo.groupName.charAt(0)} +
    + ` + : '' + } +
    +
    + + ${this.chatInfo.groupName ? this.chatInfo.groupName : this.chatInfo.name !== undefined ? this.chatInfo.name : this.chatInfo.address.substr(0, 15)} + +
    +
    +
    • + ` + } - .about { - padding-left: 8px; - } + firstUpdated() { + let configLoaded = false - .status { - color: #92959e; - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - .name { - user-select: none; - } + parentEpml.subscribe('config', c => { + if (!configLoaded) { + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - ` - } + parentEpml.imReady() + } - constructor() { - super() - this.selectedAddress = {} - this.config = { - user: { - node: { + createImage(imageUrl) { + const imageHTMLRes = new Image() - } - } - } - this.chatInfo = {} - this.iconName = '' - this.activeChatHeadUrl = '' - this.isImageLoaded = false - this.imageFetches = 0 - } + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "width:40px; height:40px; float: left; border-radius:50%" - createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style= "width:40px; height:40px; float: left; border-radius:50%"; - imageHTMLRes.onclick= () => { - this.openDialogImage = true; - } - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 4) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 500); - } else { + imageHTMLRes.onclick = () => { + this.openDialogImage = true + } + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } + imageHTMLRes.onerror = () => { + if (this.imageFetches < 4) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 500) + } else { + this.isImageLoaded = false + } + } - render() { - let avatarImg = ''; - let backupAvatarImg = '' - if(this.chatInfo.name){ - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg= this.createImage(avatarUrl) + return imageHTMLRes + } - } + shouldUpdate(changedProperties) { + if (changedProperties.has('activeChatHeadUrl')) { + return true + } - return html` -
  • this.getUrl(this.chatInfo.url)} - class="clearfix ${this.activeChatHeadUrl === this.chatInfo.url ? 'active' : ''}"> - ${this.isImageLoaded ? html`${avatarImg}` : html``} - ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? html`account_circle` : - html`` - } - ${!this.isImageLoaded && this.chatInfo.name ? - html` -
    - ${this.chatInfo.name.charAt(0)} -
    `: - ''} - ${!this.isImageLoaded && this.chatInfo.groupName ? - html` -
    - ${this.chatInfo.groupName.charAt(0)} -
    `: - ''} -
    -
    - - ${this.chatInfo.groupName ? - this.chatInfo.groupName : - this.chatInfo.name !== undefined ? this.chatInfo.name : - this.chatInfo.address.substr(0, 15)} - -
    -
    -
    • - ` - } + if (changedProperties.has('chatInfo')) { + return true + } - firstUpdated() { - let configLoaded = false - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() + return false + } + getUrl(chatUrl) { + this.setActiveChatHeadUrl(chatUrl) + } - } + onPageNavigation(pageUrl) { + parentEpml.request('setPageUrl', pageUrl) + } - shouldUpdate(changedProperties) { - if(changedProperties.has('activeChatHeadUrl')){ - return true - } - return !!changedProperties.has('chatInfo'); + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - } - - getUrl(chatUrl) { - this.setActiveChatHeadUrl(chatUrl) - } - - onPageNavigation(pageUrl) { - parentEpml.request('setPageUrl', pageUrl) - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('chat-select', ChatSelect) diff --git a/plugins/plugins/core/components/ChatSideNavHeads.js b/plugins/plugins/core/components/ChatSideNavHeads.js index 04814076..9bca60bd 100644 --- a/plugins/plugins/core/components/ChatSideNavHeads.js +++ b/plugins/plugins/core/components/ChatSideNavHeads.js @@ -1,202 +1,180 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatSideNavHeadsStyles } from './plugins-css' import '@material/mwc-icon' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatSideNavHeads extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - chatInfo: { type: Object }, - iconName: { type: String }, - activeChatHeadUrl: { type: String }, - isImageLoaded: { type: Boolean }, - setActiveChatHeadUrl: {attribute: false} - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + chatInfo: { type: Object }, + iconName: { type: String }, + activeChatHeadUrl: { type: String }, + isImageLoaded: { type: Boolean }, + setActiveChatHeadUrl: { attribute: false } + } + } - static get styles() { - return css` - ul { - list-style-type: none; - } - li { - padding: 10px 2px 10px 5px; - cursor: pointer; - width: 100%; - display: flex; - box-sizing: border-box; - font-size: 14px; - transition: 0.2s background-color; - } + static get styles() { + return [chatSideNavHeadsStyles] + } - li:hover { - background-color: var(--lightChatHeadHover); - } + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: { + } + } + } + this.chatInfo = {} + this.iconName = '' + this.activeChatHeadUrl = '' + this.isImageLoaded = false + this.imageFetches = 0 + } - .active { - background: var(--menuactive); - border-left: 4px solid #3498db; - } + render() { + let avatarImg = '' - .img-icon { - font-size:40px; - color: var(--chat-group); - } + if (this.chatInfo.name) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true` + avatarImg = this.createImage(avatarUrl) + } - .status { - color: #92959e; - } + return html` +
  • this.getUrl(this.chatInfo)} class="clearfix"> + ${this.isImageLoaded ? html`${avatarImg}` : html``} + ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? html`account_circle` : html``} + ${!this.isImageLoaded && this.chatInfo.name ? + html` +
    + ${this.chatInfo.name.charAt(0)} +
    + ` + : "" + } + ${!this.isImageLoaded && this.chatInfo.groupName ? + html` +
    + ${this.chatInfo.groupName.charAt(0)} +
    + ` + : "" + } +
    +
    + + ${this.chatInfo.groupName ? this.chatInfo.groupName : this.chatInfo.name !== undefined ? this.chatInfo.name : this.chatInfo.address.substr(0, 15)} + +
    +
    +
    • + ` + } - .clearfix { - display: flex; - align-items: center; - } + firstUpdated() { + let configLoaded = false - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - ` - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - constructor() { - super() - this.selectedAddress = {} - this.config = { - user: { - node: { + parentEpml.subscribe('config', c => { + if (!configLoaded) { + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - } - } - } - this.chatInfo = {} - this.iconName = '' - this.activeChatHeadUrl = '' - this.isImageLoaded = false - this.imageFetches = 0 - } + parentEpml.imReady() + } - createImage(imageUrl) { - const imageHTMLRes = new Image(); - imageHTMLRes.src = imageUrl; - imageHTMLRes.style= "width:30px; height:30px; float: left; border-radius:50%; font-size:14px"; - imageHTMLRes.onclick= () => { - this.openDialogImage = true; - } - imageHTMLRes.onload = () => { - this.isImageLoaded = true; - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 4) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1; - imageHTMLRes.src = imageUrl; - }, 500); - } else { - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } + createImage(imageUrl) { + const imageHTMLRes = new Image() - render() { - let avatarImg = "" - if (this.chatInfo.name) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}`; - avatarImg = this.createImage(avatarUrl) - } + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "width:30px; height:30px; float: left; border-radius:50%; font-size:14px" - return html` -
  • this.getUrl(this.chatInfo)} class="clearfix"> - ${this.isImageLoaded ? html`${avatarImg}` : html``} - ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName - ? html`account_circle` - : html``} - ${!this.isImageLoaded && this.chatInfo.name - ? html`
    - ${this.chatInfo.name.charAt(0)} -
    ` - : ""} - ${!this.isImageLoaded && this.chatInfo.groupName - ? html`
    - ${this.chatInfo.groupName.charAt(0)} -
    ` - : ""} -
    -
    - - ${this.chatInfo.groupName - ? this.chatInfo.groupName - : this.chatInfo.name !== undefined - ? this.chatInfo.name - : this.chatInfo.address.substr(0, 15)} - -
    -
    -
    • - ` - } + imageHTMLRes.onclick = () => { + this.openDialogImage = true + } - firstUpdated() { - let configLoaded = false - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - } + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } - shouldUpdate(changedProperties) { - if(changedProperties.has('activeChatHeadUrl')){ - return true - } - if(changedProperties.has('chatInfo')){ - return true - } - return !!changedProperties.has('isImageLoaded'); + imageHTMLRes.onerror = () => { + if (this.imageFetches < 4) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 500) + } else { + this.isImageLoaded = false + } + } + return imageHTMLRes + } - } + shouldUpdate(changedProperties) { + if (changedProperties.has('activeChatHeadUrl')) { + return true + } - getUrl(chatUrl) { - this.setActiveChatHeadUrl(chatUrl) - } + if (changedProperties.has('chatInfo')) { + return true + } - onPageNavigation(pageUrl) { - parentEpml.request('setPageUrl', pageUrl) - } + if (changedProperties.has('isImageLoaded')) { + return true + } + + return false + } + + getUrl(chatUrl) { + this.setActiveChatHeadUrl(chatUrl) + } + + onPageNavigation(pageUrl) { + parentEpml.request('setPageUrl', pageUrl) + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('chat-side-nav-heads', ChatSideNavHeads) diff --git a/plugins/plugins/core/components/ChatTextEditor copy.js b/plugins/plugins/core/components/ChatTextEditor copy.js deleted file mode 100644 index 32613806..00000000 --- a/plugins/plugins/core/components/ChatTextEditor copy.js +++ /dev/null @@ -1,825 +0,0 @@ -import {css, html, LitElement} from "lit" -import {escape, unescape} from 'html-escaper' -import {EmojiPicker} from 'emoji-picker-js' -import {inputKeyCodes} from '../../utils/keyCodes.js' -import {Epml} from '../../../epml.js' -import {get} from '../../../../core/translate' - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class ChatTextEditor extends LitElement { - static get properties() { - return { - isLoading: { type: Boolean }, - isLoadingMessages: { type: Boolean }, - _sendMessage: { attribute: false }, - placeholder: { type: String }, - imageFile: { type: Object }, - insertImage: { attribute: false }, - iframeHeight: { type: Number }, - editedMessageObj: { type: Object }, - chatEditor: { type: Object }, - setChatEditor: { attribute: false }, - iframeId: { type: String }, - hasGlobalEvents: { type: Boolean }, - chatMessageSize: { type: Number }, - isEditMessageOpen: { type: Boolean }, - theme: { - type: String, - reflect: true - } - } - } - - static get styles() { - return css` - :host { - position: relative; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: auto; - overflow-y: hidden; - width: 100%; - } - .chatbar-container { - width: 100%; - display: flex; - height: auto; - overflow: hidden; - } - - .chatbar-caption { - border-bottom: 2px solid var(--mdc-theme-primary); - } - - .emoji-button { - width: 45px; - height: 40px; - padding-top: 4px; - border: none; - outline: none; - background: transparent; - cursor: pointer; - max-height: 40px; - color: var(--black); - } - - .message-size-container { - display: flex; - justify-content: flex-end; - width: 100%; - } - - .message-size { - font-family: Roboto, sans-serif; - font-size: 12px; - color: black; - } - - .paperclip-icon { - color: var(--paperclip-icon); - width: 25px; - } - - .paperclip-icon:hover { - cursor: pointer; - } - - .send-icon { - width: 30px; - margin-left: 5px; - transition: all 0.1s ease-in-out; - cursor: pointer; - } - - .send-icon:hover { - filter: brightness(1.1); - } - - .file-picker-container { - position: relative; - height: 25px; - width: 25px; - } - - .file-picker-input-container { - position: absolute; - top: 0px; - bottom: 0px; - left: 0px; - right: 0px; - z-index: 10; - opacity: 0; - overflow: hidden; - } - - input[type=file]::-webkit-file-upload-button { - cursor: pointer; - } - - .chatbar-container textarea { - display: none; - } - - .chatbar-container .chat-editor { - display: flex; - max-height: -webkit-fill-available; - width: 100%; - border-color: transparent; - margin: 0; - padding: 0; - border: none; - } - - .checkmark-icon { - width: 30px; - color: var(--mdc-theme-primary); - margin-bottom: 6px; - } - - .checkmark-icon:hover { - cursor: pointer; - } - ` - } - - constructor() { - super() - this.isLoadingMessages = true - this.isLoading = false - this.getMessageSize = this.getMessageSize.bind(this) - this.calculateIFrameHeight = this.calculateIFrameHeight.bind(this) - this.resetIFrameHeight = this.resetIFrameHeight.bind(this) - this.addGlobalEventListener = this.addGlobalEventListener.bind(this) - this.sendMessageFunc = this.sendMessageFunc.bind(this) - this.removeGlobalEventListener = this.removeGlobalEventListener.bind(this) - this.initialChat = this.initialChat.bind(this) - this.iframeHeight = 42 - this.chatMessageSize = 0 - this.userName = window.parent.reduxStore.getState().app.accountInfo.names[0] - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - let scrollHeightBool = false; - try { - if (this.chatMessageInput && this.chatMessageInput.contentDocument.body.scrollHeight > 60 && this.shadowRoot.querySelector(".chat-editor").contentDocument.body.querySelector("#chatbarId").innerHTML.trim() !== "") { - scrollHeightBool = true; - } - } catch (error) { - scrollHeightBool = false; - } - return html` -
    -
    { - this.preventUserSendingImage(e) - }}> - - -
    - -
    -
    - - - - ${this.editedMessageObj ? ( - html` -
    - ${this.isLoading === false ? html` - { - this.sendMessageFunc(); - }} - > - - ` : - html` - - `} -
    - ` - ) : - html` -
    - ${this.isLoading === false ? html` - send-icon { - this.sendMessageFunc(); - }} - /> - ` : - html` - - `} -
    - ` - } -
    - ${this.chatMessageSize >= 750 ? - html` -
    -
    - ${`Your message size is of ${this.chatMessageSize} bytes out of a maximum of 1000`} -
    -
    - ` : - html``} -
    - ` - } - - preventUserSendingImage(e) { - if (!this.userName) { - e.preventDefault(); - parentEpml.request('showSnackBar', get("chatpage.cchange27")); - } - } - - initialChat(e) { - if (!this.chatEditor?.contentDiv.matches(':focus')) { - // WARNING: Deprecated methods from KeyBoard Event - if (e.code === "Space" || e.keyCode === 32 || e.which === 32) { - this.chatEditor.insertText(' '); - } else if (inputKeyCodes.includes(e.keyCode)) { - this.chatEditor.insertText(e.key); - return this.chatEditor.focus(); - } else { - return this.chatEditor.focus(); - } - } - } - - addGlobalEventListener(){ - document.addEventListener('keydown', this.initialChat); - } - - removeGlobalEventListener(){ - document.removeEventListener('keydown', this.initialChat); - } - - async firstUpdated() { - if (this.hasGlobalEvents) { - this.addGlobalEventListener(); - } - - window.addEventListener('storage', () => { - const checkTheme = localStorage.getItem('qortalTheme') - const chatbar = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId') - if (checkTheme === 'dark') { - this.theme = 'dark' - chatbar.style.cssText = "color:#ffffff;" - } else { - this.theme = 'light' - chatbar.style.cssText = "color:#080808;" - } - }) - - this.emojiPickerHandler = this.shadowRoot.querySelector('.emoji-button'); - this.mirrorChatInput = this.shadowRoot.getElementById('messageBox'); - this.chatMessageInput = this.shadowRoot.getElementById(this.iframeId); - - this.emojiPicker = new EmojiPicker({ - style: "twemoji", - twemojiBaseUrl: '/emoji/', - showPreview: false, - showVariants: false, - showAnimation: false, - position: 'top-start', - boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px', - zIndex: 100 - - }) - - this.emojiPicker.on('emoji', selection => { - const emojiHtmlString = `${selection.emoji}` - this.chatEditor.insertEmoji(emojiHtmlString); - }) - - - this.emojiPickerHandler.addEventListener('click', () => this.emojiPicker.togglePicker(this.emojiPickerHandler)) - - await this.updateComplete - this.initChatEditor() - } - - async updated(changedProperties) { - if (changedProperties && changedProperties.has('editedMessageObj')) { - if (this.editedMessageObj) { - this.chatEditor.insertText(this.editedMessageObj.message); - this.getMessageSize(this.editedMessageObj.message); - } else { - this.chatEditor.insertText(""); - this.chatMessageSize = 0; - } - } - if (changedProperties && changedProperties.has('placeholder')) { - const captionEditor = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId') - captionEditor.setAttribute('data-placeholder', this.placeholder) - } - - if (changedProperties && changedProperties.has("imageFile")) { - this.chatMessageInput = "newChat" - } - } - - shouldUpdate(changedProperties) { - // Only update element if prop1 changed. - return !(changedProperties.has('setChatEditor') && changedProperties.size === 1); - - } - - sendMessageFunc(props) { - if (this.chatMessageSize > 1000 ) { - parentEpml.request('showSnackBar', get("chatpage.cchange29")) - return - } - this.chatMessageSize = 0 - this.chatEditor.updateMirror() - this._sendMessage(props) - } - - getMessageSize(message){ - try { - // Format and Sanitize Message - const sanitizedMessage = message.replace(/ /gi, ' ').replace(//gi, '\n'); - const trimmedMessage = sanitizedMessage.trim(); - let messageObject = {}; - - if (this.repliedToMessageObj) { - let chatReference = this.repliedToMessageObj.reference; - if (this.repliedToMessageObj.chatReference) { - chatReference = this.repliedToMessageObj.chatReference; - } - messageObject = { - messageText: trimmedMessage, - images: [''], - repliedTo: chatReference, - version: 1 - } - } else if (this.editedMessageObj) { - let message = ""; - try { - message = JSON.parse(this.editedMessageObj.decodedMessage); - } catch (error) { - message = this.messageObj.decodedMessage - } - messageObject = { - ...message, - messageText: trimmedMessage, - } - } else if(this.imageFile && this.iframeId === 'newChat') { - messageObject = { - messageText: trimmedMessage, - images: [{ - service: "QCHAT_IMAGE", - name: '123456789123456789123456789', - identifier: '123456' - }], - repliedTo: '', - version: 1 - }; - } else { - messageObject = { - messageText: trimmedMessage, - images: [''], - repliedTo: '', - version: 1 - }; - } - - const stringified = JSON.stringify(messageObject); - this.chatMessageSize = new Blob([stringified]).size; - } catch (error) { - console.error(error) - } - - } - - calculateIFrameHeight(height) { - setTimeout(()=> { - const editorTest = this.shadowRoot.getElementById(this.iframeId).contentWindow.document.getElementById('chatbarId').scrollHeight; - this.iframeHeight = editorTest + 20; - }, 50) - } - resetIFrameHeight(height) { - this.iframeHeight = 42; - } - initChatEditor() { - const ChatEditor = function (editorConfig) { - const ChatEditor = function () { - const editor = this; - editor.init(); - }; - - ChatEditor.prototype.getValue = function () { - const editor = this; - - if (editor.contentDiv) { - return editor.contentDiv.innerHTML; - } - }; - - ChatEditor.prototype.setValue = function (value) { - const editor = this; - - if (value) { - editor.contentDiv.innerHTML = value; - editor.updateMirror(); - } - - editor.focus(); - }; - - ChatEditor.prototype.resetValue = function () { - const editor = this; - editor.contentDiv.innerHTML = ''; - editor.updateMirror(); - editor.focus(); - editorConfig.resetIFrameHeight() - }; - - ChatEditor.prototype.styles = function () { - const editor = this; - - editor.styles = document.createElement('style'); - editor.styles.setAttribute('type', 'text/css'); - editor.styles.innerText = ` - html { - cursor: text; - } - - .chatbar-body { - display: flex; - align-items: center; - } - - .chatbar-body::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .chatbar-body::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .chatbar-body::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .chatbar-body::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - - div { - font-size: 1rem; - line-height: 1.38rem; - font-weight: 400; - font-family: "Open Sans", helvetica, sans-serif; - padding-right: 3px; - text-align: left; - white-space: break-spaces; - word-break: break-word; - outline: none; - min-height: 20px; - width: 100%; - } - - div[contentEditable=true]:empty:before { - content: attr(data-placeholder); - display: block; - text-overflow: ellipsis; - overflow: hidden; - user-select: none; - white-space: nowrap; - opacity: 0.7; - } - - div[contentEditable=false]{ - background: rgba(0,0,0,0.1); - width: 100%; - } - - img.emoji { - width: 1.7em; - height: 1.5em; - margin-bottom: -2px; - vertical-align: bottom; - } - `; - editor.content.head.appendChild(editor.styles); - }; - - ChatEditor.prototype.enable = function () { - const editor = this; - - editor.contentDiv.setAttribute('contenteditable', 'true'); - editor.focus(); - }; - - ChatEditor.prototype.getMirrorElement = function (){ - return editor.mirror - } - - ChatEditor.prototype.disable = function () { - const editor = this; - - editor.contentDiv.setAttribute('contenteditable', 'false'); - }; - - ChatEditor.prototype.state = function () { - const editor = this; - - return editor.contentDiv.getAttribute('contenteditable'); - }; - - ChatEditor.prototype.focus = function () { - const editor = this; - - editor.contentDiv.focus(); - }; - - ChatEditor.prototype.clearSelection = function () { - const editor = this; - - let selection = editor.content.getSelection().toString(); - if (!/^\s*$/.test(selection)) editor.content.getSelection().removeAllRanges(); - }; - - ChatEditor.prototype.insertEmoji = function (emojiImg) { - const editor = this; - - const doInsert = () => { - - if (editor.content.queryCommandSupported("InsertHTML")) { - editor.content.execCommand("insertHTML", false, emojiImg); - editor.updateMirror(); - } - }; - - editor.focus(); - return doInsert(); - }; - - ChatEditor.prototype.insertText = function (text) { - const editor = this; - - const parsedText = editorConfig.emojiPicker.parse(text); - const doPaste = () => { - - if (editor.content.queryCommandSupported("InsertHTML")) { - editor.content.execCommand("insertHTML", false, parsedText); - editor.updateMirror(); - } - }; - - editor.focus(); - return doPaste(); - }; - - ChatEditor.prototype.updateMirror = function () { - const editor = this; - - const chatInputValue = editor.getValue(); - const filteredValue = chatInputValue.replace(//g, ''); - - editor.mirror.value = editorConfig.unescape(filteredValue); - }; - - ChatEditor.prototype.listenChanges = function () { - - const editor = this; - - const events = ['drop', 'contextmenu', 'mouseup', 'click', 'touchend', 'keydown', 'blur', 'paste'] - - for (let i = 0; i < events.length; i++) { - const event = events[i] - editor.content.body.addEventListener(event, async function (e) { - - if (e.type === 'click') { - e.preventDefault(); - e.stopPropagation(); - } - - if (e.type === 'paste') { - e.preventDefault(); - const item_list = await navigator.clipboard.read(); - let image_type; // we will feed this later - const item = item_list.find( item => // choose the one item holding our image - item.types.some( type => { - if (type.startsWith( 'image/')) { - image_type = type; - return true; - } - }) - ); - if(item){ - const blob = item && await item.getType( image_type ); - var file = new File([blob], "name", { - type: image_type - }); - - editorConfig.insertImage(file) - } else { - navigator.clipboard.readText() - .then(clipboardText => { - let escapedText = editorConfig.escape(clipboardText); - editor.insertText(escapedText); - }) - .then(() => { - editorConfig.getMessageSize(editorConfig.editableElement.contentDocument.body.querySelector("#chatbarId").innerHTML); - }) - .catch(err => { - // Fallback if everything fails... - let textData = (e.originalEvent || e).clipboardData.getData('text/plain'); - editor.insertText(textData); - }) - } - - - return false; - } - - if (e.type === 'contextmenu') { - e.preventDefault(); - e.stopPropagation(); - return false; - } - - if (e.type === 'keydown') { - await new Promise((res, rej) => { - setTimeout(() => { - editorConfig.calculateIFrameHeight(editorConfig.editableElement.contentDocument.body.scrollHeight); - editorConfig.getMessageSize(editorConfig.editableElement.contentDocument.body.querySelector("#chatbarId").innerHTML); - }, 0); - res(); - }) - - // Handle Enter - if (e.keyCode === 13 && !e.shiftKey) { - - - if (editor.state() === 'false') return false; - if (editorConfig.iframeId === 'newChat') { - editorConfig.sendFunc( - { - type: 'image', - imageFile: editorConfig.imageFile, - } - ); - } else { - editorConfig.sendFunc(); - } - - e.preventDefault(); - return false; - } - - // Handle Commands with CTR or CMD - if (e.ctrlKey || e.metaKey) { - switch (e.keyCode) { - case 66: - case 98: e.preventDefault(); - return false; - case 73: - case 105: e.preventDefault(); - return false; - case 85: - case 117: e.preventDefault(); - return false; - } - - return false; - } - } - - if (e.type === 'blur') { - editor.clearSelection(); - } - - if (e.type === 'drop') { - e.preventDefault(); - - let droppedText = e.dataTransfer.getData('text/plain') - let escapedText = editorConfig.escape(droppedText) - - editor.insertText(escapedText); - return false; - } - - editor.updateMirror(); - }); - } - - editor.content.addEventListener('click', function (event) { - event.preventDefault(); - editor.focus(); - }); - }; - - ChatEditor.prototype.remove = function () { - const editor = this; - var old_element = editor.content.body; - var new_element = old_element.cloneNode(true); - editor.content.body.parentNode.replaceChild(new_element, old_element); - while (editor.content.body.firstChild) { - editor.content.body.removeChild(editor.content.body.lastChild); - } - - }; - - ChatEditor.prototype.init = function () { - const editor = this; - - editor.frame = editorConfig.editableElement; - editor.mirror = editorConfig.mirrorElement; - - editor.content = (editor.frame.contentDocument || editor.frame.document); - editor.content.body.classList.add("chatbar-body"); - - let elemDiv = document.createElement('div'); - elemDiv.setAttribute('contenteditable', 'true'); - elemDiv.setAttribute('spellcheck', 'false'); - elemDiv.setAttribute('data-placeholder', editorConfig.placeholder); - elemDiv.style.cssText = `width:100%; ${editorConfig.theme === "dark" ? "color:#ffffff;" : "color: #080808"}`; - elemDiv.id = 'chatbarId'; - editor.content.body.appendChild(elemDiv); - editor.contentDiv = editor.frame.contentDocument.body.firstChild; - editor.styles(); - editor.listenChanges(); - - }; - - - function doInit() { - return new ChatEditor(); - } - return doInit(); - }; - - const editorConfig = { - getMessageSize: this.getMessageSize, - calculateIFrameHeight: this.calculateIFrameHeight, - mirrorElement: this.mirrorChatInput, - editableElement: this.chatMessageInput, - sendFunc: this.sendMessageFunc, - emojiPicker: this.emojiPicker, - escape: escape, - unescape: unescape, - placeholder: this.placeholder, - imageFile: this.imageFile, - requestUpdate: this.requestUpdate, - insertImage: this.insertImage, - chatMessageSize: this.chatMessageSize, - addGlobalEventListener: this.addGlobalEventListener, - removeGlobalEventListener: this.removeGlobalEventListener, - iframeId: this.iframeId, - theme: this.theme, - resetIFrameHeight: this.resetIFrameHeight - }; - const newChat = new ChatEditor(editorConfig); - this.setChatEditor(newChat); - } -} - -window.customElements.define("chat-text-editor", ChatTextEditor) diff --git a/plugins/plugins/core/components/ChatTextEditor.js b/plugins/plugins/core/components/ChatTextEditor.js index f11999f4..c989c169 100644 --- a/plugins/plugins/core/components/ChatTextEditor.js +++ b/plugins/plugins/core/components/ChatTextEditor.js @@ -1,754 +1,402 @@ -import {css, html, LitElement} from "lit"; -import {EmojiPicker} from 'emoji-picker-js' -import {Epml} from '../../../epml.js' -import '@material/mwc-icon' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { EmojiPicker } from 'emoji-picker-js' +import { chatTextEditorStyles } from './plugins-css' import '@material/mwc-checkbox' -import {get, translate} from '../../../../core/translate' +import '@material/mwc-icon' + +// Multi language support +import { get, translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatTextEditor extends LitElement { static get properties() { return { - isLoading: { type: Boolean }, - isLoadingMessages: { type: Boolean }, - _sendMessage: { attribute: false }, - placeholder: { type: String }, - attachment: { type: Object }, - insertFile: { attribute: false }, - imageFile: { type: Object }, - insertImage: { attribute: false }, - iframeHeight: { type: Number }, - editedMessageObj: { type: Object }, - repliedToMessageObj: {type: Object}, - setChatEditor: { attribute: false }, - iframeId: { type: String }, - hasGlobalEvents: { type: Boolean }, - chatMessageSize: { type: Number }, - isEditMessageOpen: { type: Boolean }, - editor: {type: Object}, - theme: { - type: String, - reflect: true - }, - toggleEnableChatEnter: {attribute: false}, - isEnabledChatEnter: {type: Boolean}, - openGifModal: { type: Boolean }, - setOpenGifModal: { attribute: false }, - chatId: {type: String}, - messageQueue: {type: Array} + isLoading: { type: Boolean }, + isLoadingMessages: { type: Boolean }, + _sendMessage: { attribute: false }, + placeholder: { type: String }, + attachment: { type: Object }, + insertFile: { attribute: false }, + imageFile: { type: Object }, + insertImage: { attribute: false }, + iframeHeight: { type: Number }, + editedMessageObj: { type: Object }, + repliedToMessageObj: { type: Object }, + setChatEditor: { attribute: false }, + iframeId: { type: String }, + hasGlobalEvents: { type: Boolean }, + chatMessageSize: { type: Number }, + isEditMessageOpen: { type: Boolean }, + editor: { type: Object }, + theme: { type: String, reflect: true }, + toggleEnableChatEnter: { attribute: false }, + isEnabledChatEnter: { type: Boolean }, + openGifModal: { type: Boolean }, + setOpenGifModal: { attribute: false }, + chatId: { type: String }, + messageQueue: { type: Array } } } static get styles() { - return css` - :host { - position: relative; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: auto; - width: 100%; - overflow: hidden; - - } - * { - - --mdc-checkbox-unchecked-color: var(--black); - - } - .chatbar-container { - width: 100%; - display: flex; - height: auto; - overflow: hidden; - } - - .chatbar-caption { - border-bottom: 2px solid var(--mdc-theme-primary); - } - .privateMessageMargin { - margin-bottom: 12px; - } - .emoji-button { - width: 45px; - height: 40px; - padding-top: 4px; - border: none; - outline: none; - background: transparent; - cursor: pointer; - max-height: 40px; - color: var(--black); - margin-bottom: 5px; - } - - .message-size-container { - display: flex; - justify-content: flex-end; - width: 100%; - } - - .message-size { - font-family: Roboto, sans-serif; - font-size: 12px; - color: black; - } - - .paperclip-icon { - color: var(--paperclip-icon); - width: 25px; - } - - .paperclip-icon:hover { - cursor: pointer; - } - - .send-icon { - width: 30px; - margin-left: 5px; - transition: all 0.1s ease-in-out; - cursor: pointer; - } - - .send-icon:hover { - filter: brightness(1.1); - } - - .file-picker-container { - position: relative; - height: 25px; - width: 25px; - margin-bottom: 10px; - } - - .file-picker-input-container { - position: absolute; - top: 0px; - bottom: 0px; - left: 0px; - right: 0px; - z-index: 10; - opacity: 0; - overflow: hidden; - } - - input[type=file]::-webkit-file-upload-button { - cursor: pointer; - } - - .chatbar-container textarea { - display: none; - } - - .chatbar-container .chat-editor { - display: flex; - max-height: -webkit-fill-available; - width: 100%; - border-color: transparent; - margin: 0; - padding: 0; - border: none; - } - - .checkmark-icon { - width: 30px; - color: var(--mdc-theme-primary); - margin-bottom: 6px; - } - - .checkmark-icon:hover { - cursor: pointer; - } - - .element { - width: 100%; - max-height: 100%; - overflow: auto; - color: var(--black); - padding: 0px 10px; - height: 100%; - display: flex; - align-items: safe center; - } - .element::-webkit-scrollbar-track { - background-color: whitesmoke; - border-radius: 7px; - } - - .element::-webkit-scrollbar { - width: 6px; - border-radius: 7px; - background-color: whitesmoke; - } - - .element::-webkit-scrollbar-thumb { - background-color: rgb(180, 176, 176); - border-radius: 7px; - transition: all 0.3s ease-in-out; - } - - .element::-webkit-scrollbar-thumb:hover { - background-color: rgb(148, 146, 146); - cursor: pointer; - } - .ProseMirror:focus { - outline: none; - } - - .is-active { - background-color: var(--white) - } - - .ProseMirror > * + * { - margin-top: 0.75em; - outline: none; - } - - .ProseMirror ul, - ol { - padding: 0 1rem; - } - - .ProseMirror h1, - h2, - h3, - h4, - h5, - h6 { - line-height: 1.1; - } - - .ProseMirror code { - background-color: rgba(#616161, 0.1); - color: #616161; - } - - .ProseMirror pre { - background: #0D0D0D; - color: #FFF; - font-family: 'JetBrainsMono', monospace; - padding: 0.75rem 1rem; - border-radius: 0.5rem; - white-space: pre-wrap; - } - .ProseMirror pre code { - color: inherit; - padding: 0; - background: none; - font-size: 0.8rem; - } - - - .ProseMirror img { - width: 1.7em; - height: 1.5em; - margin: 0px; - - } - - .ProseMirror blockquote { - padding-left: 1rem; - border-left: 2px solid rgba(#0D0D0D, 0.1); - } - - .ProseMirror hr { - border: none; - border-top: 2px solid rgba(#0D0D0D, 0.1); - margin: 2rem 0; - } - .chatbar-button-single { - background: var(--white); - outline: none; - border: none; - color: var(--black); - padding: 4px; - border-radius: 5px; - cursor: pointer; - margin-right: 2px; - filter: brightness(100%); - transition: all 0.2s; - display: none; - } - .removeBg { - background: none; - } - - .chatbar-button-single label { - font-size: 13px; - } - .chatbar-button-single:hover { - filter: brightness(120%); - - } - - .chatbar-buttons { - margin-bottom: 5px; - flex-shrink: 0; - } - - .show-chatbar-buttons { - display: flex; - align-items: center; - justify-content: center; - } - :host(:hover) .chatbar-button-single { - - display: flex; - align-items: center; - justify-content: center; - } - .ProseMirror p.is-editor-empty:first-child::before { - color: #adb5bd; - content: attr(data-placeholder); - float: left; - height: 0; - pointer-events: none; -} -.ProseMirror p { - font-size: 18px; - margin-block-start: 0px; - margin-block-end: 0px; - overflow-wrap: anywhere; -} - -.ProseMirror { - width: 100%; - box-sizing: border-box; - word-break: break-word; -} - -.ProseMirror mark { - background-color: #ffe066; - border-radius: 0.25em; - box-decoration-break: clone; - padding: 0.125em 0; -} - -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - /* Preferred icon size */ - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - -} - -.material-symbols-outlined { - font-family: 'Material Icons Outlined'; - font-weight: normal; - font-style: normal; - font-size: 18px; /* Preferred icon size */ - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; -} -.hide-styling { - display: none; -} -mwc-checkbox::shadow, mdc-checkbox::after, mwc-checkbox::shadow, mdc-checkbox::before { - background-color: var(--mdc-theme-primary) - } - ` + return [chatTextEditorStyles] } constructor() { super() this.isLoadingMessages = true - this.isLoading = false - this.getMessageSize = this.getMessageSize.bind(this) - this.sendMessageFunc = this.sendMessageFunc.bind(this) - this.iframeHeight = 42 - this.chatMessageSize = 0 - this.userName = window.parent.reduxStore.getState().app.accountInfo.names[0] - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.editor = null - this.messageQueue = [] - + this.isLoading = false + this.getMessageSize = this.getMessageSize.bind(this) + this.sendMessageFunc = this.sendMessageFunc.bind(this) + this.iframeHeight = 42 + this.chatMessageSize = 0 + this.userName = window.parent.reduxStore.getState().app.accountInfo.names[0] + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.editor = null + this.messageQueue = [] } render() { return html` -
    -
    - - - - - - - -
    - ${this.iframeId === "_chatEditorDOM" ? html` -
    - - - { - if(e.target.checked){ - window.parent.reduxStore.dispatch( window.parent.reduxAction.removeAutoLoadImageChat(this.chatId)) - return - } - window.parent.reduxStore.dispatch( window.parent.reduxAction.addAutoLoadImageChat(this.chatId)) - - }} ?checked=${(window.parent.reduxStore.getState().app?.autoLoadImageChats || []).includes(this.chatId)}> -
    - ` : ''} - -
    -
    - -
    { - this.preventUserSendingImage(e) - }}> - - -
    - -
    -
    - -
    - - ${this.editedMessageObj ? ( - html` -
    - ${this.isLoading === false ? html` - { - this.sendMessageFunc(this.messageQueue); - }} - > - - ` : - html` - - `} -
    - ` - ) : - html` -
    - ${this.isLoading === false ? html` - send-icon { - this.sendMessageFunc(this.messageQueue); - }} - /> - ` : - html` - - `} -
    - ` - } -
    - ${this.chatMessageSize >= 750 ? - html` -
    -
    - ${`Your message size is of ${this.chatMessageSize} bytes out of a maximum of 4000`} -
    -
    - ` : - html``} -
    +
    +
    + + + + + + +
    + ${this.iframeId === "_chatEditorDOM" ? + html` +
    + + { + if (e.target.checked) { + window.parent.reduxStore.dispatch(window.parent.reduxAction.removeAutoLoadImageChat(this.chatId)) + return + } + window.parent.reduxStore.dispatch(window.parent.reduxAction.addAutoLoadImageChat(this.chatId)) + }} + ?checked=${(window.parent.reduxStore.getState().app?.autoLoadImageChats || []).includes(this.chatId)} + > + +
    + ` + : '' + } +
    +
    +
    {this.preventUserSendingImage(e)}}> + +
    + +
    +
    + +
    + + ${this.editedMessageObj ? + (html` +
    + ${this.isLoading === false + ? html` + {this.sendMessageFunc(this.messageQueue)}}> + ` : html` + + ` + } +
    + `) : html` +
    + ${this.isLoading === false + ? html` + send-icon {this.sendMessageFunc(this.messageQueue)}} /> + ` : html` + + ` + } +
    + ` + } +
    + ${this.chatMessageSize >= 750 ? + html` +
    +
    + ${`Your message size is of ${this.chatMessageSize} bytes out of a maximum of 4000`} +
    +
    + ` + : html`` + } ` } - preventUserSendingImage(e) { - if (!this.userName) { - e.preventDefault(); - parentEpml.request('showSnackBar', get("chatpage.cchange27")); - } - } - - async handlePasteEvent(e) { - if (e.type === 'paste') { - e.preventDefault(); - const item_list = await navigator.clipboard.read(); - let image_type; // we will feed this later - const item = item_list.find( item => // choose the one item holding our image - item.types.some( type => { - if (type.startsWith( 'image/')) { - image_type = type; - return true; - } - }) - ); - if(item){ - const blob = item && await item.getType( image_type ); - var file = new File([blob], "name", { - type: image_type - }); - this.insertFile(file); - } - } - } - async firstUpdated() { - window.addEventListener('storage', () => { - const checkTheme = localStorage.getItem('qortalTheme'); - const chatbar = this.shadowRoot.querySelector('.element') - if (checkTheme === 'dark') { - this.theme = 'dark' - chatbar.style.cssText = "color:#ffffff;" + window.addEventListener('storage', () => { + const checkTheme = localStorage.getItem('qortalTheme') + const chatbar = this.shadowRoot.querySelector('.element') - } else { - this.theme = 'light' - chatbar.style.cssText = "color:#080808;" + if (checkTheme === 'dark') { + this.theme = 'dark' + chatbar.style.cssText = "color:#ffffff;" - } - }) + } else { + this.theme = 'light' + chatbar.style.cssText = "color:#080808;" - this.emojiPickerHandler = this.shadowRoot.querySelector('.emoji-button'); - this.mirrorChatInput = this.shadowRoot.getElementById('messageBox'); - this.chatMessageInput = this.shadowRoot.querySelector('.element') + } + }) - this.emojiPicker = new EmojiPicker({ - style: "twemoji", - twemojiBaseUrl: '/emoji/', - showPreview: false, - showVariants: false, - showAnimation: false, - position: 'top-start', - boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px', - zIndex: 100 + this.emojiPickerHandler = this.shadowRoot.querySelector('.emoji-button') + this.mirrorChatInput = this.shadowRoot.getElementById('messageBox') + this.chatMessageInput = this.shadowRoot.querySelector('.element') - }); + this.emojiPicker = new EmojiPicker({ + style: "twemoji", + twemojiBaseUrl: '/emoji/', + showPreview: false, + showVariants: false, + showAnimation: false, + position: 'top-start', + boxShadow: 'rgba(4, 4, 5, 0.15) 0px 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 8px 16px 0px', + zIndex: 100 - this.emojiPicker.on('emoji', selection => { + }) - this.editor.commands.insertContent(selection.emoji, { - parseOptions: { - preserveWhitespace: false - } - }) - }); + this.emojiPicker.on('emoji', selection => { + this.editor.commands.insertContent(selection.emoji, { + parseOptions: { + preserveWhitespace: false + } + }) + }) + this.emojiPickerHandler.addEventListener('click', () => this.emojiPicker.togglePicker(this.emojiPickerHandler)) - this.emojiPickerHandler.addEventListener('click', () => this.emojiPicker.togglePicker(this.emojiPickerHandler)); - - await this.updateComplete; - // this.initChatEditor(); + await this.updateComplete } - async updated(changedProperties) { - if (changedProperties && changedProperties.has('editedMessageObj')) { - if (this.editedMessageObj) { - this.editor.commands.setContent(this.editedMessageObj.message) - this.getMessageSize(this.editedMessageObj.message); - } else { - this.chatMessageSize = 0; - } - } - if (changedProperties && changedProperties.has('placeholder') && this.updatePlaceholder && this.editor) { - this.updatePlaceholder(this.editor, this.placeholder ) - } + preventUserSendingImage(e) { + if (!this.userName) { + e.preventDefault() + parentEpml.request('showSnackBar', get("chatpage.cchange27")) + } + } - if (changedProperties && changedProperties.has("imageFile")) { - this.chatMessageInput = "newChat"; - } - } + async handlePasteEvent(e) { + if (e.type === 'paste') { + e.preventDefault() - shouldUpdate(changedProperties) { - // Only update element if prop1 changed. - return !(changedProperties.has('setChatEditor') && changedProperties.size === 1); + const item_list = await navigator.clipboard.read() - } + let image_type // we will feed this later - sendMessageFunc(props) { - if(this.editor.isEmpty && (this.iframeId !== 'newChat' && this.iframeId !== 'newAttachmentChat')) return - this.getMessageSize(this.editor.getJSON()) - if (this.chatMessageSize > 4000 ) { - parentEpml.request('showSnackBar', get("chatpage.cchange29")); - return; - } - this.chatMessageSize = 0; - this._sendMessage(props, this.editor.getJSON(), this.messageQueue); - } + const item = item_list.find(item => // choose the one item holding our image + item.types.some(type => { + if (type.startsWith('image/')) { + image_type = type + return true + } + }) + ) - getMessageSize(message){ - try { + if (item) { + const blob = item && await item.getType(image_type) - const trimmedMessage = message - let messageObject = {}; + var file = new File([blob], "name", { + type: image_type + }) - if (this.repliedToMessageObj) { - let chatReference = this.repliedToMessageObj.signature; - if (this.repliedToMessageObj.chatReference) { - chatReference = this.repliedToMessageObj.chatReference; - } - messageObject = { - messageText: trimmedMessage, - images: [''], - repliedTo: chatReference, - version: 3 - } - } else if (this.editedMessageObj) { - let message = ""; - try { - message = JSON.parse(this.editedMessageObj.decodedMessage); - } catch (error) { - message = this.messageObj.decodedMessage - } - messageObject = { - ...message, - messageText: trimmedMessage, - } - } else if(this.imageFile && this.iframeId === 'newChat') { - messageObject = { - messageText: trimmedMessage, - images: [{ - service: "QCHAT_IMAGE", - name: '123456789123456789123456789', - identifier: '123456' - }], - repliedTo: '', - version: 3 - }; - } else if (this.attachment && this.iframeId === 'newAttachmentChat') { - messageObject = { - messageText: trimmedMessage, - attachments: [{ - service: "QCHAT_ATTACHMENT", - name: '123456789123456789123456789', - identifier: '123456', - attachmentName: "123456789123456789123456789", - attachmentSize: "123456" - }], - repliedTo: '', - version: 2 - }; - } else { - messageObject = { - messageText: trimmedMessage, - images: [''], - repliedTo: '', - version: 3 - }; - } + this.insertFile(file) + } + } + } - const stringified = JSON.stringify(messageObject); - this.chatMessageSize = new Blob([stringified]).size; - } catch (error) { - console.error(error) - } + async updated(changedProperties) { + if (changedProperties && changedProperties.has('editedMessageObj')) { + if (this.editedMessageObj) { + this.editor.commands.setContent(this.editedMessageObj.message) + this.getMessageSize(this.editedMessageObj.message) + } else { + this.chatMessageSize = 0 + } + } - } + if (changedProperties && changedProperties.has('placeholder') && this.updatePlaceholder && this.editor) { + this.updatePlaceholder(this.editor, this.placeholder) + } + if (changedProperties && changedProperties.has("imageFile")) { + this.chatMessageInput = "newChat" + } + } + shouldUpdate(changedProperties) { + // Only update element if prop1 changed. + if (changedProperties.has('setChatEditor') && changedProperties.size === 1) return false + return true + } + + sendMessageFunc(props) { + if (this.editor.isEmpty && (this.iframeId !== 'newChat' && this.iframeId !== 'newAttachmentChat')) return + + this.getMessageSize(this.editor.getJSON()) + + if (this.chatMessageSize > 4000) { + parentEpml.request('showSnackBar', get("chatpage.cchange29")) + return + } + + this.chatMessageSize = 0 + this._sendMessage(props, this.editor.getJSON(), this.messageQueue) + } + + getMessageSize(message) { + try { + const trimmedMessage = message + let messageObject = {} + + if (this.repliedToMessageObj) { + let chatReference = this.repliedToMessageObj.signature + + if (this.repliedToMessageObj.chatReference) { + chatReference = this.repliedToMessageObj.chatReference + } + + messageObject = { + messageText: trimmedMessage, + images: [''], + repliedTo: chatReference, + version: 3 + } + } else if (this.editedMessageObj) { + let message = '' + + try { + const parsedMessageObj = JSON.parse(this.editedMessageObj.decodedMessage) + message = parsedMessageObj + } catch (error) { + message = this.messageObj.decodedMessage + } + + messageObject = { + ...message, + messageText: trimmedMessage, + } + } else if (this.imageFile && this.iframeId === 'newChat') { + messageObject = { + messageText: trimmedMessage, + images: [{ + service: "QCHAT_IMAGE", + name: '123456789123456789123456789', + identifier: '123456' + }], + repliedTo: '', + version: 3 + } + } else if (this.attachment && this.iframeId === 'newAttachmentChat') { + messageObject = { + messageText: trimmedMessage, + attachments: [{ + service: "QCHAT_ATTACHMENT", + name: '123456789123456789123456789', + identifier: '123456', + attachmentName: "123456789123456789123456789", + attachmentSize: "123456" + }], + repliedTo: '', + version: 2 + } + } else { + messageObject = { + messageText: trimmedMessage, + images: [''], + repliedTo: '', + version: 3 + } + } + + const stringified = JSON.stringify(messageObject) + const size = new Blob([stringified]).size + + this.chatMessageSize = size + } catch (error) { + console.error(error) + } + + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define("chat-text-editor", ChatTextEditor) +window.customElements.define('chat-text-editor', ChatTextEditor) diff --git a/plugins/plugins/core/components/ChatWelcomePage.js b/plugins/plugins/core/components/ChatWelcomePage.js index aab8640b..6aa9413e 100644 --- a/plugins/plugins/core/components/ChatWelcomePage.js +++ b/plugins/plugins/core/components/ChatWelcomePage.js @@ -1,503 +1,338 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { chatWelcomePageStyles } from './plugins-css' import isElectron from 'is-electron' - import '@material/mwc-icon' import '@material/mwc-button' import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ChatWelcomePage extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - myAddress: { type: Object, reflect: true }, - messages: { type: Array }, - btnDisable: { type: Boolean }, - isLoading: { type: Boolean }, - balance: { type: Number }, - theme: { type: String, reflect: true }, - setOpenPrivateMessage: { attribute: false } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - } - - @keyframes moveInBottom { - 0% { - opacity: 0; - transform: translateY(30px); - } - - 100% { - opacity: 1; - transform: translate(0); - } - } - - paper-spinner-lite{ - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } - - .welcome-title { - display: block; - overflow: hidden; - font-size: 40px; - color: var(--black); - font-weight: 400; - text-align: center; - white-space: pre-wrap; - overflow-wrap: break-word; - word-break: break-word; - cursor: inherit; - margin-top: 2rem; - } - - .sub-main { - position: relative; - text-align: center; - } - - .center-box { - position: absolute; - top: 45%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } - - .img-icon { - font-size: 150px; - color: var(--black); - } - - .start-chat { - display: inline-flex; - flex-direction: column; - justify-content: center; - align-content: center; - border: none; - border-radius: 20px; - padding-left: 25px; - padding-right: 25px; - color: var(--white); - background: var(--tradehead); - width: 50%; - font-size: 17px; - cursor: pointer; - height: 50px; - margin-top: 1rem; - text-transform: uppercase; - text-decoration: none; - transition: all .2s; - position: relative; - animation: moveInBottom .3s ease-out .50s; - animation-fill-mode: backwards; - } - - .start-chat:hover { - transform: translateY(-3px); - box-shadow: 0 10px 20px rgba(0, 0, 0, .2); - } - - .start-chat::after { - content: ""; - display: inline-flex; - height: 100%; - width: 100%; - border-radius: 100px; - position: absolute; - top: 0; - left: 0; - z-index: -1; - transition: all .4s; - } - - .red { - --mdc-theme-primary: red; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - .details { - display: flex; - font-size: 18px; - } - - .title { - font-weight:600; - font-size:12px; - line-height: 32px; - opacity: 0.66; - } - - .input { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - resize: none; - background: #eee; - } - - .textarea { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - height: 120px; - resize: none; - background: #eee; - } - ` - } - - constructor() { - super() - this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress.address - this.myAddress = {} - this.balance = 1 - this.messages = [] - this.btnDisable = false - this.isLoading = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` -
    -
    - ${translate("welcomepage.wcchange1")} -
    -
    -
    -
    - chat
    - ${this.myAddress.address} -
    - ${translate("welcomepage.wcchange2")} -
    -
    -
    - - - -
    -

    ${translate("welcomepage.wcchange2")}

    -
    -
    - -

    ${translate("welcomepage.wcchange3")}

    - - -

    - -

    - - { - this._sendMessage(); - } - }> - ${translate("welcomepage.wcchange6")} - - ${translate("general.close")} - -     -
    - ` - } - - firstUpdated() { - this.changeTheme() - this.changeLanguage() - - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - - const stopKeyEventPropagation = (e) => { - e.stopPropagation() - return false - } - - this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation); - this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation); - - const getDataFromURL = () => { - let tempUrl = document.location.href - let splitedUrl = decodeURI(tempUrl).split('?') - let urlData = splitedUrl[1] - if (urlData !== undefined) { - this.chatId = urlData - } - } - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - - }) - - parentEpml.imReady() - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - _sendMessage() { - this.isLoading = true; - const recipient = this.shadowRoot.getElementById('sendTo').value; - const messageBox = this.shadowRoot.getElementById('messageBox'); - const messageText = messageBox.value; - - if (recipient.length === 0) { - this.isLoading = false; - } else if (messageText.length === 0) { - this.isLoading = false; - } else { - this.sendMessage(); - } - } - - async sendMessage() { - this.isLoading = true; - const _recipient = this.shadowRoot.getElementById('sendTo').value; - const messageBox = this.shadowRoot.getElementById('messageBox'); - const messageText = messageBox.value; - let recipient; - - const validateName = async (receiverName) => { - let myRes; - let myNameRes = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${receiverName}` - }); - if (myNameRes.error === 401) { - myRes = false; - } else { - myRes = myNameRes; - } - return myRes; - }; - - const myNameRes = await validateName(_recipient); - - if (!myNameRes) { - recipient = _recipient; - } else { - recipient = myNameRes.owner; - } - - let _reference = new Uint8Array(64); - window.crypto.getRandomValues(_reference); - - let sendTimestamp = Date.now(); - - let reference = window.parent.Base58.encode(_reference); - - const getAddressPublicKey = async () => { - let isEncrypted; - let _publicKey; - - let addressPublicKey = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${recipient}` - }) - - if (addressPublicKey.error === 102) { - _publicKey = false; - // Do something here... - let err1string = get("welcomepage.wcchange7"); - parentEpml.request('showSnackBar', `${err1string}`); - this.isLoading = false; - } else if (addressPublicKey !== false) { - isEncrypted = 1; - _publicKey = addressPublicKey; - await sendMessageRequest(isEncrypted, _publicKey); - } else { - isEncrypted = 0; - _publicKey = this.selectedAddress.address; - await sendMessageRequest(isEncrypted, _publicKey); - } - }; - - const sendMessageRequest = async (isEncrypted, _publicKey) => { - const messageObject = { - messageText, - images: [''], - repliedTo: '', - version: 3 - }; - const stringifyMessageObject = JSON.stringify(messageObject); - let chatResponse = await parentEpml.request('chat', { - type: 18, - nonce: this.selectedAddress.nonce, - params: { - timestamp: sendTimestamp, - recipient: recipient, - recipientPublicKey: _publicKey, - hasChatReference: 0, - message: stringifyMessageObject, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: isEncrypted, - isText: 1 - } - }) - await _computePow(chatResponse) - } - - const _computePow = async (chatBytes) => { - - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); - const chatBytesArray = new Uint8Array(_chatBytesArray) - const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result - const hashPtr = window.parent.sbrk(32, window.parent.heap); - const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); - - const difficulty = this.balance < 4 ? 18 : 8; - - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap); - - let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) - - let _response = await parentEpml.request('sign_chat', { - nonce: this.selectedAddress.nonce, - chatBytesArray: chatBytesArray, - chatNonce: nonce - }) - - getSendChatResponse(_response) - } - - const getSendChatResponse = (response) => { - - if (response === true) { - messageBox.value = "" - let err2string = get("welcomepage.wcchange8") - parentEpml.request('showSnackBar', `${err2string}`) - this.isLoading = false - } else if (response.error) { - parentEpml.request('showSnackBar', response.message) - this.isLoading = false - } else { - let err3string = get("welcomepage.wcchange9") - parentEpml.request('showSnackBar', `${err3string}`) - this.isLoading = false - } - - } - await getAddressPublicKey() - } - - _textArea(e) { - if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + myAddress: { type: Object, reflect: true }, + messages: { type: Array }, + btnDisable: { type: Boolean }, + isLoading: { type: Boolean }, + balance: { type: Number }, + theme: { type: String, reflect: true }, + setOpenPrivateMessage: { attribute: false } + } + } + + static get styles() { + return [chatWelcomePageStyles] + } + + constructor() { + super() + this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.myAddress = {} + this.balance = 1 + this.messages = [] + this.btnDisable = false + this.isLoading = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + return html` +
    +
    + ${translate("welcomepage.wcchange1")} +
    +
    +
    +
    + chat
    + ${this.myAddress.address} +
    + ${translate("welcomepage.wcchange2")} +
    +
    +
    + + +
    +

    ${translate("welcomepage.wcchange2")}

    +
    +
    +

    ${translate("welcomepage.wcchange3")}

    + +

    + +

    + {this._sendMessage();}}> + ${translate("welcomepage.wcchange6")} + + + ${translate("general.close")} + +     +
    + ` + } + + firstUpdated() { + this.changeTheme() + this.changeLanguage() + + const stopKeyEventPropagation = (e) => { + e.stopPropagation() + return false + } + + this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation) + this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) + + const getDataFromURL = () => { + let tempUrl = document.location.href + let splitedUrl = decodeURI(tempUrl).split('?') + let urlData = splitedUrl[1] + if (urlData !== undefined) { + this.chatId = urlData + } + } + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + + }) + + parentEpml.imReady() + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + _sendMessage() { + this.isLoading = true; + const recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value + + if (recipient.length === 0) { + this.isLoading = false + } else if (messageText.length === 0) { + this.isLoading = false + } else { + this.sendMessage() + } + } + + async sendMessage() { + this.isLoading = true + + const _recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value + + let recipient + + const validateName = async (receiverName) => { + let myRes; + let myNameRes = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}` + }); + if (myNameRes.error === 401) { + myRes = false; + } else { + myRes = myNameRes + } + return myRes + } + + const myNameRes = await validateName(_recipient) + + if (!myNameRes) { + recipient = _recipient + } else { + recipient = myNameRes.owner + } + + let _reference = new Uint8Array(64) + + window.crypto.getRandomValues(_reference) + + let sendTimestamp = Date.now() + + let reference = window.parent.Base58.encode(_reference) + + const getAddressPublicKey = async () => { + let isEncrypted + let _publicKey + + let addressPublicKey = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${recipient}` + }) + + if (addressPublicKey.error === 102) { + _publicKey = false + // Do something here... + let err1string = get("welcomepage.wcchange7") + parentEpml.request('showSnackBar', `${err1string}`) + this.isLoading = false + } else if (addressPublicKey !== false) { + isEncrypted = 1 + _publicKey = addressPublicKey + await sendMessageRequest(isEncrypted, _publicKey) + } else { + isEncrypted = 0 + _publicKey = this.selectedAddress.address + await sendMessageRequest(isEncrypted, _publicKey) + } + } + + const sendMessageRequest = async (isEncrypted, _publicKey) => { + const messageObject = { + messageText, + images: [''], + repliedTo: '', + version: 3 + } + const stringifyMessageObject = JSON.stringify(messageObject) + let chatResponse = await parentEpml.request('chat', { + type: 18, + nonce: this.selectedAddress.nonce, + params: { + timestamp: sendTimestamp, + recipient: recipient, + recipientPublicKey: _publicKey, + hasChatReference: 0, + message: stringifyMessageObject, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: isEncrypted, + isText: 1 + } + }) + await _computePow(chatResponse) + } + + const _computePow = async (chatBytes) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result + const hashPtr = window.parent.sbrk(32, window.parent.heap) + const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) + + hashAry.set(chatBytesHash) + + const difficulty = this.balance < 4 ? 18 : 8 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) + + let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) + + let _response = await parentEpml.request('sign_chat', { + nonce: this.selectedAddress.nonce, + chatBytesArray: chatBytesArray, + chatNonce: nonce + }) + + getSendChatResponse(_response) + } + + const getSendChatResponse = (response) => { + if (response === true) { + messageBox.value = "" + let err2string = get("welcomepage.wcchange8") + parentEpml.request('showSnackBar', `${err2string}`) + this.isLoading = false + } else if (response.error) { + parentEpml.request('showSnackBar', response.message) + this.isLoading = false + } else { + let err3string = get("welcomepage.wcchange9") + parentEpml.request('showSnackBar', `${err3string}`) + this.isLoading = false + } + + } + await getAddressPublicKey() + } + + _textArea(e) { + if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('chat-welcome-page', ChatWelcomePage) +window.customElements.define('chat-welcome-page', ChatWelcomePage) \ No newline at end of file diff --git a/plugins/plugins/core/components/ImageComponent.js b/plugins/plugins/core/components/ImageComponent.js index 7b1ae1fd..81594f46 100644 --- a/plugins/plugins/core/components/ImageComponent.js +++ b/plugins/plugins/core/components/ImageComponent.js @@ -1,121 +1,124 @@ -import {css, html, LitElement} from 'lit'; -import {translate,} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { imageComponentStyles } from './plugins-css' + +// Multi language support +import { translate } from '../../../../core/translate' export class ImageComponent extends LitElement { - static get properties() { - return { - class: { type: String }, - gif: { type: Object }, - alt: { type: String }, - attempts: { type: Number }, - maxAttempts: { type: Number }, - error: { type: Boolean }, - sendMessage: { attribute: false }, - setOpenGifModal: { attribute: false }, - }; - } + static get properties() { + return { + class: { type: String }, + gif: { type: Object }, + alt: { type: String }, + attempts: { type: Number }, + maxAttempts: { type: Number }, + error: { type: Boolean }, + sendMessage: { attribute: false }, + setOpenGifModal: { attribute: false } + } + } - static get styles() { - return css` - .gif-error-msg { - margin: 0; - font-family: Roboto, sans-serif; - font-size: 17px; - letter-spacing: 0.3px; - color: var(--chat-bubble-msg-color); - font-weight: 300; - padding: 10px 10px; - } + static get styles() { + return [imageComponentStyles] + } - .gif-image { - border-radius: 15px; - background-color: transparent; - cursor: pointer; - width: 100%; - height: 150px; - object-fit: cover; - border: 1px solid transparent; - transition: all 0.2s cubic-bezier(0, 0.55, 0.45, 1); - box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, - rgb(0 0 0 / 30%) 0px 3px 7px -3px; - } + constructor() { + super() + this.attempts = 0 + this.maxAttempts = 5 + } - .gif-image:hover { - border: 1px solid var(--mdc-theme-primary); - } - `; - } + render() { + if (this.error && this.attempts <= this.maxAttempts) { + setTimeout(() => { + this._fetchImage() + }, 1000) + } - constructor() { - super(); - this.attempts = 0; - this.maxAttempts = 5; - } - getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - return myNode.apiKey - } - - async _fetchImage() { - this.attempts++; - if (this.attempts > this.maxAttempts) return; - await new Promise((res) => { - setTimeout(() => { - res(); - }, 1000); - }); - try { - const response = await fetch(this.gif.url); - const data = await response.json(); - if (data.ok) { - this.error = false; - this.gif = { - ...this.gif, - url: data.src, - }; - this.requestUpdate(); - } else this.error = !data.ok || data.error; - } catch (error) { - this.error = true; - console.error(error); - await this._fetchImage(); - } - } - - render() { - if (this.error && this.attempts <= this.maxAttempts) { - setTimeout(() => { - this._fetchImage(); - }, 1000); - } - return html` ${this.gif && !this.error - ? html` ${this.alt} { - this.sendMessage({ - type: 'gif', - identifier: this.gif.identifier, - name: this.gif.name, - filePath: this.gif.filePath, - service: 'GIF_REPOSITORY', - }); - this.setOpenGifModal(false); - }} - @error=${this._fetchImage} - />` - : this.error && this.attempts <= this.maxAttempts - ? html` -

    ${translate('gifs.gchange15')}

    - ` - : html` + return html` + ${this.gif && !this.error ? + html` + ${this.alt} { + this.sendMessage({ + type: 'gif', + identifier: this.gif.identifier, + name: this.gif.name, + filePath: this.gif.filePath, + service: 'GIF_REPOSITORY' + }); + this.setOpenGifModal(false); + }} + @error=${this._fetchImage} + /> + ` + : this.error && this.attempts <= this.maxAttempts ? + html` +

    ${translate('gifs.gchange15')}

    + ` + : html`

    ${translate('gifs.gchange16')}

    - `}`; - } + ` + } + ` + } + + async _fetchImage() { + this.attempts++ + + if (this.attempts > this.maxAttempts) return + + await new Promise((res) => { + setTimeout(() => { + res() + }, 1000) + }) + + try { + const response = await fetch(this.gif.url) + const data = await response.json() + + if (data.ok) { + this.error = false + + this.gif = { + ...this.gif, + url: data.src + } + + this.requestUpdate() + } else { + this.error = !data.ok || data.error + } + } catch (error) { + this.error = true + console.error(error) + + await this._fetchImage() + } + } + + firstUpdated() { + // ... + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('image-component', ImageComponent); +window.customElements.define('image-component', ImageComponent) diff --git a/plugins/plugins/core/components/LevelFounder.js b/plugins/plugins/core/components/LevelFounder.js index 51d616a5..8443c9f3 100644 --- a/plugins/plugins/core/components/LevelFounder.js +++ b/plugins/plugins/core/components/LevelFounder.js @@ -1,152 +1,98 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import {translate} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { RequestQueue } from '../../utils/classes' +import { levelFounderStyles } from './plugins-css' import '@polymer/paper-tooltip/paper-tooltip.js' -import {RequestQueue} from '../../utils/queue.js' + +// Multi language support +import { translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - const queue = new RequestQueue(3); - +const queue = new RequestQueue(3) class LevelFounder extends LitElement { - static get properties() { - return { - checkleveladdress: { type: String }, - config: { type: Object }, - memberInfo: { type: Array } - } - } + static get properties() { + return { + checkleveladdress: { type: String }, + memberInfo: { type: Array } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-dialog-content-ink-color: var(--black); - --mdc-theme-surface: var(--white); - --mdc-theme-text-primary-on-background: var(--black); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - } + static get styles() { + return [levelFounderStyles] + } - h2 { - margin:0; - } + constructor() { + super() + this.memberInfo = [] + } - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } + render() { + return html` +
    + ${this.renderFounder()} + ${this.renderLevel()} +
    + ` + } - .custom { - --paper-tooltip-background: #03a9f4; - --paper-tooltip-text-color: #fff; - } + firstUpdated() { + queue.push(() => this.checkAddressInfo()) + } - .level-img-tooltip { - --paper-tooltip-background: #000000; - --paper-tooltip-text-color: #fff; - --paper-tooltip-delay-in: 300; - --paper-tooltip-delay-out: 3000; - } + async checkAddressInfo() { + try { + let toCheck = this.checkleveladdress - .message-data { - display: flex; - justify-content: center; - align-items: center; - gap: 5px; - } - - .message-data-level { - width: 20px; - height: 20px; - } - - - .badge { - align-items: center; - background: rgb(3, 169, 244); - border: 1px solid transparent; - border-radius: 50%; - color: rgb(255, 255, 255); - display: flex; - font-size: 10px; - font-weight: 400; - height: 12px; - width: 12px; - justify-content: center; - cursor: pointer; - } - ` - } - - constructor() { - super() - this.memberInfo = [] - } - - render() { - return html` -
    - ${this.renderFounder()} - ${this.renderLevel()} -
    - ` - } - - firstUpdated() { - queue.push(() => this.checkAddressInfo()); - } - - async checkAddressInfo() { - try { - let toCheck = this.checkleveladdress this.memberInfo = await parentEpml.request('apiCall', { url: `/addresses/${toCheck}` }) - } catch (error) { - console.error(error) - } + } catch (error) { + console.error(error) + } + } - } + renderFounder() { + let adressfounder = this.memberInfo.flags - renderFounder() { - let adressfounder = this.memberInfo.flags - if (adressfounder === 1) { - return html` - F - FOUNDER - ` - } else { - return html`` - } - } + if (adressfounder === 1) { + return html` + F + FOUNDER + ` + } else { + return html`` + } + } - renderLevel() { - let adresslevel = this.memberInfo.level - return adresslevel ? html` - ${`badge-${adresslevel}`} - - ${translate("mintingpage.mchange27")} ${adresslevel} - - ` : '' - } + renderLevel() { + let adresslevel = this.memberInfo.level - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + return adresslevel ? + html` + ${`badge-${adresslevel}`} + + ${translate("mintingpage.mchange27")} ${adresslevel} + + ` + : '' + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('level-founder', LevelFounder) diff --git a/plugins/plugins/core/components/NameMenu.js b/plugins/plugins/core/components/NameMenu.js index 0ac661c7..82c07731 100644 --- a/plugins/plugins/core/components/NameMenu.js +++ b/plugins/plugins/core/components/NameMenu.js @@ -1,610 +1,476 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import snackbar from './snackbar.js' -import {get, translate} from '../../../../core/translate' -import '@material/mwc-snackbar' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { nameMenuStyles } from './plugins-css' +import snackbar from './snackbar' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-icon' +import '@material/mwc-snackbar' import '@polymer/paper-tooltip/paper-tooltip.js' import '@polymer/paper-spinner/paper-spinner-lite.js' +// Multi language support +import { get, translate } from '../../../../core/translate' + const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class NameMenu extends LitElement { - static get properties() { - return { - toblockaddress: { type: String, attribute: true }, - nametodialog: { type: String, attribute: true }, - chatBlockedAdresses: { type: Array }, - selectedAddress: { type: Object }, - config: { type: Object }, - myAddress: { type: Object, reflect: true }, - messages: { type: Array }, - btnDisable: { type: Boolean }, - isLoading: { type: Boolean }, - balance: { type: Number } - } - } + static get properties() { + return { + toblockaddress: { type: String, attribute: true }, + nametodialog: { type: String, attribute: true }, + chatBlockedAdresses: { type: Array }, + selectedAddress: { type: Object }, + config: { type: Object }, + myAddress: { type: Object, reflect: true }, + messages: { type: Array }, + btnDisable: { type: Boolean }, + isLoading: { type: Boolean }, + balance: { type: Number } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-dialog-content-ink-color: var(--black); - --mdc-theme-surface: var(--white); - --mdc-theme-text-primary-on-background: var(--black); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - } + static get styles() { + return [nameMenuStyles] + } - a { - background-color: transparent; - color: var(--black); - text-decoration: none; - display: inline; - position: relative; - } + constructor() { + super() + this.chatBlockedAdresses = [] + this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.myAddress = {} + this.balance = 1 + this.messages = [] + this.btnDisable = false + this.isLoading = false + } - a:hover { - background-color: transparent; - color: var(--black); - text-decoration: none; - display: inline; - position: relative; - } + render() { + return html` +
    + ${this.nametodialog} + ${translate("blockpage.bcchange7")} +
    + ${this.nametodialog} +
    + ${translate("blockpage.bcchange1")} + ${translate("blockpage.bcchange8")} + ${translate("blockpage.bcchange9")} + ${translate("general.close")} +
    +
    + +
    +

    ${translate("blockpage.bcchange5")}

    +
    +

    ${translate("blockpage.bcchange6")}


    +

    ${this.nametodialog}

    +
    + + ${translate("general.yes")} + + + ${translate("general.no")} + +     + +
    +

    ${translate("welcomepage.wcchange2")}

    +
    +
    +

    ${translate("welcomepage.wcchange3")}

    + +

    + +

    + {this._sendMessage();}}> + ${translate("welcomepage.wcchange6")} + + + ${translate("general.close")} + +     + ` + } - a:after { - content: ''; - position: absolute; - width: 100%; - transform: scaleX(0); - height: 2px; - bottom: 0; - left: 0; - background-color: #03a9f4; - transform-origin: bottom right; - transition: transform 0.25s ease-out; - } + firstUpdated() { + this.getChatBlockedAdresses() - a:hover:after { - transform: scaleX(1); - transform-origin: bottom left; - } + setInterval(() => { + this.getChatBlockedAdresses() + }, 60000) - .block { - } + window.onclick = function (event) { + if (!event.target.matches('.block')) { + var dropdowns = document.getElementsByClassName('dropdown-content') + var i; + for (i = 0; i < dropdowns.length; i++) { + var openDropdown = dropdowns[i] + if (openDropdown.classList.contains('showList')) { + openDropdown.classList.remove('showList') + } + } + } + } - .red { - --mdc-theme-primary: red; - } + const stopKeyEventPropagation = (e) => { + e.stopPropagation() + return false + } - h2 { - margin:0; - } + this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation) + this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } + const getDataFromURL = () => { + let tempUrl = document.location.href + let splitedUrl = decodeURI(tempUrl).split('?') + let urlData = splitedUrl[1] + if (urlData !== undefined) { + this.chatId = urlData + } + } - .custom { - --paper-tooltip-background: #03a9f4; - --paper-tooltip-text-color: #fff; - } + let configLoaded = false - .dropdown { - position: relative; - display: inline; - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - .dropdown a:hover { - background-color: transparent; - } + }) - .dropdown-content { - display: none; - position: absolute; - bottom: 25px; - left: 10px; - background-color: var(--white); - min-width: 200px; - overflow: auto; - border: 1px solid transparent; - border-radius: 10px; - box-shadow: var(--qchatshadow); - z-index: 1; - } + parentEpml.imReady() + } - .dropdown-content span { - color: var(--nav-text-color); - text-align: center; - padding-top: 12px; - display: block; - } + myMenu() { + this.shadowRoot.getElementById('myDropdown').classList.toggle('showList') + this.shadowRoot.querySelector('#blockNameDialog').close() + this.shadowRoot.querySelector('#startPmDialog').close() + } - .dropdown-content a { - color: var(--nav-text-color); - padding: 12px 12px; - text-decoration: none; - display: block; - } + closeMenu() { + this.shadowRoot.getElementById('myDropdown').classList.toggle('showList') - .dropdown-content a:hover { - background-color: var(--nav-color-hover); - } + var dropdowns = document.getElementsByClassName('dropdown-content'); + var i - .showList { - display: block; - } + for (i = 0; i < dropdowns.length; i++) { + var openDropdown = dropdowns[i] + if (openDropdown.classList.contains('showList')) { + openDropdown.classList.remove('showList') + } + } + } - .input { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - resize: none; - background: #eee; - } + async copyToClipboard(text) { + try { + let copyString1 = get("walletpage.wchange4") + await navigator.clipboard.writeText(text) + parentEpml.request('showSnackBar', `${copyString1}`) + this.closeMenu() + } catch (err) { + let copyString2 = get("walletpage.wchange39") + parentEpml.request('showSnackBar', `${copyString2}`) + console.error('Copy to clipboard error:', err) + this.closeMenu() + } + } - .textarea { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - height: 120px; - resize: none; - background: #eee; - } - ` - } + relMessages() { + setTimeout(() => { + window.location.href = window.location.href.split('#')[0] + }, 500) + } - constructor() { - super() - this.chatBlockedAdresses = [] - this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress.address - this.myAddress = {} - this.balance = 1 - this.messages = [] - this.btnDisable = false - this.isLoading = false - } - - render() { - return html` -
    - ${this.nametodialog} - ${translate("blockpage.bcchange7")} -
    - ${this.nametodialog} -
    - ${translate("blockpage.bcchange1")} - ${translate("blockpage.bcchange8")} - ${translate("blockpage.bcchange9")} - ${translate("general.close")} -
    -
    - -
    -

    ${translate("blockpage.bcchange5")}

    -
    -

    ${translate("blockpage.bcchange6")}


    -

    ${this.nametodialog}

    -
    - - ${translate("general.yes")} - - - ${translate("general.no")} - -     - -
    -

    ${translate("welcomepage.wcchange2")}

    -
    -
    -

    ${translate("welcomepage.wcchange3")}

    - -

    - -

    - { - this._sendMessage(); - } - }> - ${translate("welcomepage.wcchange6")} - - ${translate("general.close")} - -     - ` - } - - firstUpdated() { - this.getChatBlockedAdresses() - - setInterval(() => { - this.getChatBlockedAdresses() - }, 60000) - - window.onclick = function (event) { - if (!event.target.matches('.block')) { - var dropdowns = document.getElementsByClassName('dropdown-content'); - var i; - for (i = 0; i < dropdowns.length; i++) { - var openDropdown = dropdowns[i]; - if (openDropdown.classList.contains('showList')) { - openDropdown.classList.remove('showList'); - } - } - } - } - - const stopKeyEventPropagation = (e) => { - e.stopPropagation() - return false - } - - this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation) - this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) - - const getDataFromURL = () => { - let tempUrl = document.location.href - let splitedUrl = decodeURI(tempUrl).split('?') - let urlData = splitedUrl[1] - if (urlData !== undefined) { - this.chatId = urlData - } - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - - }) - parentEpml.imReady() - } - - myMenu() { - this.shadowRoot.getElementById('myDropdown').classList.toggle('showList') - this.shadowRoot.querySelector('#blockNameDialog').close() - this.shadowRoot.querySelector('#startPmDialog').close() - } - - closeMenu() { - this.shadowRoot.getElementById('myDropdown').classList.toggle('showList') - var dropdowns = document.getElementsByClassName('dropdown-content'); - var i; - for (i = 0; i < dropdowns.length; i++) { - var openDropdown = dropdowns[i]; - if (openDropdown.classList.contains('showList')) { - openDropdown.classList.remove('showList'); - } - } - } - - async copyToClipboard(text) { - try { - let copyString1 = get("walletpage.wchange4") - await navigator.clipboard.writeText(text) - parentEpml.request('showSnackBar', `${copyString1}`) - this.closeMenu() - } catch (err) { - let copyString2 = get("walletpage.wchange39") - parentEpml.request('showSnackBar', `${copyString2}`) - console.error('Copy to clipboard error:', err) - this.closeMenu() - } - } - - relMessages() { - setTimeout(() => { - window.location.href = window.location.href.split('#')[0] - }, 500) - } - - async getChatBlockedAdresses() { + async getChatBlockedAdresses() { this.chatBlockedAdresses = await parentEpml.request('apiCall', { url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}` }) - } + } - async chatBlockAddress() { - let address = this.toblockaddress + async chatBlockAddress() { + let address = this.toblockaddress - let items = [ - address - ] + let items = [ + address + ] - let addressJsonString = JSON.stringify({ "items": items }) + let addressJsonString = JSON.stringify({ "items": items }) - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${addressJsonString}` - }) + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${addressJsonString}` + }) - if (ret === true) { - this.chatBlockedAdresses = this.chatBlockedAdresses.filter(item => item != address) - this.chatBlockedAdresses.push(address) - this.getChatBlockedList() - this.closeMenu() - this.shadowRoot.querySelector('#blockNameDialog').close() - let err1string = get("blockpage.bcchange2") - snackbar.add({ - labelText: `${err1string}`, - dismiss: true - }) - this.relMessages() - } else { - this.closeMenu() - this.shadowRoot.querySelector('#blockNameDialog').close() - let err2string = get("blockpage.bcchange2") - snackbar.add({ - labelText: `${err2string}`, - dismiss: true - }) - } - return ret - } + if (ret === true) { + this.chatBlockedAdresses = this.chatBlockedAdresses.filter(item => item != address) + this.chatBlockedAdresses.push(address) + this.getChatBlockedList() + this.closeMenu() + this.shadowRoot.querySelector('#blockNameDialog').close() + let err1string = get("blockpage.bcchange2") + snackbar.add({ + labelText: `${err1string}`, + dismiss: true + }) + this.relMessages() + } else { + this.closeMenu() + this.shadowRoot.querySelector('#blockNameDialog').close() + let err2string = get("blockpage.bcchange2") + snackbar.add({ + labelText: `${err2string}`, + dismiss: true + }) + } - getChatBlockedList() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const blockedAddressesUrl = `${nodeUrl}/lists/blockedAddresses?apiKey=${this.getApiKey()}` - const err3string = 'No registered name' + return ret + } - localStorage.removeItem("ChatBlockedAddresses") + getChatBlockedList() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const blockedAddressesUrl = `${nodeUrl}/lists/blockedAddresses?apiKey=${this.getApiKey()}` + const err3string = 'No registered name' - var obj = []; + localStorage.removeItem("ChatBlockedAddresses") - fetch(blockedAddressesUrl).then(response => { - return response.json() - }).then(data => { - return data.map(item => { - const noName = { - name: err3string, - owner: item - } - fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(item => { - obj.push(item) - }) - } else { - obj.push(noName) - } - localStorage.setItem("ChatBlockedAddresses", JSON.stringify(obj)) - }) - }) - }) - } + var obj = [] - _sendMessage() { - this.isLoading = true + fetch(blockedAddressesUrl).then(response => { + return response.json() + }).then(data => { + return data.map(item => { + const noName = { + name: err3string, + owner: item + } + fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + obj.push(item) + }) + } else { + obj.push(noName) + } + localStorage.setItem("ChatBlockedAddresses", JSON.stringify(obj)) + }) + }) + }) + } - const recipient = this.shadowRoot.getElementById('sendTo').value - const messageBox = this.shadowRoot.getElementById('messageBox') - const messageText = messageBox.value + _sendMessage() { + this.isLoading = true - if (recipient.length === 0) { - this.isLoading = false - } else if (messageText.length === 0) { - this.isLoading = false - } else { - this.sendMessage() - } - } + const recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value - async sendMessage(e) { - this.isLoading = true + if (recipient.length === 0) { + this.isLoading = false + } else if (messageText.length === 0) { + this.isLoading = false + } else { + this.sendMessage() + } + } - const _recipient = this.shadowRoot.getElementById('sendTo').value - const messageBox = this.shadowRoot.getElementById('messageBox') - const messageText = messageBox.value - let recipient + async sendMessage(e) { + this.isLoading = true - const validateName = async (receiverName) => { - let myRes - let myNameRes = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${receiverName}` - }) + const _recipient = this.shadowRoot.getElementById('sendTo').value + const messageBox = this.shadowRoot.getElementById('messageBox') + const messageText = messageBox.value - if (myNameRes.error === 401) { - myRes = false - } else { - myRes = myNameRes - } + let recipient - return myRes - } + const validateName = async (receiverName) => { + let myRes + let myNameRes = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}` + }) - const myNameRes = await validateName(_recipient) - if (!myNameRes) { + if (myNameRes.error === 401) { + myRes = false + } else { + myRes = myNameRes + } - recipient = _recipient - } else { + return myRes + } - recipient = myNameRes.owner - } + const myNameRes = await validateName(_recipient) - let _reference = new Uint8Array(64); - window.crypto.getRandomValues(_reference); + if (!myNameRes) { + recipient = _recipient + } else { + recipient = myNameRes.owner + } - let sendTimestamp = Date.now() + let _reference = new Uint8Array(64) - let reference = window.parent.Base58.encode(_reference) + window.crypto.getRandomValues(_reference) - const getAddressPublicKey = async () => { - let isEncrypted - let _publicKey + let sendTimestamp = Date.now() - let addressPublicKey = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/publickey/${recipient}` - }) + let reference = window.parent.Base58.encode(_reference) + const getAddressPublicKey = async () => { + let isEncrypted + let _publicKey - if (addressPublicKey.error === 102) { - _publicKey = false - // Do something here... - let err1string = get("welcomepage.wcchange7") - parentEpml.request('showSnackBar', `${err1string}`) - this.isLoading = false - } else if (addressPublicKey !== false) { - isEncrypted = 1 - _publicKey = addressPublicKey - await sendMessageRequest(isEncrypted, _publicKey) - } else { - isEncrypted = 0 - _publicKey = this.selectedAddress.address - await sendMessageRequest(isEncrypted, _publicKey) - } - }; + let addressPublicKey = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/publickey/${recipient}` + }) - const sendMessageRequest = async (isEncrypted, _publicKey) => { - const messageObject = { - messageText, - images: [''], - repliedTo: '', - version: 1 - } - const stringifyMessageObject = JSON.stringify(messageObject) - let chatResponse = await parentEpml.request('chat', { - type: 18, - nonce: this.selectedAddress.nonce, - params: { - timestamp: sendTimestamp, - recipient: recipient, - recipientPublicKey: _publicKey, - hasChatReference: 0, - message: stringifyMessageObject, - lastReference: reference, - proofOfWorkNonce: 0, - isEncrypted: isEncrypted, - isText: 1 - } - }) - await _computePow(chatResponse) - } + if (addressPublicKey.error === 102) { + _publicKey = false + // Do something here... + let err1string = get("welcomepage.wcchange7") + parentEpml.request('showSnackBar', `${err1string}`) + this.isLoading = false + } else if (addressPublicKey !== false) { + isEncrypted = 1 + _publicKey = addressPublicKey + await sendMessageRequest(isEncrypted, _publicKey) + } else { + isEncrypted = 0 + _publicKey = this.selectedAddress.address + await sendMessageRequest(isEncrypted, _publicKey) + } + } - const _computePow = async (chatBytes) => { + const sendMessageRequest = async (isEncrypted, _publicKey) => { + const messageObject = { + messageText, + images: [''], + repliedTo: '', + version: 1 + } - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); - const chatBytesArray = new Uint8Array(_chatBytesArray) - const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result - const hashPtr = window.parent.sbrk(32, window.parent.heap); - const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); + const stringifyMessageObject = JSON.stringify(messageObject) - const difficulty = this.balance < 4 ? 18 : 8; + let chatResponse = await parentEpml.request('chat', { + type: 18, + nonce: this.selectedAddress.nonce, + params: { + timestamp: sendTimestamp, + recipient: recipient, + recipientPublicKey: _publicKey, + hasChatReference: 0, + message: stringifyMessageObject, + lastReference: reference, + proofOfWorkNonce: 0, + isEncrypted: isEncrypted, + isText: 1 + } + }) - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap); + await _computePow(chatResponse) + } - let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) + const _computePow = async (chatBytes) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result + const hashPtr = window.parent.sbrk(32, window.parent.heap) + const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) - let _response = await parentEpml.request('sign_chat', { - nonce: this.selectedAddress.nonce, - chatBytesArray: chatBytesArray, - chatNonce: nonce - }) - getSendChatResponse(_response) - } + hashAry.set(chatBytesHash) - const getSendChatResponse = (response) => { + const difficulty = this.balance < 4 ? 18 : 8 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) - if (response === true) { - messageBox.value = "" - let err2string = get("welcomepage.wcchange8") - parentEpml.request('showSnackBar', `${err2string}`) - this.isLoading = false - this.closeMenu() - } else if (response.error) { - parentEpml.request('showSnackBar', response.message) - this.isLoading = false - this.closeMenu() - } else { - let err3string = get("welcomepage.wcchange9") - parentEpml.request('showSnackBar', `${err3string}`) - this.isLoading = false - this.closeMenu() - } + let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) - } - await getAddressPublicKey() - } + let _response = await parentEpml.request('sign_chat', { + nonce: this.selectedAddress.nonce, + chatBytesArray: chatBytesArray, + chatNonce: nonce + }) - _textMenu(event) { - const getSelectedText = () => { - var text = ""; - if (typeof window.getSelection != "undefined") { - text = window.getSelection().toString(); - } else if (typeof this.shadowRoot.selection != "undefined" && this.shadowRoot.selection.type == "Text") { - text = this.shadowRoot.selection.createRange().text; - } - return text; - } + getSendChatResponse(_response) + } - const checkSelectedTextAndShowMenu = () => { - let selectedText = getSelectedText(); - if (selectedText && typeof selectedText === 'string') { - let _eve = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY } - let textMenuObject = { selectedText: selectedText, eventObject: _eve, isFrame: true } - parentEpml.request('openCopyTextMenu', textMenuObject) - } - } - checkSelectedTextAndShowMenu() - } + const getSendChatResponse = (response) => { + if (response === true) { + messageBox.value = "" + let err2string = get("welcomepage.wcchange8") + parentEpml.request('showSnackBar', `${err2string}`) + this.isLoading = false + this.closeMenu() + } else if (response.error) { + parentEpml.request('showSnackBar', response.message) + this.isLoading = false + this.closeMenu() + } else { + let err3string = get("welcomepage.wcchange9") + parentEpml.request('showSnackBar', `${err3string}`) + this.isLoading = false + this.closeMenu() + } - _textArea(e) { - if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() - } + } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + await getAddressPublicKey() + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + _textMenu(event) { + const getSelectedText = () => { + var text = "" + + if (typeof window.getSelection != "undefined") { + text = window.getSelection().toString() + } else if (typeof this.shadowRoot.selection != "undefined" && this.shadowRoot.selection.type == "Text") { + text = this.shadowRoot.selection.createRange().text + } + + return text + } + + const checkSelectedTextAndShowMenu = () => { + let selectedText = getSelectedText() + + if (selectedText && typeof selectedText === 'string') { + let _eve = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY } + let textMenuObject = { selectedText: selectedText, eventObject: _eve, isFrame: true } + parentEpml.request('openCopyTextMenu', textMenuObject) + } + } + + checkSelectedTextAndShowMenu() + } + + _textArea(e) { + if (e.keyCode === 13 && !e.shiftKey) this._sendMessage() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('name-menu', NameMenu) diff --git a/plugins/plugins/core/components/QRCode.js b/plugins/plugins/core/components/QRCode.js index a496dbef..33bc207b 100644 --- a/plugins/plugins/core/components/QRCode.js +++ b/plugins/plugins/core/components/QRCode.js @@ -1,599 +1,672 @@ var VERSIONS = [ null, - [[10, 7,17,13], [ 1, 1, 1, 1], []], - [[16,10,28,22], [ 1, 1, 1, 1], [4,16]], - [[26,15,22,18], [ 1, 1, 2, 2], [4,20]], - [[18,20,16,26], [ 2, 1, 4, 2], [4,24]], - [[24,26,22,18], [ 2, 1, 4, 4], [4,28]], - [[16,18,28,24], [ 4, 2, 4, 4], [4,32]], - [[18,20,26,18], [ 4, 2, 5, 6], [4,20,36]], - [[22,24,26,22], [ 4, 2, 6, 6], [4,22,40]], - [[22,30,24,20], [ 5, 2, 8, 8], [4,24,44]], - [[26,18,28,24], [ 5, 4, 8, 8], [4,26,48]], - [[30,20,24,28], [ 5, 4,11, 8], [4,28,52]], - [[22,24,28,26], [ 8, 4,11,10], [4,30,56]], - [[22,26,22,24], [ 9, 4,16,12], [4,32,60]], - [[24,30,24,20], [ 9, 4,16,16], [4,24,44,64]], - [[24,22,24,30], [10, 6,18,12], [4,24,46,68]], - [[28,24,30,24], [10, 6,16,17], [4,24,48,72]], - [[28,28,28,28], [11, 6,19,16], [4,28,52,76]], - [[26,30,28,28], [13, 6,21,18], [4,28,54,80]], - [[26,28,26,26], [14, 7,25,21], [4,28,56,84]], - [[26,28,28,30], [16, 8,25,20], [4,32,60,88]], - [[26,28,30,28], [17, 8,25,23], [4,26,48,70,92]], - [[28,28,24,30], [17, 9,34,23], [4,24,48,72,96]], - [[28,30,30,30], [18, 9,30,25], [4,28,52,76,100]], - [[28,30,30,30], [20,10,32,27], [4,26,52,78,104]], - [[28,26,30,30], [21,12,35,29], [4,30,56,82,108]], - [[28,28,30,28], [23,12,37,34], [4,28,56,84,112]], - [[28,30,30,30], [25,12,40,34], [4,32,60,88,116]], - [[28,30,30,30], [26,13,42,35], [4,24,48,72,96,120]], - [[28,30,30,30], [28,14,45,38], [4,28,52,76,100,124]], - [[28,30,30,30], [29,15,48,40], [4,24,50,76,102,128]], - [[28,30,30,30], [31,16,51,43], [4,28,54,80,106,132]], - [[28,30,30,30], [33,17,54,45], [4,32,58,84,110,136]], - [[28,30,30,30], [35,18,57,48], [4,28,56,84,112,140]], - [[28,30,30,30], [37,19,60,51], [4,32,60,88,116,144]], - [[28,30,30,30], [38,19,63,53], [4,28,52,76,100,124,148]], - [[28,30,30,30], [40,20,66,56], [4,22,48,74,100,126,152]], - [[28,30,30,30], [43,21,70,59], [4,26,52,78,104,130,156]], - [[28,30,30,30], [45,22,74,62], [4,30,56,82,108,134,160]], - [[28,30,30,30], [47,24,77,65], [4,24,52,80,108,136,164]], - [[28,30,30,30], [49,25,81,68], [4,28,56,84,112,140,168]]]; + [[10, 7, 17, 13], [1, 1, 1, 1], []], + [[16, 10, 28, 22], [1, 1, 1, 1], [4, 16]], + [[26, 15, 22, 18], [1, 1, 2, 2], [4, 20]], + [[18, 20, 16, 26], [2, 1, 4, 2], [4, 24]], + [[24, 26, 22, 18], [2, 1, 4, 4], [4, 28]], + [[16, 18, 28, 24], [4, 2, 4, 4], [4, 32]], + [[18, 20, 26, 18], [4, 2, 5, 6], [4, 20, 36]], + [[22, 24, 26, 22], [4, 2, 6, 6], [4, 22, 40]], + [[22, 30, 24, 20], [5, 2, 8, 8], [4, 24, 44]], + [[26, 18, 28, 24], [5, 4, 8, 8], [4, 26, 48]], + [[30, 20, 24, 28], [5, 4, 11, 8], [4, 28, 52]], + [[22, 24, 28, 26], [8, 4, 11, 10], [4, 30, 56]], + [[22, 26, 22, 24], [9, 4, 16, 12], [4, 32, 60]], + [[24, 30, 24, 20], [9, 4, 16, 16], [4, 24, 44, 64]], + [[24, 22, 24, 30], [10, 6, 18, 12], [4, 24, 46, 68]], + [[28, 24, 30, 24], [10, 6, 16, 17], [4, 24, 48, 72]], + [[28, 28, 28, 28], [11, 6, 19, 16], [4, 28, 52, 76]], + [[26, 30, 28, 28], [13, 6, 21, 18], [4, 28, 54, 80]], + [[26, 28, 26, 26], [14, 7, 25, 21], [4, 28, 56, 84]], + [[26, 28, 28, 30], [16, 8, 25, 20], [4, 32, 60, 88]], + [[26, 28, 30, 28], [17, 8, 25, 23], [4, 26, 48, 70, 92]], + [[28, 28, 24, 30], [17, 9, 34, 23], [4, 24, 48, 72, 96]], + [[28, 30, 30, 30], [18, 9, 30, 25], [4, 28, 52, 76, 100]], + [[28, 30, 30, 30], [20, 10, 32, 27], [4, 26, 52, 78, 104]], + [[28, 26, 30, 30], [21, 12, 35, 29], [4, 30, 56, 82, 108]], + [[28, 28, 30, 28], [23, 12, 37, 34], [4, 28, 56, 84, 112]], + [[28, 30, 30, 30], [25, 12, 40, 34], [4, 32, 60, 88, 116]], + [[28, 30, 30, 30], [26, 13, 42, 35], [4, 24, 48, 72, 96, 120]], + [[28, 30, 30, 30], [28, 14, 45, 38], [4, 28, 52, 76, 100, 124]], + [[28, 30, 30, 30], [29, 15, 48, 40], [4, 24, 50, 76, 102, 128]], + [[28, 30, 30, 30], [31, 16, 51, 43], [4, 28, 54, 80, 106, 132]], + [[28, 30, 30, 30], [33, 17, 54, 45], [4, 32, 58, 84, 110, 136]], + [[28, 30, 30, 30], [35, 18, 57, 48], [4, 28, 56, 84, 112, 140]], + [[28, 30, 30, 30], [37, 19, 60, 51], [4, 32, 60, 88, 116, 144]], + [[28, 30, 30, 30], [38, 19, 63, 53], [4, 28, 52, 76, 100, 124, 148]], + [[28, 30, 30, 30], [40, 20, 66, 56], [4, 22, 48, 74, 100, 126, 152]], + [[28, 30, 30, 30], [43, 21, 70, 59], [4, 26, 52, 78, 104, 130, 156]], + [[28, 30, 30, 30], [45, 22, 74, 62], [4, 30, 56, 82, 108, 134, 160]], + [[28, 30, 30, 30], [47, 24, 77, 65], [4, 24, 52, 80, 108, 136, 164]], + [[28, 30, 30, 30], [49, 25, 81, 68], [4, 28, 56, 84, 112, 140, 168]] +] -var MODE_TERMINATOR = 0; -var MODE_NUMERIC = 1, MODE_ALPHANUMERIC = 2, MODE_OCTET = 4, MODE_KANJI = 8; +var MODE_TERMINATOR = 0 +var MODE_NUMERIC = 1, MODE_ALPHANUMERIC = 2, MODE_OCTET = 4, MODE_KANJI = 8 +var NUMERIC_REGEXP = /^\d*$/ +var ALPHANUMERIC_REGEXP = /^[A-Za-z0-9 $%*+\-./:_]*$/ +var ALPHANUMERIC_OUT_REGEXP = /^[A-Z0-9 $%*+\-./:_]*$/ +var ECCLEVEL_L = 1, ECCLEVEL_M = 0, ECCLEVEL_Q = 3, ECCLEVEL_H = 2 +var GF256_MAP = [], GF256_INVMAP = [-1] -var NUMERIC_REGEXP = /^\d*$/; -var ALPHANUMERIC_REGEXP = /^[A-Za-z0-9 $%*+\-./:_]*$/; -var ALPHANUMERIC_OUT_REGEXP = /^[A-Z0-9 $%*+\-./:_]*$/; - -var ECCLEVEL_L = 1, ECCLEVEL_M = 0, ECCLEVEL_Q = 3, ECCLEVEL_H = 2; - -var GF256_MAP = [], GF256_INVMAP = [-1]; for (var i = 0, v = 1; i < 255; ++i) { - GF256_MAP.push(v); - GF256_INVMAP[v] = i; - v = (v * 2) ^ (v >= 128 ? 0x11d : 0); + GF256_MAP.push(v) + GF256_INVMAP[v] = i + v = (v * 2) ^ (v >= 128 ? 0x11d : 0) } -var GF256_GENPOLY = [[]]; +var GF256_GENPOLY = [[]] + for (var i = 0; i < 30; ++i) { - var prevpoly = GF256_GENPOLY[i], poly = []; + var prevpoly = GF256_GENPOLY[i], poly = [] + for (var j = 0; j <= i; ++j) { - var a = (j < i ? GF256_MAP[prevpoly[j]] : 0); - var b = GF256_MAP[(i + (prevpoly[j-1] || 0)) % 255]; - poly.push(GF256_INVMAP[a ^ b]); + var a = (j < i ? GF256_MAP[prevpoly[j]] : 0) + var b = GF256_MAP[(i + (prevpoly[j - 1] || 0)) % 255] + poly.push(GF256_INVMAP[a ^ b]) } - GF256_GENPOLY.push(poly); + + GF256_GENPOLY.push(poly) } -var ALPHANUMERIC_MAP = {}; +var ALPHANUMERIC_MAP = {} + for (var i = 0; i < 45; ++i) { - ALPHANUMERIC_MAP['0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:'.charAt(i)] = i; + ALPHANUMERIC_MAP['0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:'.charAt(i)] = i } var MASKFUNCS = [ - function(i,j) { return (i+j) % 2 == 0; }, - function(i,j) { return i % 2 == 0; }, - function(i,j) { return j % 3 == 0; }, - function(i,j) { return (i+j) % 3 == 0; }, - function(i,j) { return (((i/2)|0) + ((j/3)|0)) % 2 == 0; }, - function(i,j) { return (i*j) % 2 + (i*j) % 3 == 0; }, - function(i,j) { return ((i*j) % 2 + (i*j) % 3) % 2 == 0; }, - function(i,j) { return ((i+j) % 2 + (i*j) % 3) % 2 == 0; }]; + function (i, j) { return (i + j) % 2 == 0; }, + function (i, j) { return i % 2 == 0; }, + function (i, j) { return j % 3 == 0; }, + function (i, j) { return (i + j) % 3 == 0; }, + function (i, j) { return (((i / 2) | 0) + ((j / 3) | 0)) % 2 == 0; }, + function (i, j) { return (i * j) % 2 + (i * j) % 3 == 0; }, + function (i, j) { return ((i * j) % 2 + (i * j) % 3) % 2 == 0; }, + function (i, j) { return ((i + j) % 2 + (i * j) % 3) % 2 == 0; } +] -var needsverinfo = function(ver) { return ver > 6; }; +var needsverinfo = function (ver) { return ver > 6; } +var getsizebyver = function (ver) { return 4 * ver + 17; } -var getsizebyver = function(ver) { return 4 * ver + 17; }; +var nfullbits = function (ver) { + var v = VERSIONS[ver] + var nbits = 16 * ver * ver + 128 * ver + 64 + + if (needsverinfo(ver)) nbits -= 36 -var nfullbits = function(ver) { - var v = VERSIONS[ver]; - var nbits = 16*ver*ver + 128*ver + 64; - if (needsverinfo(ver)) nbits -= 36; if (v[2].length) { - nbits -= 25 * v[2].length * v[2].length - 10 * v[2].length - 55; + nbits -= 25 * v[2].length * v[2].length - 10 * v[2].length - 55 } - return nbits; -}; -var ndatabits = function(ver, ecclevel) { - var nbits = nfullbits(ver) & ~7; - var v = VERSIONS[ver]; - nbits -= 8 * v[0][ecclevel] * v[1][ecclevel]; - return nbits; + return nbits } -var ndatalenbits = function(ver, mode) { +var ndatabits = function (ver, ecclevel) { + var nbits = nfullbits(ver) & ~7 + var v = VERSIONS[ver] + + nbits -= 8 * v[0][ecclevel] * v[1][ecclevel] + + return nbits +} + +var ndatalenbits = function (ver, mode) { switch (mode) { - case MODE_NUMERIC: return (ver < 10 ? 10 : ver < 27 ? 12 : 14); - case MODE_ALPHANUMERIC: return (ver < 10 ? 9 : ver < 27 ? 11 : 13); - case MODE_OCTET: return (ver < 10 ? 8 : 16); - case MODE_KANJI: return (ver < 10 ? 8 : ver < 27 ? 10 : 12); + case MODE_NUMERIC: return (ver < 10 ? 10 : ver < 27 ? 12 : 14) + case MODE_ALPHANUMERIC: return (ver < 10 ? 9 : ver < 27 ? 11 : 13) + case MODE_OCTET: return (ver < 10 ? 8 : 16) + case MODE_KANJI: return (ver < 10 ? 8 : ver < 27 ? 10 : 12) } -}; +} + +var getmaxdatalen = function (ver, mode, ecclevel) { + var nbits = ndatabits(ver, ecclevel) - 4 - ndatalenbits(ver, mode) -var getmaxdatalen = function(ver, mode, ecclevel) { - var nbits = ndatabits(ver, ecclevel) - 4 - ndatalenbits(ver, mode); switch (mode) { - case MODE_NUMERIC: - return ((nbits/10) | 0) * 3 + (nbits%10 < 4 ? 0 : nbits%10 < 7 ? 1 : 2); - case MODE_ALPHANUMERIC: - return ((nbits/11) | 0) * 2 + (nbits%11 < 6 ? 0 : 1); - case MODE_OCTET: - return (nbits/8) | 0; - case MODE_KANJI: - return (nbits/13) | 0; + case MODE_NUMERIC: + return ((nbits / 10) | 0) * 3 + (nbits % 10 < 4 ? 0 : nbits % 10 < 7 ? 1 : 2) + case MODE_ALPHANUMERIC: + return ((nbits / 11) | 0) * 2 + (nbits % 11 < 6 ? 0 : 1) + case MODE_OCTET: + return (nbits / 8) | 0 + case MODE_KANJI: + return (nbits / 13) | 0 } -}; +} -var validatedata = function(mode, data) { +var validatedata = function (mode, data) { switch (mode) { - case MODE_NUMERIC: - if (!data.match(NUMERIC_REGEXP)) return null; - return data; + case MODE_NUMERIC: + if (!data.match(NUMERIC_REGEXP)) return null + return data - case MODE_ALPHANUMERIC: - if (!data.match(ALPHANUMERIC_REGEXP)) return null; - return data.toUpperCase(); + case MODE_ALPHANUMERIC: + if (!data.match(ALPHANUMERIC_REGEXP)) return null + return data.toUpperCase() - case MODE_OCTET: - if (typeof data === 'string') { - var newdata = []; - for (var i = 0; i < data.length; ++i) { - var ch = data.charCodeAt(i); - if (ch < 0x80) { - newdata.push(ch); - } else if (ch < 0x800) { - newdata.push(0xc0 | (ch >> 6), - 0x80 | (ch & 0x3f)); - } else if (ch < 0x10000) { - newdata.push(0xe0 | (ch >> 12), - 0x80 | ((ch >> 6) & 0x3f), - 0x80 | (ch & 0x3f)); - } else { - newdata.push(0xf0 | (ch >> 18), - 0x80 | ((ch >> 12) & 0x3f), - 0x80 | ((ch >> 6) & 0x3f), - 0x80 | (ch & 0x3f)); + case MODE_OCTET: + if (typeof data === 'string') { + var newdata = [] + + for (var i = 0; i < data.length; ++i) { + var ch = data.charCodeAt(i) + + if (ch < 0x80) { + newdata.push(ch) + } else if (ch < 0x800) { + newdata.push(0xc0 | (ch >> 6), 0x80 | (ch & 0x3f)) + } else if (ch < 0x10000) { + newdata.push(0xe0 | (ch >> 12), 0x80 | ((ch >> 6) & 0x3f), 0x80 | (ch & 0x3f)) + } else { + newdata.push(0xf0 | (ch >> 18), 0x80 | ((ch >> 12) & 0x3f), 0x80 | ((ch >> 6) & 0x3f), 0x80 | (ch & 0x3f)) + } } + + return newdata + } else { + return data } - return newdata; - } else { - return data; - } } -}; +} -var encode = function(ver, mode, data, maxbuflen) { - var buf = []; - var bits = 0, remaining = 8; - var datalen = data.length; +var encode = function (ver, mode, data, maxbuflen) { + var buf = [] + var bits = 0, remaining = 8 + var datalen = data.length - var pack = function(x, n) { + var pack = function (x, n) { if (n >= remaining) { - buf.push(bits | (x >> (n -= remaining))); - while (n >= 8) buf.push((x >> (n -= 8)) & 255); - bits = 0; - remaining = 8; + buf.push(bits | (x >> (n -= remaining))) + while (n >= 8) buf.push((x >> (n -= 8)) & 255) + bits = 0 + remaining = 8 } - if (n > 0) bits |= (x & ((1 << n) - 1)) << (remaining -= n); - }; - var nlenbits = ndatalenbits(ver, mode); - pack(mode, 4); - pack(datalen, nlenbits); + if (n > 0) bits |= (x & ((1 << n) - 1)) << (remaining -= n) + } + + var nlenbits = ndatalenbits(ver, mode) + + pack(mode, 4) + pack(datalen, nlenbits) switch (mode) { - case MODE_NUMERIC: - for (var i = 2; i < datalen; i += 3) { - pack(parseInt(data.substring(i-2,i+1), 10), 10); - } - pack(parseInt(data.substring(i-2), 10), [0,4,7][datalen%3]); - break; + case MODE_NUMERIC: + for (var i = 2; i < datalen; i += 3) { + pack(parseInt(data.substring(i - 2, i + 1), 10), 10) + } - case MODE_ALPHANUMERIC: - for (var i = 1; i < datalen; i += 2) { - pack(ALPHANUMERIC_MAP[data.charAt(i-1)] * 45 + - ALPHANUMERIC_MAP[data.charAt(i)], 11); - } - if (datalen % 2 == 1) { - pack(ALPHANUMERIC_MAP[data.charAt(i-1)], 6); - } - break; + pack(parseInt(data.substring(i - 2), 10), [0, 4, 7][datalen % 3]) + break - case MODE_OCTET: - for (var i = 0; i < datalen; ++i) { - pack(data[i], 8); - } - break; + case MODE_ALPHANUMERIC: + for (var i = 1; i < datalen; i += 2) { + pack(ALPHANUMERIC_MAP[data.charAt(i - 1)] * 45 + ALPHANUMERIC_MAP[data.charAt(i)], 11) + } + + if (datalen % 2 == 1) { + pack(ALPHANUMERIC_MAP[data.charAt(i - 1)], 6) + } + + break + + case MODE_OCTET: + for (var i = 0; i < datalen; ++i) { + pack(data[i], 8) + } + + break } - pack(MODE_TERMINATOR, 4); - if (remaining < 8) buf.push(bits); + pack(MODE_TERMINATOR, 4) + if (remaining < 8) buf.push(bits) - while (buf.length + 1 < maxbuflen) buf.push(0xec, 0x11); - if (buf.length < maxbuflen) buf.push(0xec); - return buf; -}; + while (buf.length + 1 < maxbuflen) buf.push(0xec, 0x11) -var calculateecc = function(poly, genpoly) { - var modulus = poly.slice(0); - var polylen = poly.length, genpolylen = genpoly.length; - for (var i = 0; i < genpolylen; ++i) modulus.push(0); - for (var i = 0; i < polylen; ) { - var quotient = GF256_INVMAP[modulus[i++]]; + if (buf.length < maxbuflen) buf.push(0xec) + + return buf +} + +var calculateecc = function (poly, genpoly) { + var modulus = poly.slice(0) + var polylen = poly.length, genpolylen = genpoly.length + + for (var i = 0; i < genpolylen; ++i) modulus.push(0) + + for (var i = 0; i < polylen;) { + var quotient = GF256_INVMAP[modulus[i++]] if (quotient >= 0) { for (var j = 0; j < genpolylen; ++j) { - modulus[i+j] ^= GF256_MAP[(quotient + genpoly[j]) % 255]; + modulus[i + j] ^= GF256_MAP[(quotient + genpoly[j]) % 255] } } } - return modulus.slice(polylen); -}; -var augumenteccs = function(poly, nblocks, genpoly) { - var subsizes = []; - var subsize = (poly.length / nblocks) | 0, subsize0 = 0; - var pivot = nblocks - poly.length % nblocks; + return modulus.slice(polylen) +} + +var augumenteccs = function (poly, nblocks, genpoly) { + var subsizes = [] + var subsize = (poly.length / nblocks) | 0, subsize0 = 0 + var pivot = nblocks - poly.length % nblocks + for (var i = 0; i < pivot; ++i) { - subsizes.push(subsize0); - subsize0 += subsize; + subsizes.push(subsize0) + subsize0 += subsize } + for (var i = pivot; i < nblocks; ++i) { - subsizes.push(subsize0); - subsize0 += subsize+1; + subsizes.push(subsize0) + subsize0 += subsize + 1 } - subsizes.push(subsize0); - var eccs = []; + subsizes.push(subsize0) + + var eccs = [] + for (var i = 0; i < nblocks; ++i) { - eccs.push(calculateecc(poly.slice(subsizes[i], subsizes[i+1]), genpoly)); + eccs.push(calculateecc(poly.slice(subsizes[i], subsizes[i + 1]), genpoly)) } - var result = []; - var nitemsperblock = (poly.length / nblocks) | 0; + var result = [] + + var nitemsperblock = (poly.length / nblocks) | 0 + for (var i = 0; i < nitemsperblock; ++i) { for (var j = 0; j < nblocks; ++j) { - result.push(poly[subsizes[j] + i]); + result.push(poly[subsizes[j] + i]) } } + for (var j = pivot; j < nblocks; ++j) { - result.push(poly[subsizes[j+1] - 1]); + result.push(poly[subsizes[j + 1] - 1]) } + for (var i = 0; i < genpoly.length; ++i) { for (var j = 0; j < nblocks; ++j) { - result.push(eccs[j][i]); + result.push(eccs[j][i]) } } - return result; -}; -var augumentbch = function(poly, p, genpoly, q) { - var modulus = poly << q; + return result +} + +var augumentbch = function (poly, p, genpoly, q) { + var modulus = poly << q + for (var i = p - 1; i >= 0; --i) { - if ((modulus >> (q+i)) & 1) modulus ^= genpoly << i; + if ((modulus >> (q + i)) & 1) modulus ^= genpoly << i } - return (poly << q) | modulus; -}; -var makebasematrix = function(ver) { - var v = VERSIONS[ver], n = getsizebyver(ver); - var matrix = [], reserved = []; + return (poly << q) | modulus +} + +var makebasematrix = function (ver) { + var v = VERSIONS[ver], n = getsizebyver(ver) + var matrix = [], reserved = [] + for (var i = 0; i < n; ++i) { - matrix.push([]); - reserved.push([]); + matrix.push([]) + reserved.push([]) } - var blit = function(y, x, h, w, bits) { + var blit = function (y, x, h, w, bits) { for (var i = 0; i < h; ++i) { for (var j = 0; j < w; ++j) { - matrix[y+i][x+j] = (bits[i] >> j) & 1; - reserved[y+i][x+j] = 1; + matrix[y + i][x + j] = (bits[i] >> j) & 1 + reserved[y + i][x + j] = 1 } } - }; - - blit(0, 0, 9, 9, [0x7f, 0x41, 0x5d, 0x5d, 0x5d, 0x41, 0x17f, 0x00, 0x40]); - blit(n-8, 0, 8, 9, [0x100, 0x7f, 0x41, 0x5d, 0x5d, 0x5d, 0x41, 0x7f]); - blit(0, n-8, 9, 8, [0xfe, 0x82, 0xba, 0xba, 0xba, 0x82, 0xfe, 0x00, 0x00]); - - for (var i = 9; i < n-8; ++i) { - matrix[6][i] = matrix[i][6] = ~i & 1; - reserved[6][i] = reserved[i][6] = 1; } - var aligns = v[2], m = aligns.length; + blit(0, 0, 9, 9, [0x7f, 0x41, 0x5d, 0x5d, 0x5d, 0x41, 0x17f, 0x00, 0x40]) + blit(n - 8, 0, 8, 9, [0x100, 0x7f, 0x41, 0x5d, 0x5d, 0x5d, 0x41, 0x7f]) + blit(0, n - 8, 9, 8, [0xfe, 0x82, 0xba, 0xba, 0xba, 0x82, 0xfe, 0x00, 0x00]) + + for (var i = 9; i < n - 8; ++i) { + matrix[6][i] = matrix[i][6] = ~i & 1 + reserved[6][i] = reserved[i][6] = 1 + } + + var aligns = v[2], m = aligns.length + for (var i = 0; i < m; ++i) { - var minj = (i==0 || i==m-1 ? 1 : 0), maxj = (i==0 ? m-1 : m); + var minj = (i == 0 || i == m - 1 ? 1 : 0), maxj = (i == 0 ? m - 1 : m) for (var j = minj; j < maxj; ++j) { - blit(aligns[i], aligns[j], 5, 5, [0x1f, 0x11, 0x15, 0x11, 0x1f]); + blit(aligns[i], aligns[j], 5, 5, [0x1f, 0x11, 0x15, 0x11, 0x1f]) } } if (needsverinfo(ver)) { - var code = augumentbch(ver, 6, 0x1f25, 12); - var k = 0; + var code = augumentbch(ver, 6, 0x1f25, 12) + var k = 0 + for (var i = 0; i < 6; ++i) { for (var j = 0; j < 3; ++j) { - matrix[i][(n-11)+j] = matrix[(n-11)+j][i] = (code >> k++) & 1; - reserved[i][(n-11)+j] = reserved[(n-11)+j][i] = 1; + matrix[i][(n - 11) + j] = matrix[(n - 11) + j][i] = (code >> k++) & 1 + reserved[i][(n - 11) + j] = reserved[(n - 11) + j][i] = 1 } } } - return {matrix: matrix, reserved: reserved}; -}; - -var putdata = function(matrix, reserved, buf) { - var n = matrix.length; - var k = 0, dir = -1; - for (var i = n-1; i >= 0; i -= 2) { - if (i == 6) --i; - var jj = (dir < 0 ? n-1 : 0); - for (var j = 0; j < n; ++j) { - for (var ii = i; ii > i-2; --ii) { - if (!reserved[jj][ii]) { - matrix[jj][ii] = (buf[k >> 3] >> (~k&7)) & 1; - ++k; - } - } - jj += dir; - } - dir = -dir; - } - return matrix; -}; - -var maskdata = function(matrix, reserved, mask) { - var maskf = MASKFUNCS[mask]; - var n = matrix.length; - for (var i = 0; i < n; ++i) { - for (var j = 0; j < n; ++j) { - if (!reserved[i][j]) matrix[i][j] ^= maskf(i,j); - } - } - return matrix; + return { matrix: matrix, reserved: reserved } } -var putformatinfo = function(matrix, reserved, ecclevel, mask) { - var n = matrix.length; - var code = augumentbch((ecclevel << 3) | mask, 5, 0x537, 10) ^ 0x5412; - for (var i = 0; i < 15; ++i) { - var r = [0,1,2,3,4,5,7,8,n-7,n-6,n-5,n-4,n-3,n-2,n-1][i]; - var c = [n-1,n-2,n-3,n-4,n-5,n-6,n-7,n-8,7,5,4,3,2,1,0][i]; - matrix[r][8] = matrix[8][c] = (code >> i) & 1; - } - return matrix; -}; +var putdata = function (matrix, reserved, buf) { + var n = matrix.length + var k = 0, dir = -1 -var evaluatematrix = function(matrix) { - var PENALTY_CONSECUTIVE = 3; - var PENALTY_TWOBYTWO = 3; - var PENALTY_FINDERLIKE = 40; - var PENALTY_DENSITY = 10; - - var evaluategroup = function(groups) { - var score = 0; - for (var i = 0; i < groups.length; ++i) { - if (groups[i] >= 5) score += PENALTY_CONSECUTIVE + (groups[i]-5); - } - for (var i = 5; i < groups.length; i += 2) { - var p = groups[i]; - if (groups[i-1] == p && groups[i-2] == 3*p && groups[i-3] == p && - groups[i-4] == p && (groups[i-5] >= 4*p || groups[i+1] >= 4*p)) { - score += PENALTY_FINDERLIKE; + for (var i = n - 1; i >= 0; i -= 2) { + if (i == 6) --i + var jj = (dir < 0 ? n - 1 : 0) + for (var j = 0; j < n; ++j) { + for (var ii = i; ii > i - 2; --ii) { + if (!reserved[jj][ii]) { + matrix[jj][ii] = (buf[k >> 3] >> (~k & 7)) & 1 + ++k + } } - } - return score; - }; - var n = matrix.length; - var score = 0, nblacks = 0; + jj += dir + } + + dir = -dir + } + + return matrix +} + +var maskdata = function (matrix, reserved, mask) { + var maskf = MASKFUNCS[mask] + var n = matrix.length + for (var i = 0; i < n; ++i) { - var row = matrix[i]; - var groups; - - groups = [0]; - for (var j = 0; j < n; ) { - var k; - for (k = 0; j < n && row[j]; ++k) ++j; - groups.push(k); - for (k = 0; j < n && !row[j]; ++k) ++j; - groups.push(k); + for (var j = 0; j < n; ++j) { + if (!reserved[i][j]) matrix[i][j] ^= maskf(i, j) } - score += evaluategroup(groups); + } - groups = [0]; - for (var j = 0; j < n; ) { - var k; - for (k = 0; j < n && matrix[j][i]; ++k) ++j; - groups.push(k); - for (k = 0; j < n && !matrix[j][i]; ++k) ++j; - groups.push(k); + return matrix +} + +var putformatinfo = function (matrix, reserved, ecclevel, mask) { + var n = matrix.length + var code = augumentbch((ecclevel << 3) | mask, 5, 0x537, 10) ^ 0x5412 + + for (var i = 0; i < 15; ++i) { + var r = [0, 1, 2, 3, 4, 5, 7, 8, n - 7, n - 6, n - 5, n - 4, n - 3, n - 2, n - 1][i] + var c = [n - 1, n - 2, n - 3, n - 4, n - 5, n - 6, n - 7, n - 8, 7, 5, 4, 3, 2, 1, 0][i] + matrix[r][8] = matrix[8][c] = (code >> i) & 1 + } + + return matrix +} + +var evaluatematrix = function (matrix) { + var PENALTY_CONSECUTIVE = 3 + var PENALTY_TWOBYTWO = 3 + var PENALTY_FINDERLIKE = 40 + var PENALTY_DENSITY = 10 + + var evaluategroup = function (groups) { + var score = 0 + + for (var i = 0; i < groups.length; ++i) { + if (groups[i] >= 5) score += PENALTY_CONSECUTIVE + (groups[i] - 5) } - score += evaluategroup(groups); - var nextrow = matrix[i+1] || []; - nblacks += row[0]; + for (var i = 5; i < groups.length; i += 2) { + var p = groups[i] + + if (groups[i - 1] == p && groups[i - 2] == 3 * p && groups[i - 3] == p && groups[i - 4] == p && (groups[i - 5] >= 4 * p || groups[i + 1] >= 4 * p)) { + score += PENALTY_FINDERLIKE + } + } + + return score + } + + var n = matrix.length + var score = 0, nblacks = 0 + + for (var i = 0; i < n; ++i) { + var row = matrix[i] + var groups + + groups = [0] + + for (var j = 0; j < n;) { + var k + for (k = 0; j < n && row[j]; ++k) ++j + groups.push(k) + for (k = 0; j < n && !row[j]; ++k) ++j + groups.push(k) + } + + score += evaluategroup(groups) + + groups = [0] + + for (var j = 0; j < n;) { + var k + for (k = 0; j < n && matrix[j][i]; ++k) ++j + groups.push(k) + for (k = 0; j < n && !matrix[j][i]; ++k) ++j + groups.push(k) + } + + score += evaluategroup(groups) + + var nextrow = matrix[i + 1] || [] + + nblacks += row[0] + for (var j = 1; j < n; ++j) { - var p = row[j]; - nblacks += p; - if (row[j-1] == p && nextrow[j] === p && nextrow[j-1] === p) { - score += PENALTY_TWOBYTWO; + var p = row[j] + nblacks += p + if (row[j - 1] == p && nextrow[j] === p && nextrow[j - 1] === p) { + score += PENALTY_TWOBYTWO } } } - score += PENALTY_DENSITY * ((Math.abs(nblacks / n / n - 0.5) / 0.05) | 0); - return score; -}; + score += PENALTY_DENSITY * ((Math.abs(nblacks / n / n - 0.5) / 0.05) | 0) -var generate = function(data, ver, mode, ecclevel, mask) { - var v = VERSIONS[ver]; - var buf = encode(ver, mode, data, ndatabits(ver, ecclevel) >> 3); - buf = augumenteccs(buf, v[1][ecclevel], GF256_GENPOLY[v[0][ecclevel]]); + return score +} - var result = makebasematrix(ver); - var matrix = result.matrix, reserved = result.reserved; - putdata(matrix, reserved, buf); +var generate = function (data, ver, mode, ecclevel, mask) { + var v = VERSIONS[ver] + var buf = encode(ver, mode, data, ndatabits(ver, ecclevel) >> 3) + + buf = augumenteccs(buf, v[1][ecclevel], GF256_GENPOLY[v[0][ecclevel]]) + + var result = makebasematrix(ver) + var matrix = result.matrix, reserved = result.reserved + + putdata(matrix, reserved, buf) if (mask < 0) { - maskdata(matrix, reserved, 0); - putformatinfo(matrix, reserved, ecclevel, 0); - var bestmask = 0, bestscore = evaluatematrix(matrix); - maskdata(matrix, reserved, 0); + maskdata(matrix, reserved, 0) + + putformatinfo(matrix, reserved, ecclevel, 0) + + var bestmask = 0, bestscore = evaluatematrix(matrix) + + maskdata(matrix, reserved, 0) + for (mask = 1; mask < 8; ++mask) { - maskdata(matrix, reserved, mask); - putformatinfo(matrix, reserved, ecclevel, mask); - var score = evaluatematrix(matrix); + maskdata(matrix, reserved, mask) + + putformatinfo(matrix, reserved, ecclevel, mask) + + var score = evaluatematrix(matrix) + if (bestscore > score) { - bestscore = score; - bestmask = mask; + bestscore = score + bestmask = mask } - maskdata(matrix, reserved, mask); + + maskdata(matrix, reserved, mask) } - mask = bestmask; + + mask = bestmask } - maskdata(matrix, reserved, mask); - putformatinfo(matrix, reserved, ecclevel, mask); - return matrix; -}; + maskdata(matrix, reserved, mask) + + putformatinfo(matrix, reserved, ecclevel, mask) + + return matrix +} var QRCode = { - 'generate': function(data, options) { - var MODES = {'numeric': MODE_NUMERIC, 'alphanumeric': MODE_ALPHANUMERIC, - 'octet': MODE_OCTET}; - var ECCLEVELS = {'L': ECCLEVEL_L, 'M': ECCLEVEL_M, 'Q': ECCLEVEL_Q, - 'H': ECCLEVEL_H}; + 'generate': function (data, options) { + var MODES = { 'numeric': MODE_NUMERIC, 'alphanumeric': MODE_ALPHANUMERIC, 'octet': MODE_OCTET } + var ECCLEVELS = { 'L': ECCLEVEL_L, 'M': ECCLEVEL_M, 'Q': ECCLEVEL_Q, 'H': ECCLEVEL_H } - options = options || {}; - var ver = options.version || -1; - var ecclevel = ECCLEVELS[(options.ecclevel || 'L').toUpperCase()]; - var mode = options.mode ? MODES[options.mode.toLowerCase()] : -1; - var mask = 'mask' in options ? options.mask : -1; + options = options || {} + + var ver = options.version || -1 + var ecclevel = ECCLEVELS[(options.ecclevel || 'L').toUpperCase()] + var mode = options.mode ? MODES[options.mode.toLowerCase()] : -1 + var mask = 'mask' in options ? options.mask : -1 if (mode < 0) { if (typeof data === 'string') { if (data.match(NUMERIC_REGEXP)) { - mode = MODE_NUMERIC; + mode = MODE_NUMERIC } else if (data.match(ALPHANUMERIC_OUT_REGEXP)) { - mode = MODE_ALPHANUMERIC; + mode = MODE_ALPHANUMERIC } else { - mode = MODE_OCTET; + mode = MODE_OCTET } } else { - mode = MODE_OCTET; + mode = MODE_OCTET } - } else if (!(mode == MODE_NUMERIC || mode == MODE_ALPHANUMERIC || - mode == MODE_OCTET)) { - throw 'invalid or unsupported mode'; + } else if (!(mode == MODE_NUMERIC || mode == MODE_ALPHANUMERIC || mode == MODE_OCTET)) { + throw 'invalid or unsupported mode' } - data = validatedata(mode, data); - if (data === null) throw 'invalid data format'; + data = validatedata(mode, data) - if (ecclevel < 0 || ecclevel > 3) throw 'invalid ECC level'; + if (data === null) throw 'invalid data format' + + if (ecclevel < 0 || ecclevel > 3) throw 'invalid ECC level' if (ver < 0) { for (ver = 1; ver <= 40; ++ver) { - if (data.length <= getmaxdatalen(ver, mode, ecclevel)) break; + if (data.length <= getmaxdatalen(ver, mode, ecclevel)) break } - if (ver > 40) throw 'too large data'; + + if (ver > 40) throw 'too large data' } else if (ver < 1 || ver > 40) { - throw 'invalid version'; + throw 'invalid version' } - if (mask != -1 && (mask < 0 || mask > 8)) throw 'invalid mask'; + if (mask != -1 && (mask < 0 || mask > 8)) throw 'invalid mask' - return generate(data, ver, mode, ecclevel, mask); + return generate(data, ver, mode, ecclevel, mask) }, - 'generateHTML': function(data, options) { - options = options || {}; - var matrix = QRCode['generate'](data, options); - var modsize = Math.max(options.modulesize || 5, 0.5); - var margin = Math.max(options.margin !== null ? options.margin : 4, 0.0); + 'generateHTML': function (data, options) { + options = options || {} + + var matrix = QRCode['generate'](data, options) + var modsize = Math.max(options.modulesize || 5, 0.5) + var margin = Math.max(options.margin !== null ? options.margin : 4, 0.0) + var e = document.createElement('div') + var n = matrix.length + var html = [''] - var e = document.createElement('div'); - var n = matrix.length; - var html = ['
    ']; for (var i = 0; i < n; ++i) { - html.push(''); + html.push('') + for (var j = 0; j < n; ++j) { - html.push(''); + html.push('') } - html.push(''); + + html.push('') } - e.className = 'qrcode'; - e.innerHTML = html.join('') + '
    '; - return e; + + e.className = 'qrcode' + e.innerHTML = html.join('') + '' + + return e }, - 'generateSVG': function(data, options) { - options = options || {}; - var matrix = QRCode['generate'](data, options); - var n = matrix.length; - var modsize = Math.max(options.modulesize || 5, 0.5); - var margin = Math.max(options.margin? options.margin : 4, 0.0); - var size = modsize * (n + 2 * margin); + 'generateSVG': function (data, options) { + options = options || {} - var common = ' class= "fg"'+' width="'+modsize+'" height="'+modsize+'"/>'; + var matrix = QRCode['generate'](data, options) + var n = matrix.length + var modsize = Math.max(options.modulesize || 5, 0.5) + var margin = Math.max(options.margin ? options.margin : 4, 0.0) + var size = modsize * (n + 2 * margin) + var common = ' class= "fg"' + ' width="' + modsize + '" height="' + modsize + '"/>' + var e = document.createElementNS('http://www.w3.org/2000/svg', 'svg') - var e = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); - e.setAttribute('viewBox', '0 0 '+size+' '+size); - e.setAttribute('style', 'shape-rendering:crispEdges'); + e.setAttribute('viewBox', '0 0 ' + size + ' ' + size) + e.setAttribute('style', 'shape-rendering:crispEdges') var svg = [ '', '', - ]; + 'width="' + size + '" height="' + size + '"/>', + ] + + var yo = margin * modsize - var yo = margin * modsize; for (var y = 0; y < n; ++y) { - var xo = margin * modsize; + var xo = margin * modsize + for (var x = 0; x < n; ++x) { - if (matrix[y][x]) - svg.push(' { - const a = document.createElement("a"); - a.href = href; - a.download = download; - return a; - }; + const ext = filename.substr(filename.lastIndexOf(".")).toLowerCase() - function convertImageToCanvas({ debug, img }) { - if (debug) console.log("[qortal-file-saver] starting convertImageToCanvas"); - const height = img.height; - const width = img.width; - const canvas = document.createElement("canvas"); - canvas.height = height; - canvas.width = width; - const context = canvas.getContext("2d"); - context.drawImage(img, 0, 0, width, height); - return canvas; - } + const A = ({ href, download }) => { + const a = document.createElement("a") + a.href = href + a.download = download + return a + } - function saveHTML({ data, debug, filename }) { - if (typeof data === "object" && "outerHTML" in data) { - if (debug) console.log("[qortal-file-saver] data appears to be an HTML element, so grabbing it's outer HTML"); - data = data.outerHTML; - } - const url = "data:text/html," + encodeURIComponent(data); - saveDataOrBlobURL({ url, debug, filename }); - } + function convertImageToCanvas({ debug, img }) { + if (debug) console.log("[qortal-file-saver] starting convertImageToCanvas") + const height = img.height + const width = img.width + const canvas = document.createElement("canvas") + canvas.height = height + canvas.width = width + const context = canvas.getContext("2d") + context.drawImage(img, 0, 0, width, height) + return canvas + } - function saveCanvas({ data, debug, filename, imageType }) { - const url = data.toDataURL("image/" + imageType); - saveDataOrBlobURL({ url, debug, filename }); - } + function saveHTML({ data, debug, filename }) { + if (typeof data === "object" && "outerHTML" in data) { + if (debug) console.log("[qortal-file-saver] data appears to be an HTML element, so grabbing it's outer HTML") + data = data.outerHTML + } + const url = "data:text/html," + encodeURIComponent(data) + saveDataOrBlobURL({ url, debug, filename }) + } - function saveDataOrBlobURL({ url, debug, filename }) { - A({ href: url, download: filename }).click(); - } + function saveCanvas({ data, debug, filename, imageType }) { + const url = data.toDataURL("image/" + imageType) + saveDataOrBlobURL({ url, debug, filename }) + } - function saveImageAsJPG({ data: img, debug, filename }) { - if (debug) console.log("starting saveImageAsJPG"); - const canvas = convertImageToCanvas({ debug, img }); - saveCanvasAsJPG({ data: canvas, debug, filename }); - } + function saveDataOrBlobURL({ url, debug, filename }) { + A({ href: url, download: filename }).click() + } - function saveImageAsPNG({ data: img, debug, filename }) { - if (debug) console.log("starting saveImageAsPNG"); - const canvas = convertImageToCanvas({ debug, img }); - saveCanvasAsPNG({ data: canvas, debug, filename }); - } + function saveImageAsJPG({ data: img, debug, filename }) { + if (debug) console.log("starting saveImageAsJPG") + const canvas = convertImageToCanvas({ debug, img }) + saveCanvasAsJPG({ data: canvas, debug, filename }) + } - function saveImageAsWebP({ data: img, debug, filename }) { - if (debug) console.log("starting saveImageAsWebP"); - const canvas = convertImageToCanvas({ debug, img }); - saveCanvasAsWebP({ data: canvas, debug, filename }); - } + function saveImageAsPNG({ data: img, debug, filename }) { + if (debug) console.log("starting saveImageAsPNG") + const canvas = convertImageToCanvas({ debug, img }) + saveCanvasAsPNG({ data: canvas, debug, filename }) + } - function saveCanvasAsJPG({ data, debug, filename }) { - saveCanvas({ data, debug, filename, imageType: "jpeg" }); - } + function saveImageAsWebP({ data: img, debug, filename }) { + if (debug) console.log("starting saveImageAsWebP") + const canvas = convertImageToCanvas({ debug, img }) + saveCanvasAsWebP({ data: canvas, debug, filename }) + } - function saveCanvasAsPNG({ data, debug, filename }) { - saveCanvas({ data, debug, filename, imageType: "png" }); - } + function saveCanvasAsJPG({ data, debug, filename }) { + saveCanvas({ data, debug, filename, imageType: "jpeg" }) + } - function saveCanvasAsWebP({ data, debug, filename }) { - saveCanvas({ data, debug, filename, imageType: "webp" }); - } + function saveCanvasAsPNG({ data, debug, filename }) { + saveCanvas({ data, debug, filename, imageType: "png" }) + } - function saveDSV({ data, debug, delimiter, filename, mediatype }) { - if (!Array.isArray(data)) throw new Error("[qortal-saver] data must be an array to save as a CSV"); - if (!delimiter) throw new Error("[qortal-saver] delimiter must be set"); - if (!mediatype) throw new Error("[qortal-saver] mediatype must be set"); - let output = "data:" + mediatype + ";charset=utf-8,"; - const columns = Array.from(new Set(data.map(Object.keys).flat())).sort(); - const types = new Set(data.map(it => (Array.isArray(it) ? "array" : typeof it))); - const includeHeader = types.has("object"); - if (debug) console.log("includeHeader:", includeHeader); - if (includeHeader) output += columns.map(c => '"' + c.replace(/,/g, "\\,") + '"') + "\n"; - for (let i = 0; i < data.length; i++) { - const row = data[i]; - if (i !== 0) output += "\n"; - output += columns.map(col => '"' + row[col].toString().replace(/,/g, "\\,") + '"'); - } - const url = encodeURI(output); - saveDataOrBlobURL({ url, debug, filename }); - } + function saveCanvasAsWebP({ data, debug, filename }) { + saveCanvas({ data, debug, filename, imageType: "webp" }) + } - function saveCSV({ data, debug, filename }) { - saveDSV({ data, debug, delimiter: ",", filename, mediatype: "text/csv" }); - } + function saveDSV({ data, debug, delimiter, filename, mediatype }) { + if (!Array.isArray(data)) throw new Error("[qortal-saver] data must be an array to save as a CSV") + if (!delimiter) throw new Error("[qortal-saver] delimiter must be set") + if (!mediatype) throw new Error("[qortal-saver] mediatype must be set") + let output = "data:" + mediatype + ";charset=utf-8," + const columns = Array.from(new Set(data.map(Object.keys).flat())).sort() + const types = new Set(data.map(it => (Array.isArray(it) ? "array" : typeof it))) + const includeHeader = types.has("object") + if (debug) console.log("includeHeader:", includeHeader) + if (includeHeader) output += columns.map(c => '"' + c.replace(/,/g, "\\,") + '"') + "\n" + for (let i = 0; i < data.length; i++) { + const row = data[i] + if (i !== 0) output += "\n" + output += columns.map(col => '"' + row[col].toString().replace(/,/g, "\\,") + '"') + } + const url = encodeURI(output) + saveDataOrBlobURL({ url, debug, filename }) + } - function saveTSV({ data, debug, filename }) { - saveDSV({ data, debug, delimiter: "\t", filename, mediatype: "text/tab-separated-values" }); - } + function saveCSV({ data, debug, filename }) { + saveDSV({ data, debug, delimiter: ",", filename, mediatype: "text/csv" }) + } - function saveJSON({ data, debug, filename }) { - const url = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(data, undefined, 2)); - saveDataOrBlobURL({ url, debug, filename }); - } + function saveTSV({ data, debug, filename }) { + saveDSV({ data, debug, delimiter: "\t", filename, mediatype: "text/tab-separated-values" }) + } - function saveText({ data, debug, filename }) { - const url = "data:text/plain;charset=utf-8," + encodeURIComponent(data); - saveDataOrBlobURL({ url, debug, filename }); - } + function saveJSON({ data, debug, filename }) { + const url = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(data, undefined, 2)) + saveDataOrBlobURL({ url, debug, filename }) + } - function saveBlob({ data, debug, filename }) { - const url = URL.createObjectURL(data); - if (debug) console.log("[qortal-file-saver.saveBlob] url:", url); - saveDataOrBlobURL({ url, debug, filename }); - URL.revokeObjectURL(url); - } + function saveText({ data, debug, filename }) { + const url = "data:text/plain;charset=utf-8," + encodeURIComponent(data); + saveDataOrBlobURL({ url, debug, filename }) + } - if (ext === ".csv") { - saveCSV({ data, debug, filename }); - } else if (ext === ".tsv") { - saveTSV({ data, debug, filename }); - } else if (ext === ".html") { - saveHTML({ data, debug, filename }); - } else if (ext === ".json" || ext === ".geojson" || ext === ".topojson") { - saveJSON({ data, debug, filename }); - } else if (ext === ".txt" || ext === ".js" || ext === ".py") { - saveText({ data, debug, filename }); - } else if (constructorName === "HTMLCanvasElement" && ext === ".png") { - saveCanvasAsPNG({ data, debug, filename }); - } else if (constructorName === "HTMLCanvasElement" && ext === ".jpg") { - saveCanvasAsJPG({ data, debug, filename }); - } else if (constructorName === "HTMLCanvasElement" && ext === ".webp") { - saveCanvasAsWebP({ data, debug, filename }); - } else if (constructorName === "HTMLImageElement" && ext === ".jpg") { - saveImageAsJPG({ data, debug, filename }); - } else if (constructorName === "HTMLImageElement" && ext === ".png") { - saveImageAsPNG({ data, debug, filename }); - } else if (constructorName === "HTMLImageElement" && ext === ".webp") { - saveImageAsWebP({ data, debug, filename }); - } else if (constructorName === "Blob") { - saveBlob({ data, debug, filename }); - } else { - throw new Error('[qortal-file-saver] unrecognized extension "' + ext + '"'); - } + function saveBlob({ data, debug, filename }) { + const url = URL.createObjectURL(data) + if (debug) console.log("[qortal-file-saver.saveBlob] url:", url) + saveDataOrBlobURL({ url, debug, filename }) + URL.revokeObjectURL(url) + } + + if (ext === ".csv") { + saveCSV({ data, debug, filename }) + } else if (ext === ".tsv") { + saveTSV({ data, debug, filename }) + } else if (ext === ".html") { + saveHTML({ data, debug, filename }) + } else if (ext === ".json" || ext === ".geojson" || ext === ".topojson") { + saveJSON({ data, debug, filename }) + } else if (ext === ".txt" || ext === ".js" || ext === ".py") { + saveText({ data, debug, filename }) + } else if (constructorName === "HTMLCanvasElement" && ext === ".png") { + saveCanvasAsPNG({ data, debug, filename }) + } else if (constructorName === "HTMLCanvasElement" && ext === ".jpg") { + saveCanvasAsJPG({ data, debug, filename }) + } else if (constructorName === "HTMLCanvasElement" && ext === ".webp") { + saveCanvasAsWebP({ data, debug, filename }) + } else if (constructorName === "HTMLImageElement" && ext === ".jpg") { + saveImageAsJPG({ data, debug, filename }) + } else if (constructorName === "HTMLImageElement" && ext === ".png") { + saveImageAsPNG({ data, debug, filename }) + } else if (constructorName === "HTMLImageElement" && ext === ".webp") { + saveImageAsWebP({ data, debug, filename }) + } else if (constructorName === "Blob") { + saveBlob({ data, debug, filename }) + } else { + throw new Error('[qortal-file-saver] unrecognized extension "' + ext + '"') + } } -if (typeof define === "function" && define.amd) - define(function () { - return saveFile; - }); -if (typeof module === "object") module.exports = saveFile; -if (typeof window === "object") window.saveFile = saveFile; -if (typeof self === "object") self.saveFile = saveFile; \ No newline at end of file +if (typeof define === "function" && define.amd) define(function () {return saveFile;}) +if (typeof module === "object") module.exports = saveFile +if (typeof window === "object") window.saveFile = saveFile +if (typeof self === "object") self.saveFile = saveFile \ No newline at end of file diff --git a/plugins/plugins/core/components/QortalQrcodeGenerator.js b/plugins/plugins/core/components/QortalQrcodeGenerator.js index bd1c7429..49356b32 100644 --- a/plugins/plugins/core/components/QortalQrcodeGenerator.js +++ b/plugins/plugins/core/components/QortalQrcodeGenerator.js @@ -1,191 +1,202 @@ -import {css, html, LitElement} from 'lit' -import QRCode from './QRCode.js' +import { html, LitElement } from 'lit' +import { qortalQrcodeGeneratorStyles } from './plugins-css' +import QRCode from './QRCode' export class QortalQrcodeGenerator extends LitElement { - static get properties() { - return { - auto: { type: Boolean }, - data: { type: String }, - debug: { type: Boolean }, - ecclevel: { type: String }, - format: { type: String }, - margin: { type: Number }, - mask: { type: Number, value: -1 }, - mode: { type: String }, - modulesize: { type: Number }, - version: { type: Number }, - qrcode: { type: Object } - } - } + static get properties() { + return { + auto: { type: Boolean }, + data: { type: String }, + debug: { type: Boolean }, + ecclevel: { type: String }, + format: { type: String }, + margin: { type: Number }, + mask: { type: Number, value: -1 }, + mode: { type: String }, + modulesize: { type: Number }, + version: { type: Number }, + qrcode: { type: Object } + } + } - static get styles() { - return css` - :host { - display: block; - } - ` - } + static get styles() { + return [qortalQrcodeGeneratorStyles] + } - constructor() { - super() - this.auto = false - this.debug = false - this.ecclevel = 'L' - this.format = 'html' - this.mode = 'numeric' - this.margin = 4 - this.mask = -1 - this.modulesize = 5 - this.version = -1 - this.qrcode = null - } + constructor() { + super() + this.auto = false + this.debug = false + this.ecclevel = 'L' + this.format = 'html' + this.mode = 'numeric' + this.margin = 4 + this.mask = -1 + this.modulesize = 5 + this.version = -1 + this.qrcode = null + } - render() { - return html` -
    - ${this.qrcode ? this.qrcode : ''} -
    - ` - } + render() { + return html`
    ${this.qrcode ? this.qrcode : ''}
    ` + } - validateParams() { - return ( - this.validateEcclevel() && - this.validateFormat() && - this.validateMask() && - this.validateMode() && - this.validateModulesize() && - this.validateVersion() - ) - } + firstUpdated() { + // ... + } - validateEcclevel() { - if ( - this.ecclevel === 'L' || - this.ecclevel === 'M' || - this.ecclevel === 'Q' || - this.ecclevel === 'H' - ) { - return true - } - console.error('[qortal-qrcode-generator] validateEcclevel - Invalid value of `ecclevel`', this.ecclevel) - return false - } + validateParams() { + return (this.validateEcclevel() && this.validateFormat() && this.validateMask() && this.validateMode() && this.validateModulesize() && this.validateVersion()) + } - validateFormat() { - if (this.format == 'html' || this.format == 'png') { - return true - } - console.error('[qortal-qrcode-generator] validateFormat - Invalid value of `format`', this.format) - return false - } + validateEcclevel() { + if (this.ecclevel === 'L' || this.ecclevel === 'M' || this.ecclevel === 'Q' || this.ecclevel === 'H') { + return true + } - validateMargin() { - if (this.margin >= -1) { - return true - } - console.error('[qortal-qrcode-generator] validateMargin - Invalid value of `margin`', this.margin) - return false - } + console.error('[qortal-qrcode-generator] validateEcclevel - Invalid value of `ecclevel`', this.ecclevel) - validateMask() { - if (this.mask >= -1 && this.mask <= 7) { - return true - } - console.error('[qortal-qrcode-generator] validateMask - Invalid value of `mask`', this.mask) - return false - } + return false + } - validateMode() { - if (this.mode === 'numeric' || this.mode === 'alphanumeric' || this.mode === 'octet') { - return true - } - console.error('[qortal-qrcode-generator] validateMode - Invalid value of `mode`', this.mode) - return false - } + validateFormat() { + if (this.format == 'html' || this.format == 'png') { + return true + } - validateModulesize() { - if (this.modulesize >= 0.5) { - return true - } - console.error('[qortal-qrcode-generator] validateModulesize - Invalid value of `modulesize`', this.modulesize) - return false - } + console.error('[qortal-qrcode-generator] validateFormat - Invalid value of `format`', this.format) - validateVersion() { - if (this.version == -1 || (this.version >= 0 && this.version <= 40)) { - return true - } - console.error('[qortal-qrcode-generator] validateVersion - Invalid value of `version`', this.version) - return false - } + return false + } - getOptions() { - return { - modulesize: this.modulesize, - margin: this.margin, - version: this.version, - mode: this.mode, - ecclevel: this.ecclevel, - mask: this.mask, - } - } + validateMargin() { + if (this.margin >= -1) { + return true + } - generateQRCodePNG() { - let img - try { - img = document.createElement('img') - img.src = QRCode.generatePNG(this.data, this.getOptions()) - this.qrcode = img; - } catch (e) { - console.error('[qortal-qrcode-generator] generateQRCodePNG - No canvas support', e) - } - } + console.error('[qortal-qrcode-generator] validateMargin - Invalid value of `margin`', this.margin) - generateQRCodeHTML() { - if (this.debug) { - console.debug('[qortal-qrcode-generator] generateQRCodeHTML - data ', this.data) - } - this.qrcode = QRCode.generateHTML(this.data, this.getOptions()) - } + return false + } - generateQRCode() { - if (this.debug) { - console.log('[qortal-qrcode-generator] generateQRCode', this.validateParams()); - } - if (!this.validateParams()) { - return - } - if (this.format === 'png') { - this.generateQRCodePNG() - } else { - this.generateQRCodeHTML() - } - this.dispatchEvent( - new CustomEvent('qrcode-generated', { - bubbles: true, - composed: true, - }), - ) - } + validateMask() { + if (this.mask >= -1 && this.mask <= 7) { + return true + } - updated(changedProperties) { - if (this.debug) { - console.log('[qortal-qrcode-generator] updated'); - } + console.error('[qortal-qrcode-generator] validateMask - Invalid value of `mask`', this.mask) - if ( - (changedProperties.has('auto') || - changedProperties.has('data') || - changedProperties.has('ecclevel') || - changedProperties.has('mask') || - changedProperties.has('mode') || - changedProperties.has('version')) && - this.auto - ) { - this.generateQRCode() - } - } + return false + } + + validateMode() { + if (this.mode === 'numeric' || this.mode === 'alphanumeric' || this.mode === 'octet') { + return true + } + + console.error('[qortal-qrcode-generator] validateMode - Invalid value of `mode`', this.mode) + + return false + } + + validateModulesize() { + if (this.modulesize >= 0.5) { + return true + } + + console.error('[qortal-qrcode-generator] validateModulesize - Invalid value of `modulesize`', this.modulesize) + + return false + } + + validateVersion() { + if (this.version == -1 || (this.version >= 0 && this.version <= 40)) { + return true + } + + console.error('[qortal-qrcode-generator] validateVersion - Invalid value of `version`', this.version) + + return false + } + + getOptions() { + return { + modulesize: this.modulesize, + margin: this.margin, + version: this.version, + mode: this.mode, + ecclevel: this.ecclevel, + mask: this.mask + } + } + + generateQRCodePNG() { + let img + + try { + img = document.createElement('img') + img.src = QRCode.generatePNG(this.data, this.getOptions()) + this.qrcode = img + } catch (e) { + console.error('[qortal-qrcode-generator] generateQRCodePNG - No canvas support', e) + } + } + + generateQRCodeHTML() { + if (this.debug) { + console.debug('[qortal-qrcode-generator] generateQRCodeHTML - data ', this.data) + } + + this.qrcode = QRCode.generateHTML(this.data, this.getOptions()) + } + + generateQRCode() { + if (this.debug) { + console.log('[qortal-qrcode-generator] generateQRCode', this.validateParams()) + } + + if (!this.validateParams()) { + return + } + + if (this.format === 'png') { + this.generateQRCodePNG() + } else { + this.generateQRCodeHTML() + } + + this.dispatchEvent( + new CustomEvent('qrcode-generated', { + bubbles: true, + composed: true + }) + ) + } + + updated(changedProperties) { + if (this.debug) { + console.log('[qortal-qrcode-generator] updated') + } + + if ((changedProperties.has('auto') || changedProperties.has('data') || changedProperties.has('ecclevel') || changedProperties.has('mask') || changedProperties.has('mode') || changedProperties.has('version')) && this.auto) { + this.generateQRCode() + } + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('qortal-qrcode-generator', QortalQrcodeGenerator) diff --git a/plugins/plugins/core/components/ReusableImage.js b/plugins/plugins/core/components/ReusableImage.js index 2ea59214..b4d2ba10 100644 --- a/plugins/plugins/core/components/ReusableImage.js +++ b/plugins/plugins/core/components/ReusableImage.js @@ -1,14 +1,16 @@ -import {css, html, LitElement} from 'lit' -import {translate,} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { RequestQueueWithPromise } from '../../utils/classes' +import { reusableImageStyles } from './plugins-css' import axios from 'axios' -import {RequestQueueWithPromise} from '../../utils/queue' -import '@material/mwc-menu' -import '@material/mwc-list/mwc-list-item.js' import '@material/mwc-dialog' +import '@material/mwc-list/mwc-list-item.js' +import '@material/mwc-menu' -const requestQueue = new RequestQueueWithPromise(5); -const requestQueue2 = new RequestQueueWithPromise(5); +// Multi language support +import { translate } from '../../../../core/translate' +const requestQueue = new RequestQueueWithPromise(5) +const requestQueue2 = new RequestQueueWithPromise(5) export class ResuableImage extends LitElement { static get properties() { @@ -16,74 +18,14 @@ export class ResuableImage extends LitElement { resource: { type: Object }, isReady: { type: Boolean }, status: { type: Object }, - missingData: {type: Boolean}, + missingData: { type: Boolean }, openDialogImage: { type: Boolean }, - onLoad: {attribute: false} + onLoad: { attribute: false } } } static get styles() { - return css` - * { - --mdc-theme-text-primary-on-background: var(--black); - --mdc-dialog-max-width: 85vw; - --mdc-dialog-max-height: 95vh; - } - img { - width: 100%; - height: auto; - object-fit: contain; - border-radius: 5px; - position: relative; - } - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - - .smallLoading { - border-width: 0.8em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 30px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running - loadingAnimation; - } - .imageContainer { - display: flex; - justify-content: center; - align-items: center; - height: 100%; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - ` + return [reusableImageStyles] } constructor() { @@ -91,10 +33,10 @@ export class ResuableImage extends LitElement { this.resource = { identifier: '', name: '', - service: '', + service: '' } this.status = { - status: '', + status: '' } this.url = '' this.isReady = false @@ -104,49 +46,83 @@ export class ResuableImage extends LitElement { this.isFetching = false this.missingData = false this.openDialogImage = false - this.observer = new IntersectionObserver((entries) => { for (const entry of entries) { if (entry.isIntersecting && this.status.status !== 'READY') { - this._fetchImage(); + this._fetchImage() + // Stop observing after the image has started loading - this.observer.unobserve(this); + this.observer.unobserve(this) } } }) } - getNodeUrl() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + render() { + return html` +
    + ${this.status.status !== 'READY' ? + html` +
    +
    +

    + ${`${Math.round(this.status.percentLoaded || 0).toFixed(0)}% `}${translate('chatpage.cchange94')} +

    +
    + ` + : '' + } + ${this.status.status === 'READY' ? + html` +
    {this.openDialogImage = true;}}> + +
    + ` + : '' + } +
    + {this.openDialogImage = false;}}> +
    +
    + ${this.openDialogImage ? + html` + + ` + : '' + } +
    + {this.openDialogImage = false;}}> + ${translate('general.close')} + +     + ` + } + + firstUpdated() { + this.observer.observe(this) + } + + getNodeUrl() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.protocol + '://' + myNode.domain + ':' + myNode.port } - getMyNode() { - return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - } - getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - return myNode.apiKey + getMyNode() { + return window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] } async fetchResource() { try { - if (this.isFetching) return; - this.isFetching = true; + if (this.isFetching) return + + this.isFetching = true await requestQueue2.enqueue(() => { - return axios.get( - `${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + return axios.get( + `${this.nodeUrl}/arbitrary/resource/properties/${this.resource.service}/${this.resource.name}/${this.resource.identifier}` ) }) + this.isFetching = false } catch (error) { this.isFetching = false @@ -155,33 +131,39 @@ export class ResuableImage extends LitElement { async fetchVideoUrl() { await this.fetchResource(); - this.url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?async=true&apiKey=${this.myNode.apiKey}` + this.url = `${this.nodeUrl}/arbitrary/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?async=true` } async fetchStatus() { let isCalling = false let percentLoaded = 0 let timer = 24 + const response = await axios.get( - `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}` ) + if (response && response.data && response.data.status === 'READY') { this.status = response.data this.onLoad() return } + const intervalId = setInterval(async () => { if (isCalling) return + isCalling = true const data = await requestQueue.enqueue(() => { return axios.get( - `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}?apiKey=${this.myNode.apiKey}` + `${this.nodeUrl}/arbitrary/resource/status/${this.resource.service}/${this.resource.name}/${this.resource.identifier}` ) }) + const res = data.data isCalling = false + if (res.localChunkCount) { if (res.percentLoaded) { if ( @@ -192,24 +174,29 @@ export class ResuableImage extends LitElement { } else { timer = 24 } + if (timer < 0) { timer = 24; - isCalling = true; + isCalling = true + this.status = { ...res, - status: 'REFETCHING', - }; + status: 'REFETCHING' + } setTimeout(() => { isCalling = false this.fetchResource() }, 25000) + return } + percentLoaded = res.percentLoaded } this.status = res + if (this.status.status === 'DOWNLOADED') { await this.fetchResource() } @@ -236,16 +223,13 @@ export class ResuableImage extends LitElement { await this.fetchVideoUrl({ name: this.resource.name, service: this.resource.service, - identifier: this.resource.identifier, - }); + identifier: this.resource.identifier + }) + await this.fetchStatus() } catch (error) { /* empty */ } } - firstUpdated() { - this.observer.observe(this) - } - showContextMenu(e) { e.preventDefault() e.stopPropagation() @@ -263,61 +247,19 @@ export class ResuableImage extends LitElement { contextMenu.open = true } - render() { - return html` -
    - ${this.status.status !== 'READY' - ? html` -
    -
    -

    - ${`${Math.round( - this.status.percentLoaded || 0 - ).toFixed(0)}% `}${translate( - 'chatpage.cchange94' - )} -

    -
    - ` - : ''} - ${this.status.status === 'READY' - ? html` -
    { - this.openDialogImage = true; - }}> - -
    - ` - : ''} -
    + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - { - this.openDialogImage = false; - }} - > -
    -
    - ${this.openDialogImage ? html` - - ` : ''} -
    - { - this.openDialogImage = false; - }} - > - ${translate('general.close')} - -     - ` + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } } diff --git a/plugins/plugins/core/components/TimeAgo.js b/plugins/plugins/core/components/TimeAgo.js index 3b6480fe..263583a5 100644 --- a/plugins/plugins/core/components/TimeAgo.js +++ b/plugins/plugins/core/components/TimeAgo.js @@ -1,51 +1,66 @@ -import {css, html, LitElement} from 'lit' - -import './time-elements/index.js' +import { html, LitElement } from 'lit' +import { timeAgoStyles } from './plugins-css' +import './time-elements/index' class TimeAgo extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - timestamp: { type: Number }, - format: { type: String, reflect: true }, - timeIso: { type: String } - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + timestamp: { type: Number }, + format: { type: String, reflect: true }, + timeIso: { type: String } + } + } - static get styles() { - return css`` - } + static get styles() { + return [timeAgoStyles] + } - updated(changedProps) { - changedProps.forEach((OldProp, name) => { - if (name === 'timeIso' || name === 'timestamp') { - this.renderTime(this.timestamp) - } - }); + constructor() { + super() + this.timestamp = 0 + this.timeIso = '' + this.format = '' + } - this.shadowRoot.querySelector('time-ago').setAttribute('title', '') - } + render() { + return html` + + ` + } - constructor() { - super() - this.timestamp = 0 - this.timeIso = '' - this.format = '' - } + firstUpdated() { + // ... + } - render() { - return html` - - ` - } + updated(changedProps) { + changedProps.forEach((OldProp, name) => { + if (name === 'timeIso' || name === 'timestamp') { + this.renderTime(this.timestamp) + } + }) + this.shadowRoot.querySelector('time-ago').setAttribute('title', '') + } - renderTime(timestamp) { - timestamp === undefined ? this.timeIso = '' : this.timeIso = new Date(timestamp).toISOString() - } + renderTime(timestamp) { + timestamp === undefined ? this.timeIso = '' : this.timeIso = new Date(timestamp).toISOString() + } - firstUpdated() { - } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('message-time', TimeAgo) +window.customElements.define('message-time', TimeAgo) \ No newline at end of file diff --git a/plugins/plugins/core/components/TipUser-css.js b/plugins/plugins/core/components/TipUser-css.js deleted file mode 100644 index 89f23e8c..00000000 --- a/plugins/plugins/core/components/TipUser-css.js +++ /dev/null @@ -1,85 +0,0 @@ -import {css} from 'lit' - -export const tipUserStyles = css` - .tip-user-header { - display: flex; - justify-content: center; - align-items: center; - padding: 12px; - border-bottom: 1px solid whitesmoke; - gap: 25px; - user-select: none; - } - - .tip-user-header-font { - font-family: Montserrat, sans-serif; - font-size: 20px; - color: var(--chat-bubble-msg-color); - margin: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - .tip-user-body { - display: flex; - justify-content: center; - align-items: center; - padding: 20px 10px; - flex-direction: column; - gap: 25px; - } - - .tip-input { - width: 300px; - margin-bottom: 15px; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - } - - .tip-input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .tip-input::placeholder { - opacity: 0.9; - color: var(--black); - } - - .tip-available { - font-family: Roboto, sans-serif; - font-size: 17px; - color: var(--chat-bubble-msg-color); - font-weight: 300; - letter-spacing: 0.3px; - margin: 0; - user-select: none; - } - - .success-msg { - font-family: Roboto, sans-serif; - font-size: 18px; - font-weight: 400; - letter-spacing: 0.3px; - margin: 0; - user-select: none; - color: #10880b; - } - - .error-msg { - font-family: Roboto, sans-serif; - font-size: 18px; - font-weight: 400; - letter-spacing: 0.3px; - margin: 0; - user-select: none; - color: #f30000; - } -` diff --git a/plugins/plugins/core/components/TipUser.js b/plugins/plugins/core/components/TipUser.js index 6688e43b..1213bd49 100644 --- a/plugins/plugins/core/components/TipUser.js +++ b/plugins/plugins/core/components/TipUser.js @@ -1,274 +1,285 @@ -import {html, LitElement} from 'lit' -import {tipUserStyles} from './TipUser-css.js' -import {Epml} from '../../../epml' -import '@vaadin/button' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { tipUserStyles } from './plugins-css' import '@polymer/paper-progress/paper-progress.js' -import {get, translate} from '../../../../core/translate' +import '@vaadin/button' -const parentEpml = new Epml({ type: "WINDOW", source: window.parent }); +// Multi language support +import { get, translate } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) export class TipUser extends LitElement { - static get properties() { - return { - userName: { type: String }, - walletBalance: { type: Number }, - sendMoneyLoading: { type: Boolean }, - closeTipUser: { type: Boolean }, - btnDisable: { type: Boolean }, - errorMessage: { type: String }, - successMessage: { type: String }, - setOpenTipUser: { attribute: false }, - qortPaymentFee: { type: Number } - } - } + static get properties() { + return { + userName: { type: String }, + walletBalance: { type: Number }, + sendMoneyLoading: { type: Boolean }, + closeTipUser: { type: Boolean }, + btnDisable: { type: Boolean }, + errorMessage: { type: String }, + successMessage: { type: String }, + setOpenTipUser: { attribute: false }, + qortPaymentFee: { type: Number } + } + } - constructor() { - super() - this.sendMoneyLoading = false - this.btnDisable = false - this.errorMessage = "" - this.successMessage = "" - this.myAddress = window.parent.reduxStore.getState().app.selectedAddress - this.qortPaymentFee = 0.01 - } + static get styles() { + return [tipUserStyles] + } - static styles = [tipUserStyles] + constructor() { + super() + this.sendMoneyLoading = false + this.btnDisable = false + this.errorMessage = '' + this.successMessage = '' + this.myAddress = window.parent.reduxStore.getState().app.selectedAddress + this.qortPaymentFee = 0.01 + } - async firstUpdated() { - await this.fetchWalletDetails() - await this.paymentFee() - } + render() { + return html` +
    + +

    ${translate("chatpage.cchange43")} ${this.userName}

    +
    +
    +

    ${translate("chatpage.cchange47")}: ${this.walletBalance} QORT

    + +

    ${translate("chatpage.cchange49")}: ${this.qortPaymentFee} QORT

    + ${this.sendMoneyLoading ? + html` + + ` + : html` +
    + this.sendQort()}> + + ${translate("chatpage.cchange50")} QORT + +
    + ` + } + ${this.successMessage ? + html` +

    ${this.successMessage}

    + ` + : this.errorMessage ? + html` +

    ${this.errorMessage}

    + ` + : null + } +
    + ` + } - updated(changedProperties) { - if (changedProperties && changedProperties.has("closeTipUser")) { - if (this.closeTipUser) { - this.shadowRoot.getElementById("amountInput").value = "" - this.errorMessage = "" - this.successMessage = "" - } - } - } + async firstUpdated() { + await this.fetchWalletDetails() + await this.paymentFee() + } - async getLastRef() { + updated(changedProperties) { + if (changedProperties && changedProperties.has("closeTipUser")) { + if (this.closeTipUser) { + this.shadowRoot.getElementById("amountInput").value = '' + this.errorMessage = '' + this.successMessage = '' + } + } + } + + async getLastRef() { return await parentEpml.request("apiCall", { type: "api", - url: `/addresses/lastreference/${this.myAddress.address}`, + url: `/addresses/lastreference/${this.myAddress.address}` }) - } + } - async getSendQortFee() { - let sendFee = await parentEpml.request('apiCall', { - type: "api", - url: `/transactions/unitfee?txType=PAYMENT` - }) - return (Number(sendFee) / 1e8).toFixed(8) - } + async getSendQortFee() { + let sendFee = await parentEpml.request('apiCall', { + type: "api", + url: `/transactions/unitfee?txType=PAYMENT` + }) - async paymentFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.qortPaymentFee = (Number(json) / 1e8).toFixed(8) - }) - } + return (Number(sendFee) / 1e8).toFixed(8) + } - renderSuccessText() { - return html`${translate("chatpage.cchange55")}` - } + async paymentFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` - renderReceiverText() { - return html`${translate("chatpage.cchange54")}` - } + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.qortPaymentFee = (Number(json) / 1e8).toFixed(8) + }) + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + renderSuccessText() { + return html`${translate("chatpage.cchange55")}` + } + + renderReceiverText() { + return html`${translate("chatpage.cchange54")}` + } + + async fetchWalletDetails() { + // ... + } + + async sendQort() { + const amount = this.shadowRoot.getElementById("amountInput").value + const recipient = this.userName + + this.sendMoneyLoading = true + this.btnDisable = true + + // Helper function to reset loading and button state + const resetState = () => { + this.sendMoneyLoading = false + this.btnDisable = false + } + + if (parseFloat(amount) + parseFloat(0.011) > parseFloat(this.walletBalance)) { + resetState() + const snack1string = get("chatpage.cchange51") + parentEpml.request('showSnackBar', `${snack1string}`) + return false + } + + if (parseFloat(amount) <= 0) { + resetState() + const snack2string = get("chatpage.cchange52") + parentEpml.request('showSnackBar', `${snack2string}`) + return false + } + + if (recipient.length === 0) { + resetState() + const snack3string = get("chatpage.cchange53") + parentEpml.request('showSnackBar', `${snack3string}`) + return false + } + + const validateName = async (receiverName) => { + const myNameRes = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}` + }) + + return myNameRes.error === 401 ? false : myNameRes + } + + const validateAddress = async (receiverAddress) => { + return window.parent.validateAddress(receiverAddress) + } + + const getName = async (recipient) => { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${recipient}` + }) + + return getNames?.length > 0 ? getNames[0].name : '' + } catch (error) { + return '' + } + } + + const makeTransactionRequest = async (receiver, lastRef) => { + const dialogAmount = get("transactions.amount") + const dialogAddress = get("login.address") + const dialogName = get("login.name") + const dialogTo = get("transactions.to") + const recipientName = await getName(receiver) + + return await parentEpml.request('transaction', { + type: 2, + nonce: this.myAddress.nonce, + params: { + recipient: receiver, + recipientName: recipientName, + amount: amount, + lastReference: lastRef, + fee: this.qortPaymentFee, + dialogAmount, + dialogTo, + dialogAddress, + dialogName + } + }) + } + + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + resetState() + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('amountInput').value = '' + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + resetState() + setTimeout(() => { + this.setOpenTipUser(false); + this.successMessage = '' + }, 3000) + } else { + this.errorMessage = txnResponse.data.message + resetState() + throw new Error(txnResponse) + } + } + + const validateReceiver = async (recipient) => { + let lastRef = await this.getLastRef() + let isAddress + + try { + isAddress = await validateAddress(recipient) + } catch (err) { + isAddress = false + } + + if (isAddress) { + const myTransaction = await makeTransactionRequest(recipient, lastRef) + getTxnRequestResponse(myTransaction) + } else { + const myNameRes = await validateName(recipient) + if (myNameRes !== false) { + const myTransaction = await makeTransactionRequest(myNameRes.owner, lastRef) + getTxnRequestResponse(myTransaction) + } else { + this.errorMessage = this.renderReceiverText() + resetState() + } + } + } + + await validateReceiver(recipient) + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - async fetchWalletDetails() { + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - } - - async sendQort() { - const amount = this.shadowRoot.getElementById("amountInput").value; - const recipient = this.userName; - - this.sendMoneyLoading = true; - this.btnDisable = true; - - // Helper function to reset loading and button state - const resetState = () => { - this.sendMoneyLoading = false; - this.btnDisable = false; - } - - if (parseFloat(amount) + parseFloat(0.011) > parseFloat(this.walletBalance)) { - resetState(); - const snack1string = get("chatpage.cchange51"); - parentEpml.request('showSnackBar', `${snack1string}`); - return false; - } - - if (parseFloat(amount) <= 0) { - resetState(); - const snack2string = get("chatpage.cchange52"); - parentEpml.request('showSnackBar', `${snack2string}`); - return false; - } - - if (recipient.length === 0) { - resetState(); - const snack3string = get("chatpage.cchange53"); - parentEpml.request('showSnackBar', `${snack3string}`); - return false; - } - - const validateName = async (receiverName) => { - const myNameRes = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${receiverName}` - }); - return myNameRes.error === 401 ? false : myNameRes; - }; - - const validateAddress = async (receiverAddress) => { - return window.parent.validateAddress(receiverAddress); - }; - - const getName = async (recipient) => { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${recipient}` - }); - return getNames?.length > 0 ? getNames[0].name : ''; - } catch (error) { - return ""; - } - }; - - const makeTransactionRequest = async (receiver, lastRef) => { - const dialogAmount = get("transactions.amount"); - const dialogAddress = get("login.address"); - const dialogName = get("login.name"); - const dialogTo = get("transactions.to"); - const recipientName = await getName(receiver); - - return await parentEpml.request('transaction', { - type: 2, - nonce: this.myAddress.nonce, - params: { - recipient: receiver, - recipientName: recipientName, - amount: amount, - lastReference: lastRef, - fee: this.qortPaymentFee, - dialogAmount, - dialogTo, - dialogAddress, - dialogName - } - }); - }; - - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message; - resetState(); - throw new Error(txnResponse); - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('amountInput').value = ''; - this.errorMessage = ''; - this.successMessage = this.renderSuccessText(); - resetState(); - setTimeout(() => { - this.setOpenTipUser(false); - this.successMessage = ""; - }, 3000); - } else { - this.errorMessage = txnResponse.data.message; - resetState(); - throw new Error(txnResponse); - } - }; - - const validateReceiver = async (recipient) => { - let lastRef = await this.getLastRef(); - let isAddress; - - try { - isAddress = await validateAddress(recipient); - } catch (err) { - isAddress = false; - } - - if (isAddress) { - const myTransaction = await makeTransactionRequest(recipient, lastRef); - getTxnRequestResponse(myTransaction); - } else { - const myNameRes = await validateName(recipient); - if (myNameRes !== false) { - const myTransaction = await makeTransactionRequest(myNameRes.owner, lastRef); - getTxnRequestResponse(myTransaction); - } else { - this.errorMessage = this.renderReceiverText(); - resetState(); - } - } - }; - - await validateReceiver(recipient); - } - - - render() { - return html` -
    - -

    ${translate("chatpage.cchange43")} ${this.userName}

    -
    -
    -

    ${translate("chatpage.cchange47")}: ${this.walletBalance} QORT

    - -

    ${translate("chatpage.cchange49")}: ${this.qortPaymentFee} QORT

    - ${this.sendMoneyLoading ? - html` - - ` - : html` -
    - this.sendQort()}> - - ${translate("chatpage.cchange50")} QORT - -
    - `} - - ${this.successMessage ? - html` -

    - ${this.successMessage} -

    - ` - : this.errorMessage ? - html` -

    - ${this.errorMessage} -

    - ` - : null} -
    - `; - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('tip-user', TipUser) + +window.customElements.define('tip-user', TipUser) diff --git a/plugins/plugins/core/components/ToolTip.js b/plugins/plugins/core/components/ToolTip.js index 18a9771e..132331b7 100644 --- a/plugins/plugins/core/components/ToolTip.js +++ b/plugins/plugins/core/components/ToolTip.js @@ -1,103 +1,77 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { toolTipStyles } from './plugins-css' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class ToolTip extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - toolTipMessage: { type: String, reflect: true }, - showToolTip: { type: Boolean, reflect: true } - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + toolTipMessage: { type: String, reflect: true }, + showToolTip: { type: Boolean, reflect: true } + } + } - static get styles() { - return css` - .tooltip { - position: relative; - display: inline-block; - border-bottom: 1px dotted black; - } + static get styles() { + return [toolTipStyles] + } - .tooltiptext { - margin-bottom: 100px; - display: inline; - visibility: visible; - width: 120px; - background-color: #555; - color: #fff; - text-align: center; - border-radius: 6px; - padding: 5px 0; - position: absolute; - z-index: 1; - bottom: 125%; - left: 50%; - margin-left: -60px; - opacity: 1; - transition: opacity 0.3s; - } + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: { + } + } + } + this.toolTipMessage = '' + this.showToolTip = false + } - .tooltiptext::after { - content: ""; - position: absolute; - top: 100%; - left: 50%; - margin-left: -5px; - border-width: 5px; - border-style: solid; - border-color: #555 transparent transparent transparent; - } + render() { + return html` + ${this.toolTipMessage} + ` + } - .hide-tooltip { - display: none; - visibility: hidden; - opacity: 0; - } - ` - } + firstUpdated() { + let configLoaded = false - constructor() { - super() - this.selectedAddress = {} - this.config = { - user: { - node: { + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + parentEpml.subscribe('config', c => { + if (!configLoaded) { + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - } - } - } - this.toolTipMessage = '' - this.showToolTip = false - } + parentEpml.imReady() + } - render() { - return html` - ${this.toolTipMessage} - ` - } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - firstUpdated() { - let configLoaded = false + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('tool-tip', ToolTip) diff --git a/plugins/plugins/core/components/TradeInfoView-css.js b/plugins/plugins/core/components/TradeInfoView-css.js deleted file mode 100644 index 35d1bb5a..00000000 --- a/plugins/plugins/core/components/TradeInfoView-css.js +++ /dev/null @@ -1,1124 +0,0 @@ -import {css} from 'lit' - -export const tradeInfoViewStyle = css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - box-sizing: border-box; - } - - p { - margin: 0; - padding: 0; - color: var(--black); - } - - .get-user-info { - margin: 0; - padding: 0; - color: var(--black); - } - - .get-user-info:hover { - cursor: pointer; - color: #03a9f4; - } - - .pds { - background: var(--white); - border: 1px solid var(--black); - border-radius: 5px; - } - - .card { - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - height: calc(100% - 1rem); - word-wrap: break-word; - background-color: var(--white); - background-clip: border-box; - margin-bottom: 1rem; - } - - .card-header { - padding: 0.5rem 1rem; - margin-bottom: 0; - background-color: rgba(0, 0, 0, 0.03); - border-bottom: 2px solid rgba(0, 0, 0, 0.125); - } - - .card-header { - background: none; - border-width: 0; - padding: 10px; - padding-bottom: 0rem; - } - - .card-title { - font-size: 1.2rem; - color: var(--black); - margin-bottom: 0.5rem; - } - - .card-body { - flex: 1 1 auto; - padding: 1rem 1rem; - } - - .card-body { - padding: 20px; - } - - .d-sm-flex { - display: flex !important; - } - - .align-items-center { - align-items: center !important; - } - - .justify-content-between { - justify-content: space-between !important; - } - - .d-flex { - display: flex !important; - } - - .mb-3 { - margin-bottom: 1rem !important; - } - - .cwh-64 { - width: 64px !important; - height: 64px !important; - } - - .cwh-80 { - width: 80px !important; - height: 80px !important; - } - - .rounded { - border-radius: 25% !important; - } - - .ms-3 { - margin-left: 1rem !important; - } - - .cfs-12 { - font-size: 12px !important; - } - - .cfs-14 { - font-size: 14px !important; - } - - .cfs-16 { - font-size: 16px !important; - } - - .cfs-18 { - font-size: 18px !important; - } - - .me-sm-3 { - margin-right: 1rem !important; - } - - .ms-sm-0 { - margin-left: 0 !important; - } - - .text-sm-end { - text-align: right !important; - } - - .order-0 { - order: 0 !important; - } - - .order-1 { - order: 1 !important; - } - - .order-sm-0 { - order: 0 !important; - } - - .order-sm-1 { - order: 1 !important; - } - - .red { - color: #F44336; - } - - .green { - color: #198754; - } - - .buttons { - display: inline; - float: right; - margin-bottom: 5px; - margin-right: 5px; - } - - .loadingContainer { - height: 100%; - width: 100%; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - table { - caption-side: bottom; - border-collapse: collapse; - } - - caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - color: #6c757d; - text-align: left; - } - - th { - text-align: inherit; - text-align: -webkit-match-parent; - } - - thead, - tbody, - tfoot, - tr, - td, - th { - border-color: inherit; - border-style: solid; - border-width: 0; - } - - .table { - --bs-table-bg: transparent; - --bs-table-striped-color: #212529; - --bs-table-striped-bg: rgba(255, 255, 255, 0.2); - --bs-table-active-color: #212529; - --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: #212529; - --bs-table-hover-bg: rgba(0, 0, 0, 0.075); - width: 100%; - margin-bottom: 1rem; - color: var(--black); - vertical-align: top; - border-color: #edeff4; - } - - .table> :not(caption)>*>* { - padding: 0.75rem 0.75rem; - background-color: var(--bs-table-bg); - background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); - border-bottom-width: 2px; - } - - .table>tbody { - vertical-align: inherit; - } - - .table>thead { - vertical-align: bottom; - } - - .table> :not(:last-child)> :last-child>* { - border-bottom-color: currentColor; - } - - .caption-top { - caption-side: top; - } - - .table-sm> :not(caption)>*>* { - padding: 0.5rem 0.5rem; - } - - .table-bordered> :not(caption)>* { - border-width: 2px 0; - } - - .table-bordered> :not(caption)>*>* { - border-width: 0 2px; - } - - .table-borderless> :not(caption)>*>* { - border-bottom-width: 0; - } - - .table-striped>tbody>tr:nth-of-type(odd) { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--black); - } - - .table-active { - --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); - } - - .table-hover>tbody>tr:hover { - --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); - } - - .table-primary { - --bs-table-bg: #cfe2ff; - --bs-table-striped-bg: #c5d7f2; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bacbe6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #bfd1ec; - --bs-table-hover-color: #000; - color: #000; - border-color: #bacbe6; - } - - .table-secondary { - --bs-table-bg: #e2e3e5; - --bs-table-striped-bg: #d7d8da; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cbccce; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d1d2d4; - --bs-table-hover-color: #000; - color: #000; - border-color: #cbccce; - } - - .table-success { - --bs-table-bg: #e1f5d4; - --bs-table-striped-bg: #d6e9c9; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cbddbf; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d0e3c4; - --bs-table-hover-color: #000; - color: #000; - border-color: #cbddbf; - } - - .table-info { - --bs-table-bg: #cff4fc; - --bs-table-striped-bg: #c5e8ef; - --bs-table-striped-color: #000; - --bs-table-active-bg: #badce3; - --bs-table-active-color: #000; - --bs-table-hover-bg: #bfe2e9; - --bs-table-hover-color: #000; - color: #000; - border-color: #badce3; - } - - .table-warning { - --bs-table-bg: #fff3cd; - --bs-table-striped-bg: #f2e7c3; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e6dbb9; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ece1be; - --bs-table-hover-color: #000; - color: #000; - border-color: #e6dbb9; - } - - .table-danger { - --bs-table-bg: #f8d7da; - --bs-table-striped-bg: #eccccf; - --bs-table-striped-color: #000; - --bs-table-active-bg: #dfc2c4; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e5c7ca; - --bs-table-hover-color: #000; - color: #000; - border-color: #dfc2c4; - } - - .table-light { - --bs-table-bg: #f8f9fa; - --bs-table-striped-bg: #ecedee; - --bs-table-striped-color: #000; - --bs-table-active-bg: #dfe0e1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e5e6e7; - --bs-table-hover-color: #000; - color: #000; - border-color: #dfe0e1; - } - - .table-dark { - --bs-table-bg: #212529; - --bs-table-striped-bg: #2c3034; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; - --bs-table-hover-color: #fff; - color: #fff; - border-color: #373b3e; - } - - .table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - - @media (max-width: 359.98px) { - .table-responsive-xxs { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - @media (max-width: 499.98px) { - .table-responsive-xsm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - @media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - @media (max-width: 767.98px) { - .table-responsive-md { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - @media (max-width: 991.98px) { - .table-responsive-lg { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - @media (max-width: 1199.98px) { - .table-responsive-xl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - @media (max-width: 1399.98px) { - .table-responsive-xxl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - - th { - font-weight: 500; - } - - tbody::-webkit-scrollbar, - tbody::-webkit-scrollbar-thumb, - tbody::-webkit-scrollbar-track { - opacity: 0; - width: 5px; - border-radius: 6px; - position: absolute; - right: 0; - top: 0; - } - - tbody:hover::-webkit-scrollbar, - tbody:hover::-webkit-scrollbar-thumb, - tbody:hover::-webkit-scrollbar-track { - opacity: 0.9; - width: 5px; - border-radius: 6px; - right: 2px; - position: absolute; - transition: background-color 0.2s linear, width 0.2s ease-in-out; - } - - tbody:hover::-webkit-scrollbar-thumb { - background-color: #eee; - } - - .mt-0 { - margin-top: 0 !important; - } - - .mt-1 { - margin-top: 0.25rem !important; - } - - .mt-2 { - margin-top: 0.5rem !important; - } - - .mt-3 { - margin-top: 1rem !important; - } - - .mt-4 { - margin-top: 1.5rem !important; - } - - .mt-5 { - margin-top: 3rem !important; - } - - .mt-auto { - margin-top: auto !important; - } - - .w-25 { - width: 25% !important; - } - - .w-50 { - width: 50% !important; - } - - .w-75 { - width: 75% !important; - } - - .w-100 { - width: 100% !important; - } - - .w-auto { - width: auto !important; - } - - .cmw-30 { - min-width: 30rem; - } - - .fst-normal { - font-style: normal !important; - } - - .fw-light { - font-weight: 300 !important; - } - - .fw-lighter { - font-weight: lighter !important; - } - - .fw-normal { - font-weight: 400 !important; - } - - .fw-bold { - font-weight: 500 !important; - } - - .fw-bolder { - font-weight: bolder !important; - } - - .text-lowercase { - text-transform: lowercase !important; - } - - .text-uppercase { - text-transform: uppercase !important; - } - - .text-capitalize { - text-transform: capitalize !important; - } - - .text-start { - text-align: left !important; - } - - .text-end { - text-align: right !important; - } - - .text-center { - text-align: center !important; - } - - .text-primary { - color: #0e6eff !important; - } - - .text-secondary { - color: #6c757d !important; - } - - .text-success { - color: #68cf29 !important; - } - - .text-info { - color: #03a9f4 !important; - } - - .text-warning { - color: #ffc107 !important; - } - - .text-danger { - color: #dc3545 !important; - } - - .text-light { - color: #f8f9fa !important; - } - - .text-dark { - color: #212529 !important; - } - - .text-white { - color: #fff !important; - } - - .btn { - display: inline-block; - font-weight: 400; - line-height: 1.5; - color: #212529; - text-align: center; - text-decoration: none; - vertical-align: middle; - cursor: pointer; - user-select: none; - background-color: transparent; - border: 2px solid transparent; - padding: 0.375rem 0.75rem; - font-size: 1rem; - border-radius: 5px; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - } - - @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } - } - - .btn:hover { - color: #212529; - } - - .btn-check:focus+.btn, - .btn:focus { - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(14, 110, 255, 0.25); - } - - .btn:disabled, - .btn.disabled, - fieldset:disabled .btn { - pointer-events: none; - opacity: 0.65; - } - - .btn-primary { - color: #fff; - background-color: #0e6eff; - border-color: #edeff4; - } - - .btn-primary:hover { - color: #ddd; - background-color: #3284ff; - border-color: #267dff; - } - - .btn-check:focus+.btn-primary, - .btn-primary:focus { - color: #ddd; - background-color: #3284ff; - border-color: #267dff; - box-shadow: 0 0 0 0.25rem rgba(12, 94, 217, 0.5); - } - - .btn-check:checked+.btn-primary, - .btn-check:active+.btn-primary, - .btn-primary:active, - .btn-primary.active, - .show>.btn-primary.dropdown-toggle { - color: #ddd; - background-color: #3e8bff; - border-color: #267dff; - } - - .btn-check:checked+.btn-primary:focus, - .btn-check:active+.btn-primary:focus, - .btn-primary:active:focus, - .btn-primary.active:focus, - .show>.btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(12, 94, 217, 0.5); - } - - .btn-primary:disabled, - .btn-primary.disabled { - color: #ddd; - background-color: #0e6eff; - border-color: #0e6eff; - } - - .btn-secondary { - color: #fff; - background-color: #6c757d; - border-color: #edeff4; - } - - .btn-secondary:hover { - color: #ddd; - background-color: #5c636a; - border-color: #565e64; - } - - .btn-check:focus+.btn-secondary, - .btn-secondary:focus { - color: #ddd; - background-color: #5c636a; - border-color: #565e64; - box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); - } - - .btn-check:checked+.btn-secondary, - .btn-check:active+.btn-secondary, - .btn-secondary:active, - .btn-secondary.active, - .show>.btn-secondary.dropdown-toggle { - color: #ddd; - background-color: #565e64; - border-color: #51585e; - } - - .btn-check:checked+.btn-secondary:focus, - .btn-check:active+.btn-secondary:focus, - .btn-secondary:active:focus, - .btn-secondary.active:focus, - .show>.btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); - } - - .btn-secondary:disabled, - .btn-secondary.disabled { - color: #ddd; - background-color: #6c757d; - border-color: #6c757d; - } - - .btn-success { - color: #fff; - background-color: #68cf29; - border-color: #edeff4; - } - - .btn-success:hover { - color: #ddd; - background-color: #7fd649; - border-color: #77d43e; - } - - .btn-check:focus+.btn-success, - .btn-success:focus { - color: #ddd; - background-color: #7fd649; - border-color: #77d43e; - box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5); - } - - .btn-check:checked+.btn-success, - .btn-check:active+.btn-success, - .btn-success:active, - .btn-success.active, - .show>.btn-success.dropdown-toggle { - color: #ddd; - background-color: #86d954; - border-color: #77d43e; - } - - .btn-check:checked+.btn-success:focus, - .btn-check:active+.btn-success:focus, - .btn-success:active:focus, - .btn-success.active:focus, - .show>.btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5); - } - - .btn-success:disabled, - .btn-success.disabled { - color: #ddd; - background-color: #68cf29; - border-color: #68cf29; - } - - .btn-info { - color: #fff; - background-color: #0dcaf0; - border-color: #edeff4; - } - - .btn-info:hover { - color: #ddd; - background-color: #31d2f2; - border-color: #25cff2; - } - - .btn-check:focus+.btn-info, - .btn-info:focus { - color: #ddd; - background-color: #31d2f2; - border-color: #25cff2; - box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); - } - - .btn-check:checked+.btn-info, - .btn-check:active+.btn-info, - .btn-info:active, - .btn-info.active, - .show>.btn-info.dropdown-toggle { - color: #ddd; - background-color: #3dd5f3; - border-color: #25cff2; - } - - .btn-check:checked+.btn-info:focus, - .btn-check:active+.btn-info:focus, - .btn-info:active:focus, - .btn-info.active:focus, - .show>.btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); - } - - .btn-info:disabled, - .btn-info.disabled { - color: #000; - background-color: #0dcaf0; - border-color: #0dcaf0; - } - - .btn-warning { - color: #fff; - background-color: #ffc107; - border-color: #edeff4; - } - - .btn-warning:hover { - color: #ddd; - background-color: #ffca2c; - border-color: #ffc720; - } - - .btn-check:focus+.btn-warning, - .btn-warning:focus { - color: #ddd; - background-color: #ffca2c; - border-color: #ffc720; - box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); - } - - .btn-check:checked+.btn-warning, - .btn-check:active+.btn-warning, - .btn-warning:active, - .btn-warning.active, - .show>.btn-warning.dropdown-toggle { - color: #ddd; - background-color: #ffcd39; - border-color: #ffc720; - } - - .btn-check:checked+.btn-warning:focus, - .btn-check:active+.btn-warning:focus, - .btn-warning:active:focus, - .btn-warning.active:focus, - .show>.btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); - } - - .btn-warning:disabled, - .btn-warning.disabled { - color: #ddd; - background-color: #ffc107; - border-color: #ffc107; - } - - .btn-danger { - color: #fff; - background-color: #dc3545; - border-color: #edeff4; - } - - .btn-danger:hover { - color: #ddd; - background-color: #bb2d3b; - border-color: #b02a37; - } - - .btn-check:focus+.btn-danger, - .btn-danger:focus { - color: #ddd; - background-color: #bb2d3b; - border-color: #b02a37; - box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); - } - - .btn-check:checked+.btn-danger, - .btn-check:active+.btn-danger, - .btn-danger:active, - .btn-danger.active, - .show>.btn-danger.dropdown-toggle { - color: #ddd; - background-color: #b02a37; - border-color: #a52834; - } - - .btn-check:checked+.btn-danger:focus, - .btn-check:active+.btn-danger:focus, - .btn-danger:active:focus, - .btn-danger.active:focus, - .show>.btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); - } - - .btn-danger:disabled, - .btn-danger.disabled { - color: #ddd; - background-color: #dc3545; - border-color: #dc3545; - } - - .btn-light { - color: #000; - background-color: #f8f9fa; - border-color: #edeff4; - } - - .btn-light:hover { - color: #000; - background-color: #f9fafb; - border-color: #f9fafb; - } - - .btn-check:focus+.btn-light, - .btn-light:focus { - color: #000; - background-color: #f9fafb; - border-color: #f9fafb; - box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); - } - - .btn-check:checked+.btn-light, - .btn-check:active+.btn-light, - .btn-light:active, - .btn-light.active, - .show>.btn-light.dropdown-toggle { - color: #000; - background-color: #f9fafb; - border-color: #f9fafb; - } - - .btn-check:checked+.btn-light:focus, - .btn-check:active+.btn-light:focus, - .btn-light:active:focus, - .btn-light.active:focus, - .show>.btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); - } - - .btn-light:disabled, - .btn-light.disabled { - color: #000; - background-color: #f8f9fa; - border-color: #f8f9fa; - } - - .btn-dark { - color: #fff; - background-color: #212529; - border-color: #edeff4; - } - - .btn-dark:hover { - color: #ddd; - background-color: #1c1f23; - border-color: #1a1e21; - } - - .btn-check:focus+.btn-dark, - .btn-dark:focus { - color: #ddd; - background-color: #1c1f23; - border-color: #1a1e21; - box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); - } - - .btn-check:checked+.btn-dark, - .btn-check:active+.btn-dark, - .btn-dark:active, - .btn-dark.active, - .show>.btn-dark.dropdown-toggle { - color: #ddd; - background-color: #1a1e21; - border-color: #191c1f; - } - - .btn-check:checked+.btn-dark:focus, - .btn-check:active+.btn-dark:focus, - .btn-dark:active:focus, - .btn-dark.active:focus, - .show>.btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); - } - - .btn-dark:disabled, - .btn-dark.disabled { - color: #ddd; - background-color: #212529; - border-color: #212529; - } - - .btn-white { - color: #000; - background-color: #fff; - border-color: #edeff4; - } - - .btn-white:hover { - color: #000; - background-color: white; - border-color: white; - } - - .btn-check:focus+.btn-white, - .btn-white:focus { - color: #000; - background-color: white; - border-color: white; - box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.5); - } - - .btn-check:checked+.btn-white, - .btn-check:active+.btn-white, - .btn-white:active, - .btn-white.active, - .show>.btn-white.dropdown-toggle { - color: #000; - background-color: white; - border-color: white; - } - - .btn-check:checked+.btn-white:focus, - .btn-check:active+.btn-white:focus, - .btn-white:active:focus, - .btn-white.active:focus, - .show>.btn-white.dropdown-toggle:focus { - box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.5); - } - - .btn-white:disabled, - .btn-white.disabled { - color: #000; - background-color: #fff; - border-color: #fff; - } - - .btn-lg>.btn { - padding: 0.5rem 1rem; - font-size: 1.25rem; - border-radius: 0.3rem; - } - - .btn-sm>.btn { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - border-radius: 0.2rem; - } - - .border-0 { - border: 0 !important; - } - - .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } -` \ No newline at end of file diff --git a/plugins/plugins/core/components/TradeInfoView.js b/plugins/plugins/core/components/TradeInfoView.js index d7c01216..8ef7e38e 100644 --- a/plugins/plugins/core/components/TradeInfoView.js +++ b/plugins/plugins/core/components/TradeInfoView.js @@ -1,268 +1,270 @@ -import {html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import {get, translate} from '../../../../core/translate' -import {tradeInfoViewStyle} from './TradeInfoView-css.js' -import './TraderInfoView.js' +import { html, LitElement } from 'lit' +import { tradeInfoViewStyles } from './plugins-css' +import './TraderInfoView' import '@polymer/paper-dialog/paper-dialog.js' -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) +// Multi language support +import { get, translate } from '../../../../core/translate' class TradeInfoView extends LitElement { - static get properties() { - return { - sellerAddress: { type: String }, - buyerAddress: { type: String }, - sellqortAmount: { type: Number }, - buyforeignAmount: { type: Number }, - tradeTime: { type: String }, - coinCode: { type: String }, - addressSellerResult: { type: Array }, - addressBuyerResult: { type: Array }, - sellerImage: { type: String }, - infoSellerName: { type: String }, - buyerImage: { type: String }, - infoBuyerName: { type: String }, - priceEach: { type: Number }, - atAddress: { type: String }, - isLoadingCompleteInfo: { type: Boolean }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + sellerAddress: { type: String }, + buyerAddress: { type: String }, + sellqortAmount: { type: Number }, + buyforeignAmount: { type: Number }, + tradeTime: { type: String }, + coinCode: { type: String }, + addressSellerResult: { type: Array }, + addressBuyerResult: { type: Array }, + sellerImage: { type: String }, + infoSellerName: { type: String }, + buyerImage: { type: String }, + infoBuyerName: { type: String }, + priceEach: { type: Number }, + atAddress: { type: String }, + isLoadingCompleteInfo: { type: Boolean }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return [tradeInfoViewStyle] - } + static get styles() { + return [tradeInfoViewStyles] + } - constructor() { - super() - this.sellerAddress = '' - this.buyerAddress = '' - this.sellqortAmount = 0 - this.buyforeignAmount = 0 - this.tradeTime = '' - this.coinCode = '' - this.addressSellerResult = [] - this.addressBuyerResult = [] - this.sellerImage = '' - this.infoSellerName = '' - this.buyerImage = '' - this.infoBuyerName = '' - this.priceEach = 0 - this.atAddress = '' - this.isLoadingCompleteInfo = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + constructor() { + super() + this.sellerAddress = '' + this.buyerAddress = '' + this.sellqortAmount = 0 + this.buyforeignAmount = 0 + this.tradeTime = '' + this.coinCode = '' + this.addressSellerResult = [] + this.addressBuyerResult = [] + this.sellerImage = '' + this.infoSellerName = '' + this.buyerImage = '' + this.infoBuyerName = '' + this.priceEach = 0 + this.atAddress = '' + this.isLoadingCompleteInfo = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - render() { - return html` - -
    -
    -

    ${translate("info.inf19")}

    -
    -
    -
    -
    - ${this.avatarSellerImage()} -
    -

    ${translate("tradepage.tchange13")}

    -

    ${this.infoSellerName}

    - -

    ${translate("explorerpage.exp6")}: ${this.founderSellerStatus()}

    -
    -
    -
    -
    -

    ${translate("info.inf20")}

    -

    ${this.infoBuyerName}

    - -

    ${translate("explorerpage.exp6")}: ${this.founderBuyerStatus()}

    -
    - ${this.avatarBuyerImage()} -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - -
    ${translate("tradepage.tchange8")} ( QORT )${this.sellqortAmount} QORT
    ${translate("tradepage.tchange9")} ( ${this.coinCode} )${this.priceEach} ${this.coinCode}
    ${translate("tradepage.tchange10")} ( ${this.coinCode} )${this.buyforeignAmount} ${this.coinCode}
    AT ${translate("settings.address")}${this.atAddress}
    ${translate("tradepage.tchange11")}${this.tradeTime}
    -
    -
    -
    -
    - ${translate("general.close")} -
    -     - - ` - } + render() { + return html` + +
    +
    +

    ${translate("info.inf19")}

    +
    +
    +
    +
    + ${this.avatarSellerImage()} +
    +

    ${translate("tradepage.tchange13")}

    +

    ${this.infoSellerName}

    + +

    ${translate("explorerpage.exp6")}: ${this.founderSellerStatus()}

    +
    +
    +
    +
    +

    ${translate("info.inf20")}

    +

    ${this.infoBuyerName}

    + +

    ${translate("explorerpage.exp6")}: ${this.founderBuyerStatus()}

    +
    + ${this.avatarBuyerImage()} +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + +
    ${translate("tradepage.tchange8")} ( QORT )${this.sellqortAmount} QORT
    ${translate("tradepage.tchange9")} ( ${this.coinCode} )${this.priceEach} ${this.coinCode}
    ${translate("tradepage.tchange10")} ( ${this.coinCode} )${this.buyforeignAmount} ${this.coinCode}
    AT ${translate("settings.address")}${this.atAddress}
    ${translate("tradepage.tchange11")}${this.tradeTime}
    +
    +
    +
    +
    + ${translate("general.close")} +
    +     + + ` + } - async openTradeInfo(seller, buyer, qortAmount, foreignAmount, ata, time, coin) { - this.sellerAddress = '' - this.buyerAddress = '' - this.sellqortAmount = 0 - this.buyforeignAmount = 0 - this.tradeTime = '' - this.coinCode = '' - this.priceEach = 0 - this.atAddress = '' - this.shadowRoot.getElementById('tradeInfoDialog').open() - this.isLoadingCompleteInfo = true - this.sellerAddress = seller - this.buyerAddress = buyer - this.sellqortAmount = qortAmount - this.buyforeignAmount = foreignAmount - this.tradeTime = new Date(time).toLocaleString() - this.coinCode = coin - this.priceEach = this.round(parseFloat(foreignAmount) / parseFloat(qortAmount)) - this.atAddress = ata - await this.getAddressSellerInfo(seller) - await this.getAddressBuyerInfo(buyer) - await this.getAddressSellerAvatar(seller) - await this.getAddressBuyerAvatar(buyer) - this.isLoadingCompleteInfo = false - } + firstUpdated() { + // ... + } - closeTradeInfo() { - this.shadowRoot.getElementById('tradeInfoDialog').close() - } + async openTradeInfo(seller, buyer, qortAmount, foreignAmount, ata, time, coin) { + this.sellerAddress = '' + this.buyerAddress = '' + this.sellqortAmount = 0 + this.buyforeignAmount = 0 + this.tradeTime = '' + this.coinCode = '' + this.priceEach = 0 + this.atAddress = '' + this.shadowRoot.getElementById('tradeInfoDialog').open() + this.isLoadingCompleteInfo = true + this.sellerAddress = seller + this.buyerAddress = buyer + this.sellqortAmount = qortAmount + this.buyforeignAmount = foreignAmount + this.tradeTime = new Date(time).toLocaleString() + this.coinCode = coin + this.priceEach = this.round(parseFloat(foreignAmount) / parseFloat(qortAmount)) + this.atAddress = ata + await this.getAddressSellerInfo(seller) + await this.getAddressBuyerInfo(buyer) + await this.getAddressSellerAvatar(seller) + await this.getAddressBuyerAvatar(buyer) + this.isLoadingCompleteInfo = false + } - requestUserInfo(infoAddress) { - let requestAddress = '' - requestAddress = infoAddress - const theUserInfoView = this.shadowRoot.querySelector('trader-info-view') - theUserInfoView.openTraderInfo(requestAddress) - } + closeTradeInfo() { + this.shadowRoot.getElementById('tradeInfoDialog').close() + } - async getAddressSellerInfo(seller) { - this.addressSellerResult = [] - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const infoSellerAddressUrl = `${nodeUrl}/addresses/${seller}` + requestUserInfo(infoAddress) { + let requestAddress = '' + requestAddress = infoAddress + const theUserInfoView = this.shadowRoot.querySelector('trader-info-view') + theUserInfoView.openTraderInfo(requestAddress) + } + + async getAddressSellerInfo(seller) { + this.addressSellerResult = [] + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const infoSellerAddressUrl = `${nodeUrl}/addresses/${seller}` this.addressSellerResult = await fetch(infoSellerAddressUrl).then(response => { return response.json() }) - } + } - async getAddressBuyerInfo(buyer) { - this.addressBuyerResult = [] - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const infoBuyerAddressUrl = `${nodeUrl}/addresses/${buyer}` + async getAddressBuyerInfo(buyer) { + this.addressBuyerResult = [] + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const infoBuyerAddressUrl = `${nodeUrl}/addresses/${buyer}` this.addressBuyerResult = await fetch(infoBuyerAddressUrl).then(response => { return response.json() }) - } + } - async getAddressSellerAvatar(seller) { - this.sellerImage = '' - this.infoSellerName = '' - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const sellerNameUrl = `${nodeUrl}/names/address/${seller}?limit=0&reverse=true` + async getAddressSellerAvatar(seller) { + this.sellerImage = '' + this.infoSellerName = '' + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const sellerNameUrl = `${nodeUrl}/names/address/${seller}?limit=0&reverse=true` - await fetch(sellerNameUrl).then(res => { - return res.json() - }).then(jsonRes => { - if(jsonRes.length) { - jsonRes.map (item => { - this.infoSellerName = item.name - this.sellerImageName = item.name - }) - } else { - this.infoSellerName = get("chatpage.cchange15") - this.sellerImageName = seller - } - }) + await fetch(sellerNameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.infoSellerName = item.name + this.sellerImageName = item.name + }) + } else { + this.infoSellerName = get("chatpage.cchange15") + this.sellerImageName = seller + } + }) - this.sellerImage = `${nodeUrl}/arbitrary/THUMBNAIL/${this.sellerImageName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - } + this.sellerImage = `${nodeUrl}/arbitrary/THUMBNAIL/${this.sellerImageName}/qortal_avatar?async=true}` + } - async getAddressBuyerAvatar(buyer) { - this.buyerImage = '' - this.infoBuyerName = '' - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const buyerNameUrl = `${nodeUrl}/names/address/${buyer}?limit=0&reverse=true` + async getAddressBuyerAvatar(buyer) { + this.buyerImage = '' + this.infoBuyerName = '' + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const buyerNameUrl = `${nodeUrl}/names/address/${buyer}?limit=0&reverse=true` - await fetch(buyerNameUrl).then(res => { - return res.json() - }).then(jsonRes => { - if(jsonRes.length) { - jsonRes.map (item => { - this.infoBuyerName = item.name - this.buyerImageName = item.name - }) - } else { - this.infoBuyerName = get("chatpage.cchange15") - this.buyerImageName = seller - } - }) + await fetch(buyerNameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.infoBuyerName = item.name + this.buyerImageName = item.name + }) + } else { + this.infoBuyerName = get("chatpage.cchange15") + this.buyerImageName = seller + } + }) - this.buyerImage = `${nodeUrl}/arbitrary/THUMBNAIL/${this.buyerImageName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - } + this.buyerImage = `${nodeUrl}/arbitrary/THUMBNAIL/${this.buyerImageName}/qortal_avatar?async=true` + } - avatarSellerImage() { - return html`` - } + avatarSellerImage() { + return html`` + } - avatarBuyerImage() { - return html`` - } + avatarBuyerImage() { + return html`` + } - founderSellerStatus() { - if (this.addressSellerResult.flags === 1) { - return html`${translate("general.yes")}` - } else { - return html`${translate("general.no")}` - } - } + founderSellerStatus() { + if (this.addressSellerResult.flags === 1) { + return html`${translate("general.yes")}` + } else { + return html`${translate("general.no")}` + } + } - founderBuyerStatus() { - if (this.addressBuyerResult.flags === 1) { - return html`${translate("general.yes")}` - } else { - return html`${translate("general.no")}` - } - } + founderBuyerStatus() { + if (this.addressBuyerResult.flags === 1) { + return html`${translate("general.yes")}` + } else { + return html`${translate("general.no")}` + } + } - getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return apiNode.apiKey; - } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - round(number) { + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } + } } window.customElements.define('trade-info-view', TradeInfoView) diff --git a/plugins/plugins/core/components/TraderInfoView.js b/plugins/plugins/core/components/TraderInfoView.js index 539c3f78..3001f148 100644 --- a/plugins/plugins/core/components/TraderInfoView.js +++ b/plugins/plugins/core/components/TraderInfoView.js @@ -1,1939 +1,1670 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' -import {get, translate} from '../../../../core/translate' - -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { traderInfoViewStyles } from './plugins-css' import '@material/mwc-button' import '@material/mwc-icon' +import '@polymer/paper-dialog/paper-dialog.js' import '@vaadin/grid' import '@vaadin/grid/vaadin-grid-sorter' -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) +// Multi language support +import { get, translate } from '../../../../core/translate' class TraderInfoView extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - isLoadingBoughtTradesBTC: { type: Boolean }, - isLoadingBoughtTradesLTC: { type: Boolean }, - isLoadingBoughtTradesDOGE: { type: Boolean }, - isLoadingBoughtTradesDGB: { type: Boolean }, - isLoadingBoughtTradesRVN: { type: Boolean }, - isLoadingBoughtTradesARRR: { type: Boolean }, - isLoadingSoldTradesBTC: { type: Boolean }, - isLoadingSoldTradesLTC: { type: Boolean }, - isLoadingSoldTradesDOGE: { type: Boolean }, - isLoadingSoldTradesDGB: { type: Boolean }, - isLoadingSoldTradesRVN: { type: Boolean }, - isLoadingSoldTradesARRR: { type: Boolean }, - isLoadingCompleteInfo: { type: Boolean }, - infoAccountName: { type: String }, - imageUrl: { type: String }, - addressResult: { type: Array }, - nameAddressResult: { type: Array }, - displayAddress: { type: String }, - displayLevel: { type: String }, - displayBalance: { type: Number }, - explorerBoughtBTCTrades: { type: Array }, - explorerBoughtLTCTrades: { type: Array }, - explorerBoughtDOGETrades: { type: Array }, - explorerBoughtDGBTrades: { type: Array }, - explorerBoughtRVNTrades: { type: Array }, - explorerBoughtARRRTrades: { type: Array }, - explorerSoldBTCTrades: { type: Array }, - explorerSoldLTCTrades: { type: Array }, - explorerSoldDOGETrades: { type: Array }, - explorerSoldDGBTrades: { type: Array }, - explorerSoldRVNTrades: { type: Array }, - explorerSoldARRRTrades: { type: Array }, - allPayments: { type: Array }, - slicedArray: { type: Array }, - allReceivedPayments: { type: Array }, - allSendPayments: { type: Array }, - startMintTime: { type: String }, - startMinting: { type: Array }, - totalSent: { type: Number }, - totalReceived: { type: Number }, - txtimestamp: { type: String }, - txcreatorAddress: { type: String }, - txrecipient: { type: String }, - txamount: { type: String }, - txfee: { type: String }, - txblockHeight: { type: String } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - box-sizing: border-box; - } - - h2 { - margin: 10px 0; - } - - h3 { - margin-top: -80px; - color: #03a9f4; - font-size: 18px; + static get properties() { + return { + theme: { type: String, reflect: true }, + isLoadingBoughtTradesBTC: { type: Boolean }, + isLoadingBoughtTradesLTC: { type: Boolean }, + isLoadingBoughtTradesDOGE: { type: Boolean }, + isLoadingBoughtTradesDGB: { type: Boolean }, + isLoadingBoughtTradesRVN: { type: Boolean }, + isLoadingBoughtTradesARRR: { type: Boolean }, + isLoadingSoldTradesBTC: { type: Boolean }, + isLoadingSoldTradesLTC: { type: Boolean }, + isLoadingSoldTradesDOGE: { type: Boolean }, + isLoadingSoldTradesDGB: { type: Boolean }, + isLoadingSoldTradesRVN: { type: Boolean }, + isLoadingSoldTradesARRR: { type: Boolean }, + isLoadingCompleteInfo: { type: Boolean }, + infoAccountName: { type: String }, + imageUrl: { type: String }, + addressResult: { type: Array }, + nameAddressResult: { type: Array }, + displayAddress: { type: String }, + displayLevel: { type: String }, + displayBalance: { type: Number }, + explorerBoughtBTCTrades: { type: Array }, + explorerBoughtLTCTrades: { type: Array }, + explorerBoughtDOGETrades: { type: Array }, + explorerBoughtDGBTrades: { type: Array }, + explorerBoughtRVNTrades: { type: Array }, + explorerBoughtARRRTrades: { type: Array }, + explorerSoldBTCTrades: { type: Array }, + explorerSoldLTCTrades: { type: Array }, + explorerSoldDOGETrades: { type: Array }, + explorerSoldDGBTrades: { type: Array }, + explorerSoldRVNTrades: { type: Array }, + explorerSoldARRRTrades: { type: Array }, + allPayments: { type: Array }, + slicedArray: { type: Array }, + allReceivedPayments: { type: Array }, + allSendPayments: { type: Array }, + startMintTime: { type: String }, + startMinting: { type: Array }, + totalSent: { type: Number }, + totalReceived: { type: Number }, + txtimestamp: { type: String }, + txcreatorAddress: { type: String }, + txrecipient: { type: String }, + txamount: { type: String }, + txfee: { type: String }, + txblockHeight: { type: String } } + } - h4 { - margin: 5px 0; - } + static get styles() { + return [traderInfoViewStyles] + } - p { - margin-top: 5px; - font-size: 14px; - line-height: 16px; - } + constructor() { + super() + this.infoAccountName = '' + this.imageUrl = '' + this.addressResult = [] + this.nameAddressResult = [] + this.displayAddress = '' + this.displayLevel = '' + this.displayBalance = 0 + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.isLoadingBoughtTradesBTC = false + this.isLoadingBoughtTradesLTC = false + this.isLoadingBoughtTradesDOGE = false + this.isLoadingBoughtTradesDGB = false + this.isLoadingBoughtTradesRVN = false + this.isLoadingBoughtTradesARRR = false + this.isLoadingSoldTradesBTC = false + this.isLoadingSoldTradesLTC = false + this.isLoadingSoldTradesDOGE = false + this.isLoadingSoldTradesDGB = false + this.isLoadingSoldTradesRVN = false + this.isLoadingSoldTradesARRR = false + this.isLoadingCompleteInfo = false + this.explorerBoughtBTCTrades = [] + this.explorerBoughtLTCTrades = [] + this.explorerBoughtDOGETrades = [] + this.explorerBoughtDGBTrades = [] + this.explorerBoughtRVNTrades = [] + this.explorerBoughtARRRTrades = [] + this.explorerSoldBTCTrades = [] + this.explorerSoldLTCTrades = [] + this.explorerSoldDOGETrades = [] + this.explorerSoldDGBTrades = [] + this.explorerSoldRVNTrades = [] + this.explorerSoldARRRTrades = [] + this.allPayments = [] + this.slicedArray = [] + this.allReceivedPayments = [] + this.allSendPayments = [] + this.startMintTime = '' + this.startMinting = [] + this.totalSent = 0 + this.totalReceived = 0 + this.txtimestamp = '' + this.txcreatorAddress = '' + this.txrecipient = '' + this.txamount = '' + this.txfee = '' + this.txblockHeight = '' + } - ul { - list-style: none; - display: flex; + render() { + return html` + + +

    ${this.infoAccountName}

    +

    ${this.displayAddress}

    +
    +
    + ${translate("login.loading")} +
    +
    +
      +
    • + ${translate("mintingpage.mchange27")} ${this.displayLevel} +
      • +
    • + ${translate("walletprofile.blocksminted")} ${this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment} +
      • +
    • + ${translate("explorerpage.exp15")} ${this.startMintTime} +
      • +
    • + ${translate("general.balance")} ${this.displayBalance} QORT +
      • +
    • + ${translate("explorerpage.exp6")} ${this.founderStatus()} +
      • +
    +
    +
    +
      +
    • + ${translate("explorerpage.exp18")} ${this.allPayments.length} +
      • +
    • + ${translate("explorerpage.exp19")} ${this.allSendPayments.length} +
      • +
    • + QORT ${translate("explorerpage.exp19")} ${this.totalSent.toFixed(0)} QORT +
      • +
    • + ${translate("explorerpage.exp20")} ${this.allReceivedPayments.length} +
      • +
    • + QORT ${translate("explorerpage.exp20")} ${this.totalReceived.toFixed(0)} QORT +
      • +
    +
    +
    +
    +
    ${translate("explorerpage.exp22")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? + html` + ${translate("walletpage.wchange7")} + ` + : html` + ${translate("walletpage.wchange8")} + ` + } `, root) + }} + > + + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + render(html` + + info + + `, root) + }} + > + + + ${this.isEmptyArray(this.slicedArray) ? html` + ${translate("walletpage.wchange38")} + `: ''} +
    +
    +
    +
    + + this.showAllPayments()}>${translate("explorerpage.exp23")} + + + this.openTrades()}>${translate("explorerpage.exp21")} + this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")} + +
    +     + +
    +

    ${translate("explorerpage.exp17")}

    +
    +
    +
    +
    +
    ${translate("explorerpage.exp17")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? + html` + ${translate("walletpage.wchange7")} + ` + : html` + ${translate("walletpage.wchange8")} + ` + } `, root) + }} + > + + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + render(html` + + info + + `, root) + }} + > + + + ${this.isEmptyArray(this.allPayments) ? html` + ${translate("walletpage.wchange38")} + `: ''} +
    +
    +
    +
    + + this.closeShowAllPaymentsDialog()} dialog-dismiss>${translate("general.close")} + +
    +     + +
    + +

    ${translate("explorerpage.exp4")}

    +

    ${translate("explorerpage.exp5")}

    +
    +
    + this.closeErrorDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    + this.openUserBoughtDialog()}>

    + this.openUserSoldDialog()}>

    +
    +
    + this.closeTrades()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +
    + ${this.boughtBTCTemplate()} + ${this.boughtLTCTemplate()} +
    +
    + ${this.boughtDOGETemplate()} + ${this.boughtDGBTemplate()} +
    +
    + ${this.boughtRVNTemplate()} + ${this.boughtARRRTemplate()} +
    +
    +
    + this.closeBoughtDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +
    + ${this.soldBTCTemplate()} + ${this.soldLTCTemplate()} +
    +
    + ${this.soldDOGETemplate()} + ${this.soldDGBTemplate()} +
    +
    + ${this.soldRVNTemplate()} + ${this.soldARRRTemplate()} +
    +
    +
    + this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + + ${translate("walletpage.wchange40")} ${this.txcreatorAddress === this.displayAddress ? + html` + ${translate("walletpage.wchange7")} + ` + : html` + ${translate("walletpage.wchange8")} + ` + } + +
    + ${translate("walletpage.wchange9")} +
    +
    ${this.txcreatorAddress}
    + ${translate("walletpage.wchange10")} +
    +
    ${this.txrecipient}
    + ${translate("walletpage.wchange12")} +
    +
    ${this.txfee} QORT
    + ${translate("walletpage.wchange37")} +
    +
    ${this.txamount} QORT
    + ${translate("walletpage.wchange13")} +
    +
    ${this.txblockHeight}
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.txtimestamp).toString()}
    +
    +
    + this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} +
    +     + ` + } + + firstUpdated() { + // ... + } + + boughtBTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (BTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtBTCTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtLTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (LTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtLTCTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtDOGETemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (DOGE)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtDOGETrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtDGBTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (DGB)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtDGBTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtRVNTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (RVN)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtRVNTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtARRRTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (ARRR)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtARRRTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + soldBTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (BTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldBTCTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldLTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (LTC)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldLTCTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldDOGETemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (DOGE)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldDOGETrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldDGBTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (DGB)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldDGBTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldRVNTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (RVN)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldRVNTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldARRRTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (ARRR)
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldARRRTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + openTraderInfo(traderData) { + if (traderData.startsWith('Q') && traderData.length == 34) { + this.getAddressUserResult(traderData) + } else { + this.getNameUserResult(traderData) } + } - ul li { - margin: 15px auto; - font-size: 15px; - font-weight: 600; - color: #03a9f4; - } + async getAddressUserResult(resultAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const addressUrl = `${nodeUrl}/addresses/${resultAddress}` - .btn-info { - color: #03a9f4; - --mdc-icon-size: 16px; - padding-top: 3px; - } - - .data-info{ - margin-top: 10px; - margin-right: 25px; - } - - .data-items { - font-weight: 600; - color: var(--black); - display: block; - text-align: center; - } - - .title { - font-weight: 600; - font-size: 12px; - line-height: 32px; - opacity: 0.66; - } - - #transactionList { - color: var(--black); - padding: 15px; - } - - .color-in { - color: #02977e; - background-color: rgba(0, 201, 167, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .color-out { - color: #b47d00; - background-color: rgba(219, 154, 4, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .card-body { - background-color: var(--white); - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .card-container-button { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 500px; - max-width: 100%; - text-align: center; - } - - .card-explorer-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 10px; - position: relative; - width: 900px; - max-width: 100%; - text-align: center; - } - - .card-container .level { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - left: 30px; - } - - .card-container .founder { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - right: 30px; - } - - .card-container .round { - width: 96px; - height: 96px; - border: 1px solid #03a9f4; - border-radius: 50%; - padding: 2px; - } - - .card-container .badge { - width: 200px; - height: 135px; - border: 1px solid transparent; - border-radius: 10%; - padding: 2px; - } - - .userdata { - background-color: #1F1A36; - text-align: left; - padding: 15px; - margin-top: 30px; - } - - .userdata ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .userdata ul li { - border: 1px solid #2D2747; - border-radius: 2px; - display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; - } - - .decline { - --mdc-theme-primary: var(--mdc-theme-error) - } - - .warning { - --mdc-theme-primary: #f0ad4e; - } - - .green { - --mdc-theme-primary: #198754; - } - - .buttons { - display: inline; - float: right; - margin-bottom: 5px; - } - - .paybutton { - display: inline; - float: left; - margin-bottom: 5px; - } - - .loadingContainer { - height: 100%; - width: 100%; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - .explorer-trades { - text-align: center; - } - - .box { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 100%; - } - - .box-info { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 250px; - } - - .box-info-full { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 450px; - width: 450px; - } - - header { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: center; - padding: 0px 10px; - font-size: 16px; - color: var(--black); - background-color: var(--tradehead); - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - min-height: 40px; - } - - .border-wrapper { - border: 1px var(--tradeborder) solid; - overflow: hidden; - } - - - #first-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #second-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #third-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #first-explorer-section > div { - } - - #second-explorer-section > div { - } - - #third-explorer-section > div { - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + await fetch(addressUrl).then(res => { + if (res.status === 400) { + this.shadowRoot.getElementById('userErrorDialog').open() + } else { + this.getAllWithAddress(resultAddress) } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + }) + } + + async getNameUserResult(resultName) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/${resultName}` + + await fetch(nameUrl).then(res => { + if (res.status === 404) { + this.shadowRoot.getElementById('userErrorDialog').open() + } else { + this.getAddressFromName(resultName) } - } + }) + } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - .full-info { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background: #1da1f2; - } - - .full-info-wrapper { - width: 100%; - min-width: 600px; - max-width: 600px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 25px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .full-info-logo { - width: 120px; - height: 120px; - background: var(--white); - border: 1px solid var(--black); - border-radius: 50%; - position: relative; - top: -110px; - left: 210px; - } - - .round-fullinfo { - position: relative; - width: 120px; - height: 120px; - border-radius: 50%; - right: 25px; - top: -1px; - } - - ` - } - - constructor() { - super() - this.infoAccountName = '' - this.imageUrl = '' - this.addressResult = [] - this.nameAddressResult = [] - this.displayAddress = '' - this.displayLevel = '' - this.displayBalance = 0 - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.isLoadingBoughtTradesBTC = false - this.isLoadingBoughtTradesLTC = false - this.isLoadingBoughtTradesDOGE = false - this.isLoadingBoughtTradesDGB = false - this.isLoadingBoughtTradesRVN = false - this.isLoadingBoughtTradesARRR = false - this.isLoadingSoldTradesBTC = false - this.isLoadingSoldTradesLTC = false - this.isLoadingSoldTradesDOGE = false - this.isLoadingSoldTradesDGB = false - this.isLoadingSoldTradesRVN = false - this.isLoadingSoldTradesARRR = false - this.isLoadingCompleteInfo = false - this.explorerBoughtBTCTrades = [] - this.explorerBoughtLTCTrades = [] - this.explorerBoughtDOGETrades = [] - this.explorerBoughtDGBTrades = [] - this.explorerBoughtRVNTrades = [] - this.explorerBoughtARRRTrades = [] - this.explorerSoldBTCTrades = [] - this.explorerSoldLTCTrades = [] - this.explorerSoldDOGETrades = [] - this.explorerSoldDGBTrades = [] - this.explorerSoldRVNTrades = [] - this.explorerSoldARRRTrades = [] - this.allPayments = [] - this.slicedArray = [] - this.allReceivedPayments = [] - this.allSendPayments = [] - this.startMintTime = '' - this.startMinting = [] - this.totalSent = 0 - this.totalReceived = 0 - this.txtimestamp = '' - this.txcreatorAddress = '' - this.txrecipient = '' - this.txamount = '' - this.txfee = '' - this.txblockHeight = '' - } - - boughtBTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (BTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtBTCTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtLTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (LTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtLTCTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtDOGETemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (DOGE)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtDOGETrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtDGBTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (DGB)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtDGBTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtRVNTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (RVN)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtRVNTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtARRRTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (ARRR)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtARRRTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - soldBTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (BTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldBTCTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldLTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (LTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldLTCTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldDOGETemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (DOGE)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldDOGETrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldDGBTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (DGB)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldDGBTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldRVNTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (RVN)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldRVNTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldARRRTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (ARRR)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldARRRTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - render() { - return html` - - -

    ${this.infoAccountName}

    -

    ${this.displayAddress}

    -
    ${translate("login.loading")}
    -
    -
      -
    • - ${translate("mintingpage.mchange27")} ${this.displayLevel} -
      • -
    • - ${translate("walletprofile.blocksminted")} ${this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment} -
      • -
    • - ${translate("explorerpage.exp15")} ${this.startMintTime} -
      • -
    • - ${translate("general.balance")} ${this.displayBalance} QORT -
      • -
    • - ${translate("explorerpage.exp6")} ${this.founderStatus()} -
      • -
    -
    -
    -
      -
    • - ${translate("explorerpage.exp18")} ${this.allPayments.length} -
      • -
    • - ${translate("explorerpage.exp19")} ${this.allSendPayments.length} -
      • -
    • - QORT ${translate("explorerpage.exp19")} ${this.totalSent.toFixed(0)} QORT -
      • -
    • - ${translate("explorerpage.exp20")} ${this.allReceivedPayments.length} -
      • -
    • - QORT ${translate("explorerpage.exp20")} ${this.totalReceived.toFixed(0)} QORT -
      • -
    -
    -
    -
    -
    ${translate("explorerpage.exp22")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - render(html`info`, root) - }} - > - - - ${this.isEmptyArray(this.slicedArray) ? html` - ${translate("walletpage.wchange38")} - `: ''} -
    -
    -
    -
    - - this.showAllPayments()}>${translate("explorerpage.exp23")} - - - this.openTrades()}>${translate("explorerpage.exp21")} - this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")} - -
    -     - - -
    -

    ${translate("explorerpage.exp17")}

    -
    -
    -
    -
    -
    ${translate("explorerpage.exp17")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - render(html`info`, root) - }} - > - - - ${this.isEmptyArray(this.allPayments) ? html` - ${translate("walletpage.wchange38")} - `: ''} -
    -
    -
    -
    - - this.closeShowAllPaymentsDialog()} dialog-dismiss>${translate("general.close")} - -
    -     - - -
    - -

    ${translate("explorerpage.exp4")}

    -

    ${translate("explorerpage.exp5")}

    -
    -
    - this.closeErrorDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    - this.openUserBoughtDialog()}>

    - this.openUserSoldDialog()}>

    -
    -
    - this.closeTrades()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -
    - ${this.boughtBTCTemplate()} - ${this.boughtLTCTemplate()} -
    -
    - ${this.boughtDOGETemplate()} - ${this.boughtDGBTemplate()} -
    -
    - ${this.boughtRVNTemplate()} - ${this.boughtARRRTemplate()} -
    -
    -
    - this.closeBoughtDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -
    - ${this.soldBTCTemplate()} - ${this.soldLTCTemplate()} -
    -
    - ${this.soldDOGETemplate()} - ${this.soldDGBTemplate()} -
    -
    - ${this.soldRVNTemplate()} - ${this.soldARRRTemplate()} -
    -
    -
    - this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} ${this.txcreatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - - ${translate("walletpage.wchange9")} -
    -
    ${this.txcreatorAddress}
    - - ${translate("walletpage.wchange10")} -
    -
    ${this.txrecipient}
    - - ${translate("walletpage.wchange12")} -
    -
    ${this.txfee} QORT
    - - ${translate("walletpage.wchange37")} -
    -
    ${this.txamount} QORT
    - - ${translate("walletpage.wchange13")} -
    -
    ${this.txblockHeight}
    - - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.txtimestamp).toString()}
    -
    -
    - this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - ` - } - - openTraderInfo(traderData) { - if (traderData.startsWith('Q') && traderData.length == 34) { - this.getAddressUserResult(traderData) - } else { - this.getNameUserResult(traderData) - } - } - - async getAddressUserResult(resultAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const addressUrl = `${nodeUrl}/addresses/${resultAddress}` - - await fetch(addressUrl).then(res => { - if (res.status === 400) { - this.shadowRoot.getElementById('userErrorDialog').open() - } else { - this.getAllWithAddress(resultAddress) - } - }) - } - - async getNameUserResult(resultName) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/${resultName}` - - await fetch(nameUrl).then(res => { - if (res.status === 404) { - this.shadowRoot.getElementById('userErrorDialog').open() - } else { - this.getAddressFromName(resultName) - } - }) - } - - async getAddressFromName(fromName) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const fromNameUrl = `${nodeUrl}/names/${fromName}` + async getAddressFromName(fromName) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const fromNameUrl = `${nodeUrl}/names/${fromName}` this.nameAddressResult = await fetch(fromNameUrl).then(response => { return response.json() }) - const nameAddress = this.nameAddressResult.owner - await this.getAllWithAddress(nameAddress) - } - async getAllWithAddress(myAddress) { - await this.getAddressUserInfo(myAddress) - await this.getAddressUserAvatar(myAddress) - await this.getAddressUserBalance(myAddress) - this.displayAddress = this.addressResult.address - this.displayLevel = this.addressResult.level - this.isLoadingCompleteInfo = true - this.shadowRoot.getElementById('userFullInfoDialog').open() - await this.getStartMint(myAddress) - await this.getPaymentsGridItems() - this.isLoadingCompleteInfo = false - } + const nameAddress = this.nameAddressResult.owner - async getAddressUserInfo(infoAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const infoAddressUrl = `${nodeUrl}/addresses/${infoAddress}` + await this.getAllWithAddress(nameAddress) + } + + async getAllWithAddress(myAddress) { + await this.getAddressUserInfo(myAddress) + await this.getAddressUserAvatar(myAddress) + await this.getAddressUserBalance(myAddress) + this.displayAddress = this.addressResult.address + this.displayLevel = this.addressResult.level + this.isLoadingCompleteInfo = true + this.shadowRoot.getElementById('userFullInfoDialog').open() + await this.getStartMint(myAddress) + await this.getPaymentsGridItems() + this.isLoadingCompleteInfo = false + } + + async getAddressUserInfo(infoAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const infoAddressUrl = `${nodeUrl}/addresses/${infoAddress}` this.addressResult = await fetch(infoAddressUrl).then(response => { return response.json() }) - } + } - async getAddressUserAvatar(avatarAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/address/${avatarAddress}?limit=0&reverse=true` + async getAddressUserAvatar(avatarAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/address/${avatarAddress}?limit=0&reverse=true` - await fetch(nameUrl).then(res => { - return res.json() - }).then(jsonRes => { - if(jsonRes.length) { - jsonRes.map (item => { - this.infoAccountName = item.name - this.imageName = item.name - }) - } else { - this.infoAccountName = get("chatpage.cchange15") - this.imageName = avatarAddress - } - }) + await fetch(nameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.infoAccountName = item.name + this.imageName = item.name + }) + } else { + this.infoAccountName = get("chatpage.cchange15") + this.imageName = avatarAddress + } + }) - this.imageUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.imageName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - } + this.imageUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.imageName}/qortal_avatar?async=true}` + } - async getAddressUserBalance(balanceAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const balanceAddressUrl = `${nodeUrl}/addresses/balance/${balanceAddress}` + async getAddressUserBalance(balanceAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const balanceAddressUrl = `${nodeUrl}/addresses/balance/${balanceAddress}` - const qortalBalanceInfo = await fetch(balanceAddressUrl).then(res => { - return res.json() - }) + const qortalBalanceInfo = await fetch(balanceAddressUrl).then(res => { + return res.json() + }) - this.displayBalance = qortalBalanceInfo.toFixed(4) - } + this.displayBalance = qortalBalanceInfo.toFixed(4) + } - async getStartMint(mintAddress) { - this.startMintTime = '' - this.startMinting = [] - const checkBlocks = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getStartMint(mintAddress) { + this.startMintTime = '' + this.startMinting = [] + const checkBlocks = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - if (checkBlocks === 0) { + if (checkBlocks === 0) { this.startMintTime = get("explorerpage.exp16") - } else { - const rewardshareUrl = `${nodeUrl}/transactions/search?txType=REWARD_SHARE&address=${mintAddress}&confirmationStatus=CONFIRMED&limit=1&reverse=false` + } else { + const rewardshareUrl = `${nodeUrl}/transactions/search?txType=REWARD_SHARE&address=${mintAddress}&confirmationStatus=CONFIRMED&limit=1&reverse=false` this.startMinting = await fetch(rewardshareUrl).then(response => { return response.json() }) this.startMintTime = new Date(this.startMinting[0].timestamp).toLocaleDateString() - } - } + } + } - avatarImage() { - return html`` - } + avatarImage() { + return html`` + } - avatarFullImage() { - return html`` - } + avatarFullImage() { + return html`` + } - founderBadge() { - if (this.addressResult.flags === 1) { - return html`${translate("explorerpage.exp6")}` - } else { - return html`` - } - } + founderBadge() { + if (this.addressResult.flags === 1) { + return html`${translate("explorerpage.exp6")}` + } else { + return html`` + } + } - founderStatus() { - if (this.addressResult.flags === 1) { - return html`${translate("general.yes")}` - } else { - return html`${translate("general.no")}` - } - } + founderStatus() { + if (this.addressResult.flags === 1) { + return html`${translate("general.yes")}` + } else { + return html`${translate("general.no")}` + } + } - async getPaymentsGridItems() { - this.allPayments = [] - this.slicedArray = [] - this.allReceivedPayments = [] - this.allSendPayments = [] - this.totalSent = 0 - this.totalReceived = 0 - const paymentsAddress = this.displayAddress - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const paymentsUrl = `${nodeUrl}/transactions/address/${paymentsAddress}?limit=0&reverse=true` + async getPaymentsGridItems() { + this.allPayments = [] + this.slicedArray = [] + this.allReceivedPayments = [] + this.allSendPayments = [] + this.totalSent = 0 + this.totalReceived = 0 - const paymentsAll = await fetch(paymentsUrl).then(response => { - return response.json() - }) + const paymentsAddress = this.displayAddress + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const paymentsUrl = `${nodeUrl}/transactions/address/${paymentsAddress}?limit=0&reverse=true` - this.allPayments = paymentsAll.map(item => { - const searchType = item.type - if (searchType == "PAYMENT") { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount, - fee: item.fee, - blockHeight: item.blockHeight - } - } - }).filter(item => !!item) + const paymentsAll = await fetch(paymentsUrl).then(response => { + return response.json() + }) - this.slicedArray = this.allPayments.slice(0, 5) + this.allPayments = paymentsAll.map(item => { + const searchType = item.type + if (searchType == "PAYMENT") { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount, + fee: item.fee, + blockHeight: item.blockHeight + } + } + }).filter(item => !!item) - this.allSendPayments = this.allPayments.map(item => { - const searchSendAddress = item.creatorAddress - if (searchSendAddress == paymentsAddress) { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount + this.slicedArray = this.allPayments.slice(0, 5) - } - } - }).filter(item => !!item) + this.allSendPayments = this.allPayments.map(item => { + const searchSendAddress = item.creatorAddress + if (searchSendAddress == paymentsAddress) { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount - this.allSendPayments.map(item => { - this.totalSent += parseFloat(item.amount) - }) + } + } + }).filter(item => !!item) - this.allReceivedPayments = this.allPayments.map(item => { - const searchReceivedAddress = item.recipient - if (searchReceivedAddress == paymentsAddress) { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount + this.allSendPayments.map(item => { + this.totalSent += parseFloat(item.amount) + }) - } - } - }).filter(item => !!item) + this.allReceivedPayments = this.allPayments.map(item => { + const searchReceivedAddress = item.recipient + if (searchReceivedAddress == paymentsAddress) { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount - this.allReceivedPayments.map(item => { - this.totalReceived += parseFloat(item.amount) - }) - } + } + } + }).filter(item => !!item) - showPaymentDetails(paymentsData) { - this.txtimestamp = '' - this.txcreatorAddress = '' - this.txrecipient = '' - this.txamount = '' - this.txfee = '' - this.txblockHeight = '' - this.txtimestamp = paymentsData.item.timestamp - this.txcreatorAddress = paymentsData.item.creatorAddress - this.txrecipient = paymentsData.item.recipient - this.txamount = paymentsData.item.amount - this.txfee = paymentsData.item.fee - this.txblockHeight = paymentsData.item.blockHeight - this.shadowRoot.getElementById('showTxDetailsDialog').open() - } + this.allReceivedPayments.map(item => { + this.totalReceived += parseFloat(item.amount) + }) + } - showAllPayments() { - this.shadowRoot.getElementById('showAllPaymentsDialog').open() - } + showPaymentDetails(paymentsData) { + this.txtimestamp = '' + this.txcreatorAddress = '' + this.txrecipient = '' + this.txamount = '' + this.txfee = '' + this.txblockHeight = '' + this.txtimestamp = paymentsData.item.timestamp + this.txcreatorAddress = paymentsData.item.creatorAddress + this.txrecipient = paymentsData.item.recipient + this.txamount = paymentsData.item.amount + this.txfee = paymentsData.item.fee + this.txblockHeight = paymentsData.item.blockHeight + this.shadowRoot.getElementById('showTxDetailsDialog').open() + } - async getBoughtBTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myBTCAddress = this.displayAddress + showAllPayments() { + this.shadowRoot.getElementById('showAllPaymentsDialog').open() + } - const boughtBTCTradesAll = await fetch(tradesBoughtBTCUrl).then(response => { - return response.json() - }) + async getBoughtBTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myBTCAddress = this.displayAddress - this.explorerBoughtBTCTrades = boughtBTCTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myBTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtBTCTradesAll = await fetch(tradesBoughtBTCUrl).then(response => { + return response.json() + }) - async getBoughtLTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myLTCAddress = this.displayAddress + this.explorerBoughtBTCTrades = boughtBTCTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myBTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtLTCTradesAll = await fetch(tradesBoughtLTCUrl).then(response => { - return response.json() - }) + async getBoughtLTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myLTCAddress = this.displayAddress - this.explorerBoughtLTCTrades = boughtLTCTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myLTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtLTCTradesAll = await fetch(tradesBoughtLTCUrl).then(response => { + return response.json() + }) - async getBoughtDOGEGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDOGEAddress = this.displayAddress + this.explorerBoughtLTCTrades = boughtLTCTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myLTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtDOGETradesAll = await fetch(tradesBoughtDOGEUrl).then(response => { - return response.json() - }) + async getBoughtDOGEGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDOGEAddress = this.displayAddress - this.explorerBoughtDOGETrades = boughtDOGETradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myDOGEAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtDOGETradesAll = await fetch(tradesBoughtDOGEUrl).then(response => { + return response.json() + }) - async getBoughtDGBGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDGBAddress = this.displayAddress + this.explorerBoughtDOGETrades = boughtDOGETradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myDOGEAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtDGBTradesAll = await fetch(tradesBoughtDGBUrl).then(response => { - return response.json() - }) + async getBoughtDGBGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDGBAddress = this.displayAddress - this.explorerBoughtDGBTrades = boughtDGBTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myDGBAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtDGBTradesAll = await fetch(tradesBoughtDGBUrl).then(response => { + return response.json() + }) - async getBoughtRVNGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myRVNAddress = this.displayAddress + this.explorerBoughtDGBTrades = boughtDGBTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myDGBAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtRVNTradesAll = await fetch(tradesBoughtRVNUrl).then(response => { - return response.json() - }) + async getBoughtRVNGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myRVNAddress = this.displayAddress - this.explorerBoughtRVNTrades = boughtRVNTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myRVNAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtRVNTradesAll = await fetch(tradesBoughtRVNUrl).then(response => { + return response.json() + }) - async getBoughtARRRGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myARRRAddress = this.displayAddress + this.explorerBoughtRVNTrades = boughtRVNTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myRVNAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const boughtARRRTradesAll = await fetch(tradesBoughtARRRUrl).then(response => { - return response.json() - }) + async getBoughtARRRGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myARRRAddress = this.displayAddress - this.explorerBoughtARRRTrades = boughtARRRTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myARRRAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const boughtARRRTradesAll = await fetch(tradesBoughtARRRUrl).then(response => { + return response.json() + }) - async getSoldBTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myBTCAddress = this.displayAddress + this.explorerBoughtARRRTrades = boughtARRRTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myARRRAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldBTCTradesAll = await fetch(tradesSoldBTCUrl).then(response => { - return response.json() - }) + async getSoldBTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myBTCAddress = this.displayAddress - this.explorerSoldBTCTrades = soldBTCTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myBTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldBTCTradesAll = await fetch(tradesSoldBTCUrl).then(response => { + return response.json() + }) - async getSoldLTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myLTCAddress = this.displayAddress + this.explorerSoldBTCTrades = soldBTCTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myBTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldLTCTradesAll = await fetch(tradesSoldLTCUrl).then(response => { - return response.json() - }) + async getSoldLTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myLTCAddress = this.displayAddress - this.explorerSoldLTCTrades = soldLTCTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myLTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldLTCTradesAll = await fetch(tradesSoldLTCUrl).then(response => { + return response.json() + }) - async getSoldDOGEGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDOGEAddress = this.displayAddress + this.explorerSoldLTCTrades = soldLTCTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myLTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldDOGETradesAll = await fetch(tradesSoldDOGEUrl).then(response => { - return response.json() - }) + async getSoldDOGEGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDOGEAddress = this.displayAddress - this.explorerSoldDOGETrades = soldDOGETradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myDOGEAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldDOGETradesAll = await fetch(tradesSoldDOGEUrl).then(response => { + return response.json() + }) - async getSoldDGBGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDGBAddress = this.displayAddress + this.explorerSoldDOGETrades = soldDOGETradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myDOGEAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldDGBTradesAll = await fetch(tradesSoldDGBUrl).then(response => { - return response.json() - }) + async getSoldDGBGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDGBAddress = this.displayAddress - this.explorerSoldDGBTrades = soldDGBTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myDGBAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldDGBTradesAll = await fetch(tradesSoldDGBUrl).then(response => { + return response.json() + }) - async getSoldRVNGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myRVNAddress = this.displayAddress + this.explorerSoldDGBTrades = soldDGBTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myDGBAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldRVNTradesAll = await fetch(tradesSoldRVNUrl).then(response => { - return response.json() - }) + async getSoldRVNGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myRVNAddress = this.displayAddress - this.explorerSoldRVNTrades = soldRVNTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myRVNAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldRVNTradesAll = await fetch(tradesSoldRVNUrl).then(response => { + return response.json() + }) - async getSoldARRRGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myARRRAddress = this.displayAddress + this.explorerSoldRVNTrades = soldRVNTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myRVNAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - const soldARRRTradesAll = await fetch(tradesSoldARRRUrl).then(response => { - return response.json() - }) + async getSoldARRRGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myARRRAddress = this.displayAddress - this.explorerSoldARRRTrades = soldARRRTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myARRRAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + const soldARRRTradesAll = await fetch(tradesSoldARRRUrl).then(response => { + return response.json() + }) - openTrades() { - this.shadowRoot.getElementById('userTrades').open() - this.shadowRoot.getElementById('userFullInfoDialog').close() - } + this.explorerSoldARRRTrades = soldARRRTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myARRRAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async openUserBoughtDialog() { - this.shadowRoot.getElementById('userBoughtDialog').open() - this.explorerBoughtBTCTrades = [] - this.explorerBoughtLTCTrades = [] - this.explorerBoughtDOGETrades = [] - this.explorerBoughtDGBTrades = [] - this.explorerBoughtRVNTrades = [] - this.explorerBoughtARRRTrades = [] - this.isLoadingBoughtTradesBTC = true - this.isLoadingBoughtTradesLTC = true - this.isLoadingBoughtTradesDOGE = true - this.isLoadingBoughtTradesDGB = true - this.isLoadingBoughtTradesRVN = true - this.isLoadingBoughtTradesARRR = true - await this.getBoughtBTCGridItems() - this.isLoadingBoughtTradesBTC = false - await this.getBoughtLTCGridItems() - this.isLoadingBoughtTradesLTC = false - await this.getBoughtDOGEGridItems() - this.isLoadingBoughtTradesDOGE = false - await this.getBoughtDGBGridItems() - this.isLoadingBoughtTradesDGB = false - await this.getBoughtRVNGridItems() - this.isLoadingBoughtTradesRVN = false - await this.getBoughtARRRGridItems() - this.isLoadingBoughtTradesARRR = false - } + openTrades() { + this.shadowRoot.getElementById('userTrades').open() + this.shadowRoot.getElementById('userFullInfoDialog').close() + } - async openUserSoldDialog() { - this.shadowRoot.getElementById('userSoldDialog').open() - this.explorerSoldBTCTrades = [] - this.explorerSoldLTCTrades = [] - this.explorerSoldDOGETrades = [] - this.explorerSoldDGBTrades = [] - this.explorerSoldRVNTrades = [] - this.explorerSoldARRRTrades = [] - this.isLoadingSoldTradesBTC = true - this.isLoadingSoldTradesLTC = true - this.isLoadingSoldTradesDOGE = true - this.isLoadingSoldTradesDGB = true - this.isLoadingSoldTradesRVN = true - this.isLoadingSoldTradesARRR = true - await this.getSoldBTCGridItems() - this.isLoadingSoldTradesBTC = false - await this.getSoldLTCGridItems() - this.isLoadingSoldTradesLTC = false - await this.getSoldDOGEGridItems() - this.isLoadingSoldTradesDOGE = false - await this.getSoldDGBGridItems() - this.isLoadingSoldTradesDGB = false - await this.getSoldRVNGridItems() - this.isLoadingSoldTradesRVN = false - await this.getSoldARRRGridItems() - this.isLoadingSoldTradesARRR = false - } + async openUserBoughtDialog() { + this.shadowRoot.getElementById('userBoughtDialog').open() + this.explorerBoughtBTCTrades = [] + this.explorerBoughtLTCTrades = [] + this.explorerBoughtDOGETrades = [] + this.explorerBoughtDGBTrades = [] + this.explorerBoughtRVNTrades = [] + this.explorerBoughtARRRTrades = [] + this.isLoadingBoughtTradesBTC = true + this.isLoadingBoughtTradesLTC = true + this.isLoadingBoughtTradesDOGE = true + this.isLoadingBoughtTradesDGB = true + this.isLoadingBoughtTradesRVN = true + this.isLoadingBoughtTradesARRR = true + await this.getBoughtBTCGridItems() + this.isLoadingBoughtTradesBTC = false + await this.getBoughtLTCGridItems() + this.isLoadingBoughtTradesLTC = false + await this.getBoughtDOGEGridItems() + this.isLoadingBoughtTradesDOGE = false + await this.getBoughtDGBGridItems() + this.isLoadingBoughtTradesDGB = false + await this.getBoughtRVNGridItems() + this.isLoadingBoughtTradesRVN = false + await this.getBoughtARRRGridItems() + this.isLoadingBoughtTradesARRR = false + } - closeErrorDialog() { - this.shadowRoot.getElementById('userErrorDialog').close() - } + async openUserSoldDialog() { + this.shadowRoot.getElementById('userSoldDialog').open() + this.explorerSoldBTCTrades = [] + this.explorerSoldLTCTrades = [] + this.explorerSoldDOGETrades = [] + this.explorerSoldDGBTrades = [] + this.explorerSoldRVNTrades = [] + this.explorerSoldARRRTrades = [] + this.isLoadingSoldTradesBTC = true + this.isLoadingSoldTradesLTC = true + this.isLoadingSoldTradesDOGE = true + this.isLoadingSoldTradesDGB = true + this.isLoadingSoldTradesRVN = true + this.isLoadingSoldTradesARRR = true + await this.getSoldBTCGridItems() + this.isLoadingSoldTradesBTC = false + await this.getSoldLTCGridItems() + this.isLoadingSoldTradesLTC = false + await this.getSoldDOGEGridItems() + this.isLoadingSoldTradesDOGE = false + await this.getSoldDGBGridItems() + this.isLoadingSoldTradesDGB = false + await this.getSoldRVNGridItems() + this.isLoadingSoldTradesRVN = false + await this.getSoldARRRGridItems() + this.isLoadingSoldTradesARRR = false + } - closeTrades() { - this.shadowRoot.getElementById('userTrades').close() - } + closeErrorDialog() { + this.shadowRoot.getElementById('userErrorDialog').close() + } - closeCompleteInfoDialog() { - this.shadowRoot.getElementById('userFullInfoDialog').close() - } + closeTrades() { + this.shadowRoot.getElementById('userTrades').close() + } - closeBoughtDialog() { - this.shadowRoot.getElementById('userBoughtDialog').close() - } + closeCompleteInfoDialog() { + this.shadowRoot.getElementById('userFullInfoDialog').close() + } - closeSoldDialog() { - this.shadowRoot.getElementById('userSoldDialog').close() - } + closeBoughtDialog() { + this.shadowRoot.getElementById('userBoughtDialog').close() + } - closeShowAllPaymentsDialog() { - this.shadowRoot.getElementById('showAllPaymentsDialog').close() - } + closeSoldDialog() { + this.shadowRoot.getElementById('userSoldDialog').close() + } - getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return apiNode.apiKey - } + closeShowAllPaymentsDialog() { + this.shadowRoot.getElementById('showAllPaymentsDialog').close() + } - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - round(number) { + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } + } } window.customElements.define('trader-info-view', TraderInfoView) diff --git a/plugins/plugins/core/components/UserInfo.js b/plugins/plugins/core/components/UserInfo.js new file mode 100644 index 00000000..af9ea0ce --- /dev/null +++ b/plugins/plugins/core/components/UserInfo.js @@ -0,0 +1,145 @@ +import { html, LitElement } from 'lit' +import { cropAddress } from '../../utils/functions' +import { userInfoStyles } from './plugins-css' +import '@polymer/paper-progress/paper-progress.js' +import '@vaadin/button' + +// Multi language support +import { translate } from '../../../../core/translate' + +export class UserInfo extends LitElement { + static get properties() { + return { + setOpenUserInfo: { attribute: false }, + setOpenTipUser: { attribute: false }, + setOpenPrivateMessage: { attribute: false }, + userName: { type: String }, + selectedHead: { type: Object }, + isImageLoaded: { type: Boolean } + } + } + + static get styles() { + return [userInfoStyles] + } + + constructor() { + super() + this.isImageLoaded = false + this.selectedHead = {} + this.imageFetches = 0 + } + + render() { + let avatarImg = '' + + if (this.selectedHead && this.selectedHead.name) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.selectedHead.name}/qortal_avatar?async=true` + avatarImg = this.createImage(avatarUrl) + } + + return html` +
    + {this.setOpenUserInfo(false);}}> + ${this.isImageLoaded ? html`
    ${avatarImg}
    ` : html``} + ${!this.isImageLoaded && this.selectedHead && this.selectedHead.name ? + html` +
    + +
    + ` + : "" + } + ${!this.isImageLoaded && this.selectedHead && !this.selectedHead.name ? + html` +
    + avatar +
    + ` + : "" + } + +
    + ${translate("chatpage.cchange58")} +
    +
    {this.setOpenTipUser(true); this.setOpenUserInfo(false);}}> + ${translate("chatpage.cchange59")} +
    + ${this.userName ? + html` +
    { + setTimeout(() => { + this.openProfile(); + }, 250); + this.setOpenUserInfo(false); + }}> + ${translate("profile.profile18")} +
    + ` + : '' + } +
    + ` + } + + firstUpdated() { + // ... + } + + createImage(imageUrl) { + const imageHTMLRes = new Image() + + imageHTMLRes.src = imageUrl + imageHTMLRes.classList.add("user-info-avatar") + + imageHTMLRes.onload = () => { + this.isImageLoaded = true + } + + imageHTMLRes.onerror = () => { + if (this.imageFetches < 4) { + setTimeout(() => { + this.imageFetches = this.imageFetches + 1 + imageHTMLRes.src = imageUrl + }, 10000) + } else { + this.isImageLoaded = false + } + } + + return imageHTMLRes + } + + openProfile() { + try { + const customEvent = new CustomEvent('open-visiting-profile', { + detail: this.userName + }) + + window.parent.dispatchEvent(customEvent) + } catch (error) { /* empty */ } + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('user-info', UserInfo) diff --git a/plugins/plugins/core/components/UserInfo/UserInfo-css.js b/plugins/plugins/core/components/UserInfo/UserInfo-css.js deleted file mode 100644 index a648d446..00000000 --- a/plugins/plugins/core/components/UserInfo/UserInfo-css.js +++ /dev/null @@ -1,68 +0,0 @@ -import {css} from 'lit' - -export const userInfoStyles = css` -.user-info-header { -font-family: Montserrat, sans-serif; -text-align: center; -font-size: 28px; -color: var(--chat-bubble-msg-color); -margin-bottom: 10px; -padding: 10px 0; -} - -.avatar-container { -display: flex; -justify-content: center; -} - -.user-info-avatar { -width: 100px; -height: 100px; -border-radius: 50%; -margin: 10px 0; -} - -.user-info-no-avatar { -display: flex; -justify-content: center; -align-items: center; -text-transform: capitalize; -font-size: 50px; -font-family: Roboto, sans-serif; -width: 100px; -height: 100px; -border-radius:50%; -background: var(--chatHeadBg); -color: var(--chatHeadText); -} - -.send-message-button { -font-family: Roboto, sans-serif; -letter-spacing: 0.3px; -font-weight: 300; -padding: 8px 5px; -border-radius: 3px; -text-align: center; -color: var(--mdc-theme-primary); -transition: all 0.3s ease-in-out; -} - -.send-message-button:hover { -cursor: pointer; -background-color: #03a8f485; -} - -.close-icon { -position: absolute; -top: 3px; -right: 5px; -color: #676b71; -width: 14px; -transition: all 0.1s ease-in-out; -} - -.close-icon:hover { -cursor: pointer; -color: #494c50; -} -` diff --git a/plugins/plugins/core/components/UserInfo/UserInfo.js b/plugins/plugins/core/components/UserInfo/UserInfo.js deleted file mode 100644 index 5d66c36c..00000000 --- a/plugins/plugins/core/components/UserInfo/UserInfo.js +++ /dev/null @@ -1,133 +0,0 @@ -import {html, LitElement} from 'lit' -import {translate} from '../../../../../core/translate' -import {userInfoStyles} from './UserInfo-css.js' -import {cropAddress} from '../../../utils/cropAddress.js' - -import '@polymer/paper-progress/paper-progress.js' -import '@vaadin/button' - - -export class UserInfo extends LitElement { - static get properties() { - return { - setOpenUserInfo: { attribute: false }, - setOpenTipUser: { attribute: false }, - setOpenPrivateMessage: { attribute: false }, - userName: { type: String }, - selectedHead: { type: Object }, - isImageLoaded: { type: Boolean } - } - } - - constructor() { - super() - this.isImageLoaded = false - this.selectedHead = {} - this.imageFetches = 0 - } - - static get styles() { - return [userInfoStyles]; - } - - - createImage(imageUrl) { - const imageHTMLRes = new Image() - imageHTMLRes.src = imageUrl - imageHTMLRes.classList.add("user-info-avatar") - imageHTMLRes.onload = () => { - this.isImageLoaded = true - } - imageHTMLRes.onerror = () => { - if (this.imageFetches < 4) { - setTimeout(() => { - this.imageFetches = this.imageFetches + 1 - imageHTMLRes.src = imageUrl; - }, 10000) - } else { - this.isImageLoaded = false - } - } - return imageHTMLRes - } - - openProfile(){ - try { - const customEvent = new CustomEvent('open-visiting-profile', { - detail: this.userName - }); - window.parent.dispatchEvent(customEvent); - - } catch (error) { /* empty */ } - } - - - render() { - let avatarImg = "" - if (this.selectedHead && this.selectedHead.name) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.selectedHead.name}/qortal_avatar?async=true&apiKey=${myNode.apiKey}` - avatarImg = this.createImage(avatarUrl) - } - return html` -
    - { - this.setOpenUserInfo(false) - }} - > - - ${this.isImageLoaded ? html`
    ${avatarImg}
    ` : html``} - ${!this.isImageLoaded && this.selectedHead && this.selectedHead.name ? html` -
    - -
    - ` : ""} - ${!this.isImageLoaded && this.selectedHead && !this.selectedHead.name ? html` -
    - avatar -
    ` - : ""} - -
    - ${translate("chatpage.cchange58")} -
    -
    { - this.setOpenTipUser(true) - this.setOpenUserInfo(false) - }}> - ${translate("chatpage.cchange59")} -
    - ${this.userName ? html` -
    { - setTimeout(() => { - this.openProfile() - }, 250); - this.setOpenUserInfo(false) - - - }}> - ${translate("profile.profile18")} -
    - ` : ''} - -
    - ` - } -} - -customElements.define('user-info', UserInfo) diff --git a/plugins/plugins/core/components/WrapperModal-css.js b/plugins/plugins/core/components/WrapperModal-css.js deleted file mode 100644 index 468647bd..00000000 --- a/plugins/plugins/core/components/WrapperModal-css.js +++ /dev/null @@ -1,57 +0,0 @@ -import {css} from 'lit' - -export const wrapperModalStyles = css` - .backdrop { - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - background: rgb(186 186 186 / 26%); - overflow: hidden; - animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 1s forwards; - z-index: 50 - } - - .modal-body { - height: auto; - position: fixed; - box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px; - width: 500px; - z-index: 5; - display: flex; - flex-direction: column; - padding: 15px; - background-color: var(--white); - left: 50%; - top: 0px; - transform: translate(-50%, 10%); - border-radius: 12px; - overflow-y: auto; - animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; - max-height: 80%; - z-index: 60 - } - - @keyframes backdrop_blur { - 0% { - backdrop-filter: blur(0px); - background: transparent; - } - 100% { - backdrop-filter: blur(5px); - background: rgb(186 186 186 / 26%); - } - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } -` diff --git a/plugins/plugins/core/components/WrapperModal.js b/plugins/plugins/core/components/WrapperModal.js index fd7fd96e..ce4c4870 100644 --- a/plugins/plugins/core/components/WrapperModal.js +++ b/plugins/plugins/core/components/WrapperModal.js @@ -1,31 +1,50 @@ -import {html, LitElement} from 'lit' -import {wrapperModalStyles} from './WrapperModal-css.js' +import { html, LitElement } from 'lit' +import { wrapperModalStyles } from './plugins-css' export class WrapperModal extends LitElement { - static get properties() { - return { - customStyle: {type: String}, - onClickFunc: { attribute: false }, - zIndex: {type: Number} - } - } + static get properties() { + return { + customStyle: { type: String }, + onClickFunc: { attribute: false }, + zIndex: { type: Number } + } + } - static styles = [wrapperModalStyles] + static get styles() { + return [wrapperModalStyles] + } - render() { - return html` -
    -
    { this.onClickFunc() }} - > -
    -
    - -
    -
    - ` - } + constructor() { + super() + } + + render() { + return html` +
    +
    { this.onClickFunc() }}>
    +
    +
    + ` + } + + firstUpdated() { + // ... + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('wrapper-modal', WrapperModal) + +window.customElements.define('wrapper-modal', WrapperModal) diff --git a/plugins/plugins/core/components/computePowWorker.js b/plugins/plugins/core/components/computePowWorker.js index b89b9d84..3564c5cc 100644 --- a/plugins/plugins/core/components/computePowWorker.js +++ b/plugins/plugins/core/components/computePowWorker.js @@ -1,82 +1,54 @@ -import {Sha256} from 'asmcrypto.js' +import { Sha256 } from 'asmcrypto.js' - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old } - - self.addEventListener('message', async e => { - const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) - postMessage(response) - + const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) + postMessage(response) }) - const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) const heap = new Uint8Array(memory.buffer) - - const computePow = async (chatBytes, path, difficulty) => { - - let response = null - - await new Promise((resolve, reject)=> { - - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); - const chatBytesArray = new Uint8Array(_chatBytesArray); - const chatBytesHash = new Sha256().process(chatBytesArray).finish().result; - const hashPtr = sbrk(32, heap); - const hashAry = new Uint8Array(memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); - - - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = sbrk(workBufferLength, heap); - - - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - // Fetch the file and compile it - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - - // Create the instance. - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - chatBytesArray - } - - resolve() - - }); - - - }) - - return response -} + let response = null + await new Promise((resolve, reject) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new Sha256().process(chatBytesArray).finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array(memory.buffer, hashPtr, 32) + hashAry.set(chatBytesHash) + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk(workBufferLength, heap) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + // Fetch the file and compile it + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + // Create the instance. + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path).then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), + chatBytesArray + } + resolve() + }) + }) + return response +} \ No newline at end of file diff --git a/plugins/plugins/core/components/computePowWorkerFile.js b/plugins/plugins/core/components/computePowWorkerFile.js index b8bd962d..c20c9d4b 100644 --- a/plugins/plugins/core/components/computePowWorkerFile.js +++ b/plugins/plugins/core/components/computePowWorkerFile.js @@ -1,91 +1,65 @@ -import {Sha256} from 'asmcrypto.js' +import { Sha256 } from 'asmcrypto.js' - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old } - - - self.addEventListener('message', async e => { - const response = await computePow(e.data.convertedBytes, e.data.path) - postMessage(response) - + const response = await computePow(e.data.convertedBytes, e.data.path) + postMessage(response) }) - const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) const heap = new Uint8Array(memory.buffer) - - const computePow = async (convertedBytes, path) => { - - - let response = null - - await new Promise((resolve, reject)=> { - - const _convertedBytesArray = Object.keys(convertedBytes).map( - function (key) { - return convertedBytes[key] - } -) -const convertedBytesArray = new Uint8Array(_convertedBytesArray) -const convertedBytesHash = new Sha256() - .process(convertedBytesArray) - .finish().result -const hashPtr = sbrk(32, heap) -const hashAry = new Uint8Array( - memory.buffer, - hashPtr, - 32 -) - -hashAry.set(convertedBytesHash) -const difficulty = 14 -const workBufferLength = 8 * 1024 * 1024 -const workBufferPtr = sbrk( - workBufferLength, - heap -) - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - - } - resolve() - - }); - - - }) - - return response -} + let response = null + await new Promise((resolve, reject) => { + const _convertedBytesArray = Object.keys(convertedBytes).map( + function (key) { + return convertedBytes[key] + } + ) + const convertedBytesArray = new Uint8Array(_convertedBytesArray) + const convertedBytesHash = new Sha256() + .process(convertedBytesArray) + .finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array( + memory.buffer, + hashPtr, + 32 + ) + hashAry.set(convertedBytesHash) + const difficulty = 14 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk( + workBufferLength, + heap + ) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path).then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), + } + resolve() + }) + }) + return response +} \ No newline at end of file diff --git a/plugins/plugins/core/components/frag-file-input.js b/plugins/plugins/core/components/frag-file-input.js index 3afa739c..4270fe84 100644 --- a/plugins/plugins/core/components/frag-file-input.js +++ b/plugins/plugins/core/components/frag-file-input.js @@ -1,115 +1,108 @@ -import {css, html, LitElement} from 'lit' - +import { html, LitElement } from 'lit' +import { fragFileInputStyles } from './plugins-css' import '@material/mwc-button' import '@material/mwc-icon' -import {translate} from '../../../../core/translate' +// Multi language support +import { translate } from '../../../../core/translate' class FragFileInput extends LitElement { - static get properties () { - return { - accept: { type: String }, - readAs: { type: String } - } - } + static get properties() { + return { + accept: { type: String }, + readAs: { type: String } + } + } - static get styles () { - return css` - #drop-area { - border: 2px dashed #ccc; - font-family: "Roboto", sans-serif; - padding: 20px; - } + static get styles() { + return [fragFileInputStyles] + } - #trigger:hover { - cursor: pointer; - } + constructor() { + super() + this.readAs = this.readAs || 'Text' + } - #drop-area.highlight { - border-color: var(--mdc-theme-primary, #000); - } + render() { + return html` +
    + +
    + this.shadowRoot.getElementById('fileInput').click()} style="dispay:inline;"> + cloud_upload  ${translate("fragfile.selectfile")} + +
    + ${translate("fragfile.dragfile")} +
    +
    + + ` + } - p { - margin-top: 0; - } + firstUpdated() { + this._dropArea = this.shadowRoot.getElementById('drop-area') - form { - margin-bottom: 10px; - } + const preventDefaults = e => { + e.preventDefault() + e.stopPropagation() + } - #fileInput { - display: none; - } - ` - } + ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => { + this._dropArea.addEventListener(eventName, preventDefaults, false) + }) - constructor () { - super() - this.readAs = this.readAs || 'Text' - } + const highlight = e => { + this._dropArea.classList.add('highlight') + } - render () { - return html` -
    - -
    - this.shadowRoot.getElementById('fileInput').click()} style="dispay:inline;"> - cloud_upload  ${translate("fragfile.selectfile")} -
    - ${translate("fragfile.dragfile")} -
    -
    - - ` - } + const unhighlight = e => { + this._dropArea.classList.remove('highlight') + } - readFile (file) { - const fr = new FileReader() - fr.onload = () => { - this.dispatchEvent(new CustomEvent('file-read-success', { - detail: { result: fr.result }, - bubbles: true, - composed: true - })) - } - fr['readAs' + this.readAs](file) - } + ;['dragenter', 'dragover'].forEach(eventName => { + this._dropArea.addEventListener(eventName, highlight, false) + }) - firstUpdated () { - this._dropArea = this.shadowRoot.getElementById('drop-area') + ;['dragleave', 'drop'].forEach(eventName => { + this._dropArea.addEventListener(eventName, unhighlight, false) + }) - const preventDefaults = e => { - e.preventDefault() - e.stopPropagation() - } + this._dropArea.addEventListener('drop', e => { + const dt = e.dataTransfer + const file = dt.files[0] - ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => { - this._dropArea.addEventListener(eventName, preventDefaults, false) - }) + this.readFile(file) + }, false) + } - const highlight = e => { - this._dropArea.classList.add('highlight') - } + readFile(file) { + const fr = new FileReader() - const unhighlight = e => { - this._dropArea.classList.remove('highlight') - } + fr.onload = () => { + this.dispatchEvent(new CustomEvent('file-read-success', { + detail: { result: fr.result }, + bubbles: true, + composed: true + })) + } - ;['dragenter', 'dragover'].forEach(eventName => { - this._dropArea.addEventListener(eventName, highlight, false) - }) + fr['readAs' + this.readAs](file) + } - ;['dragleave', 'drop'].forEach(eventName => { - this._dropArea.addEventListener(eventName, unhighlight, false) - }) + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } - this._dropArea.addEventListener('drop', e => { - const dt = e.dataTransfer - const file = dt.files[0] + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - this.readFile(file) - }, false) - } + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('frag-file-input', FragFileInput) +window.customElements.define('frag-file-input', FragFileInput) \ No newline at end of file diff --git a/plugins/plugins/core/components/plugins-css.js b/plugins/plugins/core/components/plugins-css.js new file mode 100644 index 00000000..ee320917 --- /dev/null +++ b/plugins/plugins/core/components/plugins-css.js @@ -0,0 +1,13539 @@ +import { css } from 'lit' + +export const chatpageStyles = css` + html { + scroll-behavior: smooth; + } + + .chat-head-container { + display: flex; + justify-content: flex-start; + flex-direction: column; + height: 50vh; + overflow-y: auto; + overflow-x: hidden; + width: 100%; + } + + .repliedTo-container { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 10px 10px 8px 10px; + } + + .senderName { + margin: 0; + color: var(--mdc-theme-primary); + font-weight: bold; + user-select: none; + } + + .original-message { + color: var(--chat-bubble-msg-color); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 0; + width: 800px; + } + + .close-icon { + color: #676b71; + width: 18px; + transition: all 0.1s ease-in-out; + } + + .close-icon:hover { + cursor: pointer; + color: #494c50; + } + + .chat-text-area .typing-area .chatbar { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: auto; + padding: 5px 5px 5px 7px; + overflow: hidden; + } + + .chat-text-area .typing-area .emoji-button { + width: 45px; + height: 40px; + padding-top: 4px; + border: none; + outline: none; + background: transparent; + cursor: pointer; + max-height: 40px; + color: var(--black); + } + + .emoji-button-caption { + width: 45px; + height: 40px; + padding-top: 4px; + border: none; + outline: none; + background: transparent; + cursor: pointer; + max-height: 40px; + color: var(--black); + } + + .caption-container { + width: 100%; + display: flex; + height: auto; + overflow: hidden; + justify-content: center; + background-color: var(--white); + padding: 5px; + border-radius: 1px; + } + + .chatbar-caption { + font-family: Roboto, sans-serif; + width: 70%; + margin-right: 10px; + outline: none; + align-items: center; + font-size: 18px; + resize: none; + border-top: 0; + border-right: 0; + border-left: 0; + border-bottom: 1px solid #cac8c8; + padding: 3px; + } + + .message-size-container { + display: flex; + justify-content: flex-end; + width: 100%; + } + + .message-size { + font-family: Roboto, sans-serif; + font-size: 12px; + color: black; + } + + .lds-grid { + width: 120px; + height: 120px; + position: absolute; + left: 50%; + top: 40%; + } + + img { + border-radius: 25%; + } + + .dialogCustom { + position: fixed; + z-index: 10000; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + top: 10px; + right: 20px; + user-select: none; + } + + .dialogCustomInner { + min-width: 300px; + height: 40px; + background-color: var(--white); + box-shadow: rgb(119 119 119 / 32%) 0px 4px 12px; + padding: 10px; + border-radius: 4px; + } + + .dialogCustomInner ul { + padding-left: 0px + } + + .dialogCustomInner li { + margin-bottom: 10px; + } + + .marginLoader { + margin-right: 8px; + } + + .last-message-ref { + position: absolute; + font-size: 18px; + top: -40px; + right: 30px; + width: 50; + height: 50; + z-index: 5; + color: black; + background-color: white; + border-radius: 50%; + transition: all 0.1s ease-in-out; + } + + .last-message-ref:hover { + cursor: pointer; + transform: scale(1.1); + } + + .arrow-down-icon { + transform: scale(1.15); + } + + .chat-container { + display: grid; + max-height: 100%; + } + + .chat-text-area { + display: flex; + position: relative; + justify-content: center; + min-height: 60px; + max-height: 100%; + } + + .chat-text-area .typing-area { + display: flex; + flex-direction: column; + width: 98%; + box-sizing: border-box; + margin-bottom: 8px; + border: 1px solid var(--chat-bubble-bg); + border-radius: 10px; + background: var(--chat-bubble-bg); + } + + .chat-text-area .typing-area textarea { + display: none; + } + + .chat-text-area .typing-area .chat-editor { + display: flex; + max-height: -webkit-fill-available; + width: 100%; + border-color: transparent; + margin: 0; + padding: 0; + border: none; + } + + .repliedTo-container { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 10px 10px 8px 10px; + } + + .repliedTo-subcontainer { + display: flex; + flex-direction: row; + align-items: center; + gap: 15px; + width: 100%; + } + + .repliedTo-message { + display: flex; + flex-direction: column; + gap: 5px; + width: 100%; + word-break: break-all; + text-overflow: ellipsis; + overflow: hidden; + max-height: 60px; + } + + .repliedTo-message p { + margin: 0px; + padding: 0px; + } + + .repliedTo-message pre { + white-space: pre-wrap; + } + + .repliedTo-message p mark { + background-color: #ffe066; + border-radius: 0.25em; + box-decoration-break: clone; + padding: 0.125em 0; + } + + .reply-icon { + width: 20px; + color: var(--mdc-theme-primary); + } + + .close-icon { + color: #676b71; + width: 18px; + transition: all 0.1s ease-in-out; + } + + .close-icon:hover { + cursor: pointer; + color: #494c50; + } + + .chatbar-container { + width: 100%; + display: flex; + height: auto; + overflow: hidden; + } + + .lds-grid { + width: 120px; + height: 120px; + position: absolute; + left: 50%; + top: 40%; + } + + .lds-grid div { + position: absolute; + width: 34px; + height: 34px; + border-radius: 50%; + background: #03a9f4; + animation: lds-grid 1.2s linear infinite; + } + + .lds-grid div:nth-child(1) { + top: 4px; + left: 4px; + animation-delay: 0s; + } + + .lds-grid div:nth-child(2) { + top: 4px; + left: 48px; + animation-delay: -0.4s; + } + + .lds-grid div:nth-child(3) { + top: 4px; + left: 90px; + animation-delay: -0.8s; + } + + .lds-grid div:nth-child(4) { + top: 50px; + left: 4px; + animation-delay: -0.4s; + } + + .lds-grid div:nth-child(5) { + top: 50px; + left: 48px; + animation-delay: -0.8s; + } + + .lds-grid div:nth-child(6) { + top: 50px; + left: 90px; + animation-delay: -1.2s; + } + + .lds-grid div:nth-child(7) { + top: 95px; + left: 4px; + animation-delay: -0.8s; + } + + .lds-grid div:nth-child(8) { + top: 95px; + left: 48px; + animation-delay: -1.2s; + } + + .lds-grid div:nth-child(9) { + top: 95px; + left: 90px; + animation-delay: -1.6s; + } + + @keyframes lds-grid { + + 0%, + 100% { + opacity: 1; + } + + 50% { + opacity: 0.5; + } + } + + .float-left { + float: left; + } + + img { + border-radius: 25%; + } + + paper-dialog.warning { + width: 50%; + max-width: 50vw; + height: 30%; + max-height: 30vh; + text-align: center; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + line-height: 1.6; + overflow-y: auto; + overflow-x: hidden; + width: 100%; + } + + .repliedTo-container { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 10px 10px 8px 10px; + } + + .senderName { + margin: 0; + color: var(--mdc-theme-primary); + font-weight: bold; + user-select: none; + } + + .original-message { + color: var(--chat-bubble-msg-color); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin: 0; + width: 800px; + } + + + .close-icon { + color: #676b71; + width: 18px; + transition: all 0.1s ease-in-out; + } + + .close-icon:hover { + cursor: pointer; + color: #494c50; + } + + .chat-text-area .typing-area .chatbar { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: auto; + padding: 5px 5px 5px 7px; + overflow: hidden; + } + + .chat-text-area .typing-area .emoji-button { + width: 45px; + height: 40px; + padding-top: 4px; + border: none; + outline: none; + background: transparent; + cursor: pointer; + max-height: 40px; + color: var(--black); + } + + .emoji-button-caption { + width: 45px; + height: 40px; + padding-top: 4px; + border: none; + outline: none; + background: transparent; + cursor: pointer; + max-height: 40px; + color: var(--black); + } + + .caption-container { + width: 100%; + display: flex; + height: auto; + overflow: hidden; + justify-content: center; + background-color: var(--white); + padding: 5px; + border-radius: 1px; + } + + .chatbar-caption { + font-family: Roboto, sans-serif; + width: 70%; + margin-right: 10px; + outline: none; + align-items: center; + font-size: 18px; + resize: none; + border-top: 0; + border-right: 0; + border-left: 0; + border-bottom: 1px solid #cac8c8; + padding: 3px; + } + + .message-size-container { + display: flex; + justify-content: flex-end; + width: 100%; + } + + .message-size { + font-family: Roboto, sans-serif; + font-size: 12px; + color: black; + } + + .lds-grid { + width: 120px; + height: 120px; + position: absolute; + left: 50%; + top: 40%; + } + + img { + border-radius: 25%; + } + + .dialogCustom { + position: fixed; + z-index: 10000; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + top: 10px; + right: 20px; + user-select: none; + } + + .dialogCustomInner { + min-width: 300px; + height: 40px; + background-color: var(--white); + box-shadow: rgb(119 119 119 / 32%) 0px 4px 12px; + padding: 10px; + border-radius: 4px; + } + + .dialogCustomInner ul { + padding-left: 0px + } + + .dialogCustomInner li { + margin-bottom: 10px; + } + + .marginLoader { + margin-right: 8px; + } + + .last-message-ref { + position: absolute; + font-size: 18px; + top: -40px; + right: 30px; + width: 50; + height: 50; + z-index: 5; + color: black; + background-color: white; + border-radius: 50%; + transition: all 0.1s ease-in-out; + } + + .last-message-ref:hover { + cursor: pointer; + transform: scale(1.1); + } + + .arrow-down-icon { + transform: scale(1.15); + } + + .chat-container { + display: grid; + max-height: 100%; + } + + .chat-text-area { + display: flex; + position: relative; + justify-content: center; + min-height: 60px; + max-height: 100%; + } + + .chat-text-area .typing-area { + display: flex; + flex-direction: column; + width: 98%; + box-sizing: border-box; + margin-bottom: 8px; + border: 1px solid var(--chat-bubble-bg); + border-radius: 10px; + background: var(--chat-bubble-bg); + } + + .chat-text-area .typing-area textarea { + display: none; + } + + .chat-text-area .typing-area .chat-editor { + display: flex; + max-height: -webkit-fill-available; + width: 100%; + border-color: transparent; + margin: 0; + padding: 0; + border: none; + } + + .repliedTo-container { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 10px 10px 8px 10px; + } + + .repliedTo-subcontainer { + display: flex; + flex-direction: row; + align-items: center; + gap: 15px; + width: 100%; + } + + .repliedTo-message { + display: flex; + flex-direction: column; + gap: 5px; + width: 100%; + word-break: break-all; + text-overflow: ellipsis; + overflow: hidden; + max-height: 60px; + } + + .repliedTo-message p { + margin: 0px; + padding: 0px; + } + + .repliedTo-message pre { + white-space: pre-wrap; + } + + .repliedTo-message p mark { + background-color: #ffe066; + border-radius: 0.25em; + box-decoration-break: clone; + padding: 0.125em 0; + } + + .reply-icon { + width: 20px; + color: var(--mdc-theme-primary); + } + + .close-icon { + color: #676b71; + width: 18px; + transition: all 0.1s ease-in-out; + } + + .close-icon:hover { + cursor: pointer; + color: #494c50; + } + + .chatbar-container { + width: 100%; + display: flex; + height: auto; + overflow: hidden; + } + + .lds-grid { + width: 120px; + height: 120px; + position: absolute; + left: 50%; + top: 40%; + } + + .lds-grid div { + position: absolute; + width: 34px; + height: 34px; + border-radius: 50%; + background: #03a9f4; + animation: lds-grid 1.2s linear infinite; + } + + .lds-grid div:nth-child(1) { + top: 4px; + left: 4px; + animation-delay: 0s; + } + + .lds-grid div:nth-child(2) { + top: 4px; + left: 48px; + animation-delay: -0.4s; + } + + .lds-grid div:nth-child(3) { + top: 4px; + left: 90px; + animation-delay: -0.8s; + } + + .lds-grid div:nth-child(4) { + top: 50px; + left: 4px; + animation-delay: -0.4s; + } + + .lds-grid div:nth-child(5) { + top: 50px; + left: 48px; + animation-delay: -0.8s; + } + + .lds-grid div:nth-child(6) { + top: 50px; + left: 90px; + animation-delay: -1.2s; + } + + .lds-grid div:nth-child(7) { + top: 95px; + left: 4px; + animation-delay: -0.8s; + } + + .lds-grid div:nth-child(8) { + top: 95px; + left: 48px; + animation-delay: -1.2s; + } + + .lds-grid div:nth-child(9) { + top: 95px; + left: 90px; + animation-delay: -1.6s; + } + + @keyframes lds-grid { + + 0%, + 100% { + opacity: 1; + } + + 50% { + opacity: 0.5; + } + } + + .float-left { + float: left; + } + + img { + border-radius: 25%; + } + + paper-dialog.warning { + width: 50%; + max-width: 50vw; + height: 30%; + max-height: 30vh; + text-align: center; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + line-height: 1.6; + overflow-y: auto; + } + + .buttons { + text-align: right; + } + + .dialogCustom { + position: fixed; + z-index: 10000; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + top: 10px; + right: 20px; + user-select: none; + } + + .dialogCustom p { + color: var(--black) + } + + .dialogCustomInner { + min-width: 300px; + height: 40px; + background-color: var(--white); + box-shadow: rgb(119 119 119 / 32%) 0px 4px 12px; + padding: 10px; + border-radius: 4px; + } + + .dialogCustomInner ul { + padding-left: 0px + } + + .dialogCustomInner li { + margin-bottom: 10px; + } + + .marginLoader { + margin-right: 8px; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.8em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + /* Add Image Modal Dialog Styling */ + + .dialog-container { + position: relative; + display: flex; + align-items: center; + flex-direction: column; + padding: 0 10px; + gap: 10px; + height: 100%; + } + + .dialog-container-title { + font-family: Montserrat; + color: var(--black); + font-size: 20px; + margin: 15px 0 0 0; + } + + .divider { + height: 1px; + background-color: var(--chat-bubble-msg-color); + user-select: none; + width: 70%; + margin-bottom: 20px; + } + + .dialog-container-loader { + position: relative; + display: flex; + align-items: center; + padding: 0 10px; + gap: 10px; + height: 100%; + } + + .dialog-image { + width: 100%; + max-height: 300px; + border-radius: 0; + object-fit: contain; + } + + .chat-right-panel { + flex: 0; + border-left: 3px solid rgb(221, 221, 221); + height: 100%; + overflow-y: auto; + background: transparent; + } + + .movedin { + flex: 1 !important; + background: transparent; + } + + .main-container { + display: flex; + height: 100%; + } + + .group-nav-container { + display: flex; + height: 40px; + padding: 5px; + margin: 0px; + background-color: var(--chat-bubble-bg); + box-sizing: border-box; + align-items: center; + justify-content: space-between; + box-shadow: var(--group-drop-shadow); + z-index: 1; + } + + .top-bar-icon { + border-radius: 50%; + color: var(--chat-bubble-msg-color); + transition: 0.3s all ease-in-out; + padding: 5px; + background-color: transparent; + } + + .top-bar-icon:hover { + background-color: #e6e6e69b; + cursor: pointer; + color: var(--black) + } + + .group-name { + font-family: Raleway, sans-serif; + font-size: 16px; + color: var(--black); + margin: 0px; + padding: 0px; + } + + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red { + font-family: Roboto, sans-serif; + font-size: 16px; + color: #F44336; + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red:hover { + cursor: pointer; + background-color: #f4433663; + } + + .modal-button:hover { + cursor: pointer; + background-color: #03a8f475; + } + + .name-input { + width: 100%; + margin-bottom: 15px; + outline: 0; + border-width: 0 0 2px; + border-color: var(--mdc-theme-primary); + background-color: transparent; + padding: 10px; + font-family: Roboto, sans-serif; + font-size: 15px; + color: var(--chat-bubble-msg-color); + box-sizing: border-box; + } + + .name-input::selection { + background-color: var(--mdc-theme-primary); + color: white; + } + + .name-input::placeholder { + opacity: 0.9; + color: var(--black); + } + + .search-results-div { + position: absolute; + top: 25px; + right: 25px; + } + + .search-field { + width: 100%; + position: relative; + margin-bottom: 5px; + } + + .search-icon { + position: absolute; + right: 3px; + top: 0; + color: var(--chat-bubble-msg-color); + transition: all 0.3s ease-in-out; + background: none; + border-radius: 50%; + padding: 6px 3px; + font-size: 21px; + } + + .search-icon:hover { + cursor: pointer; + background: #d7d7d75c; + } + + .user-verified { + position: absolute; + top: 0; + right: 5px; + display: flex; + align-items: center; + gap: 10px; + color: #04aa2e; + font-size: 13px; + } + + .user-selected { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0; + box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px; + padding: 18px 20px; + color: var(--chat-bubble-msg-color); + border-radius: 5px; + background-color: #ececec96; + } + + .user-selected-name { + font-family: Roboto, sans-serif; + margin: 0; + font-size: 16px; + } + + .forwarding-container { + display: flex; + gap: 15px; + } + + .user-selected-forwarding { + font-family: Livvic, sans-serif; + margin: 0; + font-size: 16px; + } + + .close-forwarding { + color: #676b71; + width: 14px; + transition: all 0.1s ease-in-out; + } + + .close-forwarding:hover { + cursor: pointer; + color: #4e5054; + } + + .chat-gifs { + position: absolute; + right: 15px; + bottom: 100px; + justify-self: flex-end; + width: fit-content; + height: auto; + transform: translateY(30%); + animation: smooth-appear 0.5s ease forwards; + z-index: 5; + } + + @keyframes smooth-appear { + to { + transform: translateY(0); + } + } + + .gifs-backdrop { + top: 0; + height: 100vh; + width: 100vw; + background: transparent; + position: fixed; + } + + .modal-button-row { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + } + + .attachment-icon-container { + display: flex; + align-items: center; + justify-content: center; + height: 120px; + width: 120px; + border-radius: 50%; + border: none; + background-color: var(--mdc-theme-primary); + } + + .attachment-icon { + width: 70%; + } + + .attachment-name { + font-family: Work Sans, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + margin: 0px; + letter-spacing: 1px; + padding: 5px 0px; + } +` + +export const wrapperModalStyles = css` + .backdrop { + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + background: rgb(186 186 186 / 26%); + overflow: hidden; + animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 1s forwards; + z-index: 50 + } + + .modal-body { + height: auto; + position: fixed; + box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px; + width: 500px; + z-index: 5; + display: flex; + flex-direction: column; + padding: 15px; + background-color: var(--white); + left: 50%; + top: 0px; + transform: translate(-50%, 10%); + border-radius: 12px; + overflow-y: auto; + animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; + max-height: 80%; + z-index: 60 + } + + @keyframes backdrop_blur { + 0% { + backdrop-filter: blur(0px); + background: transparent; + } + + 100% { + backdrop-filter: blur(5px); + background: rgb(186 186 186 / 26%); + } + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + + 100% { + visibility: visible; + opacity: 1; + } + } +` + +export const tipUserStyles = css` + .tip-user-header { + display: flex; + justify-content: center; + align-items: center; + padding: 12px; + border-bottom: 1px solid whitesmoke; + gap: 25px; + user-select: none; + } + + .tip-user-header-font { + font-family: Montserrat, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + margin: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .tip-user-body { + display: flex; + justify-content: center; + align-items: center; + padding: 20px 10px; + flex-direction: column; + gap: 25px; + } + + .tip-input { + width: 300px; + margin-bottom: 15px; + outline: 0; + border-width: 0 0 2px; + border-color: var(--mdc-theme-primary); + background-color: transparent; + padding: 10px; + font-family: Roboto, sans-serif; + font-size: 15px; + color: var(--chat-bubble-msg-color); + } + + .tip-input::selection { + background-color: var(--mdc-theme-primary); + color: white; + } + + .tip-input::placeholder { + opacity: 0.9; + color: var(--black); + } + + .tip-available { + font-family: Roboto, sans-serif; + font-size: 17px; + color: var(--chat-bubble-msg-color); + font-weight: 300; + letter-spacing: 0.3px; + margin: 0; + user-select: none; + } + + .success-msg { + font-family: Roboto, sans-serif; + font-size: 18px; + font-weight: 400; + letter-spacing: 0.3px; + margin: 0; + user-select: none; + color: #10880b; + } + + .error-msg { + font-family: Roboto, sans-serif; + font-size: 18px; + font-weight: 400; + letter-spacing: 0.3px; + margin: 0; + user-select: none; + color: #f30000; + } +` + +export const chatSearchResultsStyles = css` + .chat-results-card { + position: relative; + padding: 25px 20px; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; + width: 300px; + min-height: 200px; + height: auto; + border-radius: 5px; + background-color: var(--white); + } + + .chat-result-header { + color: var(--chat-bubble-msg-color); + font-size: 18px; + font-family: Montserrat, sans-serif; + text-align: center; + margin: 0 0 10px 0; + user-select: none; + } + + .divider { + height: 1px; + background: var(--chat-bubble-msg-color); + margin: 0 40px; + user-select: none; + } + + .no-results { + font-family: Roboto, sans-serif; + font-weight: 300; + letter-spacing: 0.3px; + font-size: 16px; + color: var(--chat-bubble-msg-color); + text-align: center; + margin: 20px 0 0 0; + user-select: none; + } + + .chat-result-container { + height: 200px; + overflow-y: auto; + padding: 0 10px; + } + + .chat-result-container::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .chat-result-container::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .chat-result-container::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .chat-result-container::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + .chat-result-card { + padding: 12px; + margin-bottom: 15px; + margin-top: 15px; + transition: all 0.2s ease-in-out; + box-shadow: none; + } + + .chat-result-card:active { + background-color: #09b814; + } + + .chat-result-card:hover { + cursor: pointer; + border: none; + border-radius: 4px; + box-sizing: border-box; + -webkit-box-shadow: rgba(132, 132, 132, 40%) 0px 0px 6px -1px; + box-shadow: rgba(132, 132, 132, 40%) 0px 0px 6px -1px; + } + + .chat-result { + font-family: Roboto, sans-serif; + font-weight: 300; + letter-spacing: 0.3px; + font-size: 15px; + color: var(--chat-bubble-msg-color); + margin: 0; + user-select: none; + } + + .spinner-container { + display: flex; + width: 100%; + justify-content: center + } + + .close-icon { + position: absolute; + top: 5px; + right: 5px; + color: var(--chat-bubble-msg-color); + font-size: 14px; + transition: all 0.1s ease-in-out; + } + + .close-icon:hover { + cursor: pointer; + font-size: 15px; + } +` + +export const chatStyles = css` + html { + --scrollbarBG: #a1a1a1; + --thumbBG: #6a6c75; + } + + *::-webkit-scrollbar { + width: 11px; + } + + * { + scrollbar-width: thin; + scrollbar-color: var(--thumbBG) var(--scrollbarBG); + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-dialog-max-width: 85vw; + --mdc-dialog-max-height: 95vh; + } + + * :focus-visible { + outline: none; + } + + *::-webkit-scrollbar-track { + background: var(--scrollbarBG); + } + + *::-webkit-scrollbar-thumb { + background-color: var(--thumbBG); + border-radius: 6px; + border: 3px solid var(--scrollbarBG); + } + + a { + color: var(--black); + text-decoration: none; + } + + ul { + list-style: none; + margin: 0; + padding: 20px 17px; + } + + .message-sending { + opacity: 0.5; + cursor: progress; + } + + .chat-list { + overflow-y: auto; + overflow-x: hidden; + height: 96%; + box-sizing: border-box; + } + + .message-data { + width: 92%; + margin-bottom: 15px; + margin-left: 55px; + } + + .message-data-name { + user-select: none; + color: var(--qchat-name); + margin-bottom: 5px; + } + + .forwarded-text { + user-select: none; + color: var(--general-color-blue); + margin-bottom: 5px; + } + + .message-data-forward { + user-select: none; + color: var(--mainmenutext); + margin-bottom: 5px; + font-size: 12px; + } + + .message-data-my-name { + color: var(--qchat-my-name); + font-weight: bold; + } + + .message-data-time { + color: #888888; + font-size: 13px; + user-select: none; + display: flex; + justify-content: space-between; + width: 100%; + padding-top: 2px; + } + + .message-data-time-hidden { + visibility: hidden; + transition: all 0.1s ease-in-out; + color: #888888; + font-size: 13px; + user-select: none; + display: flex; + justify-content: space-between; + width: 100%; + padding-top: 2px; + } + + .message-user-info { + display: flex; + justify-content: space-between; + width: 100%; + gap: 10px; + } + + .chat-bubble-container { + display: flex; + gap: 7px; + } + + .message-container { + position: relative; + } + + .message-subcontainer1 { + position: relative; + display: flex; + align-items: flex-end; + } + + .message-subcontainer2 { + position: relative; + display: flex; + background-color: var(--chat-bubble-bg); + flex-grow: 0; + flex-direction: column; + align-items: flex-start; + justify-content: center; + border-radius: 5px; + padding: 12px 15px 4px 15px; + width: fit-content; + min-width: 150px; + } + + + .message-myBg { + background-color: var(--chat-bubble-myBg) !important; + } + + .message-triangle { + position: relative; + } + + .message-triangle:after { + content: ""; + position: absolute; + bottom: 0px; + left: -9px; + width: 0; + height: 0; + border-style: solid; + border-width: 0px 0px 7px 9px; + border-color: transparent transparent var(--chat-bubble-bg) transparent; + } + + .message-myTriangle { + position: relative; + } + + .message-myTriangle:after { + content: ""; + position: absolute; + bottom: 0px; + left: -9px; + width: 0; + height: 0; + border-style: solid; + border-width: 0px 0px 7px 9px; + border-color: transparent transparent var(--chat-bubble-myBg) transparent; + } + + .message-reactions { + background-color: transparent; + width: calc(100% - 54px); + margin-left: 54px; + display: flex; + flex-flow: row wrap; + justify-content: left; + gap: 8px; + } + + .original-message { + position: relative; + display: flex; + flex-direction: column; + color: var(--chat-bubble-msg-color); + line-height: 19px; + user-select: text; + font-size: 15px; + width: 90%; + border-radius: 5px; + padding: 8px 5px 8px 25px; + margin-bottom: 10px; + cursor: pointer; + } + + .original-message:before { + content: ""; + position: absolute; + top: 5px; + left: 10px; + height: 75%; + width: 2.6px; + background-color: var(--mdc-theme-primary); + } + + .original-message-sender { + color: var(--mdc-theme-primary); + } + + .replied-message { + margin: 0; + padding: 0; + } + + .replied-message p { + margin: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + max-width: 500px; + max-height: 40px; + margin: 0; + padding: 0; + } + + .message { + display: flex; + flex-direction: column; + color: var(--chat-bubble-msg-color); + line-height: 19px; + overflow-wrap: anywhere; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; + font-size: 16px; + width: 100%; + position: relative; + } + + .message-data-avatar { + margin: 0px 10px 0px 3px; + width: 42px; + height: 42px; + float: left; + } + + .message-parent { + padding: 3px; + background: rgba(245, 245, 245, 0); + } + + .message-parent:hover { + background: var(--chat-bubble); + border-radius: 8px; + } + + .message-parent:hover .chat-hover { + display: block; + } + + .message-parent:hover .message-data-time-hidden { + visibility: visible; + } + + .chat-hover { + display: none; + position: absolute; + top: -25px; + right: 5px; + } + + .emoji { + width: 1.7em; + height: 1.5em; + margin-bottom: -2px; + vertical-align: bottom; + object-fit: contain; + } + + .align-left { + text-align: left; + } + + .align-right { + text-align: right; + } + + .float-left { + float: left; + } + + .float-right { + float: right; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } + + img { + border-radius: 25%; + } + + .container { + display: flex; + flex-direction: row; + align-items: center; + background-color: var(--chat-menu-bg); + border: 1px solid var(--chat-menu-outline); + border-radius: 5px; + height: 100%; + position: relative; + } + + .container:focus-visible { + outline: none; + } + + .menu-icon { + width: 100%; + padding: 5px 7px; + display: flex; + align-items: center; + font-size: 13px; + color: var(--chat-menu-icon); + } + + .menu-icon:hover { + border-radius: 5px; + background-color: var(--chat-menu-icon-hover); + transition: all 0.1s ease-in-out; + cursor: pointer; + } + + .tooltip { + position: relative; + } + + .tooltip:before { + content: attr(data-text); + display: none; + position: absolute; + top: -47px; + left: 50%; + transform: translateX(-50%); + width: auto; + padding: 10px; + border-radius: 10px; + background: #fff; + color: #000; + text-align: center; + font-size: 12px; + z-index: 5; + white-space: nowrap; + overflow: hidden; + } + + .tooltip:hover:before { + display: block; + } + + .tooltip:after { + content: ""; + position: absolute; + margin-top: -7px; + top: -7px; + border: 10px solid #fff; + border-color: white transparent transparent transparent; + z-index: 5; + display: none; + } + + .tooltip:hover:before, + .tooltip:hover:after { + display: block; + } + + .block-user-container { + display: block; + position: absolute; + left: -5px; + } + + .block-user { + width: 100%; + padding: 5px 7px; + display: flex; + align-items: center; + font-size: 13px; + color: var(--chat-menu-icon); + justify-content: space-evenly; + border: 1px solid rgb(218, 217, 217); + border-radius: 5px; + background-color: var(--chat-menu-bg); + width: 150px; + height: 32px; + padding: 3px 8px; + } + + .block-user:hover { + cursor: pointer; + background-color: var(--block-user-bg-hover); + transition: all 0.1s ease-in-out 0s; + } + + .reactions-bg { + position: relative; + background-color: #d5d5d5; + border-radius: 10px; + padding: 5px; + color: black; + transition: all 0.1s ease-in-out; + border: 0.5px solid transparent; + cursor: pointer; + } + + .reactions-bg:hover { + border: 0.5px solid var(--reaction-bubble-outline); + } + + .image-container { + display: flex; + } + + .message-data-level { + height: 21px; + width: auto; + overflow: hidden; + } + + .defaultSize { + width: 45vh; + height: 40vh; + } + + .hideImg { + visibility: hidden; + } + + .image-deleted-msg { + font-family: Roboto, sans-serif; + font-size: 14px; + font-style: italic; + color: var(--chat-bubble-msg-color); + margin: 0; + padding-top: 10px; + } + + .image-delete-icon { + margin-left: 5px; + height: 20px; + cursor: pointer; + visibility: hidden; + transition: .2s all; + opacity: 0.8; + color: rgb(228, 222, 222); + padding-left: 7px; + } + + .image-delete-icon:hover { + opacity: 1; + } + + .message-parent:hover .image-delete-icon { + visibility: visible; + } + + .imageContainer { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + } + + .spinnerContainer { + display: flex; + width: 100%; + justify-content: center + } + + .delete-image-msg { + font-family: Livvic, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + letter-spacing: 0.3px; + font-weight: 300; + text-align: center; + } + + .modal-button-row { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red { + font-family: Roboto, sans-serif; + font-size: 16px; + color: #F44336; + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red:hover { + cursor: pointer; + background-color: #f4433663; + } + + .modal-button:hover { + cursor: pointer; + background-color: #03a8f475; + } + + #messageContent p { + margin: 0px; + padding: 0px; + } + + #messageContent p mark { + background-color: #ffe066; + border-radius: 0.25em; + box-decoration-break: clone; + padding: 0.125em 0; + } + + #messageContent>*+* { + outline: none; + } + + #messageContent ul, + ol { + padding: 0 1rem; + } + + #messageContent h1, + h2, + h3, + h4, + h5, + h6 { + line-height: 1.1; + } + + #messageContent code { + background-color: rgba(#616161, 0.1); + color: #616161; + } + + #messageContent pre { + background: #0D0D0D; + color: #FFF; + font-family: 'JetBrainsMono', monospace; + padding: 0.75rem 1rem; + border-radius: 0.5rem; + white-space: pre-wrap; + } + + #messageContent pre code { + color: inherit; + padding: 0; + background: none; + font-size: 0.8rem; + } + + + #messageContent img { + width: 1.7em; + height: 1.5em; + margin: 0px; + + } + + #messageContent blockquote { + padding-left: 1rem; + border-left: 2px solid rgba(#0D0D0D, 0.1); + } + + #messageContent hr { + border: none; + border-top: 2px solid rgba(#0D0D0D, 0.1); + margin: 2rem 0; + } + + .replied-message p { + margin: 0px; + padding: 0px; + } + + .replied-message>*+* { + margin-top: 0.75em; + outline: none; + } + + .replied-message ul, + ol { + padding: 0 1rem; + } + + .replied-message h1, + h2, + h3, + h4, + h5, + h6 { + line-height: 1.1; + } + + .replied-message code { + background-color: rgba(#616161, 0.1); + color: #616161; + } + + .replied-message pre { + background: #0D0D0D; + color: #FFF; + font-family: 'JetBrainsMono', monospace; + padding: 0.75rem 1rem; + border-radius: 0.5rem; + white-space: pre-wrap; + margin: 0px; + } + + .replied-message pre code { + color: inherit; + padding: 0; + background: none; + font-size: 0.8rem; + } + + .replied-message img { + width: 1.7em; + height: 1.5em; + margin: 0px; + } + + .replied-message blockquote { + padding-left: 1rem; + border-left: 2px solid rgba(#0D0D0D, 0.1); + } + + .replied-message hr { + border: none; + border-top: 2px solid rgba(#0D0D0D, 0.1); + margin: 2rem 0; + } + + .attachment-container { + display: flex; + align-items: center; + justify-content: space-evenly; + padding: 5px 0 10px 0; + gap: 20px; + cursor: pointer; + } + + + .attachment-icon-container { + display: flex; + align-items: center; + justify-content: center; + height: 50px; + width: 50px; + border-radius: 50%; + border: none; + background-color: var(--mdc-theme-primary); + } + + .attachment-icon { + width: 70%; + } + + .attachment-info { + display: flex; + flex-direction: column; + gap: 5px; + } + + .attachment-name { + font-family: Work Sans, sans-serif; + font-size: 16px; + color: var(--chat-bubble-msg-color); + margin: 0; + letter-spacing: 0.4px; + padding: 5px 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .attachment-size { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--chat-bubble-msg-color); + margin: 0; + letter-spacing: 0.3px; + font-weight: 300; + } + + .download-icon { + position: relative; + color: var(--chat-bubble-msg-color); + width: 19px; + background-color: transparent; + } + + .download-icon:hover::before { + background-color: rgb(161 158 158 / 41%); + } + + .download-icon::before { + content: ""; + position: absolute; + border-radius: 50%; + padding: 18px; + background-color: transparent; + transition: all 0.3s ease-in-out; + } + + .edited-message-style { + font-family: "Work Sans", sans-serif; + font-style: italic; + font-size: 13px; + visibility: visible; + } + + .unread-divider { + width: 100%; + padding: 5px; + color: var(--black); + border-bottom: 1px solid var(--black); + display: flex; + justify-content: center; + border-radius: 2px; + margin-top: 5px; + } + + .blink-bg { + border-radius: 8px; + animation: blinkingBackground 3s; + } + + @keyframes blinkingBackground { + 0% { + background-color: rgba(var(--menuactivergb), 1) + } + + 100% { + background-color: rgba(var(--menuactivergb), 0) + } + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.8em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 30px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const toolTipStyles = css` + .tooltip { + position: relative; + display: inline-block; + border-bottom: 1px dotted black; + } + + .tooltiptext { + margin-bottom: 100px; + display: inline; + visibility: visible; + width: 120px; + background-color: #555; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + bottom: 125%; + left: 50%; + margin-left: -60px; + opacity: 1; + transition: opacity 0.3s; + } + + .tooltiptext::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #555 transparent transparent transparent; + } + + .hide-tooltip { + display: none; + visibility: hidden; + opacity: 0; + } +` + +export const reusableImageStyles = css` + * { + --mdc-theme-text-primary-on-background: var(--black); + --mdc-dialog-max-width: 85vw; + --mdc-dialog-max-height: 95vh; + } + + img { + width: 100%; + height: auto; + object-fit: contain; + border-radius: 5px; + position: relative; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.8em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 30px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .imageContainer { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const nameMenuStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-dialog-content-ink-color: var(--black); + --mdc-theme-surface: var(--white); + --mdc-theme-text-primary-on-background: var(--black); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + } + + a { + background-color: transparent; + color: var(--black); + text-decoration: none; + display: inline; + position: relative; + } + + a:hover { + background-color: transparent; + color: var(--black); + text-decoration: none; + display: inline; + position: relative; + } + + a:after { + content: ''; + position: absolute; + width: 100%; + transform: scaleX(0); + height: 2px; + bottom: 0; + left: 0; + background-color: #03a9f4; + transform-origin: bottom right; + transition: transform 0.25s ease-out; + } + + a:hover:after { + transform: scaleX(1); + transform-origin: bottom left; + } + + .block {} + + .red { + --mdc-theme-primary: red; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + .custom { + --paper-tooltip-background: #03a9f4; + --paper-tooltip-text-color: #fff; + } + + .dropdown { + position: relative; + display: inline; + } + + .dropdown a:hover { + background-color: transparent; + } + + .dropdown-content { + display: none; + position: absolute; + bottom: 25px; + left: 10px; + background-color: var(--white); + min-width: 200px; + overflow: auto; + border: 1px solid transparent; + border-radius: 10px; + box-shadow: var(--qchatshadow); + z-index: 1; + } + + .dropdown-content span { + color: var(--nav-text-color); + text-align: center; + padding-top: 12px; + display: block; + } + + .dropdown-content a { + color: var(--nav-text-color); + padding: 12px 12px; + text-decoration: none; + display: block; + } + + .dropdown-content a:hover { + background-color: var(--nav-color-hover); + } + + .showList { + display: block; + } + + .input { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + resize: none; + background: #eee; + } + + .textarea { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + height: 120px; + resize: none; + background: #eee; + } +` + +export const levelFounderStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-dialog-content-ink-color: var(--black); + --mdc-theme-surface: var(--white); + --mdc-theme-text-primary-on-background: var(--black); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + .custom { + --paper-tooltip-background: #03a9f4; + --paper-tooltip-text-color: #fff; + } + + .level-img-tooltip { + --paper-tooltip-background: #000000; + --paper-tooltip-text-color: #fff; + --paper-tooltip-delay-in: 300; + --paper-tooltip-delay-out: 3000; + } + + .message-data { + display: flex; + justify-content: center; + align-items: center; + gap: 5px; + } + + .message-data-level { + width: 20px; + height: 20px; + } + + .badge { + align-items: center; + background: rgb(3, 169, 244); + border: 1px solid transparent; + border-radius: 50%; + color: rgb(255, 255, 255); + display: flex; + font-size: 10px; + font-weight: 400; + height: 12px; + width: 12px; + justify-content: center; + cursor: pointer; + } +` + +export const chatRightPanelResourcesStyles = css` + .top-bar-icon { + cursor: pointer; + height: 18px; + width: 18px; + transition: 0.2s all; + } + + .top-bar-icon:hover { + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .close-row { + width: 100%; + display: flex; + justify-content: flex-end; + height: 50px; + flex: 0; + align-items: center; + } + + .container-body { + width: 100%; + display: flex; + flex-direction: column; + flex-grow: 1; + overflow: auto; + margin-top: 5px; + padding: 0px 6px; + box-sizing: border-box; + } + + .container-body::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .container-body::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .container-body::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .container-body::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + p { + color: var(--black); + margin: 0px; + padding: 0px; + word-break: break-all; + } + + .container { + display: flex; + width: 100%; + flex-direction: column; + height: 100%; + } + + .chat-right-panel-label { + font-family: Montserrat, sans-serif; + color: var(--group-header); + padding: 5px; + font-size: 13px; + user-select: none; + } + + .group-info { + display: flex; + flex-direction: column; + justify-content: flex-start; + gap: 10px; + } + + .group-name { + font-family: Raleway, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + text-align: center; + user-select: none; + } + + .group-description { + font-family: Roboto, sans-serif; + color: var(--chat-bubble-msg-color); + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + margin-top: 15px; + word-break: break-word; + user-select: none; + } + + .group-subheader { + font-family: Montserrat, sans-serif; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .group-data { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .message-myBg { + background-color: var(--chat-bubble-myBg) !important; + margin-bottom: 15px; + border-radius: 5px; + padding: 5px; + } + + .message-data-name { + user-select: none; + color: #03a9f4; + margin-bottom: 5px; + } + + .message-user-info { + display: flex; + justify-content: space-between; + width: 100%; + gap: 10px; + } + + .hideImg { + visibility: hidden; + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + padding-left: 5px; + } +` + +export const imageParentStyles = css` + .top-bar-icon { + cursor: pointer; + height: 18px; + width: 18px; + transition: 0.2s all; + } + + .top-bar-icon:hover { + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .close-row { + width: 100%; + display: flex; + justify-content: flex-end; + height: 50px; + flex: 0; + gap: 20px; + align-items: center; + } + + .container-body { + width: 100%; + display: flex; + flex-direction: column; + flex-grow: 1; + overflow: auto; + margin-top: 5px; + padding: 0px 6px; + box-sizing: border-box; + } + + .container-body::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .container-body::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .container-body::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .container-body::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + p { + color: var(--black); + margin: 0px; + padding: 0px; + word-break: break-all; + } + + .container { + display: flex; + width: 100%; + flex-direction: column; + height: 100%; + } + + .chat-right-panel-label { + font-family: Montserrat, sans-serif; + color: var(--group-header); + padding: 5px; + font-size: 13px; + user-select: none; + } + + .group-info { + display: flex; + flex-direction: column; + justify-content: flex-start; + gap: 10px; + } + + .group-name { + font-family: Raleway, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + text-align: center; + user-select: none; + } + + .group-description { + font-family: Roboto, sans-serif; + color: var(--chat-bubble-msg-color); + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + margin-top: 15px; + word-break: break-word; + user-select: none; + } + + .group-subheader { + font-family: Montserrat, sans-serif; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .group-data { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .message-myBg { + background-color: var(--chat-bubble-myBg) !important; + margin-bottom: 15px; + border-radius: 5px; + padding: 5px; + } + + .message-data-name { + user-select: none; + color: #03a9f4; + margin-bottom: 5px; + } + + .message-user-info { + display: flex; + justify-content: space-between; + width: 100%; + gap: 10px; + } + + .hideImg { + visibility: hidden; + } + + .image-container { + display: flex; + } + + .repost-btn { + margin-top: 4px; + max-height: 28px; + padding: 5px 5px; + font-size: 14px; + background-color: #03a9f4; + color: white; + border: 1px solid transparent; + border-radius: 3px; + cursor: pointer; + } +` + +export const chatRightPanelStyles = css` + .top-bar-icon { + cursor: pointer; + height: 18px; + width: 18px; + transition: 0.2s all; + } + + .top-bar-icon:hover { + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .close-row { + width: 100%; + display: flex; + justify-content: flex-end; + height: 50px; + flex: 0 + } + + .container-body { + width: 100%; + display: flex; + flex-direction: column; + flex-grow: 1; + overflow: auto; + margin-top: 5px; + padding: 0px 6px; + box-sizing: border-box; + } + + .container-body::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .container-body::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .container-body::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .container-body::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + p { + color: var(--black); + margin: 0px; + padding: 0px; + word-break: break-all; + } + + .container { + display: flex; + width: 100%; + flex-direction: column; + height: 100%; + } + + .chat-right-panel-label { + font-family: Montserrat, sans-serif; + color: var(--group-header); + padding: 5px; + font-size: 13px; + user-select: none; + } + + .group-info { + display: flex; + flex-direction: column; + justify-content: flex-start; + gap: 10px; + } + + .group-name { + font-family: Raleway, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + text-align: center; + user-select: none; + } + + .group-description { + font-family: Roboto, sans-serif; + color: var(--chat-bubble-msg-color); + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + margin-top: 15px; + word-break: break-word; + user-select: none; + } + + .group-subheader { + font-family: Montserrat, sans-serif; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .group-data { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } +` + +export const chatGroupStyles = css` + .top-bar-icon { + cursor: pointer; + height: 18px; + width: 18px; + transition: .2s all; + } + + .top-bar-icon:hover { + color: var(--black) + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } +` + +export const chatGroupsManagerStyles = css` + .top-bar-icon { + cursor: pointer; + height: 18px; + width: 18px; + transition: 0.2s all; + } + + .top-bar-icon:hover { + color: var(--black); + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .close-row { + width: 100%; + display: flex; + justify-content: flex-end; + height: 50px; + flex: 0; + align-items: center; + } + + .container-body { + width: 100%; + display: flex; + flex-direction: column; + flex-grow: 1; + overflow: auto; + margin-top: 5px; + padding: 0px 6px; + box-sizing: border-box; + } + + .container-body::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .container-body::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .container-body::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .container-body::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + p { + color: var(--black); + margin: 0px; + padding: 0px; + word-break: break-all; + } + + .container { + display: flex; + width: 100%; + flex-direction: column; + height: 100%; + } + + .chat-right-panel-label { + font-family: Montserrat, sans-serif; + color: var(--group-header); + padding: 5px; + font-size: 13px; + user-select: none; + } + + .group-info { + display: flex; + flex-direction: column; + justify-content: flex-start; + gap: 10px; + } + + .group-name { + font-family: Raleway, sans-serif; + font-size: 20px; + color: var(--chat-bubble-msg-color); + text-align: center; + user-select: none; + } + + .group-description { + font-family: Roboto, sans-serif; + color: var(--chat-bubble-msg-color); + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + margin-top: 15px; + word-break: break-word; + user-select: none; + } + + .group-subheader { + font-family: Montserrat, sans-serif; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .group-data { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + font-size: 14px; + color: var(--chat-bubble-msg-color); + } + + .message-myBg { + background-color: var(--chat-bubble-myBg) !important; + margin-bottom: 15px; + border-radius: 5px; + padding: 5px; + } + + .message-data-name { + user-select: none; + color: #03a9f4; + margin-bottom: 5px; + } + + .message-user-info { + display: flex; + justify-content: space-between; + width: 100%; + gap: 10px; + } + + .hideImg { + visibility: hidden; + } + + .checkbox-row { + position: relative; + display: flex; + align-items: center; + align-content: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + padding-left: 5px; + } +` + +export const chatWelcomePageStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + } + + @keyframes moveInBottom { + 0% { + opacity: 0; + transform: translateY(30px); + } + + 100% { + opacity: 1; + transform: translate(0); + } + } + + paper-spinner-lite { + height: 24px; + width: 24px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 2px; + } + + .welcome-title { + display: block; + overflow: hidden; + font-size: 40px; + color: var(--black); + font-weight: 400; + text-align: center; + white-space: pre-wrap; + overflow-wrap: break-word; + word-break: break-word; + cursor: inherit; + margin-top: 2rem; + } + + .sub-main { + position: relative; + text-align: center; + } + + .center-box { + position: absolute; + top: 45%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .img-icon { + font-size: 150px; + color: var(--black); + } + + .start-chat { + display: inline-flex; + flex-direction: column; + justify-content: center; + align-content: center; + border: none; + border-radius: 20px; + padding-left: 25px; + padding-right: 25px; + color: var(--white); + background: var(--tradehead); + width: 50%; + font-size: 17px; + cursor: pointer; + height: 50px; + margin-top: 1rem; + text-transform: uppercase; + text-decoration: none; + transition: all .2s; + position: relative; + animation: moveInBottom .3s ease-out .50s; + animation-fill-mode: backwards; + } + + .start-chat:hover { + transform: translateY(-3px); + box-shadow: 0 10px 20px rgba(0, 0, 0, .2); + } + + .start-chat::after { + content: ""; + display: inline-flex; + height: 100%; + width: 100%; + border-radius: 100px; + position: absolute; + top: 0; + left: 0; + z-index: -1; + transition: all .4s; + } + + .red { + --mdc-theme-primary: red; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + .details { + display: flex; + font-size: 18px; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + .input { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + resize: none; + background: #eee; + } + + .textarea { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + height: 120px; + resize: none; + background: #eee; + } +` + +export const chatHeadStyles = css` + li { + width: 100%; + padding: 10px 5px 10px 5px; + cursor: pointer; + box-sizing: border-box; + display: flex; + align-items: flex-start; + } + + li:hover { + background-color: var(--menuhover); + } + + .active { + background: var(--menuactive); + border-left: 4px solid #3498db; + } + + .img-icon { + float: left; + font-size: 40px; + color: var(--chat-group); + } + + .about { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + margin: 0; + } + + .inner-container { + display: flex; + width: calc(100% - 45px); + flex-direction: column; + justify-content: center; + } + + .status { + color: #92959e; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } + + .name { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + } +` + +export const chatGroupsModalStyles = css` + * { + --mdc-theme-text-primary-on-background: var(--black); + --mdc-dialog-max-width: 85vw; + --mdc-dialog-max-height: 95vh; + } + + .imageContainer { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const chatTextEditorStyles = css` + :host { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: auto; + width: 100%; + overflow: hidden; + } + + * { + --mdc-checkbox-unchecked-color: var(--black); + } + + .chatbar-container { + width: 100%; + display: flex; + height: auto; + overflow: hidden; + } + + .chatbar-caption { + border-bottom: 2px solid var(--mdc-theme-primary); + } + + .privateMessageMargin { + margin-bottom: 12px; + } + + .emoji-button { + width: 45px; + height: 40px; + padding-top: 4px; + border: none; + outline: none; + background: transparent; + cursor: pointer; + max-height: 40px; + color: var(--black); + margin-bottom: 5px; + } + + .message-size-container { + display: flex; + justify-content: flex-end; + width: 100%; + } + + .message-size { + font-family: Roboto, sans-serif; + font-size: 12px; + color: black; + } + + .paperclip-icon { + color: var(--paperclip-icon); + width: 25px; + } + + .paperclip-icon:hover { + cursor: pointer; + } + + .send-icon { + width: 30px; + margin-left: 5px; + transition: all 0.1s ease-in-out; + cursor: pointer; + } + + .send-icon:hover { + filter: brightness(1.1); + } + + .file-picker-container { + position: relative; + height: 25px; + width: 25px; + margin-bottom: 10px; + } + + .file-picker-input-container { + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + z-index: 10; + opacity: 0; + overflow: hidden; + } + + input[type=file]::-webkit-file-upload-button { + cursor: pointer; + } + + .chatbar-container textarea { + display: none; + } + + .chatbar-container .chat-editor { + display: flex; + max-height: -webkit-fill-available; + width: 100%; + border-color: transparent; + margin: 0; + padding: 0; + border: none; + } + + .checkmark-icon { + width: 30px; + color: var(--mdc-theme-primary); + margin-bottom: 6px; + } + + .checkmark-icon:hover { + cursor: pointer; + } + + .element { + width: 100%; + max-height: 100%; + overflow: auto; + color: var(--black); + padding: 0px 10px; + height: 100%; + display: flex; + align-items: safe center; + } + + .element::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .element::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .element::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .element::-webkit-scrollbar-thumb:hover { + background-color: rgb(148, 146, 146); + cursor: pointer; + } + + .ProseMirror:focus { + outline: none; + } + + .is-active { + background-color: var(--white) + } + + .ProseMirror>*+* { + margin-top: 0.75em; + outline: none; + } + + .ProseMirror ul, + ol { + padding: 0 1rem; + } + + .ProseMirror h1, + h2, + h3, + h4, + h5, + h6 { + line-height: 1.1; + } + + .ProseMirror code { + background-color: rgba(#616161, 0.1); + color: #616161; + } + + .ProseMirror pre { + background: #0D0D0D; + color: #FFF; + font-family: 'JetBrainsMono', monospace; + padding: 0.75rem 1rem; + border-radius: 0.5rem; + white-space: pre-wrap; + } + + .ProseMirror pre code { + color: inherit; + padding: 0; + background: none; + font-size: 0.8rem; + } + + .ProseMirror img { + width: 1.7em; + height: 1.5em; + margin: 0px; + } + + .ProseMirror blockquote { + padding-left: 1rem; + border-left: 2px solid rgba(#0D0D0D, 0.1); + } + + .ProseMirror hr { + border: none; + border-top: 2px solid rgba(#0D0D0D, 0.1); + margin: 2rem 0; + } + + .chatbar-button-single { + background: var(--white); + outline: none; + border: none; + color: var(--black); + padding: 4px; + border-radius: 5px; + cursor: pointer; + margin-right: 2px; + filter: brightness(100%); + transition: all 0.2s; + display: none; + } + + .removeBg { + background: none; + } + + .chatbar-button-single label { + font-size: 13px; + } + + .chatbar-button-single:hover { + filter: brightness(120%); + } + + .chatbar-buttons { + margin-bottom: 5px; + flex-shrink: 0; + } + + .show-chatbar-buttons { + display: flex; + align-items: center; + justify-content: center; + } + + :host(:hover) .chatbar-button-single { + display: flex; + align-items: center; + justify-content: center; + } + + .ProseMirror p.is-editor-empty:first-child::before { + color: #adb5bd; + content: attr(data-placeholder); + float: left; + height: 0; + pointer-events: none; + } + + .ProseMirror p { + font-size: 18px; + margin-block-start: 0px; + margin-block-end: 0px; + overflow-wrap: anywhere; + } + + .ProseMirror { + width: 100%; + box-sizing: border-box; + word-break: break-word; + } + + .ProseMirror mark { + background-color: #ffe066; + border-radius: 0.25em; + box-decoration-break: clone; + padding: 0.125em 0; + } + + .material-icons { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + } + + .material-symbols-outlined { + font-family: 'Material Icons Outlined'; + font-weight: normal; + font-style: normal; + font-size: 18px; + /* Preferred icon size */ + display: inline-block; + line-height: 1; + text-transform: none; + letter-spacing: normal; + word-wrap: normal; + white-space: nowrap; + direction: ltr; + } + + .hide-styling { + display: none; + } + + mwc-checkbox::shadow .mdc-checkbox::after, + mwc-checkbox::shadow .mdc-checkbox::before { + background-color: var(--mdc-theme-primary) + } + + --mdc-checkbox-unchecked-color +` + +export const chatMessageStyles = css` + .message-data { + margin-bottom: 15px; + } + + .message-data-time { + color: #a8aab1; + font-size: 13px; + padding-left: 6px; + } + + .message { + color: black; + padding: 12px 10px; + line-height: 19px; + font-size: 16px; + border-radius: 7px; + margin-bottom: 20px; + width: 90%; + position: relative; + } + + .message:after { + bottom: 100%; + left: 93%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-bottom-color: #ddd; + border-width: 10px; + margin-left: -10px; + } + + .my-message { + background: #ddd; + border: 2px #ccc solid; + } + + .other-message { + background: #f1f1f1; + border: 2px solid #dedede; + } + + .other-message:after { + border-bottom-color: #f1f1f1; + left: 7%; + } + + .align-left { + text-align: left; + } + + .align-right { + text-align: right; + } + + .float-right { + float: right; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +` + +export const chatModalsStyles = css` + .input { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + resize: none; + background: #eee; + } + + .textarea { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + height: 120px; + resize: none; + background: #eee; + } + + .close-button { + display: block; + --mdc-theme-primary: red; + } +` + +export const chatImageStyles = css` + * { + --mdc-theme-text-primary-on-background: var(--black); + } + + img { + max-width: 45vh; + max-height: 40vh; + border-radius: 5px; + cursor: pointer; + position: relative; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.8em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 30px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .defaultSize { + width: 45vh; + height: 40vh; + } + + mwc-menu { + position: absolute; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const chatSelectStyles = css` + ul { + list-style-type: none; + } + + li { + padding: 10px 2px 20px 5px; + cursor: pointer; + width: 100%; + display: flex; + box-sizing: border-box; + } + + li:hover { + background-color: var(--menuhover); + } + + .active { + background: var(--menuactive); + border-left: 4px solid #3498db; + } + + .img-icon { + font-size: 40px; + color: var(--chat-group); + } + + .about { + margin-top: 8px; + } + + .about { + padding-left: 8px; + } + + .status { + color: #92959e; + } + + .name { + user-select: none; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +` + +export const chatSideNavHeadsStyles = css` + ul { + list-style-type: none; + } + + li { + padding: 10px 2px 10px 5px; + cursor: pointer; + width: 100%; + display: flex; + box-sizing: border-box; + font-size: 14px; + transition: 0.2s background-color; + } + + li:hover { + background-color: var(--lightChatHeadHover); + } + + .active { + background: var(--menuactive); + border-left: 4px solid #3498db; + } + + .img-icon { + font-size: 40px; + color: var(--chat-group); + } + + .status { + color: #92959e; + } + + .clearfix { + display: flex; + align-items: center; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } +` + +export const fragFileInputStyles = css` + #drop-area { + border: 2px dashed #ccc; + font-family: "Roboto", sans-serif; + padding: 20px; + } + + #trigger:hover { + cursor: pointer; + } + + #drop-area.highlight { + border-color: var(--mdc-theme-primary, #000); + } + + p { + margin-top: 0; + } + + form { + margin-bottom: 10px; + } + + #fileInput { + display: none; + } +` + +export const imageComponentStyles = css` + .gif-error-msg { + margin: 0; + font-family: Roboto, sans-serif; + font-size: 17px; + letter-spacing: 0.3px; + color: var(--chat-bubble-msg-color); + font-weight: 300; + padding: 10px 10px; + } + + .gif-image { + border-radius: 15px; + background-color: transparent; + cursor: pointer; + width: 100%; + height: 150px; + object-fit: cover; + border: 1px solid transparent; + transition: all 0.2s cubic-bezier(0, 0.55, 0.45, 1); + box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px; + } + + .gif-image:hover { + border: 1px solid var(--mdc-theme-primary); + } +` + +export const qortalInfoViewStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + box-sizing: border-box; + } + + h2 { + margin: 10px 0; + } + + h3 { + margin-top: -80px; + color: #03a9f4; + font-size: 18px; + } + + h4 { + margin: 5px 0; + } + + p { + margin-top: 5px; + font-size: 14px; + line-height: 16px; + } + + ul { + list-style: none; + display: flex; + } + + ul li { + margin: 15px auto; + font-size: 15px; + font-weight: 600; + color: #03a9f4; + } + + .btn-info { + color: #03a9f4; + --mdc-icon-size: 16px; + padding-top: 3px; + } + + .data-info { + margin-top: 10px; + margin-right: 25px; + } + + .data-items { + font-weight: 600; + color: var(--black); + display: block; + text-align: center; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + #transactionList { + color: var(--black); + padding: 15px; + } + + .color-in { + color: #02977e; + background-color: rgba(0, 201, 167, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .color-out { + color: #b47d00; + background-color: rgba(219, 154, 4, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .card-body { + background-color: var(--white); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 100vh; + margin: 0; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .card-container-button { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 500px; + max-width: 100%; + text-align: center; + } + + .card-explorer-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 10px; + position: relative; + width: 900px; + max-width: 100%; + text-align: center; + } + + .card-container .level { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + left: 30px; + } + + .card-container .founder { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + right: 30px; + } + + .card-container .round { + width: 96px; + height: 96px; + border: 1px solid #03a9f4; + border-radius: 50%; + padding: 2px; + } + + .card-container .badge { + width: 200px; + height: 135px; + border: 1px solid transparent; + border-radius: 10%; + padding: 2px; + } + + .userdata { + background-color: #1F1A36; + text-align: left; + padding: 15px; + margin-top: 30px; + } + + .userdata ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .userdata ul li { + border: 1px solid #2D2747; + border-radius: 2px; + display: inline-block; + font-size: 12px; + margin: 0 7px 7px 0; + padding: 7px; + } + + .decline { + --mdc-theme-primary: #F44336; + } + + .buttons { + text-align: right; + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .explorer-trades { + text-align: center; + } + + .box { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 100%; + } + + .box-info { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 250px; + } + + header { + display: flex; + flex: 0 1 auto; + align-items: center; + justify-content: center; + padding: 0px 10px; + font-size: 16px; + color: var(--white); + background-color: var(--tradehead); + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + min-height: 40px; + } + + .border-wrapper { + border: 1px var(--tradeborder) solid; + overflow: hidden; + } + + #first-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #second-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #third-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #first-explorer-section>div {} + + #second-explorer-section>div {} + + #third-explorer-section>div {} + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + .full-info { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #1da1f2; + } + + .full-info-wrapper { + width: 100%; + min-width: 600px; + max-width: 600px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 25px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .full-info-logo { + width: 120px; + height: 120px; + background: var(--white); + border: 1px solid var(--black); + border-radius: 50%; + position: relative; + top: -110px; + left: 210px; + } + + .round-fullinfo { + position: relative; + width: 120px; + height: 120px; + border-radius: 50%; + right: 25px; + top: -1px; + } +` + +export const qortalQrcodeGeneratorStyles = css` + :host { + display: block; + } +` + +export const tradeInfoViewStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + box-sizing: border-box; + } + + p { + margin: 0; + padding: 0; + color: var(--black); + } + + .get-user-info { + margin: 0; + padding: 0; + color: var(--black); + } + + .get-user-info:hover { + cursor: pointer; + color: #03a9f4; + } + + .pds { + background: var(--white); + border: 1px solid var(--black); + border-radius: 5px; + } + + .card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: calc(100% - 1rem); + word-wrap: break-word; + background-color: var(--white); + background-clip: border-box; + margin-bottom: 1rem; + } + + .card-header { + padding: 0.5rem 1rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 2px solid rgba(0, 0, 0, 0.125); + } + + .card-header { + background: none; + border-width: 0; + padding: 10px; + padding-bottom: 0rem; + } + + .card-title { + font-size: 1.2rem; + color: var(--black); + margin-bottom: 0.5rem; + } + + .card-body { + flex: 1 1 auto; + padding: 1rem 1rem; + } + + .card-body { + padding: 20px; + } + + .d-sm-flex { + display: flex !important; + } + + .align-items-center { + align-items: center !important; + } + + .justify-content-between { + justify-content: space-between !important; + } + + .d-flex { + display: flex !important; + } + + .mb-3 { + margin-bottom: 1rem !important; + } + + .cwh-64 { + width: 64px !important; + height: 64px !important; + } + + .cwh-80 { + width: 80px !important; + height: 80px !important; + } + + .rounded { + border-radius: 25% !important; + } + + .ms-3 { + margin-left: 1rem !important; + } + + .cfs-12 { + font-size: 12px !important; + } + + .cfs-14 { + font-size: 14px !important; + } + + .cfs-16 { + font-size: 16px !important; + } + + .cfs-18 { + font-size: 18px !important; + } + + .me-sm-3 { + margin-right: 1rem !important; + } + + .ms-sm-0 { + margin-left: 0 !important; + } + + .text-sm-end { + text-align: right !important; + } + + .order-0 { + order: 0 !important; + } + + .order-1 { + order: 1 !important; + } + + .order-sm-0 { + order: 0 !important; + } + + .order-sm-1 { + order: 1 !important; + } + + .red { + color: #F44336; + } + + .green { + color: #198754; + } + + .buttons { + display: inline; + float: right; + margin-bottom: 5px; + margin-right: 5px; + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + table { + caption-side: bottom; + border-collapse: collapse; + } + + caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + } + + th { + text-align: inherit; + text-align: -webkit-match-parent; + } + + thead, + tbody, + tfoot, + tr, + td, + th { + border-color: inherit; + border-style: solid; + border-width: 0; + } + + .table { + --bs-table-bg: transparent; + --bs-table-striped-color: #212529; + --bs-table-striped-bg: rgba(255, 255, 255, 0.2); + --bs-table-active-color: #212529; + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: #212529; + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: var(--black); + vertical-align: top; + border-color: #edeff4; + } + + .table> :not(caption)>*>* { + padding: 0.75rem 0.75rem; + background-color: var(--bs-table-bg); + background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); + border-bottom-width: 2px; + } + + .table>tbody { + vertical-align: inherit; + } + + .table>thead { + vertical-align: bottom; + } + + .table> :not(:last-child)> :last-child>* { + border-bottom-color: currentColor; + } + + .caption-top { + caption-side: top; + } + + .table-sm> :not(caption)>*>* { + padding: 0.5rem 0.5rem; + } + + .table-bordered> :not(caption)>* { + border-width: 2px 0; + } + + .table-bordered> :not(caption)>*>* { + border-width: 0 2px; + } + + .table-borderless> :not(caption)>*>* { + border-bottom-width: 0; + } + + .table-striped>tbody>tr:nth-of-type(odd) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--black); + } + + .table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); + } + + .table-hover>tbody>tr:hover { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); + } + + .table-primary { + --bs-table-bg: #cfe2ff; + --bs-table-striped-bg: #c5d7f2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bacbe6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfd1ec; + --bs-table-hover-color: #000; + color: #000; + border-color: #bacbe6; + } + + .table-secondary { + --bs-table-bg: #e2e3e5; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: #000; + border-color: #cbccce; + } + + .table-success { + --bs-table-bg: #e1f5d4; + --bs-table-striped-bg: #d6e9c9; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbddbf; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d0e3c4; + --bs-table-hover-color: #000; + color: #000; + border-color: #cbddbf; + } + + .table-info { + --bs-table-bg: #cff4fc; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: #000; + border-color: #badce3; + } + + .table-warning { + --bs-table-bg: #fff3cd; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: #000; + border-color: #e6dbb9; + } + + .table-danger { + --bs-table-bg: #f8d7da; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfc2c4; + } + + .table-light { + --bs-table-bg: #f8f9fa; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: #000; + border-color: #dfe0e1; + } + + .table-dark { + --bs-table-bg: #212529; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #373b3e; + } + + .table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + + @media (max-width: 359.98px) { + .table-responsive-xxs { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 499.98px) { + .table-responsive-xsm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + @media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + + th { + font-weight: 500; + } + + tbody::-webkit-scrollbar, + tbody::-webkit-scrollbar-thumb, + tbody::-webkit-scrollbar-track { + opacity: 0; + width: 5px; + border-radius: 6px; + position: absolute; + right: 0; + top: 0; + } + + tbody:hover::-webkit-scrollbar, + tbody:hover::-webkit-scrollbar-thumb, + tbody:hover::-webkit-scrollbar-track { + opacity: 0.9; + width: 5px; + border-radius: 6px; + right: 2px; + position: absolute; + transition: background-color 0.2s linear, width 0.2s ease-in-out; + } + + tbody:hover::-webkit-scrollbar-thumb { + background-color: #eee; + } + + .mt-0 { + margin-top: 0 !important; + } + + .mt-1 { + margin-top: 0.25rem !important; + } + + .mt-2 { + margin-top: 0.5rem !important; + } + + .mt-3 { + margin-top: 1rem !important; + } + + .mt-4 { + margin-top: 1.5rem !important; + } + + .mt-5 { + margin-top: 3rem !important; + } + + .mt-auto { + margin-top: auto !important; + } + + .w-25 { + width: 25% !important; + } + + .w-50 { + width: 50% !important; + } + + .w-75 { + width: 75% !important; + } + + .w-100 { + width: 100% !important; + } + + .w-auto { + width: auto !important; + } + + .cmw-30 { + min-width: 30rem; + } + + .fst-normal { + font-style: normal !important; + } + + .fw-light { + font-weight: 300 !important; + } + + .fw-lighter { + font-weight: lighter !important; + } + + .fw-normal { + font-weight: 400 !important; + } + + .fw-bold { + font-weight: 500 !important; + } + + .fw-bolder { + font-weight: bolder !important; + } + + .text-lowercase { + text-transform: lowercase !important; + } + + .text-uppercase { + text-transform: uppercase !important; + } + + .text-capitalize { + text-transform: capitalize !important; + } + + .text-start { + text-align: left !important; + } + + .text-end { + text-align: right !important; + } + + .text-center { + text-align: center !important; + } + + .text-primary { + color: #0e6eff !important; + } + + .text-secondary { + color: #6c757d !important; + } + + .text-success { + color: #68cf29 !important; + } + + .text-info { + color: #03a9f4 !important; + } + + .text-warning { + color: #ffc107 !important; + } + + .text-danger { + color: #dc3545 !important; + } + + .text-light { + color: #f8f9fa !important; + } + + .text-dark { + color: #212529 !important; + } + + .text-white { + color: #fff !important; + } + + .btn { + display: inline-block; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 2px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + border-radius: 5px; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + + @media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } + } + + .btn:hover { + color: #212529; + } + + .btn-check:focus+.btn, + .btn:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(14, 110, 255, 0.25); + } + + .btn:disabled, + .btn.disabled, + fieldset:disabled .btn { + pointer-events: none; + opacity: 0.65; + } + + .btn-primary { + color: #fff; + background-color: #0e6eff; + border-color: #edeff4; + } + + .btn-primary:hover { + color: #ddd; + background-color: #3284ff; + border-color: #267dff; + } + + .btn-check:focus+.btn-primary, + .btn-primary:focus { + color: #ddd; + background-color: #3284ff; + border-color: #267dff; + box-shadow: 0 0 0 0.25rem rgba(12, 94, 217, 0.5); + } + + .btn-check:checked+.btn-primary, + .btn-check:active+.btn-primary, + .btn-primary:active, + .btn-primary.active, + .show>.btn-primary.dropdown-toggle { + color: #ddd; + background-color: #3e8bff; + border-color: #267dff; + } + + .btn-check:checked+.btn-primary:focus, + .btn-check:active+.btn-primary:focus, + .btn-primary:active:focus, + .btn-primary.active:focus, + .show>.btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(12, 94, 217, 0.5); + } + + .btn-primary:disabled, + .btn-primary.disabled { + color: #ddd; + background-color: #0e6eff; + border-color: #0e6eff; + } + + .btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #edeff4; + } + + .btn-secondary:hover { + color: #ddd; + background-color: #5c636a; + border-color: #565e64; + } + + .btn-check:focus+.btn-secondary, + .btn-secondary:focus { + color: #ddd; + background-color: #5c636a; + border-color: #565e64; + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); + } + + .btn-check:checked+.btn-secondary, + .btn-check:active+.btn-secondary, + .btn-secondary:active, + .btn-secondary.active, + .show>.btn-secondary.dropdown-toggle { + color: #ddd; + background-color: #565e64; + border-color: #51585e; + } + + .btn-check:checked+.btn-secondary:focus, + .btn-check:active+.btn-secondary:focus, + .btn-secondary:active:focus, + .btn-secondary.active:focus, + .show>.btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); + } + + .btn-secondary:disabled, + .btn-secondary.disabled { + color: #ddd; + background-color: #6c757d; + border-color: #6c757d; + } + + .btn-success { + color: #fff; + background-color: #68cf29; + border-color: #edeff4; + } + + .btn-success:hover { + color: #ddd; + background-color: #7fd649; + border-color: #77d43e; + } + + .btn-check:focus+.btn-success, + .btn-success:focus { + color: #ddd; + background-color: #7fd649; + border-color: #77d43e; + box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5); + } + + .btn-check:checked+.btn-success, + .btn-check:active+.btn-success, + .btn-success:active, + .btn-success.active, + .show>.btn-success.dropdown-toggle { + color: #ddd; + background-color: #86d954; + border-color: #77d43e; + } + + .btn-check:checked+.btn-success:focus, + .btn-check:active+.btn-success:focus, + .btn-success:active:focus, + .btn-success.active:focus, + .show>.btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5); + } + + .btn-success:disabled, + .btn-success.disabled { + color: #ddd; + background-color: #68cf29; + border-color: #68cf29; + } + + .btn-info { + color: #fff; + background-color: #0dcaf0; + border-color: #edeff4; + } + + .btn-info:hover { + color: #ddd; + background-color: #31d2f2; + border-color: #25cff2; + } + + .btn-check:focus+.btn-info, + .btn-info:focus { + color: #ddd; + background-color: #31d2f2; + border-color: #25cff2; + box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); + } + + .btn-check:checked+.btn-info, + .btn-check:active+.btn-info, + .btn-info:active, + .btn-info.active, + .show>.btn-info.dropdown-toggle { + color: #ddd; + background-color: #3dd5f3; + border-color: #25cff2; + } + + .btn-check:checked+.btn-info:focus, + .btn-check:active+.btn-info:focus, + .btn-info:active:focus, + .btn-info.active:focus, + .show>.btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); + } + + .btn-info:disabled, + .btn-info.disabled { + color: #000; + background-color: #0dcaf0; + border-color: #0dcaf0; + } + + .btn-warning { + color: #fff; + background-color: #ffc107; + border-color: #edeff4; + } + + .btn-warning:hover { + color: #ddd; + background-color: #ffca2c; + border-color: #ffc720; + } + + .btn-check:focus+.btn-warning, + .btn-warning:focus { + color: #ddd; + background-color: #ffca2c; + border-color: #ffc720; + box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); + } + + .btn-check:checked+.btn-warning, + .btn-check:active+.btn-warning, + .btn-warning:active, + .btn-warning.active, + .show>.btn-warning.dropdown-toggle { + color: #ddd; + background-color: #ffcd39; + border-color: #ffc720; + } + + .btn-check:checked+.btn-warning:focus, + .btn-check:active+.btn-warning:focus, + .btn-warning:active:focus, + .btn-warning.active:focus, + .show>.btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); + } + + .btn-warning:disabled, + .btn-warning.disabled { + color: #ddd; + background-color: #ffc107; + border-color: #ffc107; + } + + .btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #edeff4; + } + + .btn-danger:hover { + color: #ddd; + background-color: #bb2d3b; + border-color: #b02a37; + } + + .btn-check:focus+.btn-danger, + .btn-danger:focus { + color: #ddd; + background-color: #bb2d3b; + border-color: #b02a37; + box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); + } + + .btn-check:checked+.btn-danger, + .btn-check:active+.btn-danger, + .btn-danger:active, + .btn-danger.active, + .show>.btn-danger.dropdown-toggle { + color: #ddd; + background-color: #b02a37; + border-color: #a52834; + } + + .btn-check:checked+.btn-danger:focus, + .btn-check:active+.btn-danger:focus, + .btn-danger:active:focus, + .btn-danger.active:focus, + .show>.btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); + } + + .btn-danger:disabled, + .btn-danger.disabled { + color: #ddd; + background-color: #dc3545; + border-color: #dc3545; + } + + .btn-light { + color: #000; + background-color: #f8f9fa; + border-color: #edeff4; + } + + .btn-light:hover { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + } + + .btn-check:focus+.btn-light, + .btn-light:focus { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); + } + + .btn-check:checked+.btn-light, + .btn-check:active+.btn-light, + .btn-light:active, + .btn-light.active, + .show>.btn-light.dropdown-toggle { + color: #000; + background-color: #f9fafb; + border-color: #f9fafb; + } + + .btn-check:checked+.btn-light:focus, + .btn-check:active+.btn-light:focus, + .btn-light:active:focus, + .btn-light.active:focus, + .show>.btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); + } + + .btn-light:disabled, + .btn-light.disabled { + color: #000; + background-color: #f8f9fa; + border-color: #f8f9fa; + } + + .btn-dark { + color: #fff; + background-color: #212529; + border-color: #edeff4; + } + + .btn-dark:hover { + color: #ddd; + background-color: #1c1f23; + border-color: #1a1e21; + } + + .btn-check:focus+.btn-dark, + .btn-dark:focus { + color: #ddd; + background-color: #1c1f23; + border-color: #1a1e21; + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); + } + + .btn-check:checked+.btn-dark, + .btn-check:active+.btn-dark, + .btn-dark:active, + .btn-dark.active, + .show>.btn-dark.dropdown-toggle { + color: #ddd; + background-color: #1a1e21; + border-color: #191c1f; + } + + .btn-check:checked+.btn-dark:focus, + .btn-check:active+.btn-dark:focus, + .btn-dark:active:focus, + .btn-dark.active:focus, + .show>.btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); + } + + .btn-dark:disabled, + .btn-dark.disabled { + color: #ddd; + background-color: #212529; + border-color: #212529; + } + + .btn-white { + color: #000; + background-color: #fff; + border-color: #edeff4; + } + + .btn-white:hover { + color: #000; + background-color: white; + border-color: white; + } + + .btn-check:focus+.btn-white, + .btn-white:focus { + color: #000; + background-color: white; + border-color: white; + box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.5); + } + + .btn-check:checked+.btn-white, + .btn-check:active+.btn-white, + .btn-white:active, + .btn-white.active, + .show>.btn-white.dropdown-toggle { + color: #000; + background-color: white; + border-color: white; + } + + .btn-check:checked+.btn-white:focus, + .btn-check:active+.btn-white:focus, + .btn-white:active:focus, + .btn-white.active:focus, + .show>.btn-white.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(217, 217, 217, 0.5); + } + + .btn-white:disabled, + .btn-white.disabled { + color: #000; + background-color: #fff; + border-color: #fff; + } + + .btn-lg>.btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: 0.3rem; + } + + .btn-sm>.btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: 0.2rem; + } + + .border-0 { + border: 0 !important; + } + + .px-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } +` + +export const traderInfoViewStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + box-sizing: border-box; + } + + h2 { + margin: 10px 0; + } + + h3 { + margin-top: -80px; + color: #03a9f4; + font-size: 18px; + } + + h4 { + margin: 5px 0; + } + + p { + margin-top: 5px; + font-size: 14px; + line-height: 16px; + } + + ul { + list-style: none; + display: flex; + } + + ul li { + margin: 15px auto; + font-size: 15px; + font-weight: 600; + color: #03a9f4; + } + + .btn-info { + color: #03a9f4; + --mdc-icon-size: 16px; + padding-top: 3px; + } + + .data-info { + margin-top: 10px; + margin-right: 25px; + } + + .data-items { + font-weight: 600; + color: var(--black); + display: block; + text-align: center; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + #transactionList { + color: var(--black); + padding: 15px; + } + + .color-in { + color: #02977e; + background-color: rgba(0, 201, 167, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .color-out { + color: #b47d00; + background-color: rgba(219, 154, 4, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .card-body { + background-color: var(--white); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 100vh; + margin: 0; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .card-container-button { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 500px; + max-width: 100%; + text-align: center; + } + + .card-explorer-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 10px; + position: relative; + width: 900px; + max-width: 100%; + text-align: center; + } + + .card-container .level { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + left: 30px; + } + + .card-container .founder { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + right: 30px; + } + + .card-container .round { + width: 96px; + height: 96px; + border: 1px solid #03a9f4; + border-radius: 50%; + padding: 2px; + } + + .card-container .badge { + width: 200px; + height: 135px; + border: 1px solid transparent; + border-radius: 10%; + padding: 2px; + } + + .userdata { + background-color: #1F1A36; + text-align: left; + padding: 15px; + margin-top: 30px; + } + + .userdata ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .userdata ul li { + border: 1px solid #2D2747; + border-radius: 2px; + display: inline-block; + font-size: 12px; + margin: 0 7px 7px 0; + padding: 7px; + } + + .decline { + --mdc-theme-primary: var(--mdc-theme-error) + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .green { + --mdc-theme-primary: #198754; + } + + .buttons { + display: inline; + float: right; + margin-bottom: 5px; + } + + .paybutton { + display: inline; + float: left; + margin-bottom: 5px; + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .explorer-trades { + text-align: center; + } + + .box { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 100%; + } + + .box-info { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 250px; + } + + .box-info-full { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 450px; + width: 450px; + } + + header { + display: flex; + flex: 0 1 auto; + align-items: center; + justify-content: center; + padding: 0px 10px; + font-size: 16px; + color: var(--black); + background-color: var(--tradehead); + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + min-height: 40px; + } + + .border-wrapper { + border: 1px var(--tradeborder) solid; + overflow: hidden; + } + + + #first-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #second-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #third-explorer-section { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #first-explorer-section>div {} + + #second-explorer-section>div {} + + #third-explorer-section>div {} + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + .full-info { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #1da1f2; + } + + .full-info-wrapper { + width: 100%; + min-width: 600px; + max-width: 600px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 25px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .full-info-logo { + width: 120px; + height: 120px; + background: var(--white); + border: 1px solid var(--black); + border-radius: 50%; + position: relative; + top: -110px; + left: 210px; + } + + .round-fullinfo { + position: relative; + width: 120px; + height: 120px; + border-radius: 50%; + right: 25px; + top: -1px; + } +` + +export const userInfoStyles = css` + .user-info-header { + font-family: Montserrat, sans-serif; + text-align: center; + font-size: 28px; + color: var(--chat-bubble-msg-color); + margin-bottom: 10px; + padding: 10px 0; + } + + .avatar-container { + display: flex; + justify-content: center; + } + + .user-info-avatar { + width: 100px; + height: 100px; + border-radius: 50%; + margin: 10px 0; + } + + .user-info-no-avatar { + display: flex; + justify-content: center; + align-items: center; + text-transform: capitalize; + font-size: 50px; + font-family: Roboto, sans-serif; + width: 100px; + height: 100px; + border-radius: 50%; + background: var(--chatHeadBg); + color: var(--chatHeadText); + } + + .send-message-button { + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + padding: 8px 5px; + border-radius: 3px; + text-align: center; + color: var(--mdc-theme-primary); + transition: all 0.3s ease-in-out; + } + + .send-message-button:hover { + cursor: pointer; + background-color: #03a8f485; + } + + .close-icon { + position: absolute; + top: 3px; + right: 5px; + color: #676b71; + width: 14px; + transition: all 0.1s ease-in-out; + } + + .close-icon:hover { + cursor: pointer; + color: #494c50; + } +` + +export const gifExplorerStyles = css` + .gifs-container { + position: relative; + display: flex; + padding: 10px 15px; + border-radius: 12px; + box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px; + background-color: var(--chat-menu-bg); + width: fit-content; + justify-self: flex-end; + place-self: end flex-end; + min-height: 400px; + max-height: calc(95vh - 90px); + min-width: 370px; + max-width: 370px; + box-shadow: var(--gifs-drop-shadow); + } + + .gif-explorer-container { + min-height: 400px; + display: flex; + flex-direction: column; + justify-content: flex-start; + width: 100%; + align-items: center; + gap: 15px; + } + + .title-row { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + } + + .gif-explorer-title { + flex: 1; + text-align: center; + font-family: Roboto, sans-serif; + letter-spacing: 0.8px; + font-size: 25px; + color: var(--chat-bubble-msg-color); + margin: 0; + user-select: none; + } + + .explore-collections-icon { + text-align: right; + font-size: 20px; + color: var(--chat-group); + box-shadow: var(--gif-search-icon-bs); + padding: 7px; + background-color: var(--gif-search-icon); + border: none; + border-radius: 8px; + cursor: pointer; + } + + .create-collections-icon { + position: absolute; + bottom: 5px; + left: 50%; + transform: translateX(-50%); + padding: 4px; + font-size: 22px; + background-color: var(--mdc-theme-primary); + color: white; + border-radius: 8px; + box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); + transition: all 0.3s ease-in-out; + } + + .create-collections-icon:hover { + cursor: pointer; + box-shadow: 0px 4px 5px 0px hsla(0, 0%, 0%, 0.14), 0px 1px 10px 0px hsla(0, 0%, 0%, 0.12), 0px 2px 4px -1px hsla(0, 0%, 0%, 0.2); + } + + .collections-button-row { + width: auto; + background-color: var(--gif-button-row-bg); + border-radius: 35px; + padding: 2px; + margin-top: 10px; + } + + .collections-button-innerrow { + display: flex; + flex-direction: row; + align-items: center; + } + + .my-collections-button { + font-size: 16px; + font-family: 'Maven Pro', sans-serif; + letter-spacing: 0.5px; + color: var(--gif-button-row-color); + border-radius: 35px; + padding: 8px 20px; + margin: 2px 0; + cursor: pointer; + user-select: none; + } + + .subscribed-collections-button { + font-size: 16px; + font-family: 'Maven Pro', sans-serif; + letter-spacing: 0.5px; + color: var(--gif-button-row-color); + border-radius: 35px; + padding: 8px 20px; + margin: 2px 0; + cursor: pointer; + user-select: none; + } + + .collections-button-active { + display: flex; + align-items: center; + justify-content: center; + background-color: white; + color: var(--mdc-theme-primary); + border-radius: 25px; + padding: 8px 20px; + margin: 2px 0; + box-shadow: rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 2px 1px -1px, rgb(0 0 0 / 20%) 0px 1px 3px 0px; + transition: all 0.3s ease-in-out; + cursor: auto; + } + + .collection-wrapper { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + overflow-x: hidden; + } + + .collection-gifs { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 10px; + margin-top: 10px; + overflow-y: auto; + overflow-x: hidden; + } + + .collection-gifs::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .collection-gifs::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .collection-gifs::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .collection-gif { + border-radius: 15px; + background-color: transparent; + cursor: pointer; + width: 100%; + height: 150px; + object-fit: cover; + border: 1px solid transparent; + transition: all 0.2s cubic-bezier(0, 0.55, 0.45, 1); + box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, + rgb(0 0 0 / 30%) 0px 3px 7px -3px; + } + + .collection-gif:hover { + border: 1px solid var(--mdc-theme-primary); + } + + .new-collection-row { + display: flex; + flex-direction: column; + justify-content: center; + height: 100%; + } + + .new-collection-subrow { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 5px; + } + + .new-collection-title { + font-family: Maven Pro, sans-serif; + color: var(--chat-bubble-msg-color); + font-size: 18px; + letter-spacing: 0.6px; + margin: 0; + user-select: none; + } + + .new-collection-subtitle { + font-family: Roboto, sans-serif; + color: var(--chat-bubble-msg-color); + font-weight: 300; + opacity: 0.9; + font-size: 14px; + letter-spacing: 0.3px; + margin: 0; + user-select: none; + } + + .new-collection-container { + display: flex; + margin: 15px 20px; + border: 3.5px dashed #b898c1; + border-radius: 10px; + background-color: #d7d3db2e; + align-items: center; + justify-content: center; + cursor: pointer; + } + + .new-collection-icon { + font-size: 30px; + color: var(--mdc-theme-primary); + } + + .gifs-added-col { + display: flex; + flex-direction: column; + justify-content: flex-end; + flex: 1 1 0%; + margin-top: 10px; + overflow-y: auto; + max-height: 300px; + } + + .gifs-added-row { + display: flex; + flex-direction: column; + gap: 5px; + overflow-y: auto; + } + + .gifs-added-row .gif-input:last-child { + border-bottom: none; + } + + .gifs-added-row::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .gifs-added-row::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .gifs-added-row::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .gif-input { + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + background-color: transparent; + padding: 15px 5px; + border-bottom: 1px solid #7b787888; + } + + .gif-input-img { + width: 70px; + height: 70px; + border-radius: 10px; + } + + .gif-input-field { + height: 30px; + background-color: transparent; + border: none; + color: var(--chat-bubble-msg-color); + border-bottom: 1px solid var(--chat-bubble-msg-color); + width: 100%; + padding: 0; + margin: 0; + outline: 0; + font-size: 16px; + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + } + + .upload-collection-row { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + margin-top: 10px; + } + + .upload-collection-name { + display: block; + padding: 8px 10px; + font-size: 16px; + font-family: Montserrat, sans-serif; + font-weight: 600; + background-color: #ebeaea21; + border: 1px solid var(--mdc-theme-primary); + border-radius: 5px; + color: var(--chat-bubble-msg-color); + outline: none; + } + + .upload-collection-name::placeholder { + font-size: 16px; + font-family: Montserrat, sans-serif; + font-weight: 600; + opacity: 0.6; + color: var(--chat-bubble-msg-color); + } + + .collection-back-button { + display: flex; + font-family: Roboto, sans-serif; + font-weight: 300; + letter-spacing: 0.3px; + font-size: 16px; + width: fit-content; + gap: 10px; + color: var(--chat-bubble-msg-color); + flex-direction: row; + align-items: center; + transition: box-shadow 0.2s ease-in-out; + background-color: var(--gif-button-row-bg); + border-radius: 3px; + box-shadow: rgb(0 0 0 / 20%) 0px 0px 0px; + padding: 8px 10px; + cursor: pointer; + } + + .collection-back-button:hover { + border: none; + box-sizing: border-box; + box-shadow: rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px, rgb(0 0 0 / 20%) 0px 2px 4px -1px; + } + + .collection-back-button-arrow { + font-size: 10px; + } + + .no-collections { + display: flex; + align-items: center; + justify-content: center; + text-align: center; + color: var(--chat-bubble-msg-color); + font-size: 20px; + font-family: Paytone One, sans-serif; + margin-top: 20px; + user-select: none; + } + + .collection-card { + display: flex; + font-family: Roboto, sans-serif; + font-weight: 300; + letter-spacing: 0.3px; + font-size: 19px; + color: var(--chat-bubble-msg-color); + flex-direction: row; + align-items: center; + transition: all 0.3s ease-in-out; + box-shadow: none; + padding: 10px; + cursor: pointer; + } + + .collection-card:hover { + border: none; + border-radius: 5px; + background-color: var(--gif-collection-hover-bg); + } + + .upload-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.4s ease-in-out; + } + + .upload-back-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: #f44336; + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .upload-back-button:hover { + cursor: pointer; + background-color: #f4433663; + } + + .upload-button:hover { + cursor: pointer; + background-color: #03a8f475; + } + + .lds-circle { + display: flex; + align-items: center; + justify-content: center; + margin-top: 70px; + } + + .lds-circle>div { + display: inline-block; + width: 80px; + height: 80px; + margin: 8px; + border-radius: 50%; + background: var(--mdc-theme-primary); + animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; + } + + @keyframes lds-circle { + + 0%, + 100% { + animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); + } + + 0% { + transform: rotateY(0deg); + } + + 50% { + transform: rotateY(1800deg); + animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); + } + + 100% { + transform: rotateY(3600deg); + } + } + + .gifs-loading-message { + font-family: Montserrat, sans-serif; + font-size: 20px; + font-weight: 600; + color: var(--chat-bubble-msg-color); + margin: 0 0 10px 0; + text-align: center; + user-select: none; + } + + .subscribe-button { + position: absolute; + bottom: 3px; + left: 50%; + transform: translateX(-50%); + font-family: Raleway, sans-serif; + font-weight: 500; + font-size: 14px; + background-color: var(--mdc-theme-primary); + border: none; + border-radius: 8px; + outline: none; + padding: 5px 10px; + transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); + } + + .subscribe-button:hover { + cursor: pointer; + box-shadow: 0px 3px 4px 0px hsla(0, 0%, 0%, 0.14), 0px 3px 3px -2px hsla(0, 0%, 0%, 0.12), 0px 1px 8px 0px hsla(0, 0%, 0%, 0.2); + } + + .unsubscribe-button { + position: absolute; + width: max-content; + bottom: 3px; + left: 50%; + transform: translateX(-50%); + font-family: Raleway, sans-serif; + font-weight: 500; + font-size: 14px; + background-color: #f44336; + border: none; + border-radius: 8px; + outline: none; + padding: 5px 10px; + transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); + } + + .unsubscribe-button:hover { + cursor: pointer; + box-shadow: 0px 3px 4px 0px hsla(0, 0%, 0%, 0.14), 0px 3px 3px -2px hsla(0, 0%, 0%, 0.12), 0px 1px 8px 0px hsla(0, 0%, 0%, 0.2); + } +` + +export const chatGifsExploreStyles = css` + .container-body { + display: flex; + flex-direction: column; + align-items: center; + max-width: 100%; + height: 100%; + } + + .collection-wrapper { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + max-height: 500px; + overflow-y: auto; + overflow-x: hidden; + } + + .collection-wrapper::-webkit-scrollbar-track { + background-color: whitesmoke; + border-radius: 7px; + } + + .collection-wrapper::-webkit-scrollbar { + width: 6px; + border-radius: 7px; + background-color: whitesmoke; + } + + .collection-wrapper::-webkit-scrollbar-thumb { + background-color: rgb(180, 176, 176); + border-radius: 7px; + transition: all 0.3s ease-in-out; + } + + .collection-card { + display: flex; + font-family: Roboto, sans-serif; + font-weight: 300; + letter-spacing: 0.3px; + font-size: 19px; + color: var(--chat-bubble-msg-color); + flex-direction: row; + align-items: center; + transition: all 0.3s ease-in-out; + box-shadow: none; + padding: 10px; + cursor: pointer; + } + + .collection-card:hover { + border: none; + border-radius: 5px; + background-color: var(--gif-collection-hover-bg); + } + + .search-collection-name { + display: block; + padding: 8px 10px; + font-size: 16px; + font-family: Montserrat, sans-serif; + font-weight: 600; + background-color: #ebeaea21; + border: 1px solid var(--mdc-theme-primary); + border-radius: 5px; + color: var(--chat-bubble-msg-color); + width: 90%; + margin: 10px 0; + outline: none; + } + + .search-collection-name::placeholder { + font-size: 16px; + font-family: Montserrat, sans-serif; + font-weight: 600; + opacity: 0.6; + color: var(--chat-bubble-msg-color); + } + + .search-collection-wrapper { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + position: relative; + } + + .explore-collections-icon { + position: absolute; + right: 20px; + font-size: 13px; + color: var(--chat-group); + cursor: pointer; + } + + .clear-search-icon { + position: absolute; + right: 15px; + font-size: 16px; + color: var(--chat-group); + padding: 1px; + border-radius: 50%; + background-color: transparent; + transition: all 0.3s ease-in-out; + } + + .clear-search-icon:hover { + cursor: pointer; + background-color: #e4e3e389; + } + + .gifs-loading-message { + font-family: Montserrat, sans-serif; + font-size: 20px; + font-weight: 600; + color: var(--chat-bubble-msg-color); + margin: 0 0 10px 0; + text-align: center; + user-select: none; + } + + .lds-circle { + display: flex; + align-items: center; + justify-content: center; + } + + .lds-circle>div { + display: inline-block; + width: 80px; + height: 80px; + margin: 8px; + border-radius: 50%; + background: var(--mdc-theme-primary); + animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; + } + + @keyframes lds-circle { + 0%, + 100% { + animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); + } + + 0% { + transform: rotateY(0deg); + } + + 50% { + transform: rotateY(1800deg); + animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); + } + + 100% { + transform: rotateY(3600deg); + } + } +` + +export const qchatStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + --mdc-dialog-min-width: 750px; + scrollbar-width: thin; + scrollbar-color: #6a6c75 #a1a1a1; + } + + paper-spinner-lite { + height: 24px; + width: 24px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 2px; + } + + *, + *:before, + *:after { + box-sizing: border-box; + } + + ul { + list-style: none; + padding: 0; + } + + .container { + margin: 0 auto; + width: 100%; + background: var(--white); + } + + .people-list { + width: 20vw; + float: left; + height: 100vh; + overflow-y: hidden; + border-right: 3px #ddd solid; + } + + .people-list .blockedusers { + z-index: 1; + position: absolute; + bottom: 0; + width: 20vw; + background: var(--white); + border-right: 3px #ddd solid; + display: flex; + justify-content: space-between; + gap: 15px; + flex-direction: column; + padding: 5px 30px 0 30px; + } + + .groups-button-container { + position: relative; + } + + .groups-button { + width: 100%; + background-color: rgb(116, 69, 240); + border: none; + color: white; + font-weight: bold; + font-family: Roboto, sans-serif; + letter-spacing: 0.8px; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 5px; + gap: 10px; + padding: 5px 8px; + transition: all 0.1s ease-in-out; + } + + .groups-button-notif { + position: absolute; + top: -10px; + right: -8px; + width: 25px; + border-radius: 50%; + height: 25px; + font-weight: bold; + display: flex; + align-items: center; + justify-content: center; + font-family: Montserrat, sans-serif; + font-size: 16px; + color: black; + background-color: rgb(51, 213, 0); + user-select: none; + transition: all 0.3s ease-in-out 0s; + } + + .groups-button-notif:hover { + cursor: auto; + box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0; + } + + .groups-button-notif:hover+.groups-button-notif-number { + display: block; + opacity: 1; + animation: fadeIn 0.6s; + } + + @keyframes fadeIn { + from { + opacity: 0; + top: -10px; + } + + to { + opacity: 1; + top: -60px; + } + } + + .groups-button-notif-number { + position: absolute; + transform: translateX(-50%); + left: 50%; + width: 150px; + text-align: center; + border-radius: 3px; + padding: 5px 10px; + background-color: white; + color: black; + font-family: Roboto, sans-serif; + letter-spacing: 0.3px; + font-weight: 300; + display: none; + opacity: 0; + top: -60px; + box-shadow: rgb(216 216 216 / 25%) 0 6px 12px -2px, rgb(0 0 0 / 30%) 0 3px 7px -3px; + } + + .groups-button:hover { + cursor: pointer; + filter: brightness(120%); + } + + .people-list .search { + padding-top: 20px; + padding-left: 20px; + padding-right: 20px; + display: flex; + align-items: center; + gap: 10px; + justify-content: space-between; + } + + .center { + margin: 0; + position: absolute; + padding-top: 12px; + left: 50%; + -ms-transform: translateX(-50%); + transform: translateX(-50%); + } + + .people-list .create-chat { + border-radius: 5px; + border: none; + color: #fff; + width: 100%; + font-size: 15px; + text-align: center; + cursor: pointer; + display: flex; + flex: 0; + } + + .people-list .create-chat:hover { + opacity: .8; + box-shadow: 0 3px 5px rgba(0, 0, 0, .2); + } + + .people-list ul { + padding: 0 0 60px 0; + height: 85vh; + overflow-y: auto; + overflow-x: hidden; + } + + .people-list ul::-webkit-scrollbar-track { + background: #a1a1a1; + } + + .people-list ul::-webkit-scrollbar { + width: 11px; + } + + .people-list ul::-webkit-scrollbar-thumb { + background-color: #6a6c75; + border-radius: 6px; + border: 3px solid #a1a1a1; + } + + .chat { + width: 80vw; + height: 100vh; + float: left; + background: var(--white); + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + color: #434651; + box-sizing: border-box; + } + + .chat .new-message-bar { + display: flex; + flex: 0 1 auto; + align-items: center; + justify-content: space-between; + padding: 0 25px; + font-size: 14px; + font-weight: 500; + top: 0; + position: absolute; + left: 20vw; + right: 0; + z-index: 5; + background: var(--tradehead); + color: var(--white); + border-radius: 0 0 8px 8px; + min-height: 25px; + transition: opacity .15s; + text-transform: capitalize; + opacity: .85; + cursor: pointer; + } + + .chat .new-message-bar:hover { + opacity: .75; + transform: translateY(-1px); + box-shadow: 0 3px 7px rgba(0, 0, 0, .2); + } + + .hide-new-message-bar { + display: none !important; + } + + .chat .chat-history { + position: absolute; + top: 0; + right: 0; + bottom: 100%; + left: 20vw; + border-bottom: 2px solid var(--white); + overflow-y: hidden; + height: 100vh; + box-sizing: border-box; + } + + .chat .chat-message { + padding: 10px; + height: 10%; + display: inline-block; + width: 100%; + background-color: #eee; + } + + .chat .chat-message textarea { + width: 90%; + border: none; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + resize: none; + } + + .chat .chat-message button { + float: right; + color: #94c2ed; + font-size: 16px; + text-transform: uppercase; + border: none; + cursor: pointer; + font-weight: bold; + background: #f2f5f8; + padding: 10px; + margin-top: 4px; + margin-right: 4px; + } + + .chat .chat-message button:hover { + color: #75b1e8; + } + + .online, + .offline, + .me { + margin-right: 3px; + font-size: 10px; + } + + .clearfix:after { + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; + } + + .red { + --mdc-theme-primary: red; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + .details { + display: flex; + font-size: 18px; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + .textarea { + width: 100%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + height: 120px; + resize: none; + background: #eee; + } + + .dialog-container { + position: relative; + display: flex; + align-items: center; + flex-direction: column; + padding: 0 10px; + gap: 10px; + height: 100%; + } + + .dialog-header { + color: var(--chat-bubble-msg-color); + } + + .dialog-subheader { + color: var(--chat-bubble-msg-color); + } + + .modal-button-row { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + } + + .modal-button { + font-family: Roboto, sans-serif; + font-size: 16px; + color: var(--mdc-theme-primary); + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red { + font-family: Roboto, sans-serif; + font-size: 16px; + color: #F44336; + background-color: transparent; + padding: 8px 10px; + border-radius: 5px; + border: none; + transition: all 0.3s ease-in-out; + } + + .modal-button-red:hover { + cursor: pointer; + background-color: #f4433663; + } + + .modal-button:hover { + cursor: pointer; + background-color: #03a8f475; + } + + .name-input { + width: 100%; + outline: 0; + border-width: 0 0 2px; + border-color: var(--mdc-theme-primary); + background-color: transparent; + padding: 10px; + font-family: Roboto, sans-serif; + font-size: 15px; + color: var(--chat-bubble-msg-color); + box-sizing: border-box; + } + + .name-input::selection { + background-color: var(--mdc-theme-primary); + color: white; + } + + .name-input::placeholder { + opacity: 0.9; + color: var(--black); + } + + .search-field { + width: 100%; + position: relative; + } + + .search-icon { + position: absolute; + right: 3px; + color: var(--chat-bubble-msg-color); + transition: all 0.3s ease-in-out; + background: none; + border-radius: 50%; + padding: 6px 3px; + font-size: 21px; + } + + .search-icon:hover { + cursor: pointer; + background: #d7d7d75c; + } + + .search-results-div { + position: absolute; + top: 25px; + right: 25px; + } + + .user-verified { + position: absolute; + top: 0; + right: 5px; + display: flex; + align-items: center; + gap: 10px; + color: #04aa2e; + font-size: 13px; + } +` + +export const becomeMinterStyles = css` + * { + box-sizing: border-box; + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + .header-title { + font-size: 40px; + color: var(--black); + font-weight: 400; + text-align: center; + } + + .divider { + color: #eee; + border-radius: 80%; + margin-bottom: 2rem; + } + + .fullWidth { + width: 100%; + } + + .page-container { + display: flex; + align-items: center; + flex-direction: column; + margin-bottom: 75px; + width: 100%; + } + + .inner-container { + display: flex; + align-items: center; + flex-direction: column; + width: 100%; + } + + .description { + color: var(--black); + } + + .message { + color: var(--gray); + } + + .sub-main { + width: 95%; + display: flex; + + flex-direction: column; + max-width: 800px; + } + + .level-black { + font-size: 32px; + color: var(--black); + font-weight: 400; + text-align: center; + margin-top: 2rem; + } + + .form-wrapper { + display: flex; + align-items: center; + width: 100%; + height: 50px; + } + + .row { + display: flex; + width: 100%; + } + + .column { + display: flex; + flex-direction: column; + width: 100%; + } + + .column-center { + align-items: center; + } + + .no-margin { + margin: 0; + } + + .no-wrap { + flex-wrap: nowrap !important; + } + + .row-center { + justify-content: center; + flex-wrap: wrap; + } + + .form-item { + display: flex; + height: 100%; + } + + .form-item--button { + flex-grow: 0; + } + + .form-item--input { + flex-grow: 1; + margin-right: 25px; + } + + .center-box { + position: absolute; + width: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .content-box { + border: 1px solid var(--border); + border-radius: 10px; + padding: 10px 25px; + text-align: center; + display: inline-block; + margin-bottom: 15px; + flex-basis: 600px; + } + + .gap { + gap: 10px; + } + + .level-black { + font-size: 32px; + color: var(--black); + font-weight: 400; + text-align: center; + margin-top: 2rem; + text-align: center; + } + + .title { + font-weight: 600; + font-size: 20px; + line-height: 28px; + opacity: 0.66; + color: var(--switchborder); + } + + .address { + overflow-wrap: anywhere; + color: var(--black); + } + + h4 { + font-weight: 600; + font-size: 20px; + line-height: 28px; + color: var(--black); + } + + mwc-textfield { + width: 100%; + } + + vaadin-button { + height: 100%; + margin: 0; + cursor: pointer; + min-width: 80px; + } + + .loader, + .loader:after { + border-radius: 50%; + width: 10em; + height: 10em; + } + + .loadingContainer { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 10; + } + + .backdrop { + height: 100vh; + width: 100vw; + opacity: 0.6; + background-color: var(--border); + z-index: 9; + position: fixed; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: 0.6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const groupManagementStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 1024px; + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + [part="input-field"] { + background-color: #fff; + } + + #group-management-page { + background: var(--white); + padding: 12px 24px; + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + paper-dialog.nanage-group { + width: 80%; + max-width: 80vw; + height: 80%; + max-height: 80vh; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + line-height: 1.6; + overflow-y: auto; + } + + .actions { + display: flex; + justify-content: space-between; + padding: 0 1em; + margin: 12px 0 -6px 0; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .error-icon { + font-size: 48px; + color: red; + } + + .success-icon { + font-size: 48px; + color: #198754; + } + + .close-icon { + font-size: 36px; + } + + .close-icon:hover { + cursor: pointer; + opacity: .6; + } + + .buttons { + text-align: right; + } + + .container { + max-width: 90vw; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + padding: .6em; + } + + ul { + list-style: none; + padding: 0; + margin-bottom: 0; + } + + .leftBar { + background-color: var(--white); + color: var(--black); + border: 1px solid var(--border); + padding: 20px 0 0 0; + border-radius: 10px; + } + + .leftBar img { + margin: 0 auto; + width: 75%; + height: 75%; + text-align: center; + } + + .leftBar .slug { + text-align: center; + margin-top: 20px; + color: var(--black); + font-size: 16px; + font-weight: 600; + margin-bottom: 7px; + } + + .leftBar ul li { + border-bottom: 1px solid var(--border); + } + + .leftBar ul li:last-child { + border-bottom: none; + } + + .leftBar ul li a { + color: var(--black); + font-size: 16px; + font-weight: 400; + text-decoration: none; + padding: .9em; + display: block; + } + + .leftBar ul li a i { + margin-right: 8px; + font-size: 16px; + } + + .leftBar ul li a:hover { + background-color: var(--menuhover); + color: #515151; + } + + .leftBar ul li:active { + border-bottom: none; + } + + .leftBar ul li a.active { + color: #515151; + background-color: var(--menuactive); + border-left: 2px solid #515151; + margin-left: -2px; + } + + .mainPage { + background-color: var(--white); + color: var(--black); + border: 1px solid var(--border); + padding: 10px 0 10px 0; + border-radius: 10px; + font-size: 16px; + text-align: center; + min-height: 460px; + } + + @media(max-width:700px) { + .mainPage { + margin-top: 30px; + } + } + + @media(min-width:765px) { + .container { + padding: 2em; + } + + .wrapper { + display: grid; + grid-template-columns: 1fr 5fr; + grid-gap: 20px; + } + + .wrapper>.mainPage { + padding: 2em; + } + + .leftBar { + text-align: left; + max-height: 320px; + max-width: 250px; + font-size: 16px; + } + + .mainPage { + font-size: 16px; + } + } + + mwc-textfield { + width: 100%; + } + + .red { + --mdc-theme-primary: red; + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .green { + --mdc-theme-primary: #198754; + } + + .red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } + + mwc-button.red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + margin-bottom: 2em; + } + + h2 { + margin: 0; + } + + h6 { + color: var(--black); + font-weight: 500; + font-size: 14px; + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + .details { + display: flex; + font-size: 18px; + } + + span { + font-size: 18px; + word-break: break-all; + } + + select { + padding: 13px 20px; + width: 100%; + font-size: 14px; + color: #555; + font-weight: 400; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + .itemList { + padding: 0; + } + + img { + border-radius: 25%; + max-width: 32px; + height: 100%; + max-height: 32px; + } + + .successBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid green; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .errorBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid red; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .manage-group-dialog { + min-height: 300px; + min-width: 350px; + box-sizing: border-box; + position: relative; + } + + .btn-clear-success { + --mdc-icon-button-size: 32px; + color: red; + } + + .btn-clear-error { + --mdc-icon-button-size: 32px; + color: green; + } + + select { + background: var(--white); + color: var(--black); + } + + #search { + width: 100%; + display: flex; + margin: auto; + align-items: center; + } +` + +export const mintingInfoStyles = css` + * { + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + } + + @keyframes moveInBottom { + 0% { + opacity: 0; + transform: translateY(30px); + } + + 100% { + opacity: 1; + transform: translate(0); + } + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + h4 { + font-weight: 600; + font-size: 20px; + line-height: 28px; + color: var(--black); + } + + .header-title { + display: block; + overflow: hidden; + font-size: 40px; + color: var(--black); + font-weight: 400; + text-align: center; + white-space: pre-wrap; + overflow-wrap: break-word; + word-break: break-word; + cursor: inherit; + margin-top: 2rem; + } + + .level-black { + font-size: 32px; + color: var(--black); + font-weight: 400; + text-align: center; + margin-top: 2rem; + } + + .level-blue { + display: inline-block; + font-size: 32px; + color: #03a9f4; + font-weight: 400; + text-align: center; + margin-top: 2rem; + } + + .sub-main { + position: relative; + text-align: center; + width: 100%; + } + + .center-box { + position: absolute; + width: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, 0%); + text-align: center; + } + + .content-box { + border: 1px solid var(--border); + border-radius: 10px; + padding: 10px 25px; + text-align: center; + display: inline-block; + min-width: 250px; + margin-left: 10px; + margin-bottom: 5px; + } + + .help-icon { + color: #f44336; + } + + .details { + display: flex; + font-size: 18px; + } + + .title { + font-weight: 600; + font-size: 20px; + line-height: 28px; + opacity: 0.66; + color: #03a9f4; + } + + .sub-title { + font-weight: 600; + font-size: 20px; + line-height: 24px; + opacity: 0.66; + } + + .input { + width: 90%; + border: none; + display: inline-block; + font-size: 20px; + padding: 10px 20px; + border-radius: 5px; + resize: none; + background: #eee; + } + + .textarea { + width: 90%; + border: none; + display: inline-block; + font-size: 16px; + padding: 10px 20px; + border-radius: 5px; + height: 120px; + resize: none; + background: #eee; + } + + .not-minter { + display: inline-block; + font-size: 32px; + color: #03a9f4; + font-weight: 400; + margin-top: 2rem; + } + + .blue { + color: #03a9f4; + } + + .black { + color: var(--black); + } + + .red { + color: #f44336; + } + + .red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } + + mwc-button.red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } +` + +export const nameRegistrationStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 1024px; + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + #name-registration-page { + background: var(--white); + padding: 12px 24px; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + img { + border-radius: 25%; + max-width: 42px; + height: 100%; + max-height: 42px; + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + --mdc-theme-primary: #198754; + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .buttons { + text-align: right; + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + .spinner { + width: 100%; + display: flex; + justify-content: center; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + #pages { + display: flex; + flex-wrap: wrap; + padding: 10px 5px 5px 5px; + margin: 0px 20px 20px 20px; + } + + #pages>button { + user-select: none; + padding: 5px; + margin: 0 5px; + border-radius: 10%; + border: 0; + background: transparent; + font: inherit; + outline: none; + cursor: pointer; + color: var(--black); + } + + #pages>button:not([disabled]):hover, + #pages>button:focus { + color: #ccc; + background-color: #eee; + } + + #pages>button[selected] { + font-weight: bold; + color: var(--white); + background-color: #ccc; + } + + #pages>button[disabled] { + opacity: 0.5; + cursor: default; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .successBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid green; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .errorBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid red; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .manage-group-dialog { + min-height: 300px; + min-width: 350px; + box-sizing: border-box; + position: relative; + } + + .btn-clear-success { + --mdc-icon-button-size: 32px; + color: red; + } + + .btn-clear-error { + --mdc-icon-button-size: 32px; + color: green; + } + + .error-icon { + font-size: 48px; + color: red; + } +` + +export const namesMarketStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 1024px; + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + #name-registration-page { + background: var(--white); + padding: 12px 24px; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + margin-bottom: 10px; + margin-top: 10px; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + img { + border-radius: 25%; + max-width: 42px; + height: 100%; + max-height: 42px; + } + + #tabs-height { + --mdc-tab-height: 50px; + } + + #tabs-1-content { + height: 100%; + padding-bottom: 10px; + } + + mwc-tab-bar { + --mdc-text-transform: none; + --mdc-tab-color-default: var(--black); + --mdc-tab-text-label-color-default: var(--black); + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + --mdc-theme-primary: #198754; + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .sellerAddress { + color: var(--mdc-theme-primary); + cursor: pointer; + } + + .buyerAddress { + color: #198754; + cursor: pointer; + } + + .sold { + color: #F44336; + --mdc-icon-size: 16px; + padding-top: 10px; + } + + .buttons { + text-align: right; + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + .spinner { + width: 100%; + display: flex; + justify-content: center; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + #pages { + display: flex; + flex-wrap: wrap; + padding: 10px 5px 5px 5px; + margin: 0px 20px 20px 20px; + } + + #pages>button { + user-select: none; + padding: 5px; + margin: 0 5px; + border-radius: 10%; + border: 0; + background: transparent; + font: inherit; + outline: none; + cursor: pointer; + color: var(--black); + } + + #pages>button:not([disabled]):hover, + #pages>button:focus { + color: #ccc; + background-color: #eee; + } + + #pages>button[selected] { + font-weight: bold; + color: var(--white); + background-color: #ccc; + } + + #pages>button[disabled] { + opacity: 0.5; + cursor: default; + } + + #pagesSold { + display: flex; + flex-wrap: wrap; + padding: 10px 5px 5px 5px; + margin: 0px 20px 20px 20px; + } + + #pagesSold>button { + user-select: none; + padding: 5px; + margin: 0 5px; + border-radius: 10%; + border: 0; + background: transparent; + font: inherit; + outline: none; + cursor: pointer; + color: var(--black); + } + + #pagesSold>button:not([disabled]):hover, + #pagesSold>button:focus { + color: #ccc; + background-color: #eee; + } + + #pagesSold>button[selected] { + font-weight: bold; + color: var(--white); + background-color: #ccc; + } + + #pagesSold>button[disabled] { + opacity: 0.5; + cursor: default; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .successBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid green; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .errorBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid red; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .manage-group-dialog { + min-height: 300px; + min-width: 350px; + box-sizing: border-box; + position: relative; + } + + .btn-clear-success { + --mdc-icon-button-size: 32px; + color: red; + } + + .btn-clear-error { + --mdc-icon-button-size: 32px; + color: green; + } + + .error-icon { + font-size: 48px; + color: red; + } +` + +export const nodeManagementStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + paper-spinner-lite { + height: 24px; + width: 24px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 2px; + } + + #node-management-page { + background: var(--white); + } + + mwc-textfield { + width: 100%; + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + --mdc-theme-primary: #198754; + } + + .red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } + + mwc-button.red-button { + --mdc-theme-primary: red; + --mdc-theme-on-primary: white; + } + + .node-card { + padding: 12px 24px; + background: var(--white); + border-radius: 2px; + box-shadow: 11; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + .sblack { + color: var(--black); + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + .details { + display: flex; + font-size: 18px; + } +` + +export const overviewPageStyles = css` + *, + *::before, + *::after { + box-sizing: border-box; + } + + @-ms-viewport { + width: device-width; + } + + figcaption, + footer, + main, + nav, + section { + display: block; + } + + [tabindex='-1']:focus { + outline: 0 !important; + } + + hr { + overflow: visible; + box-sizing: content-box; + height: 0; + } + + h2, + h3, + h5 { + margin-top: 0; + margin-bottom: .5rem; + } + + p { + margin-top: 0; + margin-bottom: 1rem; + } + + dfn { + font-style: italic; + } + + strong { + font-weight: bolder; + } + + a { + text-decoration: none; + color: #5e72e4; + background-color: transparent; + -webkit-text-decoration-skip: objects; + } + + a:hover { + text-decoration: none; + color: #233dd2; + } + + a:not([href]):not([tabindex]) { + text-decoration: none; + color: inherit; + } + + a:not([href]):not([tabindex]):hover, + a:not([href]):not([tabindex]):focus { + text-decoration: none; + color: inherit; + } + + a:not([href]):not([tabindex]):focus { + outline: 0; + } + + img { + vertical-align: middle; + border-style: none; + height: 128px; + width: 128px; + } + + caption { + padding-top: 1rem; + padding-bottom: 1rem; + caption-side: bottom; + text-align: left; + color: #8898aa; + } + + button { + border-radius: 0; + } + + button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; + } + + input, + button { + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + } + + button, + input { + overflow: visible; + } + + button { + text-transform: none; + } + + button, + [type='reset'], + [type='submit'] { + -webkit-appearance: button; + } + + button::-moz-focus-inner, + [type='button']::-moz-focus-inner, + [type='reset']::-moz-focus-inner, + [type='submit']::-moz-focus-inner { + padding: 0; + border-style: none; + } + + input[type='radio'], + input[type='checkbox'] { + box-sizing: border-box; + padding: 0; + } + + input[type='date'], + input[type='time'], + input[type='datetime-local'], + input[type='month'] { + -webkit-appearance: listbox; + } + + legend { + font-size: 1.5rem; + line-height: inherit; + display: block; + width: 100%; + max-width: 100%; + margin-bottom: .5rem; + padding: 0; + white-space: normal; + color: inherit; + } + + [type='number']::-webkit-inner-spin-button, + [type='number']::-webkit-outer-spin-button { + height: auto; + } + + [type='search'] { + outline-offset: -2px; + -webkit-appearance: none; + } + + [type='search']::-webkit-search-cancel-button, + [type='search']::-webkit-search-decoration { + -webkit-appearance: none; + } + + ::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; + } + + [hidden] { + display: none !important; + } + + h2, + h3, + h4, + h5, + .h2, + .h3, + .h4, + .h5 { + font-family: inherit; + font-weight: 600; + line-height: 1.5; + margin-bottom: .5rem; + color: var(--black); + } + + h2, + .h2 { + font-size: 1.25rem; + } + + h3, + .h3 { + font-size: 1.0625rem; + } + + h4, + .h4 { + font-size: 1.0625rem; + } + + h5, + .h5 { + font-size: .8125rem; + } + + hr { + margin-top: 2rem; + margin-bottom: 2rem; + border: 0; + border-top: 1px solid var(--app-hr); + } + + .btn { + font-size: 1rem; + font-weight: 600; + line-height: 1.5; + display: inline-block; + padding: .625rem 1.25rem; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; + text-align: center; + vertical-align: middle; + white-space: nowrap; + border: 1px solid transparent; + border-radius: .375rem; + cursor: none; + } + + @media screen and (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } + } + + .btn:hover, + .btn:focus { + text-decoration: none; + cursor: none; + } + + .btn:focus { + outline: 0; + box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); + } + + .btn:disabled { + opacity: .65; + box-shadow: none; + } + + .opacity06 { + opacity: .6; + } + + .btn:not(:disabled):not(.disabled) { + cursor: none; + } + + .btn:not(:disabled):not(.disabled):active { + box-shadow: none; + } + + .btn:not(:disabled):not(.disabled):active:focus { + box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08), none; + } + + .btn-info { + color: #fff; + border-color: #03a9f4; + background-color: #03a9f4; + box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); + } + + .btn-info:hover { + color: #fff; + border-color: #03a9f4; + background-color: #03a9f4; + } + + .btn-info:focus { + box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(17, 205, 239, .5); + } + + .btn-info:disabled { + color: #fff; + border-color: #03a9f4; + background-color: #03a9f4; + } + + .btn-info:not(:disabled):not(.disabled):active { + color: #fff; + border-color: #03a9f4; + background-color: #03a9f4; + } + + .btn-info:not(:disabled):not(.disabled):active:focus { + box-shadow: none, 0 0 0 0 rgba(17, 205, 239, .5); + } + + .btn-sm { + font-size: 2rem; + line-height: 1.5; + padding: .25rem .5rem; + border-radius: .375rem; + } + + .card { + position: relative; + margin: auto; + display: flex; + flex-direction: column; + min-width: 0; + max-width: 60%; + word-wrap: break-word; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border: 1px solid var(--black); + background-color: var(--white); + + } + + .card>hr { + margin-right: 0; + margin-left: 0; + } + + .card-body { + padding: 1rem; + flex: 1 1 auto; + } + + .card-header { + margin-bottom: 0; + padding: 1.25rem 1.5rem; + border-left: 1px solid var(--black); + border-top: 1px solid var(--black); + border-right: 1px solid var(--black); + border-bottom: 1px solid rgba(0, 0, 0, .05); + background-color: var(--white); + } + + + @keyframes progress-bar-stripes { + from { + background-position: 1rem 0; + } + + to { + background-position: 0 0; + } + } + + .bg-default { + background-color: #172b4d !important; + } + + a.bg-default:hover, + a.bg-default:focus, + button.bg-default:hover, + button.bg-default:focus { + background-color: #0b1526 !important; + } + + .border-0 { + border: 0 !important; + } + + .rounded-circle { + border-radius: 50% !important; + } + + .d-flex { + display: flex !important; + } + + .justify-content-center { + justify-content: center !important; + } + + .justify-content-between { + justify-content: space-between !important; + } + + .align-items-center { + align-items: center !important; + } + + @media (min-width: 1200px) { + .justify-content-xl-between { + justify-content: space-between !important; + } + } + + .float-right { + float: right !important; + } + + .shadow, + .card-profile-image img { + box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important; + } + + .mr-2 { + margin-right: .5rem !important; + } + + .mt-4, + .my-4 { + margin-top: 1.5rem !important; + } + + .mr-4 { + margin-right: 1.5rem !important; + } + + .my-4 { + margin-bottom: 1.5rem !important; + } + + .mb-5 { + margin-bottom: 3rem !important; + } + + .mt-7 { + margin-top: 6rem !important; + } + + .pt-0 { + padding-top: 0 !important; + } + + .pb-0 { + padding-bottom: 0 !important; + } + + .pt-8 { + padding-top: 8rem !important; + } + + .m-auto { + margin: auto !important; + } + + @media (min-width: 768px) { + .mt-md-5 { + margin-top: 3rem !important; + } + + .mt-md-3 { + margin-top: 1.5rem !important; + } + + .mt-md-1 { + margin-top: 0.5rem !important; + } + + .pt-md-4 { + padding-top: 1rem !important; + } + + .pb-md-4 { + padding-bottom: 1rem !important; + } + } + + @media (min-width: 1200px) { + .mb-xl-0 { + margin-bottom: 0 !important; + } + } + + .text-center { + text-align: center !important; + } + + .font-weight-light { + font-weight: 300 !important; + } + + @media print { + + *, + *::before, + *::after { + box-shadow: none !important; + text-shadow: none !important; + } + + a:not(.btn) { + text-decoration: underline; + } + + img { + page-break-inside: avoid; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + @page { + size: a3; + } + } + + @keyframes floating-lg { + 0% { + transform: translateY(0px); + } + + 50% { + transform: translateY(15px); + } + + 100% { + transform: translateY(0px); + } + } + + @keyframes floating { + 0% { + transform: translateY(0px); + } + + 50% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0px); + } + } + + @keyframes floating-sm { + 0% { + transform: translateY(0px); + } + + 50% { + transform: translateY(5px); + } + + 100% { + transform: translateY(0px); + } + } + + [class*='shadow'] { + transition: all .15s ease; + } + + .font-weight-300 { + font-weight: 300 !important; + } + + .btn { + font-size: .875rem; + position: relative; + transition: all .15s ease; + letter-spacing: .025em; + text-transform: none; + will-change: transform; + } + + .btn:hover { + cursor: none; + box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); + } + + .btn:not(:last-child) { + margin-right: .5rem; + } + + .btn i:not(:first-child) { + margin-left: .5rem; + } + + .btn i:not(:last-child) { + margin-right: .5rem; + } + + .btn-sm { + font-size: 1rem; + } + + [class*='btn-outline-'] { + border-width: 1px; + } + + .card-profile-image { + position: relative; + } + + .card-profile-image img { + position: absolute; + left: 50%; + max-width: 180px; + transition: all .15s ease; + transform: translate(-50%, -30%); + border-radius: .375rem; + } + + .card-profile-stats { + padding: 0.5rem 0; + } + + .card-profile-stats>div { + margin-right: 1rem; + padding: .875rem; + text-align: center; + } + + .card-profile-stats>div:last-child { + margin-right: 0; + } + + .card-profile-stats>div .heading { + font-size: 1rem; + font-weight: bold; + display: block; + color: var(--black); + } + + .card-profile-stats>div .description { + font-size: 1rem; + color: #03a9f4; + } + + .main-content { + position: relative; + } + + .footer { + padding: 2.5rem 0; + background: #f7fafc; + } + + .footer .copyright { + font-size: .875rem; + } + + @media (min-width: 768px) { + @keyframes show-navbar-dropdown { + 0% { + transition: visibility .25s, opacity .25s, transform .25s; + transform: translate(0, 10px) perspective(200px) rotateX(-2deg); + opacity: 0; + } + + 100% { + transform: translate(0, 0); + opacity: 1; + } + } + + @keyframes hide-navbar-dropdown { + from { + opacity: 1; + } + + to { + transform: translate(0, 10px); + opacity: 0; + } + } + } + + @keyframes show-navbar-collapse { + 0% { + transform: scale(.95); + transform-origin: 100% 0; + opacity: 0; + } + + 100% { + transform: scale(1); + opacity: 1; + } + } + + @keyframes hide-navbar-collapse { + from { + transform: scale(1); + transform-origin: 100% 0; + opacity: 1; + } + + to { + transform: scale(.95); + opacity: 0; + } + } + + p { + font-size: 1rem; + font-weight: 300; + line-height: 1.7; + color: var(--black); + } + + .description { + font-size: 1rem; + } + + .heading { + font-size: .95rem; + font-weight: 600; + letter-spacing: .025em; + text-transform: uppercase; + } + + @media (max-width: 768px) { + .btn { + margin-bottom: 10px; + } + } + + .red { + color: #C6011F; + } +` + +export const startMintingNowStyles = css` + p, + h1 { + color: var(--black) + } + + .dialogCustom { + position: fixed; + z-index: 10000; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + top: 0px; + bottom: 0px; + left: 0px; + width: 100vw; + } + + .dialogCustomInner { + width: 300px; + min-height: 400px; + background-color: var(--white); + box-shadow: var(--mdc-dialog-box-shadow, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)); + padding: 20px 24px; + border-radius: 4px; + } + + .dialogCustomInner ul { + padding-left: 0px + } + + .dialogCustomInner li { + margin-bottom: 10px; + } + + .start-minting-wrapper { + z-index: 10; + } + + .dialog-header h1 { + font-size: 18px; + } + + .row { + display: flex; + width: 100%; + align-items: center; + } + + .modalFooter { + width: 100%; + display: flex; + justify-content: flex-end; + } + + .hide { + visibility: hidden + } + + .inactiveText { + opacity: .60 + } + + .column { + display: flex; + flex-direction: column; + width: 100%; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + .word-break { + word-break: break-all; + } + + .dialog-container { + width: 300px; + min-height: 300px; + max-height: 75vh; + padding: 5px; + display: flex; + align-items: flex-start; + flex-direction: column; + } + + .between { + justify-content: space-between; + } + + .no-width { + width: auto + } + + .between p { + margin: 0; + padding: 0; + color: var(--black); + } + + .marginLoader { + margin-left: 10px; + } + + .marginRight { + margin-right: 10px; + } + + .warning { + display: flex; + flex-grow: 1 + } + + .message-error { + color: var(--error); + } +` + +export const myButtonStyles = css` + vaadin-button { + font-size: 1rem; + font-weight: 600; + height: 35px; + margin: 0; + cursor: pointer; + min-width: 80px; + min-height: 35px; + background-color: #03a9f4; + color: white; + } + + vaadin-button:hover { + opacity: 0.9; + } +` + +export const puzzlesStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + #puzzle-page { + background: var(--white); + padding: 12px 24px; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + .red { + --mdc-theme-primary: #F44336; + } + + .clue { + font-family: "Lucida Console", "Courier New", monospace; + font-size: smaller; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + margin-bottom: 2em; + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + .spinner { + width: 100%; + display: flex; + justify-content: center; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } +` + +export const qAppsStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-button-disabled-fill-color: rgba(3, 169, 244, 0.5); + --mdc-theme-surface: var(--white); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + h2 { + margin: 0; + } + + h3 { + margin: 10px 0; + } + + h4 { + margin: 0; + } + + h5 { + margin: 5px 0; + font-size: 14px; + } + + h6 { + margin: 5px 0; + text-transform: uppercase; + color: var(--black); + font-weight: 600; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + p { + font-size: 14px; + line-height: 21px; + color: var(--black); + } + + span { + font-size: 14px; + word-break: break-all; + } + + #tabs-1 { + --mdc-tab-height: 50px; + } + + #tabs-1-content { + height: 100%; + padding-bottom: 10px; + } + + mwc-tab-bar { + --mdc-text-transform: none; + --mdc-tab-color-default: var(--black); + --mdc-tab-text-label-color-default: var(--black); + } + + #apps-list-page { + background: var(--white); + padding: 12px 24px; + } + + .search { + display: inline; + width: 50%; + align-items: center; + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + .spinner { + width: 100%; + display: flex; + justify-content: center; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + paper-dialog.progress { + width: auto; + max-width: 50vw; + height: auto; + max-height: 30vh; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + text-align: center; + padding: 15px; + line-height: 1.6; + overflow: hidden; + } + + paper-dialog.close-progress { + min-width: 550px; + max-width: 550px; + height: auto; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + text-align: center; + padding: 15px; + font-size: 17px; + font-weight: 500; + line-height: 20px; + overflow: hidden; + } + + paper-dialog.search { + min-width: 550px; + max-width: 550px; + min-height: auto; + max-height: 700px; + background-color: var(--white); + color: var(--black); + line-height: 1.6; + overflow: auto; + border: 1px solid var(--black); + border-radius: 10px; + padding: 15px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + paper-dialog.appinfo { + width: auto; + max-width: 450px; + height: auto; + background-color: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 5px; + overflow-y: auto; + } + + .relay-mode-notice { + margin: auto; + margin-top: 20px; + text-align: center; + word-break: normal; + font-size: 14px; + line-height: 20px; + color: var(--relaynodetxt); + } + + .lds-roller { + display: inline-block; + position: relative; + width: 80px; + height: 80px; + } + + .lds-roller div { + animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + transform-origin: 40px 40px; + } + + .lds-roller div:after { + content: " "; + display: block; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + background: var(--black); + margin: -4px 0 0 -4px; + } + + .lds-roller div:nth-child(1) { + animation-delay: -0.036s; + } + + .lds-roller div:nth-child(1):after { + top: 63px; + left: 63px; + } + + .lds-roller div:nth-child(2) { + animation-delay: -0.072s; + } + + .lds-roller div:nth-child(2):after { + top: 68px; + left: 56px; + } + + .lds-roller div:nth-child(3) { + animation-delay: -0.108s; + } + + .lds-roller div:nth-child(3):after { + top: 71px; + left: 48px; + } + + .lds-roller div:nth-child(4) { + animation-delay: -0.144s; + } + + .lds-roller div:nth-child(4):after { + top: 72px; + left: 40px; + } + + .lds-roller div:nth-child(5) { + animation-delay: -0.18s; + } + + .lds-roller div:nth-child(5):after { + top: 71px; + left: 32px; + } + + .lds-roller div:nth-child(6) { + animation-delay: -0.216s; + } + + .lds-roller div:nth-child(6):after { + top: 68px; + left: 24px; + } + + .lds-roller div:nth-child(7) { + animation-delay: -0.252s; + } + + .lds-roller div:nth-child(7):after { + top: 63px; + left: 17px; + } + + .lds-roller div:nth-child(8) { + animation-delay: -0.288s; + } + + .lds-roller div:nth-child(8):after { + top: 56px; + left: 12px; + } + + @keyframes lds-roller { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + + .grid-container { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 10px; + } + + .grid-container-search { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; + } + + .container { + height: 84px; + width: 84px; + overflow: hidden; + margin: 10px auto; + border-radius: 25%; + border: 1px solid var(--black); + transition: all 0.3s ease-in-out; + box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); + background: linear-gradient(315deg, #045de9 0%, #09c6f9 74%); + } + + img { + cursor: pointer; + position: relative; + border-radius: 25%; + display: block; + height: 64px; + width: 64px; + object-fit: cover; + margin: 10px auto; + transition: all 0.3s ease; + } + + .round-icon { + margin-top: -87px; + margin-left: 69px; + width: 16px; + height: 16px; + border-radius: 50%; + border: 1px solid #64dd17; + background-color: #76ff03; + } + + .myapptitle { + display: flex; + justify-content: center; + max-height: 32px; + overflow: hidden; + text-overflow: ellipsis; + color: var(--black); + font-size: 17px; + font-weight: 500; + padding: 10px; + line-height: 20px; + margin-top: -10px; + text-align: center; + } + + @media (min-width: 400px) { + .grid-container { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + } + } + + @media (min-width: 640px) { + .grid-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 10px; + } + } + + @media (min-width: 767px) { + .grid-container { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 10px; + } + } + + @media (min-width: 1024px) { + .grid-container { + display: grid; + grid-template-columns: repeat(5, 1fr); + gap: 10px; + } + } + + @media (min-width: 1280px) { + .grid-container { + display: grid; + grid-template-columns: repeat(6, 1fr); + gap: 10px; + } + } + + @media (min-width: 1600px) { + .grid-container { + display: grid; + grid-template-columns: repeat(7, 1fr); + gap: 10px; + } + } + + @media (min-width: 1920px) { + .grid-container { + display: grid; + grid-template-columns: repeat(8, 1fr); + gap: 10px; + } + } + + .card-container { + background-color: var(--white); + color: var(--black); + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .card-container .block { + color: rgb(3, 169, 244); + background-color: transparent; + border-radius: 3px; + border: 1px solid rgb(3, 169, 244); + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + left: 30px; + } + + .card-container .block:hover { + color: #FFF; + background-color: rgb(3, 169, 244); + cursor: pointer; + } + + .card-container .close { + color: #df3636; + background-color: transparent; + border-radius: 3px; + border: 1px solid #df3636; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + right: 30px; + } + + .card-container .close:hover { + color: #FFF; + background-color: #df3636; + cursor: pointer; + } + + .card-container img { + height: 96px; + width: 96px; + } + + .buttons { + display: flex; + justify-content: space-between; + margin: 10px; + } + + button.primary { + background-color: transparent; + border: 1px solid rgb(3, 169, 244); + border-radius: 3px; + color: rgb(3, 169, 244); + font-family: Montserrat, sans-serif; + font-weight: 500; + padding: 10px 25px; + } + + button.primary:hover { + background-color: rgb(3, 169, 244); + color: #FFF; + cursor: pointer; + } + + button.secondary { + background-color: transparent; + border: 1px solid #198754; + border-radius: 3px; + color: #198754; + font-family: Montserrat, sans-serif; + font-weight: 500; + padding: 10px 25px; + } + + button.secondary:hover { + background-color: #198754; + color: #FFF; + cursor: pointer; + } + + .tags { + background-color: var(--white); + text-align: left; + padding: 10px; + margin-top: 10px; + } + + .tags ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .tags ul li { + border: 1px solid rgb(3, 169, 244); + border-radius: 3px; + display: inline-block; + font-size: 12px; + margin: 0 7px 7px 0; + padding: 7px; + } + + .close-download { + color: var(--black); + font-size: 14px; + font-weight: bold; + position: absolute; + top: -15px; + right: -15px; + } + + .close-download:hover { + color: #df3636; + } +` + +export const qWebsitesStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-button-disabled-fill-color: rgba(3, 169, 244, 0.5); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-shape-radius: 25px; + --mdc-dialog-min-width: 300px; + --mdc-dialog-max-width: auto; + --mdc-dialog-max-height: 700px; + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + #tabs-1 { + --mdc-tab-height: 50px; + } + + #tabs-1-content { + height: 100%; + padding-bottom: 10px; + } + + mwc-tab-bar { + --mdc-text-transform: none; + --mdc-tab-color-default: var(--black); + --mdc-tab-text-label-color-default: var(--black); + } + + #pages { + display: flex; + flex-wrap: wrap; + padding: 10px 5px 5px 5px; + margin: 0px 20px 20px 20px; + } + + #pages>button { + user-select: none; + padding: 5px; + margin: 0 5px; + border-radius: 10%; + border: 0; + background: transparent; + font: inherit; + outline: none; + cursor: pointer; + color: var(--black); + } + + #pages>button:not([disabled]):hover, + #pages>button:focus { + color: #ccc; + background-color: #eee; + } + + #pages>button[selected] { + font-weight: bold; + color: var(--white); + background-color: #ccc; + } + + #pages>button[disabled] { + opacity: 0.5; + cursor: default; + } + + #websites-list-page { + background: var(--white); + padding: 12px 24px; + } + + #search { + display: flex; + width: 50%; + align-items: center; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + margin-bottom: 2em; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + a.visitSite { + color: var(--black); + text-decoration: none; + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + .details { + display: flex; + font-size: 18px; + } + + span { + font-size: 14px; + word-break: break-all; + } + + select { + padding: 13px 20px; + width: 100%; + font-size: 14px; + color: #555; + font-weight: 400; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + .resourceTitle { + font-size: 15px; + line-height: 32px; + } + + .resourceDescription { + font-size: 11px; + padding-bottom: 5px; + } + + .resourceCategoryTags { + font-size: 11px; + padding-bottom: 10px; + } + + .resourceRegisteredName { + font-size: 15px; + line-height: 32px; + } + + .resourceStatus, + .resourceStatus span { + font-size: 11px; + } + + .itemList { + padding: 0; + } + + .relay-mode-notice { + margin: auto; + text-align: center; + word-break: normal; + font-size: 14px; + line-height: 20px; + color: var(--relaynodetxt); + } + + img { + border-radius: 25%; + max-width: 65px; + height: 100%; + max-height: 65px; + } +` + +export const publishDataStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-dialog-content-ink-color: var(--black); + --mdc-theme-surface: var(--white); + --mdc-dialog-min-width: 400px; + --mdc-dialog-max-width: 1024px; + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + input[type=text] { + padding: 6px 6px 6px 6px; + color: var(--black); + } + + input[type=file]::file-selector-button { + border: 1px solid transparent; + padding: 6px 6px 6px 6px; + border-radius: 5px; + color: #fff; + background-color: var(--mdc-theme-primary); + transition: 1s; + } + + input[type=file]::file-selector-button:hover { + color: #000; + background-color: #81ecec; + border: 1px solid transparent; + } + + #publishWrapper paper-button { + float: right; + } + + #publishWrapper .buttons { + display: flex; + justify-content: space-between; + max-width: 100%; + width: 100%; + } + + mwc-textfield { + margin: 0; + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .upload-text { + display: block; + font-size: 14px; + color: var(--black); + } + + .address-bar { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100px; + background-color: var(--white); + height: 36px; + } + + .address-bar-button mwc-icon { + width: 30px; + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + --mdc-theme-primary: #198754; + } +` + +export const dataManagementStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-max-width: 85vw; + --mdc-dialog-max-height: 95vh; + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + #pages { + display: flex; + flex-wrap: wrap; + padding: 10px 5px 5px 5px; + margin: 0px 20px 20px 20px; + } + + #pages>button { + user-select: none; + padding: 5px; + margin: 0 5px; + border-radius: 10%; + border: 0; + background: transparent; + font: inherit; + outline: none; + cursor: pointer; + color: var(--black); + } + + #pages>button:not([disabled]):hover, + #pages>button:focus { + color: #ccc; + background-color: #eee; + } + + #pages>button[selected] { + font-weight: bold; + color: var(--white); + background-color: #ccc; + } + + #pages>button[disabled] { + opacity: 0.5; + cursor: default; + } + + paper-dialog.gif-repo { + width: auto; + max-width: 80vw; + height: auto; + max-height: 80vh; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + line-height: 1.6; + overflow-y: auto; + } + + .actions { + display: flex; + justify-content: space-between; + padding: 0 1em; + margin: 12px 0 -6px 0; + } + + #websites-list-page { + background: var(--white); + padding: 12px 24px; + } + + #search { + display: flex; + width: 50%; + align-items: center; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + margin-bottom: 2em; + } + + .image-container { + display: flex; + } + + .image-display { + height: auto; + max-height: 80vh; + width: auto; + max-width: 80vw; + object-fit: contain; + border-radius: 5px; + } + + .green { + --mdc-theme-primary: #198754; + } + + .red { + --mdc-theme-primary: #F44336; + } + + .close-icon { + font-size: 36px; + } + + .close-icon:hover { + cursor: pointer; + opacity: .6; + } + + .buttons { + text-align: right; + } + + .container { + max-width: 90vw; + margin-left: auto; + margin-right: auto; + margin-top: 20px; + padding: .6em; + } + + a.visitSite { + text-decoration: none; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + a.visitSite { + color: var(--black); + text-decoration: none; + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + .details { + display: flex; + font-size: 18px; + } + + span { + font-size: 18px; + word-break: break-all; + } + + select { + padding: 13px 20px; + width: 100%; + font-size: 14px; + color: #555; + font-weight: 400; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + .itemList { + padding: 0; + } + + .default-identifier { + font-size: 14px; + font-style: italic; + } +` + +export const webBrowserStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-checkbox-unchecked-color: var(--black); + --mdc-theme-on-surface: var(--black); + --mdc-checkbox-disabled-color: var(--black); + --mdc-checkbox-ink-color: var(--black); + } + + #websitesWrapper paper-button { + float: right; + } + + #websitesWrapper .buttons { + width: auto !important; + } + + .address-bar { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100px; + background-color: var(--white); + height: 36px; + } + + .address-bar-button mwc-icon { + width: 20px; + } + + .iframe-container { + position: absolute; + top: 36px; + left: 0; + right: 0; + bottom: 0; + border-top: 1px solid var(--black); + } + + .iframe-container iframe { + display: block; + width: 100%; + height: 100%; + border: none; + background-color: var(--white); + } + + input[type='text'] { + margin: 0; + padding: 2px 0 0 20px; + border: 0; + height: 34px; + font-size: 16px; + background-color: var(--white); + } + + input { + outline: none + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .float-right { + float: right; + } +` + +export const qortalLotteryStyles = css` + * { + box-sizing: border-box; + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-theme-error: rgb(255, 89, 89); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 500px; + --mdc-dialog-max-width: 1024px; + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + [hidden] { + display: hidden !important; + visibility: none !important; + } + + #qortal-lottery-page { + background: var(--white); + padding: 12px 24px; + } + + .divCard { + padding: 1em; + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + .header-title { + display: block; + overflow: hidden; + font-size: 32px; + color: var(--black); + font-weight: 400; + text-align: center; + white-space: pre-wrap; + overflow-wrap: break-word; + word-break: break-word; + cursor: inherit; + margin-top: 1rem; + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + --mdc-theme-primary: #198754; + } + + .warning { + --mdc-theme-primary: #f0ad4e; + } + + .buttons { + text-align: right; + } + + .successBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid green; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .errorBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid red; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .btn-clear-success { + --mdc-icon-button-size: 32px; + color: red; + } + + .btn-clear-error { + --mdc-icon-button-size: 32px; + color: green; + } + + .error-icon { + font-size: 48px; + color: red; + } + + .warning-text { + animation: blinker 1.5s linear infinite; + text-align: center; + margin-top: 10px; + color: rgb(255, 89, 89); + } + + @keyframes blinker { + 50% { + opacity: 0; + } + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +` + +export const rewardShareStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + .myGridColor { + background-color: var(--white) !important; + color: var(--black); + } + + #reward-share-page { + background: var(--white); + padding: 12px 24px; + } + + .divCard { + border: 1px solid var(--border); + padding: 1em; + box-shadow: 0 .3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.20); + } + + h2 { + margin: 0; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + .red { + --mdc-theme-primary: #F44336; + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + .spinner { + width: 100%; + display: flex; + justify-content: center; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } +` + +export const sponsorshipListStyles = css` + * { + box-sizing: border-box; + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + .header-title { + font-size: 40px; + color: var(--black); + font-weight: 400; + text-align: center; + } + + .avatar-img { + border-radius: 50%; + height: 24px; + width: 24px; + margin-right: 10px; + } + + .divider { + color: #eee; + border-radius: 80%; + margin-bottom: 2rem; + } + + .fullWidth { + width: 100%; + } + + .page-container { + display: flex; + align-items: center; + flex-direction: column; + margin-bottom: 75px; + } + + .inner-container { + display: flex; + align-items: center; + flex-direction: column; + width: 95%; + max-width: 1024px; + } + + .message-error { + color: var(--error); + } + + .form-wrapper { + display: flex; + align-items: center; + width: 100%; + max-width: 700px; + height: 50px; + flex-wrap: wrap; + } + + .sponsor-minter-text { + color: var(--black); + font-weight: bold; + margin-right: 15px; + font-size: 18px; + } + + .row { + display: flex; + width: 100%; + align-items: center; + } + + .hide { + visibility: hidden + } + + .inactiveText { + opacity: .60 + } + + .column { + display: flex; + flex-direction: column; + width: 100%; + } + + .column-center { + align-items: center; + } + + .no-margin { + margin: 0; + } + + .no-wrap { + flex-wrap: nowrap !important; + } + + .row-center { + justify-content: center; + flex-wrap: wrap; + } + + .form-item { + display: flex; + height: 100%; + } + + .form-item--button { + flex-grow: 0; + } + + .form-item--input { + flex-grow: 1; + margin-right: 25px; + min-width: 275px; + } + + .gap { + gap: 10px; + } + + .title { + font-weight: 600; + font-size: 20px; + line-height: 28px; + opacity: 0.66; + color: var(--switchborder); + } + + .address { + overflow-wrap: anywhere; + color: var(--black); + } + + h4 { + font-weight: 600; + font-size: 20px; + line-height: 28px; + color: var(--black); + } + + mwc-textfield { + width: 100%; + } + + vaadin-button { + height: 100%; + margin: 0; + cursor: pointer; + min-width: 80px; + } + + mwc-icon-button { + height: 100%; + margin: 0; + cursor: pointer; + min-width: 80px; + } + + .loader, + .loader:after { + border-radius: 50%; + width: 10em; + height: 10em; + } + + .loadingContainer { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 10; + } + + .backdrop { + height: 100vh; + width: 100vw; + opacity: 0.6; + background-color: var(--border); + z-index: 9; + position: fixed; + } + + .marginLoader { + margin-left: 10px; + } + + .marginRight { + margin-right: 10px; + } + + .smallLoading, + .smallLoading:after { + border-radius: 50%; + width: 2px; + height: 2px; + } + + .smallLoading { + border-width: 0.6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: 0.6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + .tableGrid { + display: grid; + grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr); + align-items: center; + gap: 5px; + width: 100%; + margin-bottom: 15px; + padding: 5px; + } + + .header { + align-self: flex-start; + } + + .header p { + word-break: break-word; + } + + .grid-item { + text-align: center; + color: var(--black); + word-break: break-all; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + } + + .name-container { + text-align: center; + color: var(--black); + display: flex; + justify-content: center; + align-items: center; + } + + .text { + color: var(--black) + } + + .text--bold { + font-weight: bold; + } + + .text--bold--green { + font-weight: bold; + color: var(--paper-green-500); + } + + .summary-box { + display: inline; + text-align: center; + margin-top: 25px; + width: 100%; + } + + .publicKeyLookupBtn { + position: fixed; + bottom: 15px; + right: 15px; + } + + .text--normal { + font-weight: normal; + } + + .grid-item p { + text-decoration: underline; + } + + ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .red { + --mdc-theme-primary: #f44336; + border-radius: 2px; + + } + + .btn--sponsorshipfinished { + background-color: var(--menuactive); + transition: all .2s; + animation: onOff 2s infinite; + --mdc-theme-primary: var(--black); + } + + .word-break { + word-break: break-all; + } + + .dialog-container { + width: 400px; + min-height: 300px; + max-height: 75vh; + padding: 5px; + display: flex; + align-items: flex-start; + flex-direction: column; + } + + .dialog-paragraph { + word-break: break-all; + color: var(--black) + } + + .dialog-header h1 { + font-size: 18px; + text-align: center; + } + + @keyframes onOff { + from { + opacity: 1 + } + + to { + opacity: .5 + } + } + + .grid-item-text { + display: none; + } + + .sub-title { + margin-bottom: 10px; + } + + .sub-title p { + font-size: 18px; + color: var(--black); + } + + @media (max-width: 610px) { + .sponsor-minter-wrapper { + width: 100%; + margin-bottom: 10px; + } + + .form-item--input { + flex-grow: 1; + margin-right: 25px; + min-width: unset; + } + } + + @media (max-width: 710px) { + .table-header { + display: none; + } + + .grid-item-text { + display: inline; + color: var(--black); + text-decoration: none; + margin: 0px; + margin-right: 10px; + word-break: break-word; + } + + .grid-item { + text-align: start; + align-items: center; + display: grid; + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + } + + .name-container { + justify-content: flex-start + } + + .grid-item p { + text-decoration: none; + } + + .tableGrid { + grid-template-columns: minmax(0, 1fr); + border-radius: 5px; + border: 1px solid var(--black); + padding: 10px; + margin-bottom: 20px; + } + + mwc-button { + grid-column: 1 / -1; + } + } + + .between { + justify-content: space-between; + } + + .no-width { + width: auto + } + + .between p { + margin: 0; + padding: 0; + } + + #showDialogRewardShareCreationStatus .dialog-container { + width: 300px; + min-height: 250px; + max-height: 75vh; + padding: 5px; + display: flex; + align-items: flex-start; + flex-direction: column; + overflow-x: hidden; + } + + .warning { + display: flex; + flex-grow: 1 + } + + #showDialogRewardShareCreationStatus li { + margin-bottom: 15px; + } +` + +export const webBrowserModalStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-checkbox-unchecked-color: var(--black); + --mdc-theme-on-surface: var(--black); + --mdc-checkbox-disabled-color: var(--black); + --mdc-checkbox-ink-color: var(--black); + } + + .backdrop { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgb(186 186 186 / 26%); + overflow: hidden; + animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 1s forwards; + z-index: 1000000; + } + + @keyframes backdrop_blur { + 0% { + backdrop-filter: blur(0px); + background: transparent; + } + 100% { + backdrop-filter: blur(5px); + background: rgb(186 186 186 / 26%); + } + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + 100% { + visibility: visible; + opacity: 1; + } + } + + .modal { + position: relative; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; + z-index: 1000001; + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + 100% { + visibility: visible; + opacity: 1; + } + } + + .modal-content { + background-color: var(--white); + border-radius: 10px; + padding: 20px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + max-width: 80%; + min-width: 300px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .modal-body { + padding: 25px; + } + + .modal-subcontainer { + color: var(--black); + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 15px; + } + + .modal-subcontainer-error { + color: var(--black); + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + overflow: auto; + max-height: calc(95vh - 250px); + } + + .modal-paragraph-error { + font-family: Roboto, sans-serif; + font-size: 20px; + letter-spacing: 0.3px; + font-weight: 700; + color: var(--black); + margin: 0; + } + + .modal-paragraph { + font-family: Roboto, sans-serif; + font-size: 18px; + letter-spacing: 0.3px; + font-weight: 300; + color: var(--black); + margin: 0; + word-wrap: break-word; + overflow-wrap: break-word; + } + + .capitalize-first { + text-transform: capitalize; + } + + .checkbox-row { + display: flex; + align-items: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .modal-buttons { + display: flex; + justify-content: space-between; + margin-top: 20px; + } + + .modal-buttons button { + background-color: #4caf50; + border: none; + color: #fff; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.2s; + } + + .modal-buttons button:hover { + background-color: #3e8e41; + } + + #cancel-button { + background-color: #f44336; + } + + #cancel-button:hover { + background-color: #d32f2f; + } +` + +export const tradeBotStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-error: rgb(255, 89, 89); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-select-outlined-idle-border-color: var(--txtfieldborder); + --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-select-label-ink-color: var(--black); + --mdc-select-ink-color: var(--black); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-shape-radius: 25px; + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + mwc-tab-bar { + --mdc-text-transform: none; + --mdc-tab-color-default: var(--black); + --mdc-tab-text-label-color-default: var(--black); + } + + #tabs-1 { + --mdc-tab-height: 42px; + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + color: var(--black); + } + + #tab-buy[active] { + --mdc-theme-primary: rgba(55, 160, 51, 0.9); + } + + #tabs-1-content { + height: 100%; + padding-bottom: 10px; + } + + #tabs-1-content>div { + height: 100%; + border: 1px solid var(--tradeborder); + } + + #tabs-1-content .card { + border: none; + } + + #tabs-1-content .btn-clear { + --mdc-icon-button-size: 32px; + color: var(--black); + } + + .btn-clear-bot { + --mdc-icon-button-size: 32px; + color: var(--black); + float: right; + } + + .btn-info { + color: #03a9f4; + --mdc-icon-size: 16px; + padding-top: 3px; + } + + #tab-sell[active] { + --mdc-theme-primary: rgb(255, 89, 89); + } + + #trade-portal-page { + background: var(--white); + padding: 12px 24px; + } + + .divCard { + border: 1px solid var(--black); + padding: 1em; + box-shadow: 0 0.3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); + } + + h2 { + margin: 10px 0; + } + + h4 { + margin: 5px 0; + } + + p { + font-size: 14px; + line-height: 21px; + } + + .card-body { + background-color: var(--white); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 100vh; + margin: 0; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .card-container .level { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + left: 30px; + } + + .card-container .founder { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + right: 30px; + } + + .card-container .round { + width: 96px; + height: 96px; + border: 1px solid #03a9f4; + border-radius: 50%; + padding: 2px; + } + + .card-container .badge { + width: 200px; + height: 135px; + border: 1px solid transparent; + border-radius: 10%; + padding: 2px; + } + + .userdata { + background-color: #1F1A36; + text-align: left; + padding: 15px; + margin-top: 30px; + } + + .userdata ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .userdata ul li { + border: 1px solid #2D2747; + border-radius: 2px; + display: inline-block; + font-size: 12px; + margin: 0 7px 7px 0; + padding: 7px; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + header { + display: flex; + flex: 0 1 auto; + align-items: center; + justify-content: center; + padding: 0px 10px; + font-size: 16px; + color: var(--white); + background-color: var(--tradehead); + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + min-height: 40px; + } + + p { + margin-bottom: 12px; + } + + #trade-portal { + max-width: 100vw; + margin-left: auto; + margin-right: auto; + } + + .box { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 100%; + } + + .box-bot { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 150px; + } + + #first-trade-section { + margin-bottom: 10px; + } + + #first-trade-section>div {} + + #second-trade-section { + margin-bottom: 10px; + } + + #second-trade-section>div {} + + #third-trade-section { + margin-bottom: 10px; + } + + #third-trade-section>div {} + + .trade-chart { + background-color: var(--white); + border: 2px #ddd solid; + text-align: center; + } + + .open-trades { + text-align: center; + } + + .open-market-container { + text-align: center; + } + + .trade-bot-container { + text-align: center; + } + + .no-last-seen { + background: rgb(255, 89, 89); + padding: 9px 1.3px; + border-radius: 50%; + width: 1rem; + margin: 0 auto; + } + + .card { + padding: 1em; + border: 1px var(--tradeborder) solid; + flex: 1 1 auto; + display: flex; + flex-flow: column; + justify-content: space-evenly; + min-height: inherit; + } + + .card-bot { + padding: 1em; + flex: 1 1 auto; + display: flex; + flex-flow: column; + justify-content: space-evenly; + width: 350px; + min-height: inherit; + } + + .cancel { + --mdc-theme-primary: rgb(255, 89, 89); + } + + .border-wrapper { + border: 1px var(--tradeborder) solid; + overflow: hidden; + } + + .amt-text { + color: var(--tradehave); + font-size: 15px; + margin-top: 5px; + margin-bottom: 12px; + } + + .exchange { + color: var(--black); + font-size: 18px; + font-weight: bold; + margin-top: 5px; + margin-bottom: 10px; + } + + .clear-button { + display: inline; + float: right; + margin-bottom: 5px; + } + + .exhcnage-text { + display: inline; + float: left; + margin-bottom: 5px; + } + + .balance-text { + display: inline; + float: right; + margin-bottom: 5px; + } + + .fee-text { + display: inline; + float: left; + margin-bottom: 5px; + } + + .tab-text { + color: var(--tradehave); + font-size: 12px; + text-align: left; + margin-top: 2px; + margin-bottom: -12px; + } + + .historic-trades { + text-align: center; + } + + .my-open-orders { + text-align: center; + } + + .my-historic-trades { + text-align: center; + } + + .buttons { + width: auto !important; + } + + .buy-button { + --mdc-theme-primary: rgba(55, 160, 51, 0.9); + } + + .sell-button { + --mdc-theme-primary: rgb(255, 89, 89); + } + + .trade-bot-button { + margin-top: 20px; + margin-bottom: 20px; + --mdc-theme-primary: rgba(55, 160, 51, 0.9); + } + + .full-width { + background-color: var(--white); + border: 2px var(--black); + height: 200px; + text-align: center; + } + + vaading-grid { + font-size: .8em; + } + + vaadin-grid-column { + flex-grow: 1; + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + mwc-select#coinSelectionMenu { + font-size: 24px; + width: 220px; + } + + mwc-select#coinSelectionMenu mwc-list-item { + line-height: 30px; + } + + .coinName::before { + content: ""; + display: inline-block; + height: 26px; + width: 45px; + position: absolute; + background-repeat: no-repeat; + background-size: cover; + left: 10px; + top: 10px; + } + + .btc.coinName:before { + background-image: url('/img/qortbtc.png'); + } + + .ltc.coinName:before { + background-image: url('/img/qortltc.png'); + } + + .doge.coinName:before { + background-image: url('/img/qortdoge.png'); + } + + .dgb.coinName:before { + background-image: url('/img/qortdgb.png'); + } + + .rvn.coinName:before { + background-image: url('/img/qortrvn.png'); + } + + .arrr.coinName:before { + background-image: url('/img/qortarrr.png'); + } + + .coinName { + display: inline-block; + height: 26px; + padding-left: 45px; + } + + .warning-text { + animation: blinker 1.5s linear infinite; + display: inline; + float: left; + margin-bottom: 5px; + color: rgb(255, 89, 89); + } + + .warning-bot-text { + animation: blinker 1.5s linear infinite; + display: inline; + text-align: center; + color: rgb(255, 89, 89); + } + + .red { + --mdc-theme-primary: #F44336; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes blinker { + 50% { + opacity: 0; + } + } + + paper-dialog.info { + width: 75%; + max-width: 75vw; + height: 50%; + max-height: 50vh; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + line-height: 1.6; + overflow-y: auto; + } + + .actions { + display: flex; + justify-content: space-between; + padding: 0 1em; + margin: 12px 0 -6px 0; + } + + .close-icon { + font-size: 36px; + } + + .close-icon:hover { + cursor: pointer; + opacity: .6; + } + + .setpass-wrapper { + width: 100%; + min-width: 400px; + max-width: 450px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 10px 10px 0px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .lock-wrapper { + width: 100%; + height: 100%; + min-width: 600px; + max-width: 600px; + min-height: 400px; + max-height: 400px; + text-align: center; + background: url("/img/qortal-lock.jpg"); + border: 1px solid var(--black); + border-radius: 25px; + padding: 10px 10px 0px; + } + + .text-wrapper { + width: 100%; + height: 100%; + min-width: 280px; + max-width: 280px; + min-height: 64px; + max-height: 64px; + text-align: center; + margin-left: 35px; + margin-top: 125px; + overflow: hidden; + } + + .lock-title-white { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #ffffff; + } + + .lock-title-red { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #df3636; + } + + @media (min-width: 701px) { + * {} + + #trade-bot-portal { + display: grid; + grid-template-columns: 2fr 4fr 2fr; + grid-auto-rows: max(80px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 20px; + } + + #first-trade-section { + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #second-trade-section { + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-auto-rows: max(250px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #third-trade-section { + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-auto-rows: max(150px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #fourth-trade-section { + display: grid; + grid-template-columns: 1fr 4fr 1fr; + grid-auto-rows: max(150px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + } +` + +export const tradePortalStyles = css` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-error: rgb(255, 89, 89); + --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); + --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-label-ink-color: var(--black); + --mdc-text-field-ink-color: var(--black); + --mdc-select-outlined-idle-border-color: var(--txtfieldborder); + --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-select-label-ink-color: var(--black); + --mdc-select-ink-color: var(--black); + --mdc-theme-surface: var(--white); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-shape-radius: 25px; + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-body-text-color: var(--black); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + .myhover vaadin-grid-cell-content { + cursor: pointer; + } + + .myhover vaadin-grid::part(selected-row) { + color: green; + cursor: pointer; + } + + .myhover vaadin-grid::part(focused-selected-row) { + color: green; + cursor: pointer; + } + + .myhover vaadin-grid::part(cell):hover { + cursor: pointer; + } + + .myhover vaadin-grid::part(row):hover { + color: green; + cursor: pointer; + } + + .myhover vaadin-grid::part(selected-row-cell) { + color: green; + cursor: pointer; + } + + paper-spinner-lite { + height: 30px; + width: 30px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + mwc-tab-bar { + --mdc-text-transform: none; + --mdc-tab-color-default: var(--black); + --mdc-tab-text-label-color-default: var(--black); + } + + #tabs-1 { + --mdc-tab-height: 42px; + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + color: var(--black); + } + + #tab-buy[active] { + --mdc-theme-primary: rgba(55, 160, 51, 0.9); + } + + #tabs-1-content { + height: 100%; + padding-bottom: 10px; + } + + #tabs-1-content>div { + height: 100%; + border: 1px solid var(--tradeborder); + } + + #tabs-1-content .card { + border: none; + } + + #tabs-1-content .btn-clear { + --mdc-icon-button-size: 32px; + color: var(--black); + } + + .btn-clear-bot { + --mdc-icon-button-size: 32px; + color: var(--black); + float: right; + } + + .btn-info { + color: #03a9f4; + --mdc-icon-size: 16px; + padding-top: 3px; + } + + #tab-sell[active] { + --mdc-theme-primary: rgb(255, 89, 89); + } + + #trade-portal-page { + background: var(--white); + padding: 12px 24px; + } + + .divCard { + border: 1px solid var(--black); + padding: 1em; + box-shadow: 0 0.3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); + } + + h2 { + margin: 10px 0; + } + + h4 { + margin: 5px 0; + } + + p { + font-size: 14px; + line-height: 21px; + } + + .card-body { + background-color: var(--white); + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 100vh; + margin: 0; + } + + .card-container { + background-color: var(--white); + border-radius: 5px; + color: var(--black); + padding-top: 30px; + position: relative; + width: 350px; + max-width: 100%; + text-align: center; + } + + .card-container .level { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + left: 30px; + } + + .card-container .founder { + color: #ffffff; + background-color: #03a9f4; + border-radius: 3px; + font-size: 14px; + font-weight: bold; + padding: 3px 7px; + position: absolute; + top: 30px; + right: 30px; + } + + .card-container .round { + width: 96px; + height: 96px; + border: 1px solid #03a9f4; + border-radius: 50%; + padding: 2px; + } + + .card-container .badge { + width: 200px; + height: 135px; + border: 1px solid transparent; + border-radius: 10%; + padding: 2px; + } + + .userdata { + background-color: #1F1A36; + text-align: left; + padding: 15px; + margin-top: 30px; + } + + .userdata ul { + list-style-type: none; + margin: 0; + padding: 0; + } + + .userdata ul li { + border: 1px solid #2D2747; + border-radius: 2px; + display: inline-block; + font-size: 12px; + margin: 0 7px 7px 0; + padding: 7px; + } + + h2, + h3, + h4, + h5 { + color: var(--black); + font-weight: 400; + } + + header { + display: flex; + flex: 0 1 auto; + align-items: center; + justify-content: center; + padding: 0px 10px; + font-size: 16px; + color: var(--white); + background-color: var(--tradehead); + border-left: 1px solid var(--tradeborder); + border-top: 1px solid var(--tradeborder); + border-right: 1px solid var(--tradeborder); + min-height: 40px; + } + + p { + margin-bottom: 12px; + } + + #trade-portal { + max-width: 100vw; + margin-left: auto; + margin-right: auto; + } + + .box { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 100%; + } + + .box-bot { + margin: 0; + padding: 0; + display: flex; + flex-flow: column; + height: 150px; + } + + #first-trade-section { + margin-bottom: 10px; + } + + #first-trade-section>div {} + + #second-trade-section { + margin-bottom: 10px; + } + + #second-trade-section>div {} + + #third-trade-section { + margin-bottom: 10px; + } + + #third-trade-section>div {} + + .trade-chart { + background-color: var(--white); + border: 2px #ddd solid; + text-align: center; + } + + .open-trades { + text-align: center; + } + + .open-market-container { + text-align: center; + } + + .trade-bot-container { + text-align: center; + } + + .no-last-seen { + background: rgb(255, 89, 89); + padding: 9px 1.3px; + border-radius: 50%; + width: 1rem; + margin: 0 auto; + } + + .card { + padding: 1em; + border: 1px var(--tradeborder) solid; + flex: 1 1 auto; + display: flex; + flex-flow: column; + justify-content: space-evenly; + min-height: inherit; + } + + .card-bot { + padding: 1em; + flex: 1 1 auto; + display: flex; + flex-flow: column; + justify-content: space-evenly; + width: 350px; + min-height: inherit; + } + + .cancel { + --mdc-theme-primary: rgb(255, 89, 89); + } + + .border-wrapper { + border: 1px var(--tradeborder) solid; + overflow: hidden; + } + + .amt-text { + color: var(--tradehave); + font-size: 15px; + margin-top: 5px; + margin-bottom: 12px; + } + + .exchange { + color: var(--black); + font-size: 18px; + font-weight: bold; + margin-top: 5px; + margin-bottom: 10px; + } + + .clear-button { + display: inline; + float: right; + margin-bottom: 5px; + } + + .exhcnage-text { + display: inline; + float: left; + margin-bottom: 5px; + } + + .balance-text { + display: inline; + float: right; + margin-bottom: 5px; + } + + .fee-text { + display: inline; + float: left; + margin-bottom: 5px; + } + + .tab-text { + color: var(--tradehave); + font-size: 12px; + text-align: left; + margin-top: 2px; + margin-bottom: -12px; + } + + .historic-trades { + text-align: center; + } + + .my-open-orders { + text-align: center; + } + + .my-historic-trades { + text-align: center; + } + + .buttons { + width: auto !important; + } + + .buy-button { + --mdc-theme-primary: rgba(55, 160, 51, 0.9); + } + + .sell-button { + --mdc-theme-primary: rgb(255, 89, 89); + } + + .trade-bot-button { + margin-top: 20px; + margin-bottom: 20px; + --mdc-theme-primary: rgba(55, 160, 51, 0.9); + } + + .full-width { + background-color: var(--white); + border: 2px var(--black); + height: 200px; + text-align: center; + } + + vaading-grid { + font-size: .8em; + } + + vaadin-grid-column { + flex-grow: 1; + } + + .loadingContainer { + height: 100%; + width: 100%; + } + + .loading, + .loading:after { + border-radius: 50%; + width: 5em; + height: 5em; + } + + .loading { + margin: 10px auto; + border-width: .6em; + border-style: solid; + border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); + font-size: 10px; + position: relative; + text-indent: -9999em; + transform: translateZ(0px); + animation: 1.1s linear 0s infinite normal none running loadingAnimation; + } + + mwc-select#coinSelectionMenu { + font-size: 24px; + width: 220px; + } + + mwc-select#coinSelectionMenu mwc-list-item { + line-height: 30px; + } + + .coinName::before { + content: ""; + display: inline-block; + height: 26px; + width: 45px; + position: absolute; + background-repeat: no-repeat; + background-size: cover; + left: 10px; + top: 10px; + } + + .btc.coinName:before { + background-image: url('/img/qortbtc.png'); + } + + .ltc.coinName:before { + background-image: url('/img/qortltc.png'); + } + + .doge.coinName:before { + background-image: url('/img/qortdoge.png'); + } + + .dgb.coinName:before { + background-image: url('/img/qortdgb.png'); + } + + .rvn.coinName:before { + background-image: url('/img/qortrvn.png'); + } + + .arrr.coinName:before { + background-image: url('/img/qortarrr.png'); + } + + .coinName { + display: inline-block; + height: 26px; + padding-left: 45px; + } + + .warning-text { + animation: blinker 1.5s linear infinite; + display: inline; + float: left; + margin-bottom: 5px; + color: rgb(255, 89, 89); + } + + .warning-bot-text { + animation: blinker 1.5s linear infinite; + display: inline; + text-align: center; + color: rgb(255, 89, 89); + } + + .red { + --mdc-theme-primary: #F44336; + } + + @-webkit-keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes loadingAnimation { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + + @keyframes blinker { + 50% { + opacity: 0; + } + } + + paper-dialog.info { + width: 100%; + max-width: 75vw; + height: 100%; + max-height: 50vh; + background-color: var(--white); + color: var(--black); + border: 1px solid var(--black); + border-radius: 15px; + line-height: 1.6; + overflow-y: auto; + } + + .actions { + display: flex; + justify-content: space-between; + padding: 0 1em; + margin: 12px 0 -6px 0; + } + + .close-icon { + font-size: 36px; + } + + .close-icon:hover { + cursor: pointer; + opacity: .6; + } + + .setpass-wrapper { + width: 100%; + min-width: 400px; + max-width: 450px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 10px 10px 0px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .lock-wrapper { + width: 100%; + height: 100%; + min-width: 600px; + max-width: 600px; + min-height: 400px; + max-height: 400px; + text-align: center; + background: url("/img/qortal-lock.jpg"); + border: 1px solid var(--black); + border-radius: 25px; + padding: 10px 10px 0px; + } + + .text-wrapper { + width: 100%; + height: 100%; + min-width: 280px; + max-width: 280px; + min-height: 64px; + max-height: 64px; + text-align: center; + margin-left: 35px; + margin-top: 125px; + overflow: hidden; + } + + .lock-title-white { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #ffffff; + } + + .lock-title-red { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #df3636; + } + + @media (min-width: 701px) { + * {} + + #trade-portal {} + + #first-trade-section { + display: grid; + grid-template-columns: 1fr 1fr 2fr; + grid-auto-rows: max(450px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #second-trade-section { + display: grid; + grid-template-columns: 2fr 1fr; + grid-auto-rows: max(450px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + + #third-trade-section { + display: grid; + grid-template-columns: 1fr 2fr 1fr; + grid-auto-rows: max(200px); + column-gap: 0.5em; + row-gap: 0.4em; + justify-items: stretch; + align-items: stretch; + margin-bottom: 10px; + } + } +` + +export const highChartStyles = css` + .loadingContainer { + height: 100%; + width: 100%; + } + + .trades-chart { + color: var(--black); + background: var(--white); + border: 1px solid var(--black); + border-radius: 25px; + padding: 15px; + } + + .chart-container { + margin: auto; + color: var(--black); + text-align: center; + padding: 15px; + height: 30vh; + width: 80vw; + } + + .chart-info-wrapper { + background: transparent; + height: 38vh; + width: 83vw; + overflow: auto; + } + + .chart-loading-wrapper { + color: var(--black); + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + } +` + +export const multiWalletStyles = css` + * { + box-sizing: border-box; + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --mdc-theme-surface: var(--white); + --mdc-theme-error: rgb(255, 89, 89); + --mdc-dialog-content-ink-color: var(--black); + --mdc-dialog-min-width: 500px; + --mdc-dialog-max-width: 1024px; + --paper-input-container-focus-color: var(--mdc-theme-primary); + --lumo-primary-text-color: rgb(0, 167, 245); + --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); + --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); + --lumo-primary-color: hsl(199, 100%, 48%); + --lumo-base-color: var(--white); + --lumo-secondary-text-color: var(--sectxt); + --lumo-contrast-60pct: var(--vdicon); + --lumo-body-text-color: var(--black); + --_lumo-grid-border-color: var(--border); + --_lumo-grid-secondary-border-color: var(--border2); + } + + #pages { + display: flex; + flex-wrap: wrap; + padding: 10px 5px 5px 5px; + margin: 0px 20px 20px 20px; + } + + #pages>button { + user-select: none; + padding: 5px; + margin: 0 5px; + border-radius: 10%; + border: 0; + background: transparent; + font: inherit; + outline: none; + cursor: pointer; + color: var(--black); + } + + #pages>button:not([disabled]):hover, + #pages>button:focus { + color: #ccc; + background-color: #eee; + } + + #pages>button[selected] { + font-weight: bold; + color: var(--white); + background-color: #ccc; + } + + #pages>button[disabled] { + opacity: 0.5; + cursor: default; + } + + #tabs-height { + --mdc-tab-height: 50px; + } + + #tabs-1-content { + height: 100%; + padding-bottom: 10px; + } + + mwc-tab-bar { + --mdc-text-transform: none; + --mdc-tab-color-default: var(--black); + --mdc-tab-text-label-color-default: var(--black); + } + + paper-slider.blue { + --paper-slider-knob-color: var(--paper-light-blue-500); + --paper-slider-active-color: var(--paper-light-blue-500); + --paper-slider-pin-color: var(--paper-light-blue-500); + } + + paper-progress { + --paper-progress-active-color: var(--mdc-theme-primary); + } + + .red { + --mdc-theme-primary: #F44336; + } + + .green { + color: var(--paper-green-500); + } + + paper-spinner-lite { + height: 75px; + width: 75px; + --paper-spinner-color: var(--mdc-theme-primary); + --paper-spinner-stroke-width: 3px; + } + + .unconfirmed { + font-style: italic; + } + + .roboto { + font-family: 'Roboto', sans-serif; + } + + .mono { + font-family: 'Roboto Mono', monospace; + } + + .sans { + font-family: 'Open Sans', sans-serif; + } + + .magistral { + font-family: 'magistralbold'; + } + + .montserrat { + font-family: 'Montserrat', sans-serif; + } + + .maven { + font-family: 'MavenPro', sans-serif; + } + + .weight-100 { + font-weight: 100; + } + + .text-white-primary { + color: var(--white); + } + + .text-white-secondary { + color: var(--white-secondary); + } + + .text-white-disabled { + color: var(--white-disabled); + } + + .text-white-hint { + color: var(--white-divider); + } + + .white-bg { + height: 100vh; + background: var(--white); + } + + span { + font-size: 18px; + word-break: break-all; + } + + .floatleft { + float: left; + } + + .floatright { + float: right; + } + + .title { + font-weight: 600; + font-size: 12px; + line-height: 32px; + opacity: 0.66; + } + + #transactionList { + padding: 0; + } + + .color-in { + color: #02977e; + background-color: rgba(0, 201, 167, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + .color-out { + color: #b47d00; + background-color: rgba(219, 154, 4, 0.2); + font-weight: 700; + font-size: 0.60938rem; + border-radius: 0.25rem !important; + padding: 0.2rem 0.5rem; + margin-left: 4px; + } + + body { + margin: 0; + padding: 0; + background: var(--white); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + h2 { + margin: 0; + color: var(--black); + font-weight: 400; + font: 24px/24px 'Open Sans', sans-serif; + } + + h3 { + margin: 0 0 5px; + color: var(--black); + font-weight: 600; + font-size: 18px; + line-height: 18px; + } + + .hrstyle { + color: var(--border); + border-radius: 80%; + margin-bottom: 1rem; + } + + .header-title { + display: inlinr; + font-size: 32px; + color: var(--black); + font-weight: 600; + text-align: center; + margin-top: 1rem; + } + + .fullWidth { + width: 100%; + } + + .wrapper { + margin: 0 auto; + height: 100%; + overflow: hidden; + border-radius: 8px; + background-color: var(--white); + } + + .wallet { + width: 200px; + height: 100vh; + border-top-left-radius: inherit; + border-bottom-left-radius: inherit; + border-right: 1px solid var(--border); + } + + .transactions-wrapper { + width: 100%; + padding: 30px 0 0 0; + height: 100%; + } + + .wallet-header { + margin: 0 20px; + color: var(--black); + } + + .wallet-address { + display: flex; + align-items: center; + font-size: 18px; + color: var(--black); + margin: 4px 0 20px; + } + + .wallet-balance { + display: inline-block; + font-weight: 600; + font-size: 32px; + color: var(--black); + } + + #transactions { + margin-top: 30px; + margin-left: 20px; + margin-right: 20px; + border-top: 1px solid var(--border); + padding-top: 0px; + height: 100%; + } + + .show { + animation: fade-in 0.3s 1; + } + + .transaction-item { + display: flex; + justify-content: space-between; + position: relative; + padding-left: 40px; + margin-bottom: 45px; + margin-right: 50px; + } + + .transaction-item::before { + position: absolute; + content: ''; + border: 2px solid #e1e1e1; + border-radius: 50%; + height: 25px; + width: 25px; + left: 0; + top: 10px; + box-sizing: border-box; + vertical-align: middle; + color: #666666; + } + + .credit::before { + content: '+'; + font-size: 25px; + line-height: 19px; + padding: 0 4px 0; + } + + .debit::before { + content: '-'; + font-size: 20px; + line-height: 21px; + padding: 0 5px; + } + + .transaction-item .details { + font-size: 14px; + line-height: 14px; + color: #999; + } + + .transaction-item_details { + width: 270px; + } + + .transaction-item_amount .amount { + font-weight: 600; + font-size: 18px; + line-height: 45px; + position: relative; + margin: 0; + display: inline-block; + } + + .active { + background: var(--menuactive); + } + + .currency-image { + display: inline-block; + height: 42px; + width: 42px; + background-repeat: no-repeat; + background-size: cover; + border-radius: 3px; + filter: grayscale(100%); + } + + .qort .currency-image { + background-image: url('/img/qort.png'); + } + + .btc .currency-image { + background-image: url('/img/btc.png'); + } + + .ltc .currency-image { + background-image: url('/img/ltc.png'); + } + + .doge .currency-image { + background-image: url('/img/doge.png'); + } + + .dgb .currency-image { + background-image: url('/img/dgb.png'); + } + + .rvn .currency-image { + background-image: url('/img/rvn.png'); + } + + .arrr .currency-image { + background-image: url('/img/arrr.png'); + } + + .card-list { + margin-top: 20px; + } + + .card-list .currency-image { + cursor: pointer; + margin-right: 15px; + transition: 0.1s; + } + + .card-list .currency-image:hover { + transform: scale(1.1); + } + + .buttons { + width: auto !important; + } + + .send-coin-dialog { + min-height: 300px; + min-width: 300px; + box-sizing: border-box; + position: relative; + } + + .unused-address-dialog { + min-height: 150px; + min-width: 550px; + box-sizing: border-box; + position: relative; + } + + .btn-clear-success { + --mdc-icon-button-size: 32px; + color: red; + } + + .btn-clear-error { + --mdc-icon-button-size: 32px; + color: green; + } + + @keyframes fade-in { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } + } + + .successBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid green; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .errorBox { + height: 34px; + min-width: 300px; + width: 100%; + border: 1px solid red; + border-radius: 5px; + background-color: transparent; + margin-top: 15px; + } + + .qrcode-pos { + margin-top: -175px; + float: right; + } + + .send-pos { + margin-top: 20px; + margin-left: 20px; + width: 185px; + } + + .book-pos { + margin-top: -44px; + margin-left: 215px; + width: 185px; + } + + @media (max-width: 863px) { + .wallet { + width: 100%; + height: max-content; + border-top-right-radius: inherit; + padding-bottom: 25px; + } + + .cards { + margin-top: 25px; + } + } + + .checkboxLabel:hover { + cursor: pointer; + } + + .warning-text { + animation: blinker 1.5s linear infinite; + text-align: center; + margin-top: 10px; + color: rgb(255, 89, 89); + } + + @keyframes blinker { + 50% { + opacity: 0; + } + } + + @media (max-width: 764px) { + .wallet { + width: 100%; + height: max-content; + border-top-right-radius: inherit; + padding-bottom: 25px; + } + + .cards { + margin-top: 25px; + } + } + + @media (max-width: 530px) { + h3 { + line-height: 24px; + } + + .cards { + text-align: center; + } + + .wallet-balance { + font-size: 22px; + } + } + + @media (max-width: 390px) { + .wallet { + height: max-content; + padding: 50px 25px; + } + + .transactions-wrapper { + padding: 50px 25px; + } + + h2 { + font: 18px/24px 'Open Sans', sans-serif; + } + } + + .setpass-wrapper { + width: 100%; + min-width: 400px; + max-width: 450px; + text-align: center; + background: var(--white); + border: 1px solid var(--black); + border-radius: 15px; + padding: 10px 10px 0px; + box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); + } + + .lock-wrapper { + width: 100%; + height: 100%; + min-width: 600px; + max-width: 600px; + min-height: 400px; + max-height: 400px; + text-align: center; + background: url("/img/qortal-lock.jpg"); + border: 1px solid var(--black); + border-radius: 25px; + padding: 10px 10px 0px; + } + + .text-wrapper { + width: 100%; + height: 100%; + min-width: 280px; + max-width: 280px; + min-height: 64px; + max-height: 64px; + text-align: center; + margin-left: 35px; + margin-top: 125px; + overflow: hidden; + } + + .lock-title-white { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #ffffff; + } + + .lock-title-red { + font-family: 'magistralbold'; + font-weight: 700; + font-size: 26px; + line-height: 32px; + color: #df3636; + } +` + +export const snackQueueStyles = css`` + +export const timeAgoStyles = css`` + +export const buttonIconCopyStyles = css`` \ No newline at end of file diff --git a/plugins/plugins/core/components/qdn-action-constants.js b/plugins/plugins/core/components/qdn-action-constants.js index c03dba03..eb9c2aeb 100644 --- a/plugins/plugins/core/components/qdn-action-constants.js +++ b/plugins/plugins/core/components/qdn-action-constants.js @@ -1,56 +1,56 @@ export const mimeToExtensionMap = { - // Documents - "application/pdf": ".pdf", - "application/msword": ".doc", - "application/vnd.openxmlformats-officedocument.wordprocessingml.document": ".docx", - "application/vnd.ms-excel": ".xls", - "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": ".xlsx", - "application/vnd.ms-powerpoint": ".ppt", - "application/vnd.openxmlformats-officedocument.presentationml.presentation": ".pptx", - "application/vnd.oasis.opendocument.text": ".odt", - "application/vnd.oasis.opendocument.spreadsheet": ".ods", - "application/vnd.oasis.opendocument.presentation": ".odp", - "text/plain": ".txt", - "text/csv": ".csv", - "text/html": ".html", - "application/xhtml+xml": ".xhtml", - "application/xml": ".xml", - "application/json": ".json", + // Documents + "application/pdf": ".pdf", + "application/msword": ".doc", + "application/vnd.openxmlformats-officedocument.wordprocessingml.document": ".docx", + "application/vnd.ms-excel": ".xls", + "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": ".xlsx", + "application/vnd.ms-powerpoint": ".ppt", + "application/vnd.openxmlformats-officedocument.presentationml.presentation": ".pptx", + "application/vnd.oasis.opendocument.text": ".odt", + "application/vnd.oasis.opendocument.spreadsheet": ".ods", + "application/vnd.oasis.opendocument.presentation": ".odp", + "text/plain": ".txt", + "text/csv": ".csv", + "text/html": ".html", + "application/xhtml+xml": ".xhtml", + "application/xml": ".xml", + "application/json": ".json", - // Images - "image/jpeg": ".jpg", - "image/png": ".png", - "image/gif": ".gif", - "image/webp": ".webp", - "image/svg+xml": ".svg", - "image/tiff": ".tif", - "image/bmp": ".bmp", + // Images + "image/jpeg": ".jpg", + "image/png": ".png", + "image/gif": ".gif", + "image/webp": ".webp", + "image/svg+xml": ".svg", + "image/tiff": ".tif", + "image/bmp": ".bmp", - // Audio - "audio/mpeg": ".mp3", - "audio/ogg": ".ogg", - "audio/wav": ".wav", - "audio/webm": ".weba", - "audio/aac": ".aac", + // Audio + "audio/mpeg": ".mp3", + "audio/ogg": ".ogg", + "audio/wav": ".wav", + "audio/webm": ".weba", + "audio/aac": ".aac", - // Video - "video/mp4": ".mp4", - "video/webm": ".webm", - "video/ogg": ".ogv", - "video/x-msvideo": ".avi", - "video/quicktime": ".mov", - "video/x-ms-wmv": ".wmv", - "video/mpeg": ".mpeg", - "video/3gpp": ".3gp", - "video/3gpp2": ".3g2", - "video/x-matroska": ".mkv", - "video/x-flv": ".flv", + // Video + "video/mp4": ".mp4", + "video/webm": ".webm", + "video/ogg": ".ogv", + "video/x-msvideo": ".avi", + "video/quicktime": ".mov", + "video/x-ms-wmv": ".wmv", + "video/mpeg": ".mpeg", + "video/3gpp": ".3gp", + "video/3gpp2": ".3g2", + "video/x-matroska": ".mkv", + "video/x-flv": ".flv", - // Archives - "application/zip": ".zip", - "application/x-rar-compressed": ".rar", - "application/x-tar": ".tar", - "application/x-7z-compressed": ".7z", - "application/x-gzip": ".gz", - "application/x-bzip2": ".bz2", -}; \ No newline at end of file + // Archives + "application/zip": ".zip", + "application/x-rar-compressed": ".rar", + "application/x-tar": ".tar", + "application/x-7z-compressed": ".7z", + "application/x-gzip": ".gz", + "application/x-bzip2": ".bz2", +} diff --git a/plugins/plugins/core/components/qdn-action-encryption.js b/plugins/plugins/core/components/qdn-action-encryption.js index cabd288a..f613bacd 100644 --- a/plugins/plugins/core/components/qdn-action-encryption.js +++ b/plugins/plugins/core/components/qdn-action-encryption.js @@ -2,382 +2,318 @@ import nacl from '../../../../crypto/api/deps/nacl-fast.js' import ed2curve from '../../../../crypto/api/deps/ed2curve.js' class Semaphore { - constructor(count) { - this.count = count; - this.waiting = []; - } - - acquire() { - return new Promise(resolve => { - if (this.count > 0) { - this.count--; - resolve(); - } else { - this.waiting.push(resolve); - } - }); - } - - release() { - if (this.waiting.length > 0) { - const resolve = this.waiting.shift(); - resolve(); - } else { - this.count++; - } - } + constructor(count) { + this.count = count + this.waiting = [] + } + acquire() { + return new Promise(resolve => { + if (this.count > 0) { + this.count-- + resolve() + } else { + this.waiting.push(resolve) + } + }) + } + release() { + if (this.waiting.length > 0) { + const resolve = this.waiting.shift() + resolve() + } else { + this.count++ + } + } } -let semaphore = new Semaphore(1); -let reader = new FileReader(); -export const fileToBase64 = (file) => - new Promise(async (resolve, reject) => { - if (!reader) { - reader = new FileReader(); - } - await semaphore.acquire(); - reader.readAsDataURL(file); - reader.onload = () => { - const dataUrl = reader.result; - if (typeof dataUrl === "string") { - const base64String = dataUrl.split(',')[1]; - reader.onload = null; - reader.onerror = null; - resolve(base64String); - } else { - reader.onload = null; - reader.onerror = null; - reject(new Error('Invalid data URL')); - } - semaphore.release(); - }; - reader.onerror = (error) => { - reader.onload = null; - reader.onerror = null; - reject(error); - semaphore.release(); - }; - }); +let semaphore = new Semaphore(1) +let reader = new FileReader() + +export const fileToBase64 = (file) => new Promise(async (resolve, reject) => { + if (!reader) { + reader = new FileReader() + } + await semaphore.acquire() + reader.readAsDataURL(file) + reader.onload = () => { + const dataUrl = reader.result + if (typeof dataUrl === "string") { + const base64String = dataUrl.split(',')[1] + reader.onload = null + reader.onerror = null + resolve(base64String) + } else { + reader.onload = null + reader.onerror = null + reject(new Error('Invalid data URL')) + } + semaphore.release() + } + reader.onerror = (error) => { + reader.onload = null + reader.onerror = null + reject(error) + semaphore.release() + } +}) export function uint8ArrayToBase64(uint8Array) { - const length = uint8Array.length; - let binaryString = ''; - const chunkSize = 1024 * 1024; // Process 1MB at a time - - for (let i = 0; i < length; i += chunkSize) { - const chunkEnd = Math.min(i + chunkSize, length); - const chunk = uint8Array.subarray(i, chunkEnd); - binaryString += Array.from(chunk, byte => String.fromCharCode(byte)).join(''); - } - - return btoa(binaryString); + const length = uint8Array.length + let binaryString = '' + const chunkSize = 1024 * 1024; // Process 1MB at a time + for (let i = 0; i < length; i += chunkSize) { + const chunkEnd = Math.min(i + chunkSize, length) + const chunk = uint8Array.subarray(i, chunkEnd) + binaryString += Array.from(chunk, byte => String.fromCharCode(byte)).join('') + } + return btoa(binaryString) } export function base64ToUint8Array(base64) { - const binaryString = atob(base64) - const len = binaryString.length - const bytes = new Uint8Array(len) - - for (let i = 0; i < len; i++) { - bytes[i] = binaryString.charCodeAt(i) - } - - return bytes + const binaryString = atob(base64) + const len = binaryString.length + const bytes = new Uint8Array(len) + for (let i = 0; i < len; i++) { + bytes[i] = binaryString.charCodeAt(i) + } + return bytes } export function uint8ArrayToObject(uint8Array) { - // Decode the byte array using TextDecoder - const decoder = new TextDecoder() - const jsonString = decoder.decode(uint8Array) - - // Convert the JSON string back into an object + // Decode the byte array using TextDecoder + const decoder = new TextDecoder() + const jsonString = decoder.decode(uint8Array) + // Convert the JSON string back into an object return JSON.parse(jsonString) - } +} - export function objectToBase64(obj) { - // Step 1: Convert the object to a JSON string - const jsonString = JSON.stringify(obj); - - // Step 2: Create a Blob from the JSON string - const blob = new Blob([jsonString], { type: 'application/json' }); - - // Step 3: Create a FileReader to read the Blob as a base64-encoded string - return new Promise((resolve, reject) => { - const reader = new FileReader(); - reader.onloadend = () => { - if (typeof reader.result === 'string') { - // Remove 'data:application/json;base64,' prefix - const base64 = reader.result.replace( - 'data:application/json;base64,', - '' - ); - resolve(base64); - } else { - reject(new Error('Failed to read the Blob as a base64-encoded string')); - } - }; - reader.onerror = () => { - reject(reader.error); - }; - reader.readAsDataURL(blob); - }); - } +export function objectToBase64(obj) { + // Step 1: Convert the object to a JSON string + const jsonString = JSON.stringify(obj) + // Step 2: Create a Blob from the JSON string + const blob = new Blob([jsonString], { type: 'application/json' }) + // Step 3: Create a FileReader to read the Blob as a base64-encoded string + return new Promise((resolve, reject) => { + const reader = new FileReader() + reader.onloadend = () => { + if (typeof reader.result === 'string') { + // Remove 'data:application/json;base64,' prefix + const base64 = reader.result.replace( + 'data:application/json;base64,', + '' + ) + resolve(base64) + } else { + reject(new Error('Failed to read the Blob as a base64-encoded string')) + } + } + reader.onerror = () => { + reject(reader.error) + } + reader.readAsDataURL(blob) + }) +} export const encryptData = ({ data64, recipientPublicKey }) => { - - const uint8Array = base64ToUint8Array(data64) - - if (!(uint8Array instanceof Uint8Array)) { - - throw new Error("The Uint8ArrayData you've submitted is invalid") - } - try { - const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - if (!privateKey) { - - throw new Error("Unable to retrieve keys") - } - const publicKeyUnit8Array = window.parent.Base58.decode(recipientPublicKey) - - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array) - const sharedSecret = new Uint8Array(32) - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - - const chatEncryptionSeed = new window.parent.Sha256().process(sharedSecret).finish().result - - const nonce = new Uint8Array(24); - window.crypto.getRandomValues(nonce); - const encryptedData = nacl.secretbox(uint8Array, nonce, chatEncryptionSeed) - - const str = "qortalEncryptedData"; - const strEncoder = new TextEncoder(); - const strUint8Array = strEncoder.encode(str); - - const combinedData = new Uint8Array(strUint8Array.length + nonce.length + encryptedData.length); - - combinedData.set(strUint8Array); - - combinedData.set(nonce, strUint8Array.length); - combinedData.set(encryptedData, strUint8Array.length + nonce.length); - - - const uint8arrayToData64 = uint8ArrayToBase64(combinedData) - - return { - encryptedData: uint8arrayToData64, - recipientPublicKey - } - } catch (error) { - throw new Error("Error in encrypting data") - } + if (!(uint8Array instanceof Uint8Array)) { + throw new Error("The Uint8ArrayData you've submitted is invalid") + } + try { + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + if (!privateKey) { + throw new Error("Unable to retrieve keys") + } + const publicKeyUnit8Array = window.parent.Base58.decode(recipientPublicKey) + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array) + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + const chatEncryptionSeed = new window.parent.Sha256().process(sharedSecret).finish().result + const nonce = new Uint8Array(24) + window.crypto.getRandomValues(nonce) + const encryptedData = nacl.secretbox(uint8Array, nonce, chatEncryptionSeed) + const str = "qortalEncryptedData" + const strEncoder = new TextEncoder() + const strUint8Array = strEncoder.encode(str) + const combinedData = new Uint8Array(strUint8Array.length + nonce.length + encryptedData.length) + combinedData.set(strUint8Array) + combinedData.set(nonce, strUint8Array.length) + combinedData.set(encryptedData, strUint8Array.length + nonce.length) + const uint8arrayToData64 = uint8ArrayToBase64(combinedData) + return { + encryptedData: uint8arrayToData64, + recipientPublicKey + } + } catch (error) { + throw new Error("Error in encrypting data") + } } export const encryptDataGroup = ({ data64, publicKeys }) => { - const userPublicKey = window.parent.reduxStore.getState().app.selectedAddress.base58PublicKey - let combinedPublicKeys = publicKeys - if (userPublicKey) { - combinedPublicKeys = [...publicKeys, userPublicKey] - } + const userPublicKey = window.parent.reduxStore.getState().app.selectedAddress.base58PublicKey + let combinedPublicKeys = publicKeys + if (userPublicKey) { + combinedPublicKeys = [...publicKeys, userPublicKey] + } + const publicKeysDuplicateFree = [...new Set(combinedPublicKeys)] + const Uint8ArrayData = base64ToUint8Array(data64) + if (!(Uint8ArrayData instanceof Uint8Array)) { + throw new Error("The Uint8ArrayData you've submitted is invalid") + } + try { + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + if (!privateKey) { + throw new Error("Unable to retrieve keys") + } + // Generate a random symmetric key for the message. + const messageKey = new Uint8Array(32) + window.crypto.getRandomValues(messageKey) + const nonce = new Uint8Array(24) + window.crypto.getRandomValues(nonce) + // Encrypt the data with the symmetric key. + const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey) + // Generate a keyNonce outside of the loop. + const keyNonce = new Uint8Array(24) + window.crypto.getRandomValues(keyNonce) + // Encrypt the symmetric key for each recipient. + let encryptedKeys = [] + publicKeysDuplicateFree.forEach((recipientPublicKey) => { + const publicKeyUnit8Array = window.parent.Base58.decode(recipientPublicKey) + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array) + const sharedSecret = new Uint8Array(32) - const publicKeysDuplicateFree = [...new Set(combinedPublicKeys)]; - const Uint8ArrayData = base64ToUint8Array(data64) + // the length of the sharedSecret will be 32 + 16 + // When you're encrypting data using nacl.secretbox, it's adding an authentication tag to the result, which is 16 bytes long. This tag is used for verifying the integrity and authenticity of the data when it is decrypted + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - if (!(Uint8ArrayData instanceof Uint8Array)) { - throw new Error("The Uint8ArrayData you've submitted is invalid") - } + // Encrypt the symmetric key with the shared secret. + const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret) - try { - const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - if (!privateKey) { - throw new Error("Unable to retrieve keys") - } - - // Generate a random symmetric key for the message. - const messageKey = new Uint8Array(32); - window.crypto.getRandomValues(messageKey); - - const nonce = new Uint8Array(24); - window.crypto.getRandomValues(nonce); - - // Encrypt the data with the symmetric key. - const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey); - - // Generate a keyNonce outside of the loop. - const keyNonce = new Uint8Array(24); - window.crypto.getRandomValues(keyNonce); - - // Encrypt the symmetric key for each recipient. - let encryptedKeys = []; - publicKeysDuplicateFree.forEach((recipientPublicKey) => { - const publicKeyUnit8Array = window.parent.Base58.decode(recipientPublicKey) - - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array) - - const sharedSecret = new Uint8Array(32) - // the length of the sharedSecret will be 32 + 16 - // When you're encrypting data using nacl.secretbox, it's adding an authentication tag to the result, which is 16 bytes long. This tag is used for verifying the integrity and authenticity of the data when it is decrypted - - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - - // Encrypt the symmetric key with the shared secret. - const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret); - - encryptedKeys.push(encryptedKey); - }); - const str = "qortalGroupEncryptedData"; - const strEncoder = new TextEncoder(); - const strUint8Array = strEncoder.encode(str); - - // Convert sender's public key to Uint8Array and add to the message - const senderPublicKeyUint8Array = window.parent.Base58.decode(userPublicKey); - - // Combine all data into a single Uint8Array. - // Calculate size of combinedData - let combinedDataSize = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length + 4; - let encryptedKeysSize = 0; - - encryptedKeys.forEach((key) => { - encryptedKeysSize += key.length; - }); - - combinedDataSize += encryptedKeysSize; - - let combinedData = new Uint8Array(combinedDataSize); - - combinedData.set(strUint8Array); - combinedData.set(nonce, strUint8Array.length); - combinedData.set(keyNonce, strUint8Array.length + nonce.length); - combinedData.set(senderPublicKeyUint8Array, strUint8Array.length + nonce.length + keyNonce.length); - combinedData.set(encryptedData, strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length); - - // Initialize offset for encryptedKeys - let encryptedKeysOffset = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length; - encryptedKeys.forEach((key) => { - combinedData.set(key, encryptedKeysOffset); - encryptedKeysOffset += key.length; - }); - const countArray = new Uint8Array(new Uint32Array([publicKeysDuplicateFree.length]).buffer); - combinedData.set(countArray, combinedData.length - 4); - return uint8ArrayToBase64(combinedData); - - } catch (error) { - throw new Error("Error in encrypting data") - } + encryptedKeys.push(encryptedKey) + }) + const str = "qortalGroupEncryptedData" + const strEncoder = new TextEncoder() + const strUint8Array = strEncoder.encode(str) + // Convert sender's public key to Uint8Array and add to the message + const senderPublicKeyUint8Array = window.parent.Base58.decode(userPublicKey) + // Combine all data into a single Uint8Array. + // Calculate size of combinedData + let combinedDataSize = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length + 4 + let encryptedKeysSize = 0 + encryptedKeys.forEach((key) => { + encryptedKeysSize += key.length + }) + combinedDataSize += encryptedKeysSize + let combinedData = new Uint8Array(combinedDataSize) + combinedData.set(strUint8Array) + combinedData.set(nonce, strUint8Array.length) + combinedData.set(keyNonce, strUint8Array.length + nonce.length) + combinedData.set(senderPublicKeyUint8Array, strUint8Array.length + nonce.length + keyNonce.length) + combinedData.set(encryptedData, strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length) + // Initialize offset for encryptedKeys + let encryptedKeysOffset = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length + encryptedKeys.forEach((key) => { + combinedData.set(key, encryptedKeysOffset) + encryptedKeysOffset += key.length + }) + const countArray = new Uint8Array(new Uint32Array([publicKeysDuplicateFree.length]).buffer) + combinedData.set(countArray, combinedData.length - 4) + return uint8ArrayToBase64(combinedData) + } catch (error) { + throw new Error("Error in encrypting data") + } } export function uint8ArrayStartsWith(uint8Array, string) { - const stringEncoder = new TextEncoder(); - const stringUint8Array = stringEncoder.encode(string); - - if (uint8Array.length < stringUint8Array.length) { - return false; - } - - for (let i = 0; i < stringUint8Array.length; i++) { - if (uint8Array[i] !== stringUint8Array[i]) { - return false; - } - } - - return true; + const stringEncoder = new TextEncoder() + const stringUint8Array = stringEncoder.encode(string) + if (uint8Array.length < stringUint8Array.length) { + return false + } + for (let i = 0; i < stringUint8Array.length; i++) { + if (uint8Array[i] !== stringUint8Array[i]) { + return false + } + } + return true } export function decryptDeprecatedSingle(uint8Array, publicKey) { - const combinedData = uint8Array - const str = "qortalEncryptedData"; - const strEncoder = new TextEncoder(); - const strUint8Array = strEncoder.encode(str); - - const strData = combinedData.slice(0, strUint8Array.length); - const nonce = combinedData.slice(strUint8Array.length, strUint8Array.length + 24); - const _encryptedData = combinedData.slice(strUint8Array.length + 24); - - const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - const _publicKey = window.parent.Base58.decode(publicKey) - - if (!privateKey || !_publicKey) { - - throw new Error("Unable to retrieve keys") - } - - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedPublicKey = ed2curve.convertPublicKey(_publicKey) - const sharedSecret = new Uint8Array(32); - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) - - const _chatEncryptionSeed = new window.parent.Sha256().process(sharedSecret).finish().result - const _decryptedData = nacl.secretbox.open(_encryptedData, nonce, _chatEncryptionSeed) - if (!_decryptedData) { - throw new Error("Unable to decrypt") - } + const combinedData = uint8Array + const str = "qortalEncryptedData" + const strEncoder = new TextEncoder() + const strUint8Array = strEncoder.encode(str) + const strData = combinedData.slice(0, strUint8Array.length) + const nonce = combinedData.slice(strUint8Array.length, strUint8Array.length + 24) + const _encryptedData = combinedData.slice(strUint8Array.length + 24) + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + const _publicKey = window.parent.Base58.decode(publicKey) + if (!privateKey || !_publicKey) { + throw new Error("Unable to retrieve keys") + } + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedPublicKey = ed2curve.convertPublicKey(_publicKey) + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey) + const _chatEncryptionSeed = new window.parent.Sha256().process(sharedSecret).finish().result + const _decryptedData = nacl.secretbox.open(_encryptedData, nonce, _chatEncryptionSeed) + if (!_decryptedData) { + throw new Error("Unable to decrypt") + } return uint8ArrayToBase64(_decryptedData) } export function decryptGroupData(data64EncryptedData) { - const allCombined = base64ToUint8Array(data64EncryptedData); - const str = "qortalGroupEncryptedData"; - const strEncoder = new TextEncoder(); - const strUint8Array = strEncoder.encode(str); - - // Extract the nonce - const nonceStartPosition = strUint8Array.length; - const nonceEndPosition = nonceStartPosition + 24; // Nonce is 24 bytes - const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition); - - // Extract the shared keyNonce - const keyNonceStartPosition = nonceEndPosition; - const keyNonceEndPosition = keyNonceStartPosition + 24; // Nonce is 24 bytes - const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition); - - // Extract the sender's public key - const senderPublicKeyStartPosition = keyNonceEndPosition; - const senderPublicKeyEndPosition = senderPublicKeyStartPosition + 32; // Public keys are 32 bytes - const senderPublicKey = allCombined.slice(senderPublicKeyStartPosition, senderPublicKeyEndPosition); - - // Calculate count first - const countStartPosition = allCombined.length - 4; // 4 bytes before the end, since count is stored in Uint32 (4 bytes) - const countArray = allCombined.slice(countStartPosition, countStartPosition + 4); - const count = new Uint32Array(countArray.buffer)[0]; - - // Then use count to calculate encryptedData - const encryptedDataStartPosition = senderPublicKeyEndPosition; // start position of encryptedData - const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4); - const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition); - - // Extract the encrypted keys - // 32+16 = 48 - const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48)); - const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey - - if (!privateKey) { - throw new Error("Unable to retrieve keys") - } - - const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) - const convertedSenderPublicKey = ed2curve.convertPublicKey(senderPublicKey) - const sharedSecret = new Uint8Array(32) - nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedSenderPublicKey) - for (let i = 0; i < count; i++) { - const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48); - - // Decrypt the symmetric key. - const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret); - - // If decryption was successful, decryptedKey will not be null. - if (decryptedKey) { - // Decrypt the data using the symmetric key. - const decryptedData = nacl.secretbox.open(encryptedData, nonce, decryptedKey); - - // If decryption was successful, decryptedData will not be null. - if (decryptedData) { - - return decryptedData - } - } - } - - throw new Error("Unable to decrypt data") -} + const allCombined = base64ToUint8Array(data64EncryptedData) + const str = "qortalGroupEncryptedData" + const strEncoder = new TextEncoder() + const strUint8Array = strEncoder.encode(str) + // Extract the nonce + const nonceStartPosition = strUint8Array.length + const nonceEndPosition = nonceStartPosition + 24 // Nonce is 24 bytes + const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition) + // Extract the shared keyNonce + const keyNonceStartPosition = nonceEndPosition + const keyNonceEndPosition = keyNonceStartPosition + 24 // Nonce is 24 bytes + const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition) + // Extract the sender's public key + const senderPublicKeyStartPosition = keyNonceEndPosition + const senderPublicKeyEndPosition = senderPublicKeyStartPosition + 32 // Public keys are 32 bytes + const senderPublicKey = allCombined.slice(senderPublicKeyStartPosition, senderPublicKeyEndPosition) + // Calculate count first + const countStartPosition = allCombined.length - 4 // 4 bytes before the end, since count is stored in Uint32 (4 bytes) + const countArray = allCombined.slice(countStartPosition, countStartPosition + 4) + const count = new Uint32Array(countArray.buffer)[0] + // Then use count to calculate encryptedData + const encryptedDataStartPosition = senderPublicKeyEndPosition // start position of encryptedData + const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4) + const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition) + // Extract the encrypted keys + // 32+16 = 48 + const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48)) + const privateKey = window.parent.reduxStore.getState().app.selectedAddress.keyPair.privateKey + if (!privateKey) { + throw new Error("Unable to retrieve keys") + } + const convertedPrivateKey = ed2curve.convertSecretKey(privateKey) + const convertedSenderPublicKey = ed2curve.convertPublicKey(senderPublicKey) + const sharedSecret = new Uint8Array(32) + nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedSenderPublicKey) + for (let i = 0; i < count; i++) { + const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48) + // Decrypt the symmetric key. + const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret) + // If decryption was successful, decryptedKey will not be null. + if (decryptedKey) { + // Decrypt the data using the symmetric key. + const decryptedData = nacl.secretbox.open(encryptedData, nonce, decryptedKey) + // If decryption was successful, decryptedData will not be null. + if (decryptedData) { + return decryptedData + } + } + } + throw new Error("Unable to decrypt data") +} \ No newline at end of file diff --git a/plugins/plugins/core/components/qdn-action-types.js b/plugins/plugins/core/components/qdn-action-types.js index 6a75af07..93db3f18 100644 --- a/plugins/plugins/core/components/qdn-action-types.js +++ b/plugins/plugins/core/components/qdn-action-types.js @@ -1,41 +1,41 @@ -// GET_USER_ACCOUNT action -export const GET_USER_ACCOUNT = 'GET_USER_ACCOUNT'; +// GET_USER_ACCOUNT +export const GET_USER_ACCOUNT = 'GET_USER_ACCOUNT' -// LINK_TO_QDN_RESOURCE action -export const LINK_TO_QDN_RESOURCE = 'LINK_TO_QDN_RESOURCE'; +// LINK_TO_QDN_RESOURCE +export const LINK_TO_QDN_RESOURCE = 'LINK_TO_QDN_RESOURCE' -// QDN_RESOURCE_DISPLAYED action -export const QDN_RESOURCE_DISPLAYED = 'QDN_RESOURCE_DISPLAYED'; +// QDN_RESOURCE_DISPLAYED +export const QDN_RESOURCE_DISPLAYED = 'QDN_RESOURCE_DISPLAYED' -// PUBLISH_QDN_RESOURCE action -export const PUBLISH_QDN_RESOURCE = 'PUBLISH_QDN_RESOURCE'; +// PUBLISH_QDN_RESOURCE +export const PUBLISH_QDN_RESOURCE = 'PUBLISH_QDN_RESOURCE' -// SEND_CHAT_MESSAGE action -export const SEND_CHAT_MESSAGE = 'SEND_CHAT_MESSAGE'; +// SEND_CHAT_MESSAGE +export const SEND_CHAT_MESSAGE = 'SEND_CHAT_MESSAGE' -// JOIN_GROUP action -export const JOIN_GROUP = 'JOIN_GROUP'; +// JOIN_GROUP +export const JOIN_GROUP = 'JOIN_GROUP' -// DEPLOY_AT action -export const DEPLOY_AT = 'DEPLOY_AT'; +// DEPLOY_AT +export const DEPLOY_AT = 'DEPLOY_AT' -// GET_USER_WALLET action -export const GET_USER_WALLET = 'GET_USER_WALLET'; +// GET_USER_WALLET +export const GET_USER_WALLET = 'GET_USER_WALLET' -// GET_USER_WALLET_INFO action -export const GET_USER_WALLET_INFO = 'GET_USER_WALLET_INFO'; +// GET_USER_WALLET_INFO +export const GET_USER_WALLET_INFO = 'GET_USER_WALLET_INFO' -// GET_CROSSCHAIN_SERVER_INFO action -export const GET_CROSSCHAIN_SERVER_INFO = 'GET_CROSSCHAIN_SERVER_INFO'; +// GET_CROSSCHAIN_SERVER_INFO +export const GET_CROSSCHAIN_SERVER_INFO = 'GET_CROSSCHAIN_SERVER_INFO' -// GET_TX_ACTIVITY_SUMMARY action -export const GET_TX_ACTIVITY_SUMMARY = 'GET_TX_ACTIVITY_SUMMARY'; +// GET_TX_ACTIVITY_SUMMARY +export const GET_TX_ACTIVITY_SUMMARY = 'GET_TX_ACTIVITY_SUMMARY' // GET_WALLET_BALANCE action -export const GET_WALLET_BALANCE = 'GET_WALLET_BALANCE'; +export const GET_WALLET_BALANCE = 'GET_WALLET_BALANCE' -// SEND_COIN action -export const SEND_COIN = 'SEND_COIN'; +// SEND_COIN +export const SEND_COIN = 'SEND_COIN' // PUBLISH_MULTIPLE_QDN_RESOURCES export const PUBLISH_MULTIPLE_QDN_RESOURCES = 'PUBLISH_MULTIPLE_QDN_RESOURCES' @@ -61,32 +61,41 @@ export const DECRYPT_DATA_GROUP = 'DECRYPT_DATA_GROUP' // SAVE_FILE export const SAVE_FILE = 'SAVE_FILE' -//SET_TAB_NOTIFICATIONS +// SET_TAB_NOTIFICATIONS export const SET_TAB_NOTIFICATIONS = 'SET_TAB_NOTIFICATIONS' -//OPEN_NEW_TAB +// OPEN_NEW_TAB export const OPEN_NEW_TAB = 'OPEN_NEW_TAB' -//NOTIFICATIONS_PERMISSION +// NOTIFICATIONS_PERMISSION export const NOTIFICATIONS_PERMISSION = 'NOTIFICATIONS_PERMISSION' -//SEND_LOCAL_NOTIFICATION +// SEND_LOCAL_NOTIFICATION export const SEND_LOCAL_NOTIFICATION = 'SEND_LOCAL_NOTIFICATION' -//VOTE_ON_POLL +// VOTE_ON_POLL export const VOTE_ON_POLL= 'VOTE_ON_POLL' -//CREATE_POLL +// CREATE_POLL export const CREATE_POLL= 'CREATE_POLL' -//GET_PROFILE_DATA +// GET_PROFILE_DATA export const GET_PROFILE_DATA = 'GET_PROFILE_DATA' // SET_PROFILE_DATA export const SET_PROFILE_DATA= 'SET_PROFILE_DATA' -//GET_DAY_SUMMARY +// GET_DAY_SUMMARY export const GET_DAY_SUMMARY = 'GET_DAY_SUMMARY' -//GET_FRIENDS_LIST +// GET_FRIENDS_LIST export const GET_FRIENDS_LIST = 'GET_FRIENDS_LIST' + +// GET_FOREIGN_FEE +export const GET_FOREIGN_FEE = 'GET_FOREIGN_FEE' + +// UPDATE_FOREIGN_FEE +export const UPDATE_FOREIGN_FEE = 'UPDATE_FOREIGN_FEE' + +// OPEN_PROFILE +export const OPEN_PROFILE = 'OPEN_PROFILE' \ No newline at end of file diff --git a/plugins/plugins/core/components/qortal-info-view.js b/plugins/plugins/core/components/qortal-info-view.js index b7afb6a6..4be95e02 100644 --- a/plugins/plugins/core/components/qortal-info-view.js +++ b/plugins/plugins/core/components/qortal-info-view.js @@ -1,1861 +1,1504 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {get, translate} from '../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { qortalInfoViewStyles } from './plugins-css' import '@material/mwc-button' import '@material/mwc-icon' +import '@polymer/paper-dialog/paper-dialog.js' import '@vaadin/grid' import '@vaadin/grid/vaadin-grid-sorter' +// Multi language support +import { get, translate } from '../../../../core/translate' + class QortalInfoView extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - isLoadingBoughtTradesBTC: { type: Boolean }, - isLoadingBoughtTradesLTC: { type: Boolean }, - isLoadingBoughtTradesDOGE: { type: Boolean }, - isLoadingBoughtTradesDGB: { type: Boolean }, - isLoadingBoughtTradesRVN: { type: Boolean }, - isLoadingBoughtTradesARRR: { type: Boolean }, - isLoadingSoldTradesBTC: { type: Boolean }, - isLoadingSoldTradesLTC: { type: Boolean }, - isLoadingSoldTradesDOGE: { type: Boolean }, - isLoadingSoldTradesDGB: { type: Boolean }, - isLoadingSoldTradesRVN: { type: Boolean }, - isLoadingSoldTradesARRR: { type: Boolean }, - isLoadingCompleteInfo: { type: Boolean }, - infoAccountName: { type: String }, - imageUrl: { type: String }, - addressResult: { type: Array }, - nameAddressResult: { type: Array }, - displayAddress: { type: String }, - displayLevel: { type: String }, - displayBalance: { type: Number }, - explorerBoughtBTCTrades: { type: Array }, - explorerBoughtLTCTrades: { type: Array }, - explorerBoughtDOGETrades: { type: Array }, - explorerBoughtDGBTrades: { type: Array }, - explorerBoughtRVNTrades: { type: Array }, - explorerBoughtARRRTrades: { type: Array }, - explorerSoldBTCTrades: { type: Array }, - explorerSoldLTCTrades: { type: Array }, - explorerSoldDOGETrades: { type: Array }, - explorerSoldDGBTrades: { type: Array }, - explorerSoldRVNTrades: { type: Array }, - explorerSoldARRRTrades: { type: Array }, - allPayments: { type: Array }, - allReceivedPayments: { type: Array }, - allSendPayments: { type: Array }, - actualBlockheight: { type: Number }, - reduceBlockheight: { type: Number }, - startMintBlockheight: { type: Number }, - startMintTime: { type: String }, - startMintBlock: { type: Array }, - totalSent: { type: Number }, - totalReceived: { type: Number }, - txtimestamp: { type: String }, - txcreatorAddress: { type: String }, - txrecipient: { type: String }, - txamount: { type: String }, - txfee: { type: String }, - txblockHeight: { type: String } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - box-sizing: border-box; - } - - h2 { - margin: 10px 0; - } - - h3 { - margin-top: -80px; - color: #03a9f4; - font-size: 18px; + static get properties() { + return { + theme: { type: String, reflect: true }, + isLoadingBoughtTradesBTC: { type: Boolean }, + isLoadingBoughtTradesLTC: { type: Boolean }, + isLoadingBoughtTradesDOGE: { type: Boolean }, + isLoadingBoughtTradesDGB: { type: Boolean }, + isLoadingBoughtTradesRVN: { type: Boolean }, + isLoadingBoughtTradesARRR: { type: Boolean }, + isLoadingSoldTradesBTC: { type: Boolean }, + isLoadingSoldTradesLTC: { type: Boolean }, + isLoadingSoldTradesDOGE: { type: Boolean }, + isLoadingSoldTradesDGB: { type: Boolean }, + isLoadingSoldTradesRVN: { type: Boolean }, + isLoadingSoldTradesARRR: { type: Boolean }, + isLoadingCompleteInfo: { type: Boolean }, + infoAccountName: { type: String }, + imageUrl: { type: String }, + addressResult: { type: Array }, + nameAddressResult: { type: Array }, + displayAddress: { type: String }, + displayLevel: { type: String }, + displayBalance: { type: Number }, + explorerBoughtBTCTrades: { type: Array }, + explorerBoughtLTCTrades: { type: Array }, + explorerBoughtDOGETrades: { type: Array }, + explorerBoughtDGBTrades: { type: Array }, + explorerBoughtRVNTrades: { type: Array }, + explorerBoughtARRRTrades: { type: Array }, + explorerSoldBTCTrades: { type: Array }, + explorerSoldLTCTrades: { type: Array }, + explorerSoldDOGETrades: { type: Array }, + explorerSoldDGBTrades: { type: Array }, + explorerSoldRVNTrades: { type: Array }, + explorerSoldARRRTrades: { type: Array }, + allPayments: { type: Array }, + allReceivedPayments: { type: Array }, + allSendPayments: { type: Array }, + actualBlockheight: { type: Number }, + reduceBlockheight: { type: Number }, + startMintBlockheight: { type: Number }, + startMintTime: { type: String }, + startMintBlock: { type: Array }, + totalSent: { type: Number }, + totalReceived: { type: Number }, + txtimestamp: { type: String }, + txcreatorAddress: { type: String }, + txrecipient: { type: String }, + txamount: { type: String }, + txfee: { type: String }, + txblockHeight: { type: String } } + } - h4 { - margin: 5px 0; - } + static get styles() { + return [qortalInfoViewStyles] + } - p { - margin-top: 5px; - font-size: 14px; - line-height: 16px; - } + constructor() { + super() + this.infoAccountName = '' + this.imageUrl = '' + this.addressResult = [] + this.nameAddressResult = [] + this.displayAddress = '' + this.displayLevel = '' + this.displayBalance = 0 + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.isLoadingBoughtTradesBTC = false + this.isLoadingBoughtTradesLTC = false + this.isLoadingBoughtTradesDOGE = false + this.isLoadingBoughtTradesDGB = false + this.isLoadingBoughtTradesRVN = false + this.isLoadingBoughtTradesARRR = false + this.isLoadingSoldTradesBTC = false + this.isLoadingSoldTradesLTC = false + this.isLoadingSoldTradesDOGE = false + this.isLoadingSoldTradesDGB = false + this.isLoadingSoldTradesRVN = false + this.isLoadingSoldTradesARRR = false + this.isLoadingCompleteInfo = false + this.explorerBoughtBTCTrades = [] + this.explorerBoughtLTCTrades = [] + this.explorerBoughtDOGETrades = [] + this.explorerBoughtDGBTrades = [] + this.explorerBoughtRVNTrades = [] + this.explorerBoughtARRRTrades = [] + this.explorerSoldBTCTrades = [] + this.explorerSoldLTCTrades = [] + this.explorerSoldDOGETrades = [] + this.explorerSoldDGBTrades = [] + this.explorerSoldRVNTrades = [] + this.explorerSoldARRRTrades = [] + this.allPayments = [] + this.allReceivedPayments = [] + this.allSendPayments = [] + this.actualBlockheight = 0 + this.reduceBlockheight = 0 + this.startMintBlockheight = 0 + this.startMintTime = '' + this.startMintBlock = [] + this.totalSent = 0 + this.totalReceived = 0 + this.txtimestamp = '' + this.txcreatorAddress = '' + this.txrecipient = '' + this.txamount = '' + this.txfee = '' + this.txblockHeight = '' + } - ul { - list-style: none; - display: flex; + render() { + return html` + + +

    ${this.infoAccountName}

    +

    ${this.displayAddress}

    +
    +
    + ${translate("login.loading")} +
    +
    +
      +
    • + ${translate("mintingpage.mchange27")} ${this.displayLevel} +
      • +
    • + ${translate("walletprofile.blocksminted")} ${this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment} +
      • +
    • + ${translate("explorerpage.exp15")} ${this.startMintTime} +
      • +
    • + ${translate("general.balance")} ${this.displayBalance} QORT +
      • +
    • + ${translate("explorerpage.exp6")} ${this.founderStatus()} +
      • +
    +
    +
    +
      +
    • + ${translate("explorerpage.exp18")} ${this.allPayments.length} +
      • +
    • + ${translate("explorerpage.exp19")} ${this.allSendPayments.length} +
      • +
    • + QORT ${translate("explorerpage.exp19")} ${this.totalSent.toFixed(0)} QORT +
      • +
    • + ${translate("explorerpage.exp20")} ${this.allReceivedPayments.length} +
      • +
    • + QORT ${translate("explorerpage.exp20")} ${this.totalReceived.toFixed(0)} QORT +
      • +
    +
    +
    +
    +
    ${translate("explorerpage.exp17")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } `, root) + }} + > + + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + render(html`info`, root) + }} + > + + + ${this.isEmptyArray(this.allPayments) ? html` + ${translate("walletpage.wchange38")} + `: ''} +
    +
    +
    +
    + this.openTrades()}>${translate("explorerpage.exp21")} + this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    + +

    ${translate("explorerpage.exp4")}

    +

    ${translate("explorerpage.exp5")}

    +
    +
    + this.closeErrorDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    + this.openUserBoughtDialog()}>

    + this.openUserSoldDialog()}>

    +
    +
    + this.closeTrades()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +
    + ${this.boughtBTCTemplate()} + ${this.boughtLTCTemplate()} +
    +
    + ${this.boughtDOGETemplate()} + ${this.boughtDGBTemplate()} +
    +
    + ${this.boughtRVNTemplate()} + ${this.boughtARRRTemplate()} +
    +
    +
    + this.closeBoughtDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +
    + ${this.soldBTCTemplate()} + ${this.soldLTCTemplate()} +
    +
    + ${this.soldDOGETemplate()} + ${this.soldDGBTemplate()} +
    +
    + ${this.soldRVNTemplate()} + ${this.soldARRRTemplate()} +
    +
    +
    + this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} +
    +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + + ${translate("walletpage.wchange40")} ${this.txcreatorAddress === this.displayAddress ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + +
    + ${translate("walletpage.wchange9")} +
    +
    ${this.txcreatorAddress}
    + ${translate("walletpage.wchange10")} +
    +
    ${this.txrecipient}
    + ${translate("walletpage.wchange12")} +
    +
    ${this.txfee} QORT
    + ${translate("walletpage.wchange37")} +
    +
    ${this.txamount} QORT
    + ${translate("walletpage.wchange13")} +
    +
    ${this.txblockHeight}
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.txtimestamp).toString()}
    +
    +
    + this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} +
    +     + ` + } + + firstUpdated() { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + boughtBTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (BTC)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtBTCTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtLTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (LTC)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtLTCTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtDOGETemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (DOGE)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtDOGETrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtDGBTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (DGB)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtDGBTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtRVNTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (RVN)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtRVNTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + boughtARRRTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp10")} (ARRR)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerBoughtARRRTrades) ? html` + ${translate("explorerpage.exp12")} + `: ''} +
    +
    +
    +
    + ` + } + + soldBTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (BTC)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldBTCTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldLTCTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (LTC)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldLTCTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldDOGETemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (DOGE)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldDOGETrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldDGBTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (DGB)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldDGBTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldRVNTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (RVN)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldRVNTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + soldARRRTemplate() { + return html` +
    +
    +
    ${translate("explorerpage.exp11")} (ARRR)
    +
    +
    ${translate("login.loading")}
    + + { + const dateString = new Date(data.item.timestamp).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + +
    + ${this.isEmptyArray(this.explorerSoldARRRTrades) ? html` + ${translate("explorerpage.exp13")} + `: ''} +
    +
    +
    +
    + ` + } + + openUserInfo(userData) { + if (userData.startsWith('Q') && userData.length == 34) { + this.getAddressUserResult(userData) + } else { + this.getNameUserResult(userData) } + } - ul li { - margin: 15px auto; - font-size: 15px; - font-weight: 600; - color: #03a9f4; - } + async getAddressUserResult(resultAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const addressUrl = `${nodeUrl}/addresses/${resultAddress}` - .btn-info { - color: #03a9f4; - --mdc-icon-size: 16px; - padding-top: 3px; - } - - .data-info{ - margin-top: 10px; - margin-right: 25px; - } - - .data-items { - font-weight: 600; - color: var(--black); - display: block; - text-align: center; - } - - .title { - font-weight: 600; - font-size: 12px; - line-height: 32px; - opacity: 0.66; - } - - #transactionList { - color: var(--black); - padding: 15px; - } - - .color-in { - color: #02977e; - background-color: rgba(0, 201, 167, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .color-out { - color: #b47d00; - background-color: rgba(219, 154, 4, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .card-body { - background-color: var(--white); - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .card-container-button { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 500px; - max-width: 100%; - text-align: center; - } - - .card-explorer-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 10px; - position: relative; - width: 900px; - max-width: 100%; - text-align: center; - } - - .card-container .level { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - left: 30px; - } - - .card-container .founder { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - right: 30px; - } - - .card-container .round { - width: 96px; - height: 96px; - border: 1px solid #03a9f4; - border-radius: 50%; - padding: 2px; - } - - .card-container .badge { - width: 200px; - height: 135px; - border: 1px solid transparent; - border-radius: 10%; - padding: 2px; - } - - .userdata { - background-color: #1F1A36; - text-align: left; - padding: 15px; - margin-top: 30px; - } - - .userdata ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .userdata ul li { - border: 1px solid #2D2747; - border-radius: 2px; - display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; - } - - .decline { - --mdc-theme-primary: #F44336; - } - - .buttons { - text-align:right; - } - - .loadingContainer { - height: 100%; - width: 100%; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - .explorer-trades { - text-align: center; - } - - .box { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 100%; - } - - .box-info { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 250px; - } - - header { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: center; - padding: 0px 10px; - font-size: 16px; - color: var(--white); - background-color: var(--tradehead); - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - min-height: 40px; - } - - .border-wrapper { - border: 1px var(--tradeborder) solid; - overflow: hidden; - } - - #first-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #second-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #third-explorer-section { - display: grid; - grid-template-columns: 1fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #first-explorer-section > div { - } - - #second-explorer-section > div { - } - - #third-explorer-section > div { - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + await fetch(addressUrl).then(res => { + if (res.status === 400) { + this.shadowRoot.getElementById('userErrorDialog').open() + } else { + this.getAllWithAddress(resultAddress) } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + }) + } + + async getNameUserResult(resultName) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/${resultName}` + + await fetch(nameUrl).then(res => { + if (res.status === 404) { + this.shadowRoot.getElementById('userErrorDialog').open() + } else { + this.getAddressFromName(resultName) } - } + }) + } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - .full-info { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background: #1da1f2; - } - - .full-info-wrapper { - width: 100%; - min-width: 600px; - max-width: 600px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 25px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .full-info-logo { - width: 120px; - height: 120px; - background: var(--white); - border: 1px solid var(--black); - border-radius: 50%; - position: relative; - top: -110px; - left: 210px; - } - - .round-fullinfo { - position: relative; - width: 120px; - height: 120px; - border-radius: 50%; - right: 25px; - top: -1px; - } - ` - } - - constructor() { - super() - this.infoAccountName = '' - this.imageUrl = '' - this.addressResult = [] - this.nameAddressResult = [] - this.displayAddress = '' - this.displayLevel = '' - this.displayBalance = 0 - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.isLoadingBoughtTradesBTC = false - this.isLoadingBoughtTradesLTC = false - this.isLoadingBoughtTradesDOGE = false - this.isLoadingBoughtTradesDGB = false - this.isLoadingBoughtTradesRVN = false - this.isLoadingBoughtTradesARRR = false - this.isLoadingSoldTradesBTC = false - this.isLoadingSoldTradesLTC = false - this.isLoadingSoldTradesDOGE = false - this.isLoadingSoldTradesDGB = false - this.isLoadingSoldTradesRVN = false - this.isLoadingSoldTradesARRR = false - this.isLoadingCompleteInfo = false - this.explorerBoughtBTCTrades = [] - this.explorerBoughtLTCTrades = [] - this.explorerBoughtDOGETrades = [] - this.explorerBoughtDGBTrades = [] - this.explorerBoughtRVNTrades = [] - this.explorerBoughtARRRTrades = [] - this.explorerSoldBTCTrades = [] - this.explorerSoldLTCTrades = [] - this.explorerSoldDOGETrades = [] - this.explorerSoldDGBTrades = [] - this.explorerSoldRVNTrades = [] - this.explorerSoldARRRTrades = [] - this.allPayments = [] - this.allReceivedPayments = [] - this.allSendPayments = [] - this.actualBlockheight = 0 - this.reduceBlockheight = 0 - this.startMintBlockheight = 0 - this.startMintTime = '' - this.startMintBlock = [] - this.totalSent = 0 - this.totalReceived = 0 - this.txtimestamp = '' - this.txcreatorAddress = '' - this.txrecipient = '' - this.txamount = '' - this.txfee = '' - this.txblockHeight = '' - } - - boughtBTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (BTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtBTCTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtLTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (LTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtLTCTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtDOGETemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (DOGE)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtDOGETrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtDGBTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (DGB)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtDGBTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtRVNTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (RVN)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtRVNTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - boughtARRRTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp10")} (ARRR)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerBoughtARRRTrades) ? html` - ${translate("explorerpage.exp12")} - `: ''} -
    -
    -
    -
    - ` - } - - soldBTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (BTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldBTCTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldLTCTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (LTC)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldLTCTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldDOGETemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (DOGE)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldDOGETrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldDGBTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (DGB)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldDGBTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldRVNTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (RVN)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldRVNTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - soldARRRTemplate() { - return html` -
    -
    -
    ${translate("explorerpage.exp11")} (ARRR)
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - -
    - ${this.isEmptyArray(this.explorerSoldARRRTrades) ? html` - ${translate("explorerpage.exp13")} - `: ''} -
    -
    -
    -
    - ` - } - - render() { - return html` - - -

    ${this.infoAccountName}

    -

    ${this.displayAddress}

    -
    ${translate("login.loading")}
    -
    -
      -
    • - ${translate("mintingpage.mchange27")} ${this.displayLevel} -
      • -
    • - ${translate("walletprofile.blocksminted")} ${this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment} -
      • -
    • - ${translate("explorerpage.exp15")} ${this.startMintTime} -
      • -
    • - ${translate("general.balance")} ${this.displayBalance} QORT -
      • -
    • - ${translate("explorerpage.exp6")} ${this.founderStatus()} -
      • -
    -
    -
    -
      -
    • - ${translate("explorerpage.exp18")} ${this.allPayments.length} -
      • -
    • - ${translate("explorerpage.exp19")} ${this.allSendPayments.length} -
      • -
    • - QORT ${translate("explorerpage.exp19")} ${this.totalSent.toFixed(0)} QORT -
      • -
    • - ${translate("explorerpage.exp20")} ${this.allReceivedPayments.length} -
      • -
    • - QORT ${translate("explorerpage.exp20")} ${this.totalReceived.toFixed(0)} QORT -
      • -
    -
    -
    -
    -
    ${translate("explorerpage.exp17")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${translate("walletpage.wchange40")} ${data.item.creatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - - { - const dateString = new Date(data.item.timestamp).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - - { - render(html`info`, root) - }} - > - - - ${this.isEmptyArray(this.allPayments) ? html` - ${translate("walletpage.wchange38")} - `: ''} -
    -
    -
    -
    - this.openTrades()}>${translate("explorerpage.exp21")} - this.closeCompleteInfoDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    - -

    ${translate("explorerpage.exp4")}

    -

    ${translate("explorerpage.exp5")}

    -
    -
    - this.closeErrorDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    - this.openUserBoughtDialog()}>

    - this.openUserSoldDialog()}>

    -
    -
    - this.closeTrades()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -
    - ${this.boughtBTCTemplate()} - ${this.boughtLTCTemplate()} -
    -
    - ${this.boughtDOGETemplate()} - ${this.boughtDGBTemplate()} -
    -
    - ${this.boughtRVNTemplate()} - ${this.boughtARRRTemplate()} -
    -
    -
    - this.closeBoughtDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -
    - ${this.soldBTCTemplate()} - ${this.soldLTCTemplate()} -
    -
    - ${this.soldDOGETemplate()} - ${this.soldDGBTemplate()} -
    -
    - ${this.soldRVNTemplate()} - ${this.soldARRRTemplate()} -
    -
    -
    - this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} ${this.txcreatorAddress === this.displayAddress ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - - ${translate("walletpage.wchange9")} -
    -
    ${this.txcreatorAddress}
    - - ${translate("walletpage.wchange10")} -
    -
    ${this.txrecipient}
    - - ${translate("walletpage.wchange12")} -
    -
    ${this.txfee} QORT
    - - ${translate("walletpage.wchange37")} -
    -
    ${this.txamount} QORT
    - - ${translate("walletpage.wchange13")} -
    -
    ${this.txblockHeight}
    - - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.txtimestamp).toString()}
    -
    -
    - this.closeSoldDialog()} dialog-dismiss>${translate("general.close")} -
    -     - - ` - } - - firstUpdated() { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - openUserInfo(userData) { - if (userData.startsWith('Q') && userData.length == 34) { - this.getAddressUserResult(userData) - } else { - this.getNameUserResult(userData) - } - } - - async getAddressUserResult(resultAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const addressUrl = `${nodeUrl}/addresses/${resultAddress}` - - await fetch(addressUrl).then(res => { - if (res.status === 400) { - this.shadowRoot.getElementById('userErrorDialog').open() - } else { - this.getAllWithAddress(resultAddress) - } - }) - } - - async getNameUserResult(resultName) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/${resultName}` - - await fetch(nameUrl).then(res => { - if (res.status === 404) { - this.shadowRoot.getElementById('userErrorDialog').open() - } else { - this.getAddressFromName(resultName) - } - }) - } - - async getAddressFromName(fromName) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const fromNameUrl = `${nodeUrl}/names/${fromName}` + async getAddressFromName(fromName) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const fromNameUrl = `${nodeUrl}/names/${fromName}` this.nameAddressResult = await fetch(fromNameUrl).then(response => { return response.json() }) - const nameAddress = this.nameAddressResult.owner - await this.getAllWithAddress(nameAddress) - } + const nameAddress = this.nameAddressResult.owner + await this.getAllWithAddress(nameAddress) + } - async getAllWithAddress(myAddress) { - await this.getAddressUserInfo(myAddress) - await this.getAddressUserAvatar(myAddress) - await this.getAddressUserBalance(myAddress) - this.displayAddress = this.addressResult.address - this.displayLevel = this.addressResult.level - this.isLoadingCompleteInfo = true - this.shadowRoot.getElementById('userFullInfoDialog').open() - await this.getStartMint() - await this.getPaymentsGridItems() - this.isLoadingCompleteInfo = false - } + async getAllWithAddress(myAddress) { + await this.getAddressUserInfo(myAddress) + await this.getAddressUserAvatar(myAddress) + await this.getAddressUserBalance(myAddress) + this.displayAddress = this.addressResult.address + this.displayLevel = this.addressResult.level + this.isLoadingCompleteInfo = true + this.shadowRoot.getElementById('userFullInfoDialog').open() + await this.getStartMint() + await this.getPaymentsGridItems() + this.isLoadingCompleteInfo = false + } - async getAddressUserInfo(infoAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const infoAddressUrl = `${nodeUrl}/addresses/${infoAddress}` + async getAddressUserInfo(infoAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const infoAddressUrl = `${nodeUrl}/addresses/${infoAddress}` this.addressResult = await fetch(infoAddressUrl).then(response => { return response.json() }) - } + } - async getAddressUserAvatar(avatarAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/address/${avatarAddress}?limit=0&reverse=true` + async getAddressUserAvatar(avatarAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/address/${avatarAddress}?limit=0&reverse=true` - await fetch(nameUrl).then(res => { - return res.json() - }).then(jsonRes => { - if(jsonRes.length) { - jsonRes.map (item => { - this.infoAccountName = item.name - this.imageName = item.name - }) - } else { - this.infoAccountName = "No registered name" - this.imageName = avatarAddress - } - }) + await fetch(nameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.infoAccountName = item.name + this.imageName = item.name + }) + } else { + this.infoAccountName = "No registered name" + this.imageName = avatarAddress + } + }) - this.imageUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.imageName}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - } + this.imageUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.imageName}/qortal_avatar?async=true` + } - async getAddressUserBalance(balanceAddress) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const balanceAddressUrl = `${nodeUrl}/addresses/balance/${balanceAddress}` + async getAddressUserBalance(balanceAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const balanceAddressUrl = `${nodeUrl}/addresses/balance/${balanceAddress}` - const qortalBalanceInfo = await fetch(balanceAddressUrl).then(res => { - return res.json() - }) + const qortalBalanceInfo = await fetch(balanceAddressUrl).then(res => { + return res.json() + }) - this.displayBalance = qortalBalanceInfo.toFixed(4) - } + this.displayBalance = qortalBalanceInfo.toFixed(4) + } - async getStartMint() { - this.actualBlockheight = 0 - this.reduceBlockheight = 0 - this.startMintBlockheight = 0 - this.startMintTime = '' - this.startMintBlock = [] - const checkBlocks = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getStartMint() { + this.actualBlockheight = 0 + this.reduceBlockheight = 0 + this.startMintBlockheight = 0 + this.startMintTime = '' + this.startMintBlock = [] - if (checkBlocks === 0) { + const checkBlocks = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + + if (checkBlocks === 0) { this.startMintTime = get("explorerpage.exp16") - } else { - const blockheightUrl = `${nodeUrl}/blocks/height` + } else { + const blockheightUrl = `${nodeUrl}/blocks/height` this.actualBlockheight = await fetch(blockheightUrl).then(response => { return response.json() }) - this.reduceBlockheight = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment - this.startMintBlockheight = (this.actualBlockheight - this.reduceBlockheight) - const startMintUrl = `${nodeUrl}/blocks/byheight/${this.startMintBlockheight}?includeOnlineSignatures=false` + + this.reduceBlockheight = this.addressResult.blocksMinted + this.addressResult.blocksMintedAdjustment + this.startMintBlockheight = (this.actualBlockheight - this.reduceBlockheight) + + const startMintUrl = `${nodeUrl}/blocks/byheight/${this.startMintBlockheight}?includeOnlineSignatures=false` this.startMintBlock = await fetch(startMintUrl).then(response => { return response.json() }) this.startMintTime = new Date(this.startMintBlock.timestamp).toLocaleDateString() - } - } + } + } - avatarImage() { - return html`` - } + avatarImage() { + return html`` + } - avatarFullImage() { - return html`` - } + avatarFullImage() { + return html`` + } - founderBadge() { - if (this.addressResult.flags === 1) { - return html`${translate("explorerpage.exp6")}` - } else { - return html`` - } - } + founderBadge() { + if (this.addressResult.flags === 1) { + return html`${translate("explorerpage.exp6")}` + } else { + return html`` + } + } - founderStatus() { - if (this.addressResult.flags === 1) { - return html`${translate("general.yes")}` - } else { - return html`${translate("general.no")}` - } - } + founderStatus() { + if (this.addressResult.flags === 1) { + return html`${translate("general.yes")}` + } else { + return html`${translate("general.no")}` + } + } - async getPaymentsGridItems() { - this.allPayments = [] - this.allReceivedPayments = [] - this.allSendPayments = [] - this.totalSent = 0 - this.totalReceived = 0 - const paymentsAddress = this.displayAddress - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const paymentsUrl = `${nodeUrl}/transactions/address/${paymentsAddress}?limit=0&reverse=true` + async getPaymentsGridItems() { + this.allPayments = [] + this.allReceivedPayments = [] + this.allSendPayments = [] + this.totalSent = 0 + this.totalReceived = 0 + const paymentsAddress = this.displayAddress + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const paymentsUrl = `${nodeUrl}/transactions/address/${paymentsAddress}?limit=0&reverse=true` - const paymentsAll = await fetch(paymentsUrl).then(response => { - return response.json() - }) + const paymentsAll = await fetch(paymentsUrl).then(response => { + return response.json() + }) - this.allPayments = paymentsAll.map(item => { - const searchType = item.type - if (searchType == "PAYMENT") { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount, - fee: item.fee, - blockHeight: item.blockHeight - } - } - }).filter(item => !!item) + this.allPayments = paymentsAll.map(item => { + const searchType = item.type + if (searchType == "PAYMENT") { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount, + fee: item.fee, + blockHeight: item.blockHeight + } + } + }).filter(item => !!item) - this.allSendPayments = this.allPayments.map(item => { - const searchSendAddress = item.creatorAddress - if (searchSendAddress == paymentsAddress) { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount + this.allSendPayments = this.allPayments.map(item => { + const searchSendAddress = item.creatorAddress + if (searchSendAddress == paymentsAddress) { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount - } - } - }).filter(item => !!item) + } + } + }).filter(item => !!item) - this.allSendPayments.map(item => { - this.totalSent += parseFloat(item.amount) - }) + this.allSendPayments.map(item => { + this.totalSent += parseFloat(item.amount) + }) - this.allReceivedPayments = this.allPayments.map(item => { - const searchReceivedAddress = item.recipient - if (searchReceivedAddress == paymentsAddress) { - return { - timestamp: item.timestamp, - creatorAddress: item.creatorAddress, - recipient: item.recipient, - amount: item.amount + this.allReceivedPayments = this.allPayments.map(item => { + const searchReceivedAddress = item.recipient + if (searchReceivedAddress == paymentsAddress) { + return { + timestamp: item.timestamp, + creatorAddress: item.creatorAddress, + recipient: item.recipient, + amount: item.amount - } - } - }).filter(item => !!item) + } + } + }).filter(item => !!item) - this.allReceivedPayments.map(item => { - this.totalReceived += parseFloat(item.amount) - }) - } + this.allReceivedPayments.map(item => { + this.totalReceived += parseFloat(item.amount) + }) + } - showPaymentDetails(paymentsData) { - this.txtimestamp = '' - this.txcreatorAddress = '' - this.txrecipient = '' - this.txamount = '' - this.txfee = '' - this.txblockHeight = '' - this.txtimestamp = paymentsData.item.timestamp - this.txcreatorAddress = paymentsData.item.creatorAddress - this.txrecipient = paymentsData.item.recipient - this.txamount = paymentsData.item.amount - this.txfee = paymentsData.item.fee - this.txblockHeight = paymentsData.item.blockHeight - this.shadowRoot.getElementById('showTxDetailsDialog').open() - } + showPaymentDetails(paymentsData) { + this.txtimestamp = '' + this.txcreatorAddress = '' + this.txrecipient = '' + this.txamount = '' + this.txfee = '' + this.txblockHeight = '' + this.txtimestamp = paymentsData.item.timestamp + this.txcreatorAddress = paymentsData.item.creatorAddress + this.txrecipient = paymentsData.item.recipient + this.txamount = paymentsData.item.amount + this.txfee = paymentsData.item.fee + this.txblockHeight = paymentsData.item.blockHeight + this.shadowRoot.getElementById('showTxDetailsDialog').open() + } - async getBoughtBTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myBTCAddress = this.displayAddress + async getBoughtBTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myBTCAddress = this.displayAddress - const boughtBTCTradesAll = await fetch(tradesBoughtBTCUrl).then(response => { - return response.json() - }) + const boughtBTCTradesAll = await fetch(tradesBoughtBTCUrl).then(response => { + return response.json() + }) - this.explorerBoughtBTCTrades = boughtBTCTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myBTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerBoughtBTCTrades = boughtBTCTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myBTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getBoughtLTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myLTCAddress = this.displayAddress + async getBoughtLTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myLTCAddress = this.displayAddress - const boughtLTCTradesAll = await fetch(tradesBoughtLTCUrl).then(response => { - return response.json() - }) + const boughtLTCTradesAll = await fetch(tradesBoughtLTCUrl).then(response => { + return response.json() + }) - this.explorerBoughtLTCTrades = boughtLTCTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myLTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerBoughtLTCTrades = boughtLTCTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myLTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getBoughtDOGEGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDOGEAddress = this.displayAddress + async getBoughtDOGEGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDOGEAddress = this.displayAddress - const boughtDOGETradesAll = await fetch(tradesBoughtDOGEUrl).then(response => { - return response.json() - }) + const boughtDOGETradesAll = await fetch(tradesBoughtDOGEUrl).then(response => { + return response.json() + }) - this.explorerBoughtDOGETrades = boughtDOGETradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myDOGEAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerBoughtDOGETrades = boughtDOGETradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myDOGEAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getBoughtDGBGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDGBAddress = this.displayAddress + async getBoughtDGBGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDGBAddress = this.displayAddress - const boughtDGBTradesAll = await fetch(tradesBoughtDGBUrl).then(response => { - return response.json() - }) + const boughtDGBTradesAll = await fetch(tradesBoughtDGBUrl).then(response => { + return response.json() + }) - this.explorerBoughtDGBTrades = boughtDGBTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myDGBAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerBoughtDGBTrades = boughtDGBTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myDGBAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getBoughtRVNGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myRVNAddress = this.displayAddress + async getBoughtRVNGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myRVNAddress = this.displayAddress - const boughtRVNTradesAll = await fetch(tradesBoughtRVNUrl).then(response => { - return response.json() - }) + const boughtRVNTradesAll = await fetch(tradesBoughtRVNUrl).then(response => { + return response.json() + }) - this.explorerBoughtRVNTrades = boughtRVNTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myRVNAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerBoughtRVNTrades = boughtRVNTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myRVNAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getBoughtARRRGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesBoughtARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myARRRAddress = this.displayAddress + async getBoughtARRRGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesBoughtARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myARRRAddress = this.displayAddress - const boughtARRRTradesAll = await fetch(tradesBoughtARRRUrl).then(response => { - return response.json() - }) + const boughtARRRTradesAll = await fetch(tradesBoughtARRRUrl).then(response => { + return response.json() + }) - this.explorerBoughtARRRTrades = boughtARRRTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myARRRAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerBoughtARRRTrades = boughtARRRTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myARRRAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getSoldBTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myBTCAddress = this.displayAddress + async getSoldBTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldBTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myBTCAddress = this.displayAddress - const soldBTCTradesAll = await fetch(tradesSoldBTCUrl).then(response => { - return response.json() - }) + const soldBTCTradesAll = await fetch(tradesSoldBTCUrl).then(response => { + return response.json() + }) - this.explorerSoldBTCTrades = soldBTCTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myBTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerSoldBTCTrades = soldBTCTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myBTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getSoldLTCGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myLTCAddress = this.displayAddress + async getSoldLTCGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldLTCUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myLTCAddress = this.displayAddress - const soldLTCTradesAll = await fetch(tradesSoldLTCUrl).then(response => { - return response.json() - }) + const soldLTCTradesAll = await fetch(tradesSoldLTCUrl).then(response => { + return response.json() + }) - this.explorerSoldLTCTrades = soldLTCTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myLTCAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerSoldLTCTrades = soldLTCTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myLTCAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getSoldDOGEGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDOGEAddress = this.displayAddress + async getSoldDOGEGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldDOGEUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDOGEAddress = this.displayAddress - const soldDOGETradesAll = await fetch(tradesSoldDOGEUrl).then(response => { - return response.json() - }) + const soldDOGETradesAll = await fetch(tradesSoldDOGEUrl).then(response => { + return response.json() + }) - this.explorerSoldDOGETrades = soldDOGETradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myDOGEAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerSoldDOGETrades = soldDOGETradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myDOGEAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getSoldDGBGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myDGBAddress = this.displayAddress + async getSoldDGBGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldDGBUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myDGBAddress = this.displayAddress - const soldDGBTradesAll = await fetch(tradesSoldDGBUrl).then(response => { - return response.json() - }) + const soldDGBTradesAll = await fetch(tradesSoldDGBUrl).then(response => { + return response.json() + }) - this.explorerSoldDGBTrades = soldDGBTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myDGBAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerSoldDGBTrades = soldDGBTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myDGBAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getSoldRVNGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myRVNAddress = this.displayAddress + async getSoldRVNGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldRVNUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myRVNAddress = this.displayAddress - const soldRVNTradesAll = await fetch(tradesSoldRVNUrl).then(response => { - return response.json() - }) + const soldRVNTradesAll = await fetch(tradesSoldRVNUrl).then(response => { + return response.json() + }) - this.explorerSoldRVNTrades = soldRVNTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myRVNAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerSoldRVNTrades = soldRVNTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myRVNAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - async getSoldARRRGridItems() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const tradesSoldARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - const myARRRAddress = this.displayAddress + async getSoldARRRGridItems() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const tradesSoldARRRUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + const myARRRAddress = this.displayAddress - const soldARRRTradesAll = await fetch(tradesSoldARRRUrl).then(response => { - return response.json() - }) + const soldARRRTradesAll = await fetch(tradesSoldARRRUrl).then(response => { + return response.json() + }) - this.explorerSoldARRRTrades = soldARRRTradesAll.map(item => { - const searchAddress = item.sellerAddress - if (searchAddress == myARRRAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - } + this.explorerSoldARRRTrades = soldARRRTradesAll.map(item => { + const searchAddress = item.sellerAddress + if (searchAddress == myARRRAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + } - openTrades() { - this.shadowRoot.getElementById('userTrades').open() - this.shadowRoot.getElementById('userFullInfoDialog').close() - } + openTrades() { + this.shadowRoot.getElementById('userTrades').open() + this.shadowRoot.getElementById('userFullInfoDialog').close() + } - async openUserBoughtDialog() { - this.shadowRoot.getElementById('userBoughtDialog').open() - this.explorerBoughtBTCTrades = [] - this.explorerBoughtLTCTrades = [] - this.explorerBoughtDOGETrades = [] - this.explorerBoughtDGBTrades = [] - this.explorerBoughtRVNTrades = [] - this.explorerBoughtARRRTrades = [] - this.isLoadingBoughtTradesBTC = true - this.isLoadingBoughtTradesLTC = true - this.isLoadingBoughtTradesDOGE = true - this.isLoadingBoughtTradesDGB = true - this.isLoadingBoughtTradesRVN = true - this.isLoadingBoughtTradesARRR = true - await this.getBoughtBTCGridItems() - this.isLoadingBoughtTradesBTC = false - await this.getBoughtLTCGridItems() - this.isLoadingBoughtTradesLTC = false - await this.getBoughtDOGEGridItems() - this.isLoadingBoughtTradesDOGE = false - await this.getBoughtDGBGridItems() - this.isLoadingBoughtTradesDGB = false - await this.getBoughtRVNGridItems() - this.isLoadingBoughtTradesRVN = false - await this.getBoughtARRRGridItems() - this.isLoadingBoughtTradesARRR = false - } + async openUserBoughtDialog() { + this.shadowRoot.getElementById('userBoughtDialog').open() + this.explorerBoughtBTCTrades = [] + this.explorerBoughtLTCTrades = [] + this.explorerBoughtDOGETrades = [] + this.explorerBoughtDGBTrades = [] + this.explorerBoughtRVNTrades = [] + this.explorerBoughtARRRTrades = [] + this.isLoadingBoughtTradesBTC = true + this.isLoadingBoughtTradesLTC = true + this.isLoadingBoughtTradesDOGE = true + this.isLoadingBoughtTradesDGB = true + this.isLoadingBoughtTradesRVN = true + this.isLoadingBoughtTradesARRR = true + await this.getBoughtBTCGridItems() + this.isLoadingBoughtTradesBTC = false + await this.getBoughtLTCGridItems() + this.isLoadingBoughtTradesLTC = false + await this.getBoughtDOGEGridItems() + this.isLoadingBoughtTradesDOGE = false + await this.getBoughtDGBGridItems() + this.isLoadingBoughtTradesDGB = false + await this.getBoughtRVNGridItems() + this.isLoadingBoughtTradesRVN = false + await this.getBoughtARRRGridItems() + this.isLoadingBoughtTradesARRR = false + } - async openUserSoldDialog() { - this.shadowRoot.getElementById('userSoldDialog').open() - this.explorerSoldBTCTrades = [] - this.explorerSoldLTCTrades = [] - this.explorerSoldDOGETrades = [] - this.explorerSoldDGBTrades = [] - this.explorerSoldRVNTrades = [] - this.explorerSoldARRRTrades = [] - this.isLoadingSoldTradesBTC = true - this.isLoadingSoldTradesLTC = true - this.isLoadingSoldTradesDOGE = true - this.isLoadingSoldTradesDGB = true - this.isLoadingSoldTradesRVN = true - this.isLoadingSoldTradesARRR = true - await this.getSoldBTCGridItems() - this.isLoadingSoldTradesBTC = false - await this.getSoldLTCGridItems() - this.isLoadingSoldTradesLTC = false - await this.getSoldDOGEGridItems() - this.isLoadingSoldTradesDOGE = false - await this.getSoldDGBGridItems() - this.isLoadingSoldTradesDGB = false - await this.getSoldRVNGridItems() - this.isLoadingSoldTradesRVN = false - await this.getSoldARRRGridItems() - this.isLoadingSoldTradesARRR = false - } + async openUserSoldDialog() { + this.shadowRoot.getElementById('userSoldDialog').open() + this.explorerSoldBTCTrades = [] + this.explorerSoldLTCTrades = [] + this.explorerSoldDOGETrades = [] + this.explorerSoldDGBTrades = [] + this.explorerSoldRVNTrades = [] + this.explorerSoldARRRTrades = [] + this.isLoadingSoldTradesBTC = true + this.isLoadingSoldTradesLTC = true + this.isLoadingSoldTradesDOGE = true + this.isLoadingSoldTradesDGB = true + this.isLoadingSoldTradesRVN = true + this.isLoadingSoldTradesARRR = true + await this.getSoldBTCGridItems() + this.isLoadingSoldTradesBTC = false + await this.getSoldLTCGridItems() + this.isLoadingSoldTradesLTC = false + await this.getSoldDOGEGridItems() + this.isLoadingSoldTradesDOGE = false + await this.getSoldDGBGridItems() + this.isLoadingSoldTradesDGB = false + await this.getSoldRVNGridItems() + this.isLoadingSoldTradesRVN = false + await this.getSoldARRRGridItems() + this.isLoadingSoldTradesARRR = false + } - closeErrorDialog() { - this.shadowRoot.getElementById('userErrorDialog').close() - } + closeErrorDialog() { + this.shadowRoot.getElementById('userErrorDialog').close() + } - closeTrades() { - this.shadowRoot.getElementById('userTrades').close() - } + closeTrades() { + this.shadowRoot.getElementById('userTrades').close() + } - closeCompleteInfoDialog() { - this.shadowRoot.getElementById('userFullInfoDialog').close() - } + closeCompleteInfoDialog() { + this.shadowRoot.getElementById('userFullInfoDialog').close() + } - closeBoughtDialog() { - this.shadowRoot.getElementById('userBoughtDialog').close() - } + closeBoughtDialog() { + this.shadowRoot.getElementById('userBoughtDialog').close() + } - closeSoldDialog() { - this.shadowRoot.getElementById('userSoldDialog').close() - } + closeSoldDialog() { + this.shadowRoot.getElementById('userSoldDialog').close() + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - round(number) { + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } + } } window.customElements.define('qortal-info-view', QortalInfoView) diff --git a/plugins/plugins/core/components/snackbar.js b/plugins/plugins/core/components/snackbar.js index 12416b02..b177945b 100644 --- a/plugins/plugins/core/components/snackbar.js +++ b/plugins/plugins/core/components/snackbar.js @@ -1,78 +1,87 @@ -import {css, html, LitElement} from 'lit' +import { html, LitElement } from 'lit' +import { snackQueueStyles } from './plugins-css' import '@material/mwc-snackbar' let queueElement class SnackQueue extends LitElement { - static get properties() { - return { - busy: { - type: Boolean, - attribute: 'busy', - reflectToAttribute: true - }, - currentSnack: { - type: Object, - attribute: 'current-snack', - reflectToAttribute: true - }, - _queue: { - type: Array - }, - _labelText: { type: String }, - _stacked: { type: Boolean }, - _leading: { type: Boolean }, - _closeOnEscape: { type: Boolean }, - _timeoutMs: { type: Number }, - action: {}, - _dismiss: {}, - _dismissIcon: { type: String } - } - } + static get properties() { + return { + busy: { type: Boolean, attribute: 'busy', reflectToAttribute: true }, + currentSnack: { type: Object, attribute: 'current-snack', reflectToAttribute: true }, + _queue: { type: Array }, + _labelText: { type: String }, + _stacked: { type: Boolean }, + _leading: { type: Boolean }, + _closeOnEscape: { type: Boolean }, + _timeoutMs: { type: Number }, + _dismissIcon: { type: String }, + _dismiss: {}, + action: {} + } + } - static get styles() { - return css`` - } + static get styles() { + return [snackQueueStyles] + } - constructor() { - super() - this._queue = [] - this.busy = false - this._timeoutMs = 5000 - } + constructor() { + super() + this._queue = [] + this.busy = false + this._timeoutMs = 5000 + } - render() { - return html` - - ${this._action} - ${this._dismiss ? html` - - ` : ''} - - ` - } + render() { + return html` + + ${this._action} + ${this._dismiss ? + html` + + ` + : '' + } + + ` + } - firstUpdated() { - this._snackbar = this.shadowRoot.getElementById('snack') - } + firstUpdated() { + this._snackbar = this.shadowRoot.getElementById('snack') + } - _shift() { - if (this.busy || this._queue.length === 0) return - const item = this._queue.shift() - this._labelText = item.labelText || '' - this._action = item.action || '' - this._dismiss = item.dismiss || false - this._dismissIcon = item.dismissIcon || 'close' - this._leading = !!item.leading - this._closeOnEscape = (item.closeOnEscape && item.closeOnEscape !== false) // JSON.parse maybe needs to be compared to 'false'...in which case no need for complex expression - this._timeoutMs = (item.timeoutMs >= 4000 && item.timeoutMs <= 10000) ? item.timeoutMs : 5000 - this._snackbar.show() - } + _shift() { + if (this.busy || this._queue.length === 0) return + const item = this._queue.shift() + this._labelText = item.labelText || '' + this._action = item.action || '' + this._dismiss = item.dismiss || false + this._dismissIcon = item.dismissIcon || 'close' + this._leading = !!item.leading + this._closeOnEscape = (item.closeOnEscape && item.closeOnEscape !== false) // JSON.parse maybe needs to be compared to 'false'...in which case no need for complex expression + this._timeoutMs = (item.timeoutMs >= 4000 && item.timeoutMs <= 10000) ? item.timeoutMs : 5000 + this._snackbar.show() + } - add(item) { - this._queue.push(item) - this._shift() - } + add(item) { + this._queue.push(item) + this._shift() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('snack-queue', SnackQueue) @@ -81,4 +90,4 @@ const queueNode = document.createElement('snack-queue') queueNode.id = 'queue-node' queueNode.loadingMessage = '' queueElement = document.body.appendChild(queueNode) -export default queueElement +export default queueElement \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/extended-time-element.js b/plugins/plugins/core/components/time-elements/extended-time-element.js index 874a1a89..24258f0c 100644 --- a/plugins/plugins/core/components/time-elements/extended-time-element.js +++ b/plugins/plugins/core/components/time-elements/extended-time-element.js @@ -1,88 +1,102 @@ -import {makeFormatter} from './utils'; +import { makeFormatter } from './utils' + +const datetimes = new WeakMap() -const datetimes = new WeakMap(); export default class ExtendedTimeElement extends HTMLElement { - static get observedAttributes() { - return [ - 'datetime', - 'day', - 'format', - 'lang', - 'hour', - 'minute', - 'month', - 'second', - 'title', - 'weekday', - 'year', - 'time-zone-name' - ]; - } - connectedCallback() { - const title = this.getFormattedTitle(); - if (title && !this.hasAttribute('title')) { - this.setAttribute('title', title); - } - const text = this.getFormattedDate(); - if (text) { - this.textContent = text; - } - } - attributeChangedCallback(attrName, oldValue, newValue) { - const oldTitle = this.getFormattedTitle(); - if (attrName === 'datetime') { - const millis = Date.parse(newValue); - if (isNaN(millis)) { - datetimes.delete(this); - } - else { - datetimes.set(this, new Date(millis)); - } - } - const title = this.getFormattedTitle(); - const currentTitle = this.getAttribute('title'); - if (attrName !== 'title' && title && (!currentTitle || currentTitle === oldTitle)) { - this.setAttribute('title', title); - } - const text = this.getFormattedDate(); - if (text) { - this.textContent = text; - } - } - get date() { - return datetimes.get(this); - } - getFormattedTitle() { - const date = this.date; - if (!date) - return; - const formatter = titleFormatter(); - if (formatter) { - return formatter.format(date); - } - else { - try { - return date.toLocaleString(); - } - catch (e) { - if (e instanceof RangeError) { - return date.toString(); - } - else { - throw e; - } - } - } - } - getFormattedDate() { + static get observedAttributes() { + return [ + 'datetime', + 'day', + 'format', + 'lang', + 'hour', + 'minute', + 'month', + 'second', + 'title', + 'weekday', + 'year', + 'time-zone-name' + ] + } - } + connectedCallback() { + const title = this.getFormattedTitle() + + if (title && !this.hasAttribute('title')) { + this.setAttribute('title', title) + } + + const text = this.getFormattedDate() + + if (text) { + this.textContent = text + } + } + + attributeChangedCallback(attrName, oldValue, newValue) { + const oldTitle = this.getFormattedTitle() + + if (attrName === 'datetime') { + const millis = Date.parse(newValue) + + if (isNaN(millis)) { + datetimes.delete(this) + } else { + datetimes.set(this, new Date(millis)) + } + } + + const title = this.getFormattedTitle() + const currentTitle = this.getAttribute('title') + + if (attrName !== 'title' && title && (!currentTitle || currentTitle === oldTitle)) { + this.setAttribute('title', title) + } + + const text = this.getFormattedDate() + + if (text) { + this.textContent = text + } + } + + get date() { + return datetimes.get(this) + } + + getFormattedTitle() { + const date = this.date + + if (!date) { + return + } + + const formatter = titleFormatter() + + if (formatter) { + return formatter.format(date) + } else { + try { + return date.toLocaleString() + } catch (e) { + if (e instanceof RangeError) { + return date.toString() + } else { + throw e + } + } + } + } + + getFormattedDate() { } } + const titleFormatter = makeFormatter({ - day: 'numeric', - month: 'short', - year: 'numeric', - hour: 'numeric', - minute: '2-digit', - timeZoneName: 'short' -}); + day: 'numeric', + month: 'short', + year: 'numeric', + hour: 'numeric', + minute: '2-digit', + timeZoneName: 'short' +}) \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/index.js b/plugins/plugins/core/components/time-elements/index.js index 961c29d9..34b88dda 100644 --- a/plugins/plugins/core/components/time-elements/index.js +++ b/plugins/plugins/core/components/time-elements/index.js @@ -1,705 +1,776 @@ -const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; +const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] + const months = [ - 'January', - 'February', - 'March', - 'April', - 'May', - 'June', - 'July', - 'August', - 'September', - 'October', - 'November', - 'December' -]; + 'January', + 'February', + 'March', + 'April', + 'May', + 'June', + 'July', + 'August', + 'September', + 'October', + 'November', + 'December' +] + function pad(num) { - return `0${num}`.slice(-2); + return `0${num}`.slice(-2) } + function strftime(time, formatString) { - const day = time.getDay(); - const date = time.getDate(); - const month = time.getMonth(); - const year = time.getFullYear(); - const hour = time.getHours(); - const minute = time.getMinutes(); - const second = time.getSeconds(); - return formatString.replace(/%([%aAbBcdeHIlmMpPSwyYZz])/g, function (_arg) { - let match; - const modifier = _arg[1]; - switch (modifier) { - case '%': - return '%'; - case 'a': - return weekdays[day].slice(0, 3); - case 'A': - return weekdays[day]; - case 'b': - return months[month].slice(0, 3); - case 'B': - return months[month]; - case 'c': - return time.toString(); - case 'd': - return pad(date); - case 'e': - return String(date); - case 'H': - return pad(hour); - case 'I': - return pad(strftime(time, '%l')); - case 'l': - if (hour === 0 || hour === 12) { - return String(12); - } - else { - return String((hour + 12) % 12); - } - case 'm': - return pad(month + 1); - case 'M': - return pad(minute); - case 'p': - if (hour > 11) { - return 'PM'; - } - else { - return 'AM'; - } - case 'P': - if (hour > 11) { - return 'pm'; - } - else { - return 'am'; - } - case 'S': - return pad(second); - case 'w': - return String(day); - case 'y': - return pad(year % 100); - case 'Y': - return String(year); - case 'Z': - match = time.toString().match(/\((\w+)\)$/); - return match ? match[1] : ''; - case 'z': - match = time.toString().match(/\w([+-]\d\d\d\d) /); - return match ? match[1] : ''; - } - return ''; - }); + const day = time.getDay() + const date = time.getDate() + const month = time.getMonth() + const year = time.getFullYear() + const hour = time.getHours() + const minute = time.getMinutes() + const second = time.getSeconds() + + return formatString.replace(/%([%aAbBcdeHIlmMpPSwyYZz])/g, function (_arg) { + let match + const modifier = _arg[1] + + switch (modifier) { + case '%': + return '%' + case 'a': + return weekdays[day].slice(0, 3) + case 'A': + return weekdays[day] + case 'b': + return months[month].slice(0, 3) + case 'B': + return months[month] + case 'c': + return time.toString() + case 'd': + return pad(date) + case 'e': + return String(date) + case 'H': + return pad(hour) + case 'I': + return pad(strftime(time, '%l')) + case 'l': + if (hour === 0 || hour === 12) { + return String(12) + } else { + return String((hour + 12) % 12) + } + case 'm': + return pad(month + 1) + case 'M': + return pad(minute) + case 'p': + if (hour > 11) { + return 'PM' + } else { + return 'AM' + } + case 'P': + if (hour > 11) { + return 'pm' + } else { + return 'am' + } + case 'S': + return pad(second) + case 'w': + return String(day) + case 'y': + return pad(year % 100) + case 'Y': + return String(year) + case 'Z': + match = time.toString().match(/\((\w+)\)$/) + return match ? match[1] : '' + case 'z': + match = time.toString().match(/\w([+-]\d\d\d\d) /) + return match ? match[1] : '' + } + return '' + }) } + function makeFormatter(options) { - let format; - return function () { - if (format) - return format; - if ('Intl' in window) { - try { - format = new Intl.DateTimeFormat(undefined, options); - return format; - } - catch (e) { - if (!(e instanceof RangeError)) { - throw e; - } - } - } - }; + let format + + return function () { + if (format) { + return format + } + + if ('Intl' in window) { + try { + format = new Intl.DateTimeFormat(undefined, options) + return format + } catch (e) { + if (!(e instanceof RangeError)) { + throw e + } + } + } + } } -let dayFirst = null; -const dayFirstFormatter = makeFormatter({ day: 'numeric', month: 'short' }); + +let dayFirst = null + +const dayFirstFormatter = makeFormatter({ day: 'numeric', month: 'short' }) + function isDayFirst() { - if (dayFirst !== null) { - return dayFirst; - } - const formatter = dayFirstFormatter(); - if (formatter) { - const output = formatter.format(new Date(0)); - dayFirst = !!output.match(/^\d/); - return dayFirst; - } - else { - return false; - } + if (dayFirst !== null) { + return dayFirst + } + + const formatter = dayFirstFormatter() + + if (formatter) { + const output = formatter.format(new Date(0)) + + dayFirst = !!output.match(/^\d/) + + return dayFirst + } else { + return false + } } -let yearSeparator = null; -const yearFormatter = makeFormatter({ day: 'numeric', month: 'short', year: 'numeric' }); + +let yearSeparator = null + +const yearFormatter = makeFormatter({ day: 'numeric', month: 'short', year: 'numeric' }) + function isYearSeparator() { - if (yearSeparator !== null) { - return yearSeparator; - } - const formatter = yearFormatter(); - if (formatter) { - const output = formatter.format(new Date(0)); - yearSeparator = !!output.match(/\d,/); - return yearSeparator; - } - else { - return true; - } + if (yearSeparator !== null) { + return yearSeparator + } + + const formatter = yearFormatter() + + if (formatter) { + const output = formatter.format(new Date(0)) + + yearSeparator = !!output.match(/\d,/) + + return yearSeparator + } else { + return true + } } + function isThisYear(date) { - const now = new Date(); - return now.getUTCFullYear() === date.getUTCFullYear(); + const now = new Date() + return now.getUTCFullYear() === date.getUTCFullYear() } + function makeRelativeFormat(locale, options) { - if ('Intl' in window && 'RelativeTimeFormat' in window.Intl) { - try { - return new Intl.RelativeTimeFormat(locale, options); - } - catch (e) { - if (!(e instanceof RangeError)) { - throw e; - } - } - } + if ('Intl' in window && 'RelativeTimeFormat' in window.Intl) { + try { + return new Intl.RelativeTimeFormat(locale, options) + } catch (e) { + if (!(e instanceof RangeError)) { + throw e + } + } + } } + function localeFromElement(el) { - const container = el.closest('[lang]'); - if (container instanceof HTMLElement && container.lang) { - return container.lang; - } - return 'default'; + const container = el.closest('[lang]') + + if (container instanceof HTMLElement && container.lang) { + return container.lang + } + + return 'default' } -const datetimes = new WeakMap(); -class ExtendedTimeElement extends HTMLElement { - static get observedAttributes() { - return [ - 'datetime', - 'day', - 'format', - 'lang', - 'hour', - 'minute', - 'month', - 'second', - 'title', - 'weekday', - 'year', - 'time-zone-name' - ]; - } - connectedCallback() { - const title = this.getFormattedTitle(); - if (title && !this.hasAttribute('title')) { - this.setAttribute('title', title); - } - const text = this.getFormattedDate(); - if (text) { - this.textContent = text; - } - } - attributeChangedCallback(attrName, oldValue, newValue) { - const oldTitle = this.getFormattedTitle(); - if (attrName === 'datetime') { - const millis = Date.parse(newValue); - if (isNaN(millis)) { - datetimes.delete(this); - } - else { - datetimes.set(this, new Date(millis)); - } - } - const title = this.getFormattedTitle(); - const currentTitle = this.getAttribute('title'); - if (attrName !== 'title' && title && (!currentTitle || currentTitle === oldTitle)) { - this.setAttribute('title', title); - } - const text = this.getFormattedDate(); - if (text) { - this.textContent = text; - } - } - get date() { - return datetimes.get(this); - } - getFormattedTitle() { - const date = this.date; - if (!date) - return; - const formatter = titleFormatter(); - if (formatter) { - return formatter.format(date); - } - else { - try { - return date.toLocaleString(); - } - catch (e) { - if (e instanceof RangeError) { - return date.toString(); - } - else { - throw e; - } - } - } - } - getFormattedDate() { +const datetimes = new WeakMap() - } +class ExtendedTimeElement extends HTMLElement { + static get observedAttributes() { + return [ + 'datetime', + 'day', + 'format', + 'lang', + 'hour', + 'minute', + 'month', + 'second', + 'title', + 'weekday', + 'year', + 'time-zone-name' + ] + } + + connectedCallback() { + const title = this.getFormattedTitle() + + if (title && !this.hasAttribute('title')) { + this.setAttribute('title', title) + } + + const text = this.getFormattedDate() + + if (text) { + this.textContent = text + } + } + + attributeChangedCallback(attrName, oldValue, newValue) { + const oldTitle = this.getFormattedTitle() + + if (attrName === 'datetime') { + const millis = Date.parse(newValue) + + if (isNaN(millis)) { + datetimes.delete(this) + } else { + datetimes.set(this, new Date(millis)) + } + } + + const title = this.getFormattedTitle() + const currentTitle = this.getAttribute('title') + + if (attrName !== 'title' && title && (!currentTitle || currentTitle === oldTitle)) { + this.setAttribute('title', title) + } + + const text = this.getFormattedDate() + + if (text) { + this.textContent = text + } + } + + get date() { + return datetimes.get(this) + } + + getFormattedTitle() { + const date = this.date + + if (!date) { + return + } + + const formatter = titleFormatter() + + if (formatter) { + return formatter.format(date) + } else { + try { + return date.toLocaleString() + } catch (e) { + if (e instanceof RangeError) { + return date.toString() + } else { + throw e + } + } + } + } + + getFormattedDate() { } } const titleFormatter = makeFormatter({ - day: 'numeric', - month: 'short', - year: 'numeric', - hour: 'numeric', - minute: '2-digit', - timeZoneName: 'short' -}); + day: 'numeric', + month: 'short', + year: 'numeric', + hour: 'numeric', + minute: '2-digit', + timeZoneName: 'short' +}) + +const formatters = new WeakMap() -const formatters = new WeakMap(); class LocalTimeElement extends ExtendedTimeElement { - attributeChangedCallback(attrName, oldValue, newValue) { - if (attrName === 'hour' || attrName === 'minute' || attrName === 'second' || attrName === 'time-zone-name') { - formatters.delete(this); - } - super.attributeChangedCallback(attrName, oldValue, newValue); - } - getFormattedDate() { - const d = this.date; - if (!d) - return; - const date = formatDate(this, d) || ''; - const time = formatTime(this, d) || ''; - return `${date} ${time}`.trim(); - } + attributeChangedCallback(attrName, oldValue, newValue) { + if (attrName === 'hour' || attrName === 'minute' || attrName === 'second' || attrName === 'time-zone-name') { + formatters.delete(this) + } + + super.attributeChangedCallback(attrName, oldValue, newValue) + } + + getFormattedDate() { + const d = this.date + + if (!d) { + return + } + + const date = formatDate(this, d) || '' + const time = formatTime(this, d) || '' + + return `${date} ${time}`.trim() + } } + function formatDate(el, date) { - const props = { - weekday: { - short: '%a', - long: '%A' - }, - day: { - numeric: '%e', - '2-digit': '%d' - }, - month: { - short: '%b', - long: '%B' - }, - year: { - numeric: '%Y', - '2-digit': '%y' - } - }; - let format = isDayFirst() ? 'weekday day month year' : 'weekday month day, year'; - for (const prop in props) { - const value = props[prop][el.getAttribute(prop) || '']; - format = format.replace(prop, value || ''); - } - format = format.replace(/(\s,)|(,\s$)/, ''); - return strftime(date, format).replace(/\s+/, ' ').trim(); + const props = { + weekday: { + short: '%a', + long: '%A' + }, + day: { + numeric: '%e', + '2-digit': '%d' + }, + month: { + short: '%b', + long: '%B' + }, + year: { + numeric: '%Y', + '2-digit': '%y' + } + } + + let format = isDayFirst() ? 'weekday day month year' : 'weekday month day, year' + + for (const prop in props) { + const value = props[prop][el.getAttribute(prop) || ''] + format = format.replace(prop, value || '') + } + + format = format.replace(/(\s,)|(,\s$)/, '') + + return strftime(date, format).replace(/\s+/, ' ').trim() } + function formatTime(el, date) { - const options = {}; - const hour = el.getAttribute('hour'); - if (hour === 'numeric' || hour === '2-digit') - options.hour = hour; - const minute = el.getAttribute('minute'); - if (minute === 'numeric' || minute === '2-digit') - options.minute = minute; - const second = el.getAttribute('second'); - if (second === 'numeric' || second === '2-digit') - options.second = second; - const tz = el.getAttribute('time-zone-name'); - if (tz === 'short' || tz === 'long') - options.timeZoneName = tz; - if (Object.keys(options).length === 0) { - return; - } - let factory = formatters.get(el); - if (!factory) { - factory = makeFormatter(options); - formatters.set(el, factory); - } - const formatter = factory(); - if (formatter) { - return formatter.format(date); - } - else { - const timef = options.second ? '%H:%M:%S' : '%H:%M'; - return strftime(date, timef); - } + const options = {} + const hour = el.getAttribute('hour') + + if (hour === 'numeric' || hour === '2-digit') { + options.hour = hour + } + + const minute = el.getAttribute('minute') + + if (minute === 'numeric' || minute === '2-digit') { + options.minute = minute + } + + const second = el.getAttribute('second') + + if (second === 'numeric' || second === '2-digit') { + options.second = second + } + + const tz = el.getAttribute('time-zone-name') + + if (tz === 'short' || tz === 'long') { + options.timeZoneName = tz + } + + if (Object.keys(options).length === 0) { + return + } + + let factory = formatters.get(el) + + if (!factory) { + factory = makeFormatter(options) + formatters.set(el, factory) + } + + const formatter = factory() + + if (formatter) { + return formatter.format(date) + } else { + const timef = options.second ? '%H:%M:%S' : '%H:%M' + return strftime(date, timef) + } } + if (!window.customElements.get('local-time')) { - window.LocalTimeElement = LocalTimeElement; - window.customElements.define('local-time', LocalTimeElement); + window.LocalTimeElement = LocalTimeElement + window.customElements.define('local-time', LocalTimeElement) } class RelativeTime { - constructor(date, locale) { - this.date = date; - this.locale = locale; - } - toString() { - const ago = this.timeElapsed(); - if (ago) { - return ago; - } - else { - const ahead = this.timeAhead(); - if (ahead) { - return ahead; - } - else { - return `on ${this.formatDate()}`; - } - } - } - timeElapsed() { - const ms = new Date().getTime() - this.date.getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - if (ms >= 0 && day < 30) { - return this.timeAgoFromMs(ms); - } - else { - return null; - } - } - timeAhead() { - const ms = this.date.getTime() - new Date().getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - if (ms >= 0 && day < 30) { - return this.timeUntil(); - } - else { - return null; - } - } - timeAgo() { - const ms = new Date().getTime() - this.date.getTime(); - return this.timeAgoFromMs(ms); - } - timeAgoFromMs(ms) { - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (ms < 0) { - return formatRelativeTime(this.locale, 0, 'second'); - } - else if (sec < 10) { - return formatRelativeTime(this.locale, 0, 'second'); - } - else if (sec < 45) { - return formatRelativeTime(this.locale, -sec, 'second'); - } - else if (sec < 90) { - return formatRelativeTime(this.locale, -min, 'minute'); - } - else if (min < 45) { - return formatRelativeTime(this.locale, -min, 'minute'); - } - else if (min < 90) { - return formatRelativeTime(this.locale, -hr, 'hour'); - } - else if (hr < 24) { - return formatRelativeTime(this.locale, -hr, 'hour'); - } - else if (hr < 36) { - return formatRelativeTime(this.locale, -day, 'day'); - } - else if (day < 30) { - return formatRelativeTime(this.locale, -day, 'day'); - } - else if (month < 18) { - return formatRelativeTime(this.locale, -month, 'month'); - } - else { - return formatRelativeTime(this.locale, -year, 'year'); - } - } - microTimeAgo() { - const ms = new Date().getTime() - this.date.getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (min < 1) { - return '1m'; - } - else if (min < 60) { - return `${min}m`; - } - else if (hr < 24) { - return `${hr}h`; - } - else if (day < 365) { - return `${day}d`; - } - else { - return `${year}y`; - } - } - timeUntil() { - const ms = this.date.getTime() - new Date().getTime(); - return this.timeUntilFromMs(ms); - } - timeUntilFromMs(ms) { - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (month >= 18) { - return formatRelativeTime(this.locale, year, 'year'); - } - else if (month >= 12) { - return formatRelativeTime(this.locale, year, 'year'); - } - else if (day >= 45) { - return formatRelativeTime(this.locale, month, 'month'); - } - else if (day >= 30) { - return formatRelativeTime(this.locale, month, 'month'); - } - else if (hr >= 36) { - return formatRelativeTime(this.locale, day, 'day'); - } - else if (hr >= 24) { - return formatRelativeTime(this.locale, day, 'day'); - } - else if (min >= 90) { - return formatRelativeTime(this.locale, hr, 'hour'); - } - else if (min >= 45) { - return formatRelativeTime(this.locale, hr, 'hour'); - } - else if (sec >= 90) { - return formatRelativeTime(this.locale, min, 'minute'); - } - else if (sec >= 45) { - return formatRelativeTime(this.locale, min, 'minute'); - } - else if (sec >= 10) { - return formatRelativeTime(this.locale, sec, 'second'); - } - else { - return formatRelativeTime(this.locale, 0, 'second'); - } - } - microTimeUntil() { - const ms = this.date.getTime() - new Date().getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (day >= 365) { - return `${year}y`; - } - else if (hr >= 24) { - return `${day}d`; - } - else if (min >= 60) { - return `${hr}h`; - } - else if (min > 1) { - return `${min}m`; - } - else { - return '1m'; - } - } - formatDate() { - let format = isDayFirst() ? '%e %b' : '%b %e'; - if (!isThisYear(this.date)) { - format += isYearSeparator() ? ', %Y' : ' %Y'; - } - return strftime(this.date, format); - } - formatTime() { - const formatter = timeFormatter(); - if (formatter) { - return formatter.format(this.date); - } - else { - return strftime(this.date, '%l:%M%P'); - } - } + constructor(date, locale) { + this.date = date + this.locale = locale + } + + toString() { + const ago = this.timeElapsed() + + if (ago) { + return ago + } else { + const ahead = this.timeAhead() + + if (ahead) { + return ahead + } else { + return `on ${this.formatDate()}` + } + } + } + + timeElapsed() { + const ms = new Date().getTime() - this.date.getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + + if (ms >= 0 && day < 30) { + return this.timeAgoFromMs(ms) + } else { + return null + } + } + + timeAhead() { + const ms = this.date.getTime() - new Date().getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + + if (ms >= 0 && day < 30) { + return this.timeUntil() + } else { + return null + } + } + + timeAgo() { + const ms = new Date().getTime() - this.date.getTime() + return this.timeAgoFromMs(ms) + } + + timeAgoFromMs(ms) { + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (ms < 0) { + return formatRelativeTime(this.locale, 0, 'second') + } else if (sec < 10) { + return formatRelativeTime(this.locale, 0, 'second') + } else if (sec < 45) { + return formatRelativeTime(this.locale, -sec, 'second') + } else if (sec < 90) { + return formatRelativeTime(this.locale, -min, 'minute') + } else if (min < 45) { + return formatRelativeTime(this.locale, -min, 'minute') + } else if (min < 90) { + return formatRelativeTime(this.locale, -hr, 'hour') + } else if (hr < 24) { + return formatRelativeTime(this.locale, -hr, 'hour') + } else if (hr < 36) { + return formatRelativeTime(this.locale, -day, 'day') + } else if (day < 30) { + return formatRelativeTime(this.locale, -day, 'day') + } else if (month < 18) { + return formatRelativeTime(this.locale, -month, 'month') + } else { + return formatRelativeTime(this.locale, -year, 'year') + } + } + + microTimeAgo() { + const ms = new Date().getTime() - this.date.getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (min < 1) { + return '1m' + } else if (min < 60) { + return `${min}m` + } else if (hr < 24) { + return `${hr}h` + } else if (day < 365) { + return `${day}d` + } else { + return `${year}y` + } + } + + timeUntil() { + const ms = this.date.getTime() - new Date().getTime() + return this.timeUntilFromMs(ms) + } + + timeUntilFromMs(ms) { + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (month >= 18) { + return formatRelativeTime(this.locale, year, 'year') + } else if (month >= 12) { + return formatRelativeTime(this.locale, year, 'year') + } else if (day >= 45) { + return formatRelativeTime(this.locale, month, 'month') + } else if (day >= 30) { + return formatRelativeTime(this.locale, month, 'month') + } else if (hr >= 36) { + return formatRelativeTime(this.locale, day, 'day') + } else if (hr >= 24) { + return formatRelativeTime(this.locale, day, 'day') + } else if (min >= 90) { + return formatRelativeTime(this.locale, hr, 'hour') + } else if (min >= 45) { + return formatRelativeTime(this.locale, hr, 'hour') + } else if (sec >= 90) { + return formatRelativeTime(this.locale, min, 'minute') + } else if (sec >= 45) { + return formatRelativeTime(this.locale, min, 'minute') + } else if (sec >= 10) { + return formatRelativeTime(this.locale, sec, 'second') + } else { + return formatRelativeTime(this.locale, 0, 'second') + } + } + + microTimeUntil() { + const ms = this.date.getTime() - new Date().getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (day >= 365) { + return `${year}y` + } else if (hr >= 24) { + return `${day}d` + } else if (min >= 60) { + return `${hr}h` + } else if (min > 1) { + return `${min}m` + } else { + return '1m' + } + } + + formatDate() { + let format = isDayFirst() ? '%e %b' : '%b %e' + + if (!isThisYear(this.date)) { + format += isYearSeparator() ? ', %Y' : ' %Y' + } + + return strftime(this.date, format) + } + + formatTime() { + const formatter = timeFormatter() + + if (formatter) { + return formatter.format(this.date) + } else { + return strftime(this.date, '%l:%M%P') + } + } } + function formatRelativeTime(locale, value, unit) { - const formatter = makeRelativeFormat(locale, { numeric: 'auto' }); - if (formatter) { - return formatter.format(value, unit); - } - else { - return formatEnRelativeTime(value, unit); - } + const formatter = makeRelativeFormat(locale, { numeric: 'auto' }) + + if (formatter) { + return formatter.format(value, unit) + } else { + return formatEnRelativeTime(value, unit) + } } + function formatEnRelativeTime(value, unit) { - if (value === 0) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - return `this ${unit}`; - case 'day': - return 'today'; - case 'hour': - case 'minute': - return `in 0 ${unit}s`; - case 'second': - return 'now'; - } - } - else if (value === 1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - return `next ${unit}`; - case 'day': - return 'tomorrow'; - case 'hour': - case 'minute': - case 'second': - return `in 1 ${unit}`; - } - } - else if (value === -1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - return `last ${unit}`; - case 'day': - return 'yesterday'; - case 'hour': - case 'minute': - case 'second': - return `1 ${unit} ago`; - } - } - else if (value > 1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - case 'day': - case 'hour': - case 'minute': - case 'second': - return `in ${value} ${unit}s`; - } - } - else if (value < -1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - case 'day': - case 'hour': - case 'minute': - case 'second': - return `${-value} ${unit}s ago`; - } - } - throw new RangeError(`Invalid unit argument for format() '${unit}'`); + if (value === 0) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + return `this ${unit}` + case 'day': + return 'today' + case 'hour': + case 'minute': + return `in 0 ${unit}s` + case 'second': + return 'now' + } + } else if (value === 1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + return `next ${unit}` + case 'day': + return 'tomorrow' + case 'hour': + case 'minute': + case 'second': + return `in 1 ${unit}` + } + } else if (value === -1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + return `last ${unit}` + case 'day': + return 'yesterday' + case 'hour': + case 'minute': + case 'second': + return `1 ${unit} ago` + } + } else if (value > 1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + case 'day': + case 'hour': + case 'minute': + case 'second': + return `in ${value} ${unit}s` + } + } else if (value < -1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + case 'day': + case 'hour': + case 'minute': + case 'second': + return `${-value} ${unit}s ago` + } + } + + throw new RangeError(`Invalid unit argument for format() '${unit}'`) } -const timeFormatter = makeFormatter({ hour: 'numeric', minute: '2-digit' }); + +const timeFormatter = makeFormatter({ hour: 'numeric', minute: '2-digit' }) class RelativeTimeElement extends ExtendedTimeElement { - getFormattedDate() { - const date = this.date; - if (!date) - return; - return new RelativeTime(date, localeFromElement(this)).toString(); - } - connectedCallback() { - nowElements.push(this); - if (!updateNowElementsId) { - updateNowElements(); - updateNowElementsId = window.setInterval(updateNowElements, 60 * 1000); - } - super.connectedCallback(); - } - disconnectedCallback() { - const ix = nowElements.indexOf(this); - if (ix !== -1) { - nowElements.splice(ix, 1); - } - if (!nowElements.length) { - if (updateNowElementsId) { - clearInterval(updateNowElementsId); - updateNowElementsId = null; - } - } - } + getFormattedDate() { + const date = this.date + + if (!date) { + return + } + + return new RelativeTime(date, localeFromElement(this)).toString() + } + + connectedCallback() { + nowElements.push(this) + + if (!updateNowElementsId) { + updateNowElements() + updateNowElementsId = window.setInterval(updateNowElements, 60 * 1000) + } + + super.connectedCallback() + } + + disconnectedCallback() { + const ix = nowElements.indexOf(this) + + if (ix !== -1) { + nowElements.splice(ix, 1) + } + + if (!nowElements.length) { + if (updateNowElementsId) { + clearInterval(updateNowElementsId) + updateNowElementsId = null + } + } + } } -const nowElements = []; -let updateNowElementsId; + +const nowElements = [] + +let updateNowElementsId + function updateNowElements() { - let time, i, len; - for (i = 0, len = nowElements.length; i < len; i++) { - time = nowElements[i]; - time.textContent = time.getFormattedDate() || ''; - } + let time, i, len + + for (i = 0, len = nowElements.length; i < len; i++) { + time = nowElements[i] + time.textContent = time.getFormattedDate() || '' + } } + if (!window.customElements.get('relative-time')) { - window.RelativeTimeElement = RelativeTimeElement; - window.customElements.define('relative-time', RelativeTimeElement); + window.RelativeTimeElement = RelativeTimeElement + window.customElements.define('relative-time', RelativeTimeElement) } class TimeAgoElement extends RelativeTimeElement { - getFormattedDate() { - const format = this.getAttribute('format'); - const date = this.date; - if (!date) - return; - if (format === 'micro') { - return new RelativeTime(date, localeFromElement(this)).microTimeAgo(); - } - else { - return new RelativeTime(date, localeFromElement(this)).timeAgo(); - } - } + getFormattedDate() { + const format = this.getAttribute('format') + const date = this.date + + if (!date) { + return + } + + if (format === 'micro') { + return new RelativeTime(date, localeFromElement(this)).microTimeAgo() + } else { + return new RelativeTime(date, localeFromElement(this)).timeAgo() + } + } } + if (!window.customElements.get('time-ago')) { - window.TimeAgoElement = TimeAgoElement; - window.customElements.define('time-ago', TimeAgoElement); + window.TimeAgoElement = TimeAgoElement + window.customElements.define('time-ago', TimeAgoElement) } class TimeUntilElement extends RelativeTimeElement { - getFormattedDate() { - const format = this.getAttribute('format'); - const date = this.date; - if (!date) - return; - if (format === 'micro') { - return new RelativeTime(date, localeFromElement(this)).microTimeUntil(); - } - else { - return new RelativeTime(date, localeFromElement(this)).timeUntil(); - } - } -} -if (!window.customElements.get('time-until')) { - window.TimeUntilElement = TimeUntilElement; - window.customElements.define('time-until', TimeUntilElement); + getFormattedDate() { + const format = this.getAttribute('format') + const date = this.date + + if (!date) { + return + } + + if (format === 'micro') { + return new RelativeTime(date, localeFromElement(this)).microTimeUntil() + } else { + return new RelativeTime(date, localeFromElement(this)).timeUntil() + } + } } -export { LocalTimeElement, RelativeTimeElement, TimeAgoElement, TimeUntilElement }; +if (!window.customElements.get('time-until')) { + window.TimeUntilElement = TimeUntilElement + window.customElements.define('time-until', TimeUntilElement) +} + +export { LocalTimeElement, RelativeTimeElement, TimeAgoElement, TimeUntilElement } \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/local-time-element.js b/plugins/plugins/core/components/time-elements/local-time-element.js index f4d1e06b..710e016d 100644 --- a/plugins/plugins/core/components/time-elements/local-time-element.js +++ b/plugins/plugins/core/components/time-elements/local-time-element.js @@ -1,82 +1,111 @@ -import {isDayFirst, makeFormatter, strftime} from './utils'; -import ExtendedTimeElement from './extended-time-element'; +import { isDayFirst, makeFormatter, strftime } from './utils' +import ExtendedTimeElement from './extended-time-element' + +const formatters = new WeakMap() -const formatters = new WeakMap(); export default class LocalTimeElement extends ExtendedTimeElement { - attributeChangedCallback(attrName, oldValue, newValue) { - if (attrName === 'hour' || attrName === 'minute' || attrName === 'second' || attrName === 'time-zone-name') { - formatters.delete(this); - } - super.attributeChangedCallback(attrName, oldValue, newValue); - } - getFormattedDate() { - const d = this.date; - if (!d) - return; - const date = formatDate(this, d) || ''; - const time = formatTime(this, d) || ''; - return `${date} ${time}`.trim(); - } + attributeChangedCallback(attrName, oldValue, newValue) { + if (attrName === 'hour' || attrName === 'minute' || attrName === 'second' || attrName === 'time-zone-name') { + formatters.delete(this) + } + + super.attributeChangedCallback(attrName, oldValue, newValue) + } + + getFormattedDate() { + const d = this.date + + if (!d) { + return + } + + const date = formatDate(this, d) || '' + const time = formatTime(this, d) || '' + + return `${date} ${time}`.trim() + } } + function formatDate(el, date) { - const props = { - weekday: { - short: '%a', - long: '%A' - }, - day: { - numeric: '%e', - '2-digit': '%d' - }, - month: { - short: '%b', - long: '%B' - }, - year: { - numeric: '%Y', - '2-digit': '%y' - } - }; - let format = isDayFirst() ? 'weekday day month year' : 'weekday month day, year'; - for (const prop in props) { - const value = props[prop][el.getAttribute(prop) || '']; - format = format.replace(prop, value || ''); - } - format = format.replace(/(\s,)|(,\s$)/, ''); - return strftime(date, format).replace(/\s+/, ' ').trim(); + const props = { + weekday: { + short: '%a', + long: '%A' + }, + day: { + numeric: '%e', + '2-digit': '%d' + }, + month: { + short: '%b', + long: '%B' + }, + year: { + numeric: '%Y', + '2-digit': '%y' + } + } + + let format = isDayFirst() ? 'weekday day month year' : 'weekday month day, year' + + for (const prop in props) { + const value = props[prop][el.getAttribute(prop) || ''] + format = format.replace(prop, value || '') + } + + format = format.replace(/(\s,)|(,\s$)/, '') + + return strftime(date, format).replace(/\s+/, ' ').trim() } + function formatTime(el, date) { - const options = {}; - const hour = el.getAttribute('hour'); - if (hour === 'numeric' || hour === '2-digit') - options.hour = hour; - const minute = el.getAttribute('minute'); - if (minute === 'numeric' || minute === '2-digit') - options.minute = minute; - const second = el.getAttribute('second'); - if (second === 'numeric' || second === '2-digit') - options.second = second; - const tz = el.getAttribute('time-zone-name'); - if (tz === 'short' || tz === 'long') - options.timeZoneName = tz; - if (Object.keys(options).length === 0) { - return; - } - let factory = formatters.get(el); - if (!factory) { - factory = makeFormatter(options); - formatters.set(el, factory); - } - const formatter = factory(); - if (formatter) { - return formatter.format(date); - } - else { - const timef = options.second ? '%H:%M:%S' : '%H:%M'; - return strftime(date, timef); - } + const options = {} + const hour = el.getAttribute('hour') + + if (hour === 'numeric' || hour === '2-digit') { + options.hour = hour + } + + const minute = el.getAttribute('minute') + + if (minute === 'numeric' || minute === '2-digit') { + options.minute = minute + } + + const second = el.getAttribute('second') + + if (second === 'numeric' || second === '2-digit') { + options.second = second + } + + const tz = el.getAttribute('time-zone-name') + + if (tz === 'short' || tz === 'long') { + options.timeZoneName = tz + } + + if (Object.keys(options).length === 0) { + return + } + + let factory = formatters.get(el) + + if (!factory) { + factory = makeFormatter(options) + formatters.set(el, factory) + } + + const formatter = factory() + + if (formatter) { + return formatter.format(date) + } else { + const timef = options.second ? '%H:%M:%S' : '%H:%M' + return strftime(date, timef) + } } + if (!window.customElements.get('local-time')) { - window.LocalTimeElement = LocalTimeElement; - window.customElements.define('local-time', LocalTimeElement); -} + window.LocalTimeElement = LocalTimeElement + window.customElements.define('local-time', LocalTimeElement) +} \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/relative-time-element.js b/plugins/plugins/core/components/time-elements/relative-time-element.js index 71cf1a81..2c73ee11 100644 --- a/plugins/plugins/core/components/time-elements/relative-time-element.js +++ b/plugins/plugins/core/components/time-elements/relative-time-element.js @@ -1,45 +1,59 @@ -import RelativeTime from './relative-time'; -import ExtendedTimeElement from './extended-time-element'; -import {localeFromElement} from './utils'; +import { localeFromElement } from './utils' +import RelativeTime from './relative-time' +import ExtendedTimeElement from './extended-time-element' export default class RelativeTimeElement extends ExtendedTimeElement { - getFormattedDate() { - const date = this.date; - if (!date) - return; - return new RelativeTime(date, localeFromElement(this)).toString(); - } - connectedCallback() { - nowElements.push(this); - if (!updateNowElementsId) { - updateNowElements(); - updateNowElementsId = window.setInterval(updateNowElements, 60 * 1000); - } - super.connectedCallback(); - } - disconnectedCallback() { - const ix = nowElements.indexOf(this); - if (ix !== -1) { - nowElements.splice(ix, 1); - } - if (!nowElements.length) { - if (updateNowElementsId) { - clearInterval(updateNowElementsId); - updateNowElementsId = null; - } - } - } + getFormattedDate() { + const date = this.date + + if (!date) { + return + } + + return new RelativeTime(date, localeFromElement(this)).toString() + } + + connectedCallback() { + nowElements.push(this) + + if (!updateNowElementsId) { + updateNowElements() + updateNowElementsId = window.setInterval(updateNowElements, 60 * 1000) + } + + super.connectedCallback() + } + + disconnectedCallback() { + const ix = nowElements.indexOf(this) + + if (ix !== -1) { + nowElements.splice(ix, 1) + } + + if (!nowElements.length) { + if (updateNowElementsId) { + clearInterval(updateNowElementsId) + updateNowElementsId = null + } + } + } } -const nowElements = []; -let updateNowElementsId; + +const nowElements = [] + +let updateNowElementsId + function updateNowElements() { - let time, i, len; - for (i = 0, len = nowElements.length; i < len; i++) { - time = nowElements[i]; - time.textContent = time.getFormattedDate() || ''; - } + let time, i, len + + for (i = 0, len = nowElements.length; i < len; i++) { + time = nowElements[i] + time.textContent = time.getFormattedDate() || '' + } } + if (!window.customElements.get('relative-time')) { - window.RelativeTimeElement = RelativeTimeElement; - window.customElements.define('relative-time', RelativeTimeElement); -} + window.RelativeTimeElement = RelativeTimeElement + window.customElements.define('relative-time', RelativeTimeElement) +} \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/relative-time.js b/plugins/plugins/core/components/time-elements/relative-time.js index f61d94dc..8610492f 100644 --- a/plugins/plugins/core/components/time-elements/relative-time.js +++ b/plugins/plugins/core/components/time-elements/relative-time.js @@ -1,291 +1,277 @@ -import {isDayFirst, isThisYear, isYearSeparator, makeFormatter, makeRelativeFormat, strftime} from './utils'; +import { isDayFirst, isThisYear, isYearSeparator, makeFormatter, makeRelativeFormat, strftime } from './utils' export default class RelativeTime { - constructor(date, locale) { - this.date = date; - this.locale = locale; - } - toString() { - const ago = this.timeElapsed(); - if (ago) { - return ago; - } - else { - const ahead = this.timeAhead(); - if (ahead) { - return ahead; - } - else { - return `on ${this.formatDate()}`; - } - } - } - timeElapsed() { - const ms = new Date().getTime() - this.date.getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - if (ms >= 0 && day < 30) { - return this.timeAgoFromMs(ms); - } - else { - return null; - } - } - timeAhead() { - const ms = this.date.getTime() - new Date().getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - if (ms >= 0 && day < 30) { - return this.timeUntil(); - } - else { - return null; - } - } - timeAgo() { - const ms = new Date().getTime() - this.date.getTime(); - return this.timeAgoFromMs(ms); - } - timeAgoFromMs(ms) { - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (ms < 0) { - return formatRelativeTime(this.locale, 0, 'second'); - } - else if (sec < 10) { - return formatRelativeTime(this.locale, 0, 'second'); - } - else if (sec < 45) { - return formatRelativeTime(this.locale, -sec, 'second'); - } - else if (sec < 90) { - return formatRelativeTime(this.locale, -min, 'minute'); - } - else if (min < 45) { - return formatRelativeTime(this.locale, -min, 'minute'); - } - else if (min < 90) { - return formatRelativeTime(this.locale, -hr, 'hour'); - } - else if (hr < 24) { - return formatRelativeTime(this.locale, -hr, 'hour'); - } - else if (hr < 36) { - return formatRelativeTime(this.locale, -day, 'day'); - } - else if (day < 30) { - return formatRelativeTime(this.locale, -day, 'day'); - } - else if (month < 18) { - return formatRelativeTime(this.locale, -month, 'month'); - } - else { - return formatRelativeTime(this.locale, -year, 'year'); - } - } - microTimeAgo() { - const ms = new Date().getTime() - this.date.getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (min < 1) { - return '1m'; - } - else if (min < 60) { - return `${min}m`; - } - else if (hr < 24) { - return `${hr}h`; - } - else if (day < 365) { - return `${day}d`; - } - else { - return `${year}y`; - } - } - timeUntil() { - const ms = this.date.getTime() - new Date().getTime(); - return this.timeUntilFromMs(ms); - } - timeUntilFromMs(ms) { - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (month >= 18) { - return formatRelativeTime(this.locale, year, 'year'); - } - else if (month >= 12) { - return formatRelativeTime(this.locale, year, 'year'); - } - else if (day >= 45) { - return formatRelativeTime(this.locale, month, 'month'); - } - else if (day >= 30) { - return formatRelativeTime(this.locale, month, 'month'); - } - else if (hr >= 36) { - return formatRelativeTime(this.locale, day, 'day'); - } - else if (hr >= 24) { - return formatRelativeTime(this.locale, day, 'day'); - } - else if (min >= 90) { - return formatRelativeTime(this.locale, hr, 'hour'); - } - else if (min >= 45) { - return formatRelativeTime(this.locale, hr, 'hour'); - } - else if (sec >= 90) { - return formatRelativeTime(this.locale, min, 'minute'); - } - else if (sec >= 45) { - return formatRelativeTime(this.locale, min, 'minute'); - } - else if (sec >= 10) { - return formatRelativeTime(this.locale, sec, 'second'); - } - else { - return formatRelativeTime(this.locale, 0, 'second'); - } - } - microTimeUntil() { - const ms = this.date.getTime() - new Date().getTime(); - const sec = Math.round(ms / 1000); - const min = Math.round(sec / 60); - const hr = Math.round(min / 60); - const day = Math.round(hr / 24); - const month = Math.round(day / 30); - const year = Math.round(month / 12); - if (day >= 365) { - return `${year}y`; - } - else if (hr >= 24) { - return `${day}d`; - } - else if (min >= 60) { - return `${hr}h`; - } - else if (min > 1) { - return `${min}m`; - } - else { - return '1m'; - } - } - formatDate() { - let format = isDayFirst() ? '%e %b' : '%b %e'; - if (!isThisYear(this.date)) { - format += isYearSeparator() ? ', %Y' : ' %Y'; - } - return strftime(this.date, format); - } - formatTime() { - const formatter = timeFormatter(); - if (formatter) { - return formatter.format(this.date); - } - else { - return strftime(this.date, '%l:%M%P'); - } - } + constructor(date, locale) { + this.date = date + this.locale = locale + } + + toString() { + const ago = this.timeElapsed() + if (ago) { + return ago + } else { + const ahead = this.timeAhead() + + if (ahead) { + return ahead + } else { + return `on ${this.formatDate()}` + } + } + } + + timeElapsed() { + const ms = new Date().getTime() - this.date.getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + + if (ms >= 0 && day < 30) { + return this.timeAgoFromMs(ms) + } else { + return null + } + } + + timeAhead() { + const ms = this.date.getTime() - new Date().getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + + if (ms >= 0 && day < 30) { + return this.timeUntil() + } else { + return null + } + } + + timeAgo() { + const ms = new Date().getTime() - this.date.getTime() + return this.timeAgoFromMs(ms) + } + + timeAgoFromMs(ms) { + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (ms < 0) { + return formatRelativeTime(this.locale, 0, 'second') + } else if (sec < 10) { + return formatRelativeTime(this.locale, 0, 'second') + } else if (sec < 45) { + return formatRelativeTime(this.locale, -sec, 'second') + } else if (sec < 90) { + return formatRelativeTime(this.locale, -min, 'minute') + } else if (min < 45) { + return formatRelativeTime(this.locale, -min, 'minute') + } else if (min < 90) { + return formatRelativeTime(this.locale, -hr, 'hour') + } else if (hr < 24) { + return formatRelativeTime(this.locale, -hr, 'hour') + } else if (hr < 36) { + return formatRelativeTime(this.locale, -day, 'day') + } else if (day < 30) { + return formatRelativeTime(this.locale, -day, 'day') + } else if (month < 18) { + return formatRelativeTime(this.locale, -month, 'month') + } else { + return formatRelativeTime(this.locale, -year, 'year') + } + } + + microTimeAgo() { + const ms = new Date().getTime() - this.date.getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (min < 1) { + return '1m' + } else if (min < 60) { + return `${min}m` + } else if (hr < 24) { + return `${hr}h` + } else if (day < 365) { + return `${day}d` + } else { + return `${year}y` + } + } + + timeUntil() { + const ms = this.date.getTime() - new Date().getTime() + return this.timeUntilFromMs(ms) + } + + timeUntilFromMs(ms) { + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (month >= 18) { + return formatRelativeTime(this.locale, year, 'year') + } else if (month >= 12) { + return formatRelativeTime(this.locale, year, 'year') + } else if (day >= 45) { + return formatRelativeTime(this.locale, month, 'month') + } else if (day >= 30) { + return formatRelativeTime(this.locale, month, 'month') + } else if (hr >= 36) { + return formatRelativeTime(this.locale, day, 'day') + } else if (hr >= 24) { + return formatRelativeTime(this.locale, day, 'day') + } else if (min >= 90) { + return formatRelativeTime(this.locale, hr, 'hour') + } else if (min >= 45) { + return formatRelativeTime(this.locale, hr, 'hour') + } else if (sec >= 90) { + return formatRelativeTime(this.locale, min, 'minute') + } else if (sec >= 45) { + return formatRelativeTime(this.locale, min, 'minute') + } else if (sec >= 10) { + return formatRelativeTime(this.locale, sec, 'second') + } else { + return formatRelativeTime(this.locale, 0, 'second') + } + } + microTimeUntil() { + const ms = this.date.getTime() - new Date().getTime() + const sec = Math.round(ms / 1000) + const min = Math.round(sec / 60) + const hr = Math.round(min / 60) + const day = Math.round(hr / 24) + const month = Math.round(day / 30) + const year = Math.round(month / 12) + + if (day >= 365) { + return `${year}y` + } else if (hr >= 24) { + return `${day}d` + } else if (min >= 60) { + return `${hr}h` + } else if (min > 1) { + return `${min}m` + } else { + return '1m' + } + } + + formatDate() { + let format = isDayFirst() ? '%e %b' : '%b %e' + + if (!isThisYear(this.date)) { + format += isYearSeparator() ? ', %Y' : ' %Y' + } + + return strftime(this.date, format) + } + + formatTime() { + const formatter = timeFormatter() + + if (formatter) { + return formatter.format(this.date) + } else { + return strftime(this.date, '%l:%M%P') + } + } } + function formatRelativeTime(locale, value, unit) { - const formatter = makeRelativeFormat(locale, { numeric: 'auto' }); - if (formatter) { - return formatter.format(value, unit); - } - else { - return formatEnRelativeTime(value, unit); - } + const formatter = makeRelativeFormat(locale, { numeric: 'auto' }) + + if (formatter) { + return formatter.format(value, unit) + } else { + return formatEnRelativeTime(value, unit) + } } + function formatEnRelativeTime(value, unit) { - if (value === 0) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - return `this ${unit}`; - case 'day': - return 'today'; - case 'hour': - case 'minute': - return `in 0 ${unit}s`; - case 'second': - return 'now'; - } - } - else if (value === 1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - return `next ${unit}`; - case 'day': - return 'tomorrow'; - case 'hour': - case 'minute': - case 'second': - return `in 1 ${unit}`; - } - } - else if (value === -1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - return `last ${unit}`; - case 'day': - return 'yesterday'; - case 'hour': - case 'minute': - case 'second': - return `1 ${unit} ago`; - } - } - else if (value > 1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - case 'day': - case 'hour': - case 'minute': - case 'second': - return `in ${value} ${unit}s`; - } - } - else if (value < -1) { - switch (unit) { - case 'year': - case 'quarter': - case 'month': - case 'week': - case 'day': - case 'hour': - case 'minute': - case 'second': - return `${-value} ${unit}s ago`; - } - } - throw new RangeError(`Invalid unit argument for format() '${unit}'`); + if (value === 0) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + return `this ${unit}` + case 'day': + return 'today' + case 'hour': + case 'minute': + return `in 0 ${unit}s` + case 'second': + return 'now' + } + } else if (value === 1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + return `next ${unit}` + case 'day': + return 'tomorrow' + case 'hour': + case 'minute': + case 'second': + return `in 1 ${unit}` + } + } else if (value === -1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + return `last ${unit}` + case 'day': + return 'yesterday' + case 'hour': + case 'minute': + case 'second': + return `1 ${unit} ago` + } + } else if (value > 1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + case 'day': + case 'hour': + case 'minute': + case 'second': + return `in ${value} ${unit}s` + } + } else if (value < -1) { + switch (unit) { + case 'year': + case 'quarter': + case 'month': + case 'week': + case 'day': + case 'hour': + case 'minute': + case 'second': + return `${-value} ${unit}s ago` + } + } + + throw new RangeError(`Invalid unit argument for format() '${unit}'`) } -const timeFormatter = makeFormatter({ hour: 'numeric', minute: '2-digit' }); + +const timeFormatter = makeFormatter({ hour: 'numeric', minute: '2-digit' }) \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/time-ago-element.js b/plugins/plugins/core/components/time-elements/time-ago-element.js index b673094e..20271b55 100644 --- a/plugins/plugins/core/components/time-elements/time-ago-element.js +++ b/plugins/plugins/core/components/time-elements/time-ago-element.js @@ -1,22 +1,25 @@ -import RelativeTime from './relative-time'; -import RelativeTimeElement from './relative-time-element'; -import {localeFromElement} from './utils'; +import { localeFromElement } from './utils' +import RelativeTime from './relative-time' +import RelativeTimeElement from './relative-time-element' export default class TimeAgoElement extends RelativeTimeElement { - getFormattedDate() { - const format = this.getAttribute('format'); - const date = this.date; - if (!date) - return; - if (format === 'micro') { - return new RelativeTime(date, localeFromElement(this)).microTimeAgo(); - } - else { - return new RelativeTime(date, localeFromElement(this)).timeAgo(); - } - } + getFormattedDate() { + const format = this.getAttribute('format') + const date = this.date + + if (!date) { + return + } + + if (format === 'micro') { + return new RelativeTime(date, localeFromElement(this)).microTimeAgo() + } else { + return new RelativeTime(date, localeFromElement(this)).timeAgo() + } + } } + if (!window.customElements.get('time-ago')) { - window.TimeAgoElement = TimeAgoElement; - window.customElements.define('time-ago', TimeAgoElement); -} + window.TimeAgoElement = TimeAgoElement + window.customElements.define('time-ago', TimeAgoElement) +} \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/time-until-element.js b/plugins/plugins/core/components/time-elements/time-until-element.js index ebdd9f91..72cf96dd 100644 --- a/plugins/plugins/core/components/time-elements/time-until-element.js +++ b/plugins/plugins/core/components/time-elements/time-until-element.js @@ -1,22 +1,25 @@ -import RelativeTime from './relative-time'; -import RelativeTimeElement from './relative-time-element'; -import {localeFromElement} from './utils'; +import { localeFromElement } from './utils' +import RelativeTime from './relative-time' +import RelativeTimeElement from './relative-time-element' export default class TimeUntilElement extends RelativeTimeElement { - getFormattedDate() { - const format = this.getAttribute('format'); - const date = this.date; - if (!date) - return; - if (format === 'micro') { - return new RelativeTime(date, localeFromElement(this)).microTimeUntil(); - } - else { - return new RelativeTime(date, localeFromElement(this)).timeUntil(); - } - } + getFormattedDate() { + const format = this.getAttribute('format') + const date = this.date + + if (!date) { + return + } + + if (format === 'micro') { + return new RelativeTime(date, localeFromElement(this)).microTimeUntil() + } else { + return new RelativeTime(date, localeFromElement(this)).timeUntil() + } + } } + if (!window.customElements.get('time-until')) { - window.TimeUntilElement = TimeUntilElement; - window.customElements.define('time-until', TimeUntilElement); -} + window.TimeUntilElement = TimeUntilElement + window.customElements.define('time-until', TimeUntilElement) +} \ No newline at end of file diff --git a/plugins/plugins/core/components/time-elements/utils.js b/plugins/plugins/core/components/time-elements/utils.js index 7bf4b1e7..eda6fa09 100644 --- a/plugins/plugins/core/components/time-elements/utils.js +++ b/plugins/plugins/core/components/time-elements/utils.js @@ -1,166 +1,186 @@ -const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; +const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] + const months = [ - 'January', - 'February', - 'March', - 'April', - 'May', - 'June', - 'July', - 'August', - 'September', - 'October', - 'November', - 'December' -]; + 'January', + 'February', + 'March', + 'April', + 'May', + 'June', + 'July', + 'August', + 'September', + 'October', + 'November', + 'December' +] + function pad(num) { - return `0${num}`.slice(-2); + return `0${num}`.slice(-2) } + export function strftime(time, formatString) { - const day = time.getDay(); - const date = time.getDate(); - const month = time.getMonth(); - const year = time.getFullYear(); - const hour = time.getHours(); - const minute = time.getMinutes(); - const second = time.getSeconds(); - return formatString.replace(/%([%aAbBcdeHIlmMpPSwyYZz])/g, function (_arg) { - let match; - const modifier = _arg[1]; - switch (modifier) { - case '%': - return '%'; - case 'a': - return weekdays[day].slice(0, 3); - case 'A': - return weekdays[day]; - case 'b': - return months[month].slice(0, 3); - case 'B': - return months[month]; - case 'c': - return time.toString(); - case 'd': - return pad(date); - case 'e': - return String(date); - case 'H': - return pad(hour); - case 'I': - return pad(strftime(time, '%l')); - case 'l': - if (hour === 0 || hour === 12) { - return String(12); - } - else { - return String((hour + 12) % 12); - } - case 'm': - return pad(month + 1); - case 'M': - return pad(minute); - case 'p': - if (hour > 11) { - return 'PM'; - } - else { - return 'AM'; - } - case 'P': - if (hour > 11) { - return 'pm'; - } - else { - return 'am'; - } - case 'S': - return pad(second); - case 'w': - return String(day); - case 'y': - return pad(year % 100); - case 'Y': - return String(year); - case 'Z': - match = time.toString().match(/\((\w+)\)$/); - return match ? match[1] : ''; - case 'z': - match = time.toString().match(/\w([+-]\d\d\d\d) /); - return match ? match[1] : ''; - } - return ''; - }); + const day = time.getDay() + const date = time.getDate() + const month = time.getMonth() + const year = time.getFullYear() + const hour = time.getHours() + const minute = time.getMinutes() + const second = time.getSeconds() + + return formatString.replace(/%([%aAbBcdeHIlmMpPSwyYZz])/g, function (_arg) { + let match + + const modifier = _arg[1] + + switch (modifier) { + case '%': + return '%' + case 'a': + return weekdays[day].slice(0, 3) + case 'A': + return weekdays[day] + case 'b': + return months[month].slice(0, 3) + case 'B': + return months[month] + case 'c': + return time.toString() + case 'd': + return pad(date) + case 'e': + return String(date) + case 'H': + return pad(hour) + case 'I': + return pad(strftime(time, '%l')) + case 'l': + if (hour === 0 || hour === 12) { + return String(12) + } else { + return String((hour + 12) % 12) + } + case 'm': + return pad(month + 1) + case 'M': + return pad(minute) + case 'p': + if (hour > 11) { + return 'PM' + } else { + return 'AM' + } + case 'P': + if (hour > 11) { + return 'pm' + } else { + return 'am' + } + case 'S': + return pad(second) + case 'w': + return String(day) + case 'y': + return pad(year % 100) + case 'Y': + return String(year) + case 'Z': + match = time.toString().match(/\((\w+)\)$/) + return match ? match[1] : '' + case 'z': + match = time.toString().match(/\w([+-]\d\d\d\d) /) + return match ? match[1] : '' + } + + return '' + }) } + export function makeFormatter(options) { - let format; - return function () { - if (format) - return format; - if ('Intl' in window) { - try { - format = new Intl.DateTimeFormat(undefined, options); - return format; - } - catch (e) { - if (!(e instanceof RangeError)) { - throw e; - } - } - } - }; + let format + + return function () { + if (format) { + return format + } + + if ('Intl' in window) { + try { + format = new Intl.DateTimeFormat(undefined, options) + return format + } catch (e) { + if (!(e instanceof RangeError)) { + throw e + } + } + } + } } -let dayFirst = null; -const dayFirstFormatter = makeFormatter({ day: 'numeric', month: 'short' }); + +let dayFirst = null + +const dayFirstFormatter = makeFormatter({ day: 'numeric', month: 'short' }) + export function isDayFirst() { - if (dayFirst !== null) { - return dayFirst; - } - const formatter = dayFirstFormatter(); - if (formatter) { - const output = formatter.format(new Date(0)); - dayFirst = !!output.match(/^\d/); - return dayFirst; - } - else { - return false; - } + if (dayFirst !== null) { + return dayFirst + } + + const formatter = dayFirstFormatter() + + if (formatter) { + const output = formatter.format(new Date(0)) + dayFirst = !!output.match(/^\d/) + return dayFirst + } else { + return false + } } -let yearSeparator = null; -const yearFormatter = makeFormatter({ day: 'numeric', month: 'short', year: 'numeric' }); + +let yearSeparator = null + +const yearFormatter = makeFormatter({ day: 'numeric', month: 'short', year: 'numeric' }) + export function isYearSeparator() { - if (yearSeparator !== null) { - return yearSeparator; - } - const formatter = yearFormatter(); - if (formatter) { - const output = formatter.format(new Date(0)); - yearSeparator = !!output.match(/\d,/); - return yearSeparator; - } - else { - return true; - } + if (yearSeparator !== null) { + return yearSeparator + } + + const formatter = yearFormatter() + + if (formatter) { + const output = formatter.format(new Date(0)) + yearSeparator = !!output.match(/\d,/) + return yearSeparator + } + else { + return true + } } + export function isThisYear(date) { - const now = new Date(); - return now.getUTCFullYear() === date.getUTCFullYear(); + const now = new Date() + return now.getUTCFullYear() === date.getUTCFullYear() } + export function makeRelativeFormat(locale, options) { - if ('Intl' in window && 'RelativeTimeFormat' in window.Intl) { - try { - return new Intl.RelativeTimeFormat(locale, options); - } - catch (e) { - if (!(e instanceof RangeError)) { - throw e; - } - } - } + if ('Intl' in window && 'RelativeTimeFormat' in window.Intl) { + try { + return new Intl.RelativeTimeFormat(locale, options) + } catch (e) { + if (!(e instanceof RangeError)) { + throw e + } + } + } } + export function localeFromElement(el) { - const container = el.closest('[lang]'); - if (container instanceof HTMLElement && container.lang) { - return container.lang; - } - return 'default'; -} + const container = el.closest('[lang]') + + if (container instanceof HTMLElement && container.lang) { + return container.lang + } + + return 'default' +} \ No newline at end of file diff --git a/plugins/plugins/core/components/webworkerDecodeMessages.js b/plugins/plugins/core/components/webworkerDecodeMessages.js index c12c004a..ed711807 100644 --- a/plugins/plugins/core/components/webworkerDecodeMessages.js +++ b/plugins/plugins/core/components/webworkerDecodeMessages.js @@ -1,8 +1,6 @@ -import {Sha256} from 'asmcrypto.js'; +import { Sha256 } from 'asmcrypto.js' const nacl = {} -//(function(nacl) { -'use strict'; // Ported in 2014 by Dmitry Chestnykh and Devi Mandiri. // Public domain. @@ -10,2277 +8,2290 @@ const nacl = {} // Implementation derived from TweetNaCl version 20140427. // See for details: http://tweetnacl.cr.yp.to/ -var gf = function(init) { - var i, r = new Float64Array(16); - if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; - return r; +var gf = function (init) { + var i, r = new Float64Array(16); + if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; + return r; }; // Pluggable, initialized in high-level API below. -var randombytes = function(/* x, n */) { throw new Error('no PRNG'); }; +var randombytes = function (/* x, n */) { throw new Error('no PRNG'); }; var _0 = new Uint8Array(16); var _9 = new Uint8Array(32); _9[0] = 9; var gf0 = gf(), - gf1 = gf([1]), - _121665 = gf([0xdb41, 1]), - D = gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]), - D2 = gf([0xf159, 0x26b2, 0x9b94, 0xebd6, 0xb156, 0x8283, 0x149a, 0x00e0, 0xd130, 0xeef3, 0x80f2, 0x198e, 0xfce7, 0x56df, 0xd9dc, 0x2406]), - X = gf([0xd51a, 0x8f25, 0x2d60, 0xc956, 0xa7b2, 0x9525, 0xc760, 0x692c, 0xdc5c, 0xfdd6, 0xe231, 0xc0a4, 0x53fe, 0xcd6e, 0x36d3, 0x2169]), - Y = gf([0x6658, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666]), - I = gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); + gf1 = gf([1]), + _121665 = gf([0xdb41, 1]), + D = gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]), + D2 = gf([0xf159, 0x26b2, 0x9b94, 0xebd6, 0xb156, 0x8283, 0x149a, 0x00e0, 0xd130, 0xeef3, 0x80f2, 0x198e, 0xfce7, 0x56df, 0xd9dc, 0x2406]), + X = gf([0xd51a, 0x8f25, 0x2d60, 0xc956, 0xa7b2, 0x9525, 0xc760, 0x692c, 0xdc5c, 0xfdd6, 0xe231, 0xc0a4, 0x53fe, 0xcd6e, 0x36d3, 0x2169]), + Y = gf([0x6658, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666]), + I = gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); function ts64(x, i, h, l) { - x[i] = (h >> 24) & 0xff; - x[i+1] = (h >> 16) & 0xff; - x[i+2] = (h >> 8) & 0xff; - x[i+3] = h & 0xff; - x[i+4] = (l >> 24) & 0xff; - x[i+5] = (l >> 16) & 0xff; - x[i+6] = (l >> 8) & 0xff; - x[i+7] = l & 0xff; + x[i] = (h >> 24) & 0xff; + x[i + 1] = (h >> 16) & 0xff; + x[i + 2] = (h >> 8) & 0xff; + x[i + 3] = h & 0xff; + x[i + 4] = (l >> 24) & 0xff; + x[i + 5] = (l >> 16) & 0xff; + x[i + 6] = (l >> 8) & 0xff; + x[i + 7] = l & 0xff; } function vn(x, xi, y, yi, n) { - var i,d = 0; - for (i = 0; i < n; i++) d |= x[xi+i]^y[yi+i]; - return (1 & ((d - 1) >>> 8)) - 1; + var i, d = 0; + for (i = 0; i < n; i++) d |= x[xi + i] ^ y[yi + i]; + return (1 & ((d - 1) >>> 8)) - 1; } function crypto_verify_16(x, xi, y, yi) { - return vn(x,xi,y,yi,16); + return vn(x, xi, y, yi, 16); } function crypto_verify_32(x, xi, y, yi) { - return vn(x,xi,y,yi,32); + return vn(x, xi, y, yi, 32); } function core_salsa20(o, p, k, c) { - var j0 = c[ 0] & 0xff | (c[ 1] & 0xff)<<8 | (c[ 2] & 0xff)<<16 | (c[ 3] & 0xff)<<24, - j1 = k[ 0] & 0xff | (k[ 1] & 0xff)<<8 | (k[ 2] & 0xff)<<16 | (k[ 3] & 0xff)<<24, - j2 = k[ 4] & 0xff | (k[ 5] & 0xff)<<8 | (k[ 6] & 0xff)<<16 | (k[ 7] & 0xff)<<24, - j3 = k[ 8] & 0xff | (k[ 9] & 0xff)<<8 | (k[10] & 0xff)<<16 | (k[11] & 0xff)<<24, - j4 = k[12] & 0xff | (k[13] & 0xff)<<8 | (k[14] & 0xff)<<16 | (k[15] & 0xff)<<24, - j5 = c[ 4] & 0xff | (c[ 5] & 0xff)<<8 | (c[ 6] & 0xff)<<16 | (c[ 7] & 0xff)<<24, - j6 = p[ 0] & 0xff | (p[ 1] & 0xff)<<8 | (p[ 2] & 0xff)<<16 | (p[ 3] & 0xff)<<24, - j7 = p[ 4] & 0xff | (p[ 5] & 0xff)<<8 | (p[ 6] & 0xff)<<16 | (p[ 7] & 0xff)<<24, - j8 = p[ 8] & 0xff | (p[ 9] & 0xff)<<8 | (p[10] & 0xff)<<16 | (p[11] & 0xff)<<24, - j9 = p[12] & 0xff | (p[13] & 0xff)<<8 | (p[14] & 0xff)<<16 | (p[15] & 0xff)<<24, - j10 = c[ 8] & 0xff | (c[ 9] & 0xff)<<8 | (c[10] & 0xff)<<16 | (c[11] & 0xff)<<24, - j11 = k[16] & 0xff | (k[17] & 0xff)<<8 | (k[18] & 0xff)<<16 | (k[19] & 0xff)<<24, - j12 = k[20] & 0xff | (k[21] & 0xff)<<8 | (k[22] & 0xff)<<16 | (k[23] & 0xff)<<24, - j13 = k[24] & 0xff | (k[25] & 0xff)<<8 | (k[26] & 0xff)<<16 | (k[27] & 0xff)<<24, - j14 = k[28] & 0xff | (k[29] & 0xff)<<8 | (k[30] & 0xff)<<16 | (k[31] & 0xff)<<24, - j15 = c[12] & 0xff | (c[13] & 0xff)<<8 | (c[14] & 0xff)<<16 | (c[15] & 0xff)<<24; + var j0 = c[0] & 0xff | (c[1] & 0xff) << 8 | (c[2] & 0xff) << 16 | (c[3] & 0xff) << 24, + j1 = k[0] & 0xff | (k[1] & 0xff) << 8 | (k[2] & 0xff) << 16 | (k[3] & 0xff) << 24, + j2 = k[4] & 0xff | (k[5] & 0xff) << 8 | (k[6] & 0xff) << 16 | (k[7] & 0xff) << 24, + j3 = k[8] & 0xff | (k[9] & 0xff) << 8 | (k[10] & 0xff) << 16 | (k[11] & 0xff) << 24, + j4 = k[12] & 0xff | (k[13] & 0xff) << 8 | (k[14] & 0xff) << 16 | (k[15] & 0xff) << 24, + j5 = c[4] & 0xff | (c[5] & 0xff) << 8 | (c[6] & 0xff) << 16 | (c[7] & 0xff) << 24, + j6 = p[0] & 0xff | (p[1] & 0xff) << 8 | (p[2] & 0xff) << 16 | (p[3] & 0xff) << 24, + j7 = p[4] & 0xff | (p[5] & 0xff) << 8 | (p[6] & 0xff) << 16 | (p[7] & 0xff) << 24, + j8 = p[8] & 0xff | (p[9] & 0xff) << 8 | (p[10] & 0xff) << 16 | (p[11] & 0xff) << 24, + j9 = p[12] & 0xff | (p[13] & 0xff) << 8 | (p[14] & 0xff) << 16 | (p[15] & 0xff) << 24, + j10 = c[8] & 0xff | (c[9] & 0xff) << 8 | (c[10] & 0xff) << 16 | (c[11] & 0xff) << 24, + j11 = k[16] & 0xff | (k[17] & 0xff) << 8 | (k[18] & 0xff) << 16 | (k[19] & 0xff) << 24, + j12 = k[20] & 0xff | (k[21] & 0xff) << 8 | (k[22] & 0xff) << 16 | (k[23] & 0xff) << 24, + j13 = k[24] & 0xff | (k[25] & 0xff) << 8 | (k[26] & 0xff) << 16 | (k[27] & 0xff) << 24, + j14 = k[28] & 0xff | (k[29] & 0xff) << 8 | (k[30] & 0xff) << 16 | (k[31] & 0xff) << 24, + j15 = c[12] & 0xff | (c[13] & 0xff) << 8 | (c[14] & 0xff) << 16 | (c[15] & 0xff) << 24; - var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, - x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, - x15 = j15, u; + var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, + x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, + x15 = j15, u; - for (var i = 0; i < 20; i += 2) { - u = x0 + x12 | 0; - x4 ^= u<<7 | u>>>(32-7); - u = x4 + x0 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x4 | 0; - x12 ^= u<<13 | u>>>(32-13); - u = x12 + x8 | 0; - x0 ^= u<<18 | u>>>(32-18); + for (var i = 0; i < 20; i += 2) { + u = x0 + x12 | 0; + x4 ^= u << 7 | u >>> (32 - 7); + u = x4 + x0 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x4 | 0; + x12 ^= u << 13 | u >>> (32 - 13); + u = x12 + x8 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x1 | 0; - x9 ^= u<<7 | u>>>(32-7); - u = x9 + x5 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x9 | 0; - x1 ^= u<<13 | u>>>(32-13); - u = x1 + x13 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x1 | 0; + x9 ^= u << 7 | u >>> (32 - 7); + u = x9 + x5 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x9 | 0; + x1 ^= u << 13 | u >>> (32 - 13); + u = x1 + x13 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x6 | 0; - x14 ^= u<<7 | u>>>(32-7); - u = x14 + x10 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x14 | 0; - x6 ^= u<<13 | u>>>(32-13); - u = x6 + x2 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x6 | 0; + x14 ^= u << 7 | u >>> (32 - 7); + u = x14 + x10 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x14 | 0; + x6 ^= u << 13 | u >>> (32 - 13); + u = x6 + x2 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x11 | 0; - x3 ^= u<<7 | u>>>(32-7); - u = x3 + x15 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x3 | 0; - x11 ^= u<<13 | u>>>(32-13); - u = x11 + x7 | 0; - x15 ^= u<<18 | u>>>(32-18); + u = x15 + x11 | 0; + x3 ^= u << 7 | u >>> (32 - 7); + u = x3 + x15 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x3 | 0; + x11 ^= u << 13 | u >>> (32 - 13); + u = x11 + x7 | 0; + x15 ^= u << 18 | u >>> (32 - 18); - u = x0 + x3 | 0; - x1 ^= u<<7 | u>>>(32-7); - u = x1 + x0 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x1 | 0; - x3 ^= u<<13 | u>>>(32-13); - u = x3 + x2 | 0; - x0 ^= u<<18 | u>>>(32-18); + u = x0 + x3 | 0; + x1 ^= u << 7 | u >>> (32 - 7); + u = x1 + x0 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x1 | 0; + x3 ^= u << 13 | u >>> (32 - 13); + u = x3 + x2 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x4 | 0; - x6 ^= u<<7 | u>>>(32-7); - u = x6 + x5 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x6 | 0; - x4 ^= u<<13 | u>>>(32-13); - u = x4 + x7 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x4 | 0; + x6 ^= u << 7 | u >>> (32 - 7); + u = x6 + x5 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x6 | 0; + x4 ^= u << 13 | u >>> (32 - 13); + u = x4 + x7 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x9 | 0; - x11 ^= u<<7 | u>>>(32-7); - u = x11 + x10 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x11 | 0; - x9 ^= u<<13 | u>>>(32-13); - u = x9 + x8 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x9 | 0; + x11 ^= u << 7 | u >>> (32 - 7); + u = x11 + x10 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x11 | 0; + x9 ^= u << 13 | u >>> (32 - 13); + u = x9 + x8 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x14 | 0; - x12 ^= u<<7 | u>>>(32-7); - u = x12 + x15 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x12 | 0; - x14 ^= u<<13 | u>>>(32-13); - u = x14 + x13 | 0; - x15 ^= u<<18 | u>>>(32-18); - } - x0 = x0 + j0 | 0; - x1 = x1 + j1 | 0; - x2 = x2 + j2 | 0; - x3 = x3 + j3 | 0; - x4 = x4 + j4 | 0; - x5 = x5 + j5 | 0; - x6 = x6 + j6 | 0; - x7 = x7 + j7 | 0; - x8 = x8 + j8 | 0; - x9 = x9 + j9 | 0; - x10 = x10 + j10 | 0; - x11 = x11 + j11 | 0; - x12 = x12 + j12 | 0; - x13 = x13 + j13 | 0; - x14 = x14 + j14 | 0; - x15 = x15 + j15 | 0; + u = x15 + x14 | 0; + x12 ^= u << 7 | u >>> (32 - 7); + u = x12 + x15 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x12 | 0; + x14 ^= u << 13 | u >>> (32 - 13); + u = x14 + x13 | 0; + x15 ^= u << 18 | u >>> (32 - 18); + } - o[ 0] = x0 >>> 0 & 0xff; - o[ 1] = x0 >>> 8 & 0xff; - o[ 2] = x0 >>> 16 & 0xff; - o[ 3] = x0 >>> 24 & 0xff; + x0 = x0 + j0 | 0; + x1 = x1 + j1 | 0; + x2 = x2 + j2 | 0; + x3 = x3 + j3 | 0; + x4 = x4 + j4 | 0; + x5 = x5 + j5 | 0; + x6 = x6 + j6 | 0; + x7 = x7 + j7 | 0; + x8 = x8 + j8 | 0; + x9 = x9 + j9 | 0; + x10 = x10 + j10 | 0; + x11 = x11 + j11 | 0; + x12 = x12 + j12 | 0; + x13 = x13 + j13 | 0; + x14 = x14 + j14 | 0; + x15 = x15 + j15 | 0; - o[ 4] = x1 >>> 0 & 0xff; - o[ 5] = x1 >>> 8 & 0xff; - o[ 6] = x1 >>> 16 & 0xff; - o[ 7] = x1 >>> 24 & 0xff; + o[0] = x0 >>> 0 & 0xff; + o[1] = x0 >>> 8 & 0xff; + o[2] = x0 >>> 16 & 0xff; + o[3] = x0 >>> 24 & 0xff; - o[ 8] = x2 >>> 0 & 0xff; - o[ 9] = x2 >>> 8 & 0xff; - o[10] = x2 >>> 16 & 0xff; - o[11] = x2 >>> 24 & 0xff; + o[4] = x1 >>> 0 & 0xff; + o[5] = x1 >>> 8 & 0xff; + o[6] = x1 >>> 16 & 0xff; + o[7] = x1 >>> 24 & 0xff; - o[12] = x3 >>> 0 & 0xff; - o[13] = x3 >>> 8 & 0xff; - o[14] = x3 >>> 16 & 0xff; - o[15] = x3 >>> 24 & 0xff; + o[8] = x2 >>> 0 & 0xff; + o[9] = x2 >>> 8 & 0xff; + o[10] = x2 >>> 16 & 0xff; + o[11] = x2 >>> 24 & 0xff; - o[16] = x4 >>> 0 & 0xff; - o[17] = x4 >>> 8 & 0xff; - o[18] = x4 >>> 16 & 0xff; - o[19] = x4 >>> 24 & 0xff; + o[12] = x3 >>> 0 & 0xff; + o[13] = x3 >>> 8 & 0xff; + o[14] = x3 >>> 16 & 0xff; + o[15] = x3 >>> 24 & 0xff; - o[20] = x5 >>> 0 & 0xff; - o[21] = x5 >>> 8 & 0xff; - o[22] = x5 >>> 16 & 0xff; - o[23] = x5 >>> 24 & 0xff; + o[16] = x4 >>> 0 & 0xff; + o[17] = x4 >>> 8 & 0xff; + o[18] = x4 >>> 16 & 0xff; + o[19] = x4 >>> 24 & 0xff; - o[24] = x6 >>> 0 & 0xff; - o[25] = x6 >>> 8 & 0xff; - o[26] = x6 >>> 16 & 0xff; - o[27] = x6 >>> 24 & 0xff; + o[20] = x5 >>> 0 & 0xff; + o[21] = x5 >>> 8 & 0xff; + o[22] = x5 >>> 16 & 0xff; + o[23] = x5 >>> 24 & 0xff; - o[28] = x7 >>> 0 & 0xff; - o[29] = x7 >>> 8 & 0xff; - o[30] = x7 >>> 16 & 0xff; - o[31] = x7 >>> 24 & 0xff; + o[24] = x6 >>> 0 & 0xff; + o[25] = x6 >>> 8 & 0xff; + o[26] = x6 >>> 16 & 0xff; + o[27] = x6 >>> 24 & 0xff; - o[32] = x8 >>> 0 & 0xff; - o[33] = x8 >>> 8 & 0xff; - o[34] = x8 >>> 16 & 0xff; - o[35] = x8 >>> 24 & 0xff; + o[28] = x7 >>> 0 & 0xff; + o[29] = x7 >>> 8 & 0xff; + o[30] = x7 >>> 16 & 0xff; + o[31] = x7 >>> 24 & 0xff; - o[36] = x9 >>> 0 & 0xff; - o[37] = x9 >>> 8 & 0xff; - o[38] = x9 >>> 16 & 0xff; - o[39] = x9 >>> 24 & 0xff; + o[32] = x8 >>> 0 & 0xff; + o[33] = x8 >>> 8 & 0xff; + o[34] = x8 >>> 16 & 0xff; + o[35] = x8 >>> 24 & 0xff; - o[40] = x10 >>> 0 & 0xff; - o[41] = x10 >>> 8 & 0xff; - o[42] = x10 >>> 16 & 0xff; - o[43] = x10 >>> 24 & 0xff; + o[36] = x9 >>> 0 & 0xff; + o[37] = x9 >>> 8 & 0xff; + o[38] = x9 >>> 16 & 0xff; + o[39] = x9 >>> 24 & 0xff; - o[44] = x11 >>> 0 & 0xff; - o[45] = x11 >>> 8 & 0xff; - o[46] = x11 >>> 16 & 0xff; - o[47] = x11 >>> 24 & 0xff; + o[40] = x10 >>> 0 & 0xff; + o[41] = x10 >>> 8 & 0xff; + o[42] = x10 >>> 16 & 0xff; + o[43] = x10 >>> 24 & 0xff; - o[48] = x12 >>> 0 & 0xff; - o[49] = x12 >>> 8 & 0xff; - o[50] = x12 >>> 16 & 0xff; - o[51] = x12 >>> 24 & 0xff; + o[44] = x11 >>> 0 & 0xff; + o[45] = x11 >>> 8 & 0xff; + o[46] = x11 >>> 16 & 0xff; + o[47] = x11 >>> 24 & 0xff; - o[52] = x13 >>> 0 & 0xff; - o[53] = x13 >>> 8 & 0xff; - o[54] = x13 >>> 16 & 0xff; - o[55] = x13 >>> 24 & 0xff; + o[48] = x12 >>> 0 & 0xff; + o[49] = x12 >>> 8 & 0xff; + o[50] = x12 >>> 16 & 0xff; + o[51] = x12 >>> 24 & 0xff; - o[56] = x14 >>> 0 & 0xff; - o[57] = x14 >>> 8 & 0xff; - o[58] = x14 >>> 16 & 0xff; - o[59] = x14 >>> 24 & 0xff; + o[52] = x13 >>> 0 & 0xff; + o[53] = x13 >>> 8 & 0xff; + o[54] = x13 >>> 16 & 0xff; + o[55] = x13 >>> 24 & 0xff; - o[60] = x15 >>> 0 & 0xff; - o[61] = x15 >>> 8 & 0xff; - o[62] = x15 >>> 16 & 0xff; - o[63] = x15 >>> 24 & 0xff; + o[56] = x14 >>> 0 & 0xff; + o[57] = x14 >>> 8 & 0xff; + o[58] = x14 >>> 16 & 0xff; + o[59] = x14 >>> 24 & 0xff; + + o[60] = x15 >>> 0 & 0xff; + o[61] = x15 >>> 8 & 0xff; + o[62] = x15 >>> 16 & 0xff; + o[63] = x15 >>> 24 & 0xff; } -function core_hsalsa20(o,p,k,c) { - var j0 = c[ 0] & 0xff | (c[ 1] & 0xff)<<8 | (c[ 2] & 0xff)<<16 | (c[ 3] & 0xff)<<24, - j1 = k[ 0] & 0xff | (k[ 1] & 0xff)<<8 | (k[ 2] & 0xff)<<16 | (k[ 3] & 0xff)<<24, - j2 = k[ 4] & 0xff | (k[ 5] & 0xff)<<8 | (k[ 6] & 0xff)<<16 | (k[ 7] & 0xff)<<24, - j3 = k[ 8] & 0xff | (k[ 9] & 0xff)<<8 | (k[10] & 0xff)<<16 | (k[11] & 0xff)<<24, - j4 = k[12] & 0xff | (k[13] & 0xff)<<8 | (k[14] & 0xff)<<16 | (k[15] & 0xff)<<24, - j5 = c[ 4] & 0xff | (c[ 5] & 0xff)<<8 | (c[ 6] & 0xff)<<16 | (c[ 7] & 0xff)<<24, - j6 = p[ 0] & 0xff | (p[ 1] & 0xff)<<8 | (p[ 2] & 0xff)<<16 | (p[ 3] & 0xff)<<24, - j7 = p[ 4] & 0xff | (p[ 5] & 0xff)<<8 | (p[ 6] & 0xff)<<16 | (p[ 7] & 0xff)<<24, - j8 = p[ 8] & 0xff | (p[ 9] & 0xff)<<8 | (p[10] & 0xff)<<16 | (p[11] & 0xff)<<24, - j9 = p[12] & 0xff | (p[13] & 0xff)<<8 | (p[14] & 0xff)<<16 | (p[15] & 0xff)<<24, - j10 = c[ 8] & 0xff | (c[ 9] & 0xff)<<8 | (c[10] & 0xff)<<16 | (c[11] & 0xff)<<24, - j11 = k[16] & 0xff | (k[17] & 0xff)<<8 | (k[18] & 0xff)<<16 | (k[19] & 0xff)<<24, - j12 = k[20] & 0xff | (k[21] & 0xff)<<8 | (k[22] & 0xff)<<16 | (k[23] & 0xff)<<24, - j13 = k[24] & 0xff | (k[25] & 0xff)<<8 | (k[26] & 0xff)<<16 | (k[27] & 0xff)<<24, - j14 = k[28] & 0xff | (k[29] & 0xff)<<8 | (k[30] & 0xff)<<16 | (k[31] & 0xff)<<24, - j15 = c[12] & 0xff | (c[13] & 0xff)<<8 | (c[14] & 0xff)<<16 | (c[15] & 0xff)<<24; +function core_hsalsa20(o, p, k, c) { + var j0 = c[0] & 0xff | (c[1] & 0xff) << 8 | (c[2] & 0xff) << 16 | (c[3] & 0xff) << 24, + j1 = k[0] & 0xff | (k[1] & 0xff) << 8 | (k[2] & 0xff) << 16 | (k[3] & 0xff) << 24, + j2 = k[4] & 0xff | (k[5] & 0xff) << 8 | (k[6] & 0xff) << 16 | (k[7] & 0xff) << 24, + j3 = k[8] & 0xff | (k[9] & 0xff) << 8 | (k[10] & 0xff) << 16 | (k[11] & 0xff) << 24, + j4 = k[12] & 0xff | (k[13] & 0xff) << 8 | (k[14] & 0xff) << 16 | (k[15] & 0xff) << 24, + j5 = c[4] & 0xff | (c[5] & 0xff) << 8 | (c[6] & 0xff) << 16 | (c[7] & 0xff) << 24, + j6 = p[0] & 0xff | (p[1] & 0xff) << 8 | (p[2] & 0xff) << 16 | (p[3] & 0xff) << 24, + j7 = p[4] & 0xff | (p[5] & 0xff) << 8 | (p[6] & 0xff) << 16 | (p[7] & 0xff) << 24, + j8 = p[8] & 0xff | (p[9] & 0xff) << 8 | (p[10] & 0xff) << 16 | (p[11] & 0xff) << 24, + j9 = p[12] & 0xff | (p[13] & 0xff) << 8 | (p[14] & 0xff) << 16 | (p[15] & 0xff) << 24, + j10 = c[8] & 0xff | (c[9] & 0xff) << 8 | (c[10] & 0xff) << 16 | (c[11] & 0xff) << 24, + j11 = k[16] & 0xff | (k[17] & 0xff) << 8 | (k[18] & 0xff) << 16 | (k[19] & 0xff) << 24, + j12 = k[20] & 0xff | (k[21] & 0xff) << 8 | (k[22] & 0xff) << 16 | (k[23] & 0xff) << 24, + j13 = k[24] & 0xff | (k[25] & 0xff) << 8 | (k[26] & 0xff) << 16 | (k[27] & 0xff) << 24, + j14 = k[28] & 0xff | (k[29] & 0xff) << 8 | (k[30] & 0xff) << 16 | (k[31] & 0xff) << 24, + j15 = c[12] & 0xff | (c[13] & 0xff) << 8 | (c[14] & 0xff) << 16 | (c[15] & 0xff) << 24; - var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, - x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, - x15 = j15, u; + var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, + x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, + x15 = j15, u; - for (var i = 0; i < 20; i += 2) { - u = x0 + x12 | 0; - x4 ^= u<<7 | u>>>(32-7); - u = x4 + x0 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x4 | 0; - x12 ^= u<<13 | u>>>(32-13); - u = x12 + x8 | 0; - x0 ^= u<<18 | u>>>(32-18); + for (var i = 0; i < 20; i += 2) { + u = x0 + x12 | 0; + x4 ^= u << 7 | u >>> (32 - 7); + u = x4 + x0 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x4 | 0; + x12 ^= u << 13 | u >>> (32 - 13); + u = x12 + x8 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x1 | 0; - x9 ^= u<<7 | u>>>(32-7); - u = x9 + x5 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x9 | 0; - x1 ^= u<<13 | u>>>(32-13); - u = x1 + x13 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x1 | 0; + x9 ^= u << 7 | u >>> (32 - 7); + u = x9 + x5 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x9 | 0; + x1 ^= u << 13 | u >>> (32 - 13); + u = x1 + x13 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x6 | 0; - x14 ^= u<<7 | u>>>(32-7); - u = x14 + x10 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x14 | 0; - x6 ^= u<<13 | u>>>(32-13); - u = x6 + x2 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x6 | 0; + x14 ^= u << 7 | u >>> (32 - 7); + u = x14 + x10 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x14 | 0; + x6 ^= u << 13 | u >>> (32 - 13); + u = x6 + x2 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x11 | 0; - x3 ^= u<<7 | u>>>(32-7); - u = x3 + x15 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x3 | 0; - x11 ^= u<<13 | u>>>(32-13); - u = x11 + x7 | 0; - x15 ^= u<<18 | u>>>(32-18); + u = x15 + x11 | 0; + x3 ^= u << 7 | u >>> (32 - 7); + u = x3 + x15 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x3 | 0; + x11 ^= u << 13 | u >>> (32 - 13); + u = x11 + x7 | 0; + x15 ^= u << 18 | u >>> (32 - 18); - u = x0 + x3 | 0; - x1 ^= u<<7 | u>>>(32-7); - u = x1 + x0 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x1 | 0; - x3 ^= u<<13 | u>>>(32-13); - u = x3 + x2 | 0; - x0 ^= u<<18 | u>>>(32-18); + u = x0 + x3 | 0; + x1 ^= u << 7 | u >>> (32 - 7); + u = x1 + x0 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x1 | 0; + x3 ^= u << 13 | u >>> (32 - 13); + u = x3 + x2 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x4 | 0; - x6 ^= u<<7 | u>>>(32-7); - u = x6 + x5 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x6 | 0; - x4 ^= u<<13 | u>>>(32-13); - u = x4 + x7 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x4 | 0; + x6 ^= u << 7 | u >>> (32 - 7); + u = x6 + x5 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x6 | 0; + x4 ^= u << 13 | u >>> (32 - 13); + u = x4 + x7 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x9 | 0; - x11 ^= u<<7 | u>>>(32-7); - u = x11 + x10 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x11 | 0; - x9 ^= u<<13 | u>>>(32-13); - u = x9 + x8 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x9 | 0; + x11 ^= u << 7 | u >>> (32 - 7); + u = x11 + x10 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x11 | 0; + x9 ^= u << 13 | u >>> (32 - 13); + u = x9 + x8 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x14 | 0; - x12 ^= u<<7 | u>>>(32-7); - u = x12 + x15 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x12 | 0; - x14 ^= u<<13 | u>>>(32-13); - u = x14 + x13 | 0; - x15 ^= u<<18 | u>>>(32-18); - } + u = x15 + x14 | 0; + x12 ^= u << 7 | u >>> (32 - 7); + u = x12 + x15 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x12 | 0; + x14 ^= u << 13 | u >>> (32 - 13); + u = x14 + x13 | 0; + x15 ^= u << 18 | u >>> (32 - 18); + } - o[ 0] = x0 >>> 0 & 0xff; - o[ 1] = x0 >>> 8 & 0xff; - o[ 2] = x0 >>> 16 & 0xff; - o[ 3] = x0 >>> 24 & 0xff; + o[0] = x0 >>> 0 & 0xff; + o[1] = x0 >>> 8 & 0xff; + o[2] = x0 >>> 16 & 0xff; + o[3] = x0 >>> 24 & 0xff; - o[ 4] = x5 >>> 0 & 0xff; - o[ 5] = x5 >>> 8 & 0xff; - o[ 6] = x5 >>> 16 & 0xff; - o[ 7] = x5 >>> 24 & 0xff; + o[4] = x5 >>> 0 & 0xff; + o[5] = x5 >>> 8 & 0xff; + o[6] = x5 >>> 16 & 0xff; + o[7] = x5 >>> 24 & 0xff; - o[ 8] = x10 >>> 0 & 0xff; - o[ 9] = x10 >>> 8 & 0xff; - o[10] = x10 >>> 16 & 0xff; - o[11] = x10 >>> 24 & 0xff; + o[8] = x10 >>> 0 & 0xff; + o[9] = x10 >>> 8 & 0xff; + o[10] = x10 >>> 16 & 0xff; + o[11] = x10 >>> 24 & 0xff; - o[12] = x15 >>> 0 & 0xff; - o[13] = x15 >>> 8 & 0xff; - o[14] = x15 >>> 16 & 0xff; - o[15] = x15 >>> 24 & 0xff; + o[12] = x15 >>> 0 & 0xff; + o[13] = x15 >>> 8 & 0xff; + o[14] = x15 >>> 16 & 0xff; + o[15] = x15 >>> 24 & 0xff; - o[16] = x6 >>> 0 & 0xff; - o[17] = x6 >>> 8 & 0xff; - o[18] = x6 >>> 16 & 0xff; - o[19] = x6 >>> 24 & 0xff; + o[16] = x6 >>> 0 & 0xff; + o[17] = x6 >>> 8 & 0xff; + o[18] = x6 >>> 16 & 0xff; + o[19] = x6 >>> 24 & 0xff; - o[20] = x7 >>> 0 & 0xff; - o[21] = x7 >>> 8 & 0xff; - o[22] = x7 >>> 16 & 0xff; - o[23] = x7 >>> 24 & 0xff; + o[20] = x7 >>> 0 & 0xff; + o[21] = x7 >>> 8 & 0xff; + o[22] = x7 >>> 16 & 0xff; + o[23] = x7 >>> 24 & 0xff; - o[24] = x8 >>> 0 & 0xff; - o[25] = x8 >>> 8 & 0xff; - o[26] = x8 >>> 16 & 0xff; - o[27] = x8 >>> 24 & 0xff; + o[24] = x8 >>> 0 & 0xff; + o[25] = x8 >>> 8 & 0xff; + o[26] = x8 >>> 16 & 0xff; + o[27] = x8 >>> 24 & 0xff; - o[28] = x9 >>> 0 & 0xff; - o[29] = x9 >>> 8 & 0xff; - o[30] = x9 >>> 16 & 0xff; - o[31] = x9 >>> 24 & 0xff; + o[28] = x9 >>> 0 & 0xff; + o[29] = x9 >>> 8 & 0xff; + o[30] = x9 >>> 16 & 0xff; + o[31] = x9 >>> 24 & 0xff; } -function crypto_core_salsa20(out,inp,k,c) { - core_salsa20(out,inp,k,c); +function crypto_core_salsa20(out, inp, k, c) { + core_salsa20(out, inp, k, c); } -function crypto_core_hsalsa20(out,inp,k,c) { - core_hsalsa20(out,inp,k,c); +function crypto_core_hsalsa20(out, inp, k, c) { + core_hsalsa20(out, inp, k, c); } var sigma = new Uint8Array([101, 120, 112, 97, 110, 100, 32, 51, 50, 45, 98, 121, 116, 101, 32, 107]); - // "expand 32-byte k" -function crypto_stream_salsa20_xor(c,cpos,m,mpos,b,n,k) { - var z = new Uint8Array(16), x = new Uint8Array(64); - var u, i; - for (i = 0; i < 16; i++) z[i] = 0; - for (i = 0; i < 8; i++) z[i] = n[i]; - while (b >= 64) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < 64; i++) c[cpos+i] = m[mpos+i] ^ x[i]; - u = 1; - for (i = 8; i < 16; i++) { - u = u + (z[i] & 0xff) | 0; - z[i] = u & 0xff; - u >>>= 8; - } - b -= 64; - cpos += 64; - mpos += 64; - } - if (b > 0) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < b; i++) c[cpos+i] = m[mpos+i] ^ x[i]; - } - return 0; +// "expand 32-byte k" +function crypto_stream_salsa20_xor(c, cpos, m, mpos, b, n, k) { + var z = new Uint8Array(16), x = new Uint8Array(64); + var u, i; + for (i = 0; i < 16; i++) z[i] = 0; + for (i = 0; i < 8; i++) z[i] = n[i]; + while (b >= 64) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < 64; i++) c[cpos + i] = m[mpos + i] ^ x[i]; + u = 1; + for (i = 8; i < 16; i++) { + u = u + (z[i] & 0xff) | 0; + z[i] = u & 0xff; + u >>>= 8; + } + b -= 64; + cpos += 64; + mpos += 64; + } + if (b > 0) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < b; i++) c[cpos + i] = m[mpos + i] ^ x[i]; + } + return 0; } -function crypto_stream_salsa20(c,cpos,b,n,k) { - var z = new Uint8Array(16), x = new Uint8Array(64); - var u, i; - for (i = 0; i < 16; i++) z[i] = 0; - for (i = 0; i < 8; i++) z[i] = n[i]; - while (b >= 64) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < 64; i++) c[cpos+i] = x[i]; - u = 1; - for (i = 8; i < 16; i++) { - u = u + (z[i] & 0xff) | 0; - z[i] = u & 0xff; - u >>>= 8; - } - b -= 64; - cpos += 64; - } - if (b > 0) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < b; i++) c[cpos+i] = x[i]; - } - return 0; +function crypto_stream_salsa20(c, cpos, b, n, k) { + var z = new Uint8Array(16), x = new Uint8Array(64); + var u, i; + for (i = 0; i < 16; i++) z[i] = 0; + for (i = 0; i < 8; i++) z[i] = n[i]; + while (b >= 64) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < 64; i++) c[cpos + i] = x[i]; + u = 1; + for (i = 8; i < 16; i++) { + u = u + (z[i] & 0xff) | 0; + z[i] = u & 0xff; + u >>>= 8; + } + b -= 64; + cpos += 64; + } + if (b > 0) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < b; i++) c[cpos + i] = x[i]; + } + return 0; } -function crypto_stream(c,cpos,d,n,k) { - var s = new Uint8Array(32); - crypto_core_hsalsa20(s,n,k,sigma); - var sn = new Uint8Array(8); - for (var i = 0; i < 8; i++) sn[i] = n[i+16]; - return crypto_stream_salsa20(c,cpos,d,sn,s); +function crypto_stream(c, cpos, d, n, k) { + var s = new Uint8Array(32); + crypto_core_hsalsa20(s, n, k, sigma); + var sn = new Uint8Array(8); + for (var i = 0; i < 8; i++) sn[i] = n[i + 16]; + return crypto_stream_salsa20(c, cpos, d, sn, s); } -function crypto_stream_xor(c,cpos,m,mpos,d,n,k) { - var s = new Uint8Array(32); - crypto_core_hsalsa20(s,n,k,sigma); - var sn = new Uint8Array(8); - for (var i = 0; i < 8; i++) sn[i] = n[i+16]; - return crypto_stream_salsa20_xor(c,cpos,m,mpos,d,sn,s); +function crypto_stream_xor(c, cpos, m, mpos, d, n, k) { + var s = new Uint8Array(32); + crypto_core_hsalsa20(s, n, k, sigma); + var sn = new Uint8Array(8); + for (var i = 0; i < 8; i++) sn[i] = n[i + 16]; + return crypto_stream_salsa20_xor(c, cpos, m, mpos, d, sn, s); } /* * Port of Andrew Moon's Poly1305-donna-16. Public domain. * https://github.com/floodyberry/poly1305-donna */ +var poly1305 = function (key) { + this.buffer = new Uint8Array(16); + this.r = new Uint16Array(10); + this.h = new Uint16Array(10); + this.pad = new Uint16Array(8); + this.leftover = 0; + this.fin = 0; -var poly1305 = function(key) { - this.buffer = new Uint8Array(16); - this.r = new Uint16Array(10); - this.h = new Uint16Array(10); - this.pad = new Uint16Array(8); - this.leftover = 0; - this.fin = 0; + var t0, t1, t2, t3, t4, t5, t6, t7; - var t0, t1, t2, t3, t4, t5, t6, t7; + t0 = key[0] & 0xff | (key[1] & 0xff) << 8; this.r[0] = (t0) & 0x1fff; + t1 = key[2] & 0xff | (key[3] & 0xff) << 8; this.r[1] = ((t0 >>> 13) | (t1 << 3)) & 0x1fff; + t2 = key[4] & 0xff | (key[5] & 0xff) << 8; this.r[2] = ((t1 >>> 10) | (t2 << 6)) & 0x1f03; + t3 = key[6] & 0xff | (key[7] & 0xff) << 8; this.r[3] = ((t2 >>> 7) | (t3 << 9)) & 0x1fff; + t4 = key[8] & 0xff | (key[9] & 0xff) << 8; this.r[4] = ((t3 >>> 4) | (t4 << 12)) & 0x00ff; + this.r[5] = ((t4 >>> 1)) & 0x1ffe; + t5 = key[10] & 0xff | (key[11] & 0xff) << 8; this.r[6] = ((t4 >>> 14) | (t5 << 2)) & 0x1fff; + t6 = key[12] & 0xff | (key[13] & 0xff) << 8; this.r[7] = ((t5 >>> 11) | (t6 << 5)) & 0x1f81; + t7 = key[14] & 0xff | (key[15] & 0xff) << 8; this.r[8] = ((t6 >>> 8) | (t7 << 8)) & 0x1fff; + this.r[9] = ((t7 >>> 5)) & 0x007f; - t0 = key[ 0] & 0xff | (key[ 1] & 0xff) << 8; this.r[0] = ( t0 ) & 0x1fff; - t1 = key[ 2] & 0xff | (key[ 3] & 0xff) << 8; this.r[1] = ((t0 >>> 13) | (t1 << 3)) & 0x1fff; - t2 = key[ 4] & 0xff | (key[ 5] & 0xff) << 8; this.r[2] = ((t1 >>> 10) | (t2 << 6)) & 0x1f03; - t3 = key[ 6] & 0xff | (key[ 7] & 0xff) << 8; this.r[3] = ((t2 >>> 7) | (t3 << 9)) & 0x1fff; - t4 = key[ 8] & 0xff | (key[ 9] & 0xff) << 8; this.r[4] = ((t3 >>> 4) | (t4 << 12)) & 0x00ff; - this.r[5] = ((t4 >>> 1)) & 0x1ffe; - t5 = key[10] & 0xff | (key[11] & 0xff) << 8; this.r[6] = ((t4 >>> 14) | (t5 << 2)) & 0x1fff; - t6 = key[12] & 0xff | (key[13] & 0xff) << 8; this.r[7] = ((t5 >>> 11) | (t6 << 5)) & 0x1f81; - t7 = key[14] & 0xff | (key[15] & 0xff) << 8; this.r[8] = ((t6 >>> 8) | (t7 << 8)) & 0x1fff; - this.r[9] = ((t7 >>> 5)) & 0x007f; - - this.pad[0] = key[16] & 0xff | (key[17] & 0xff) << 8; - this.pad[1] = key[18] & 0xff | (key[19] & 0xff) << 8; - this.pad[2] = key[20] & 0xff | (key[21] & 0xff) << 8; - this.pad[3] = key[22] & 0xff | (key[23] & 0xff) << 8; - this.pad[4] = key[24] & 0xff | (key[25] & 0xff) << 8; - this.pad[5] = key[26] & 0xff | (key[27] & 0xff) << 8; - this.pad[6] = key[28] & 0xff | (key[29] & 0xff) << 8; - this.pad[7] = key[30] & 0xff | (key[31] & 0xff) << 8; + this.pad[0] = key[16] & 0xff | (key[17] & 0xff) << 8; + this.pad[1] = key[18] & 0xff | (key[19] & 0xff) << 8; + this.pad[2] = key[20] & 0xff | (key[21] & 0xff) << 8; + this.pad[3] = key[22] & 0xff | (key[23] & 0xff) << 8; + this.pad[4] = key[24] & 0xff | (key[25] & 0xff) << 8; + this.pad[5] = key[26] & 0xff | (key[27] & 0xff) << 8; + this.pad[6] = key[28] & 0xff | (key[29] & 0xff) << 8; + this.pad[7] = key[30] & 0xff | (key[31] & 0xff) << 8; }; -poly1305.prototype.blocks = function(m, mpos, bytes) { - var hibit = this.fin ? 0 : (1 << 11); - var t0, t1, t2, t3, t4, t5, t6, t7, c; - var d0, d1, d2, d3, d4, d5, d6, d7, d8, d9; +poly1305.prototype.blocks = function (m, mpos, bytes) { + var hibit = this.fin ? 0 : (1 << 11); + var t0, t1, t2, t3, t4, t5, t6, t7, c; + var d0, d1, d2, d3, d4, d5, d6, d7, d8, d9; - var h0 = this.h[0], - h1 = this.h[1], - h2 = this.h[2], - h3 = this.h[3], - h4 = this.h[4], - h5 = this.h[5], - h6 = this.h[6], - h7 = this.h[7], - h8 = this.h[8], - h9 = this.h[9]; + var h0 = this.h[0], + h1 = this.h[1], + h2 = this.h[2], + h3 = this.h[3], + h4 = this.h[4], + h5 = this.h[5], + h6 = this.h[6], + h7 = this.h[7], + h8 = this.h[8], + h9 = this.h[9]; - var r0 = this.r[0], - r1 = this.r[1], - r2 = this.r[2], - r3 = this.r[3], - r4 = this.r[4], - r5 = this.r[5], - r6 = this.r[6], - r7 = this.r[7], - r8 = this.r[8], - r9 = this.r[9]; + var r0 = this.r[0], + r1 = this.r[1], + r2 = this.r[2], + r3 = this.r[3], + r4 = this.r[4], + r5 = this.r[5], + r6 = this.r[6], + r7 = this.r[7], + r8 = this.r[8], + r9 = this.r[9]; - while (bytes >= 16) { - t0 = m[mpos+ 0] & 0xff | (m[mpos+ 1] & 0xff) << 8; h0 += ( t0 ) & 0x1fff; - t1 = m[mpos+ 2] & 0xff | (m[mpos+ 3] & 0xff) << 8; h1 += ((t0 >>> 13) | (t1 << 3)) & 0x1fff; - t2 = m[mpos+ 4] & 0xff | (m[mpos+ 5] & 0xff) << 8; h2 += ((t1 >>> 10) | (t2 << 6)) & 0x1fff; - t3 = m[mpos+ 6] & 0xff | (m[mpos+ 7] & 0xff) << 8; h3 += ((t2 >>> 7) | (t3 << 9)) & 0x1fff; - t4 = m[mpos+ 8] & 0xff | (m[mpos+ 9] & 0xff) << 8; h4 += ((t3 >>> 4) | (t4 << 12)) & 0x1fff; - h5 += ((t4 >>> 1)) & 0x1fff; - t5 = m[mpos+10] & 0xff | (m[mpos+11] & 0xff) << 8; h6 += ((t4 >>> 14) | (t5 << 2)) & 0x1fff; - t6 = m[mpos+12] & 0xff | (m[mpos+13] & 0xff) << 8; h7 += ((t5 >>> 11) | (t6 << 5)) & 0x1fff; - t7 = m[mpos+14] & 0xff | (m[mpos+15] & 0xff) << 8; h8 += ((t6 >>> 8) | (t7 << 8)) & 0x1fff; - h9 += ((t7 >>> 5)) | hibit; + while (bytes >= 16) { + t0 = m[mpos + 0] & 0xff | (m[mpos + 1] & 0xff) << 8; h0 += (t0) & 0x1fff; + t1 = m[mpos + 2] & 0xff | (m[mpos + 3] & 0xff) << 8; h1 += ((t0 >>> 13) | (t1 << 3)) & 0x1fff; + t2 = m[mpos + 4] & 0xff | (m[mpos + 5] & 0xff) << 8; h2 += ((t1 >>> 10) | (t2 << 6)) & 0x1fff; + t3 = m[mpos + 6] & 0xff | (m[mpos + 7] & 0xff) << 8; h3 += ((t2 >>> 7) | (t3 << 9)) & 0x1fff; + t4 = m[mpos + 8] & 0xff | (m[mpos + 9] & 0xff) << 8; h4 += ((t3 >>> 4) | (t4 << 12)) & 0x1fff; + h5 += ((t4 >>> 1)) & 0x1fff; + t5 = m[mpos + 10] & 0xff | (m[mpos + 11] & 0xff) << 8; h6 += ((t4 >>> 14) | (t5 << 2)) & 0x1fff; + t6 = m[mpos + 12] & 0xff | (m[mpos + 13] & 0xff) << 8; h7 += ((t5 >>> 11) | (t6 << 5)) & 0x1fff; + t7 = m[mpos + 14] & 0xff | (m[mpos + 15] & 0xff) << 8; h8 += ((t6 >>> 8) | (t7 << 8)) & 0x1fff; + h9 += ((t7 >>> 5)) | hibit; - c = 0; + c = 0; - d0 = c; - d0 += h0 * r0; - d0 += h1 * (5 * r9); - d0 += h2 * (5 * r8); - d0 += h3 * (5 * r7); - d0 += h4 * (5 * r6); - c = (d0 >>> 13); d0 &= 0x1fff; - d0 += h5 * (5 * r5); - d0 += h6 * (5 * r4); - d0 += h7 * (5 * r3); - d0 += h8 * (5 * r2); - d0 += h9 * (5 * r1); - c += (d0 >>> 13); d0 &= 0x1fff; + d0 = c; + d0 += h0 * r0; + d0 += h1 * (5 * r9); + d0 += h2 * (5 * r8); + d0 += h3 * (5 * r7); + d0 += h4 * (5 * r6); + c = (d0 >>> 13); d0 &= 0x1fff; + d0 += h5 * (5 * r5); + d0 += h6 * (5 * r4); + d0 += h7 * (5 * r3); + d0 += h8 * (5 * r2); + d0 += h9 * (5 * r1); + c += (d0 >>> 13); d0 &= 0x1fff; - d1 = c; - d1 += h0 * r1; - d1 += h1 * r0; - d1 += h2 * (5 * r9); - d1 += h3 * (5 * r8); - d1 += h4 * (5 * r7); - c = (d1 >>> 13); d1 &= 0x1fff; - d1 += h5 * (5 * r6); - d1 += h6 * (5 * r5); - d1 += h7 * (5 * r4); - d1 += h8 * (5 * r3); - d1 += h9 * (5 * r2); - c += (d1 >>> 13); d1 &= 0x1fff; + d1 = c; + d1 += h0 * r1; + d1 += h1 * r0; + d1 += h2 * (5 * r9); + d1 += h3 * (5 * r8); + d1 += h4 * (5 * r7); + c = (d1 >>> 13); d1 &= 0x1fff; + d1 += h5 * (5 * r6); + d1 += h6 * (5 * r5); + d1 += h7 * (5 * r4); + d1 += h8 * (5 * r3); + d1 += h9 * (5 * r2); + c += (d1 >>> 13); d1 &= 0x1fff; - d2 = c; - d2 += h0 * r2; - d2 += h1 * r1; - d2 += h2 * r0; - d2 += h3 * (5 * r9); - d2 += h4 * (5 * r8); - c = (d2 >>> 13); d2 &= 0x1fff; - d2 += h5 * (5 * r7); - d2 += h6 * (5 * r6); - d2 += h7 * (5 * r5); - d2 += h8 * (5 * r4); - d2 += h9 * (5 * r3); - c += (d2 >>> 13); d2 &= 0x1fff; + d2 = c; + d2 += h0 * r2; + d2 += h1 * r1; + d2 += h2 * r0; + d2 += h3 * (5 * r9); + d2 += h4 * (5 * r8); + c = (d2 >>> 13); d2 &= 0x1fff; + d2 += h5 * (5 * r7); + d2 += h6 * (5 * r6); + d2 += h7 * (5 * r5); + d2 += h8 * (5 * r4); + d2 += h9 * (5 * r3); + c += (d2 >>> 13); d2 &= 0x1fff; - d3 = c; - d3 += h0 * r3; - d3 += h1 * r2; - d3 += h2 * r1; - d3 += h3 * r0; - d3 += h4 * (5 * r9); - c = (d3 >>> 13); d3 &= 0x1fff; - d3 += h5 * (5 * r8); - d3 += h6 * (5 * r7); - d3 += h7 * (5 * r6); - d3 += h8 * (5 * r5); - d3 += h9 * (5 * r4); - c += (d3 >>> 13); d3 &= 0x1fff; + d3 = c; + d3 += h0 * r3; + d3 += h1 * r2; + d3 += h2 * r1; + d3 += h3 * r0; + d3 += h4 * (5 * r9); + c = (d3 >>> 13); d3 &= 0x1fff; + d3 += h5 * (5 * r8); + d3 += h6 * (5 * r7); + d3 += h7 * (5 * r6); + d3 += h8 * (5 * r5); + d3 += h9 * (5 * r4); + c += (d3 >>> 13); d3 &= 0x1fff; - d4 = c; - d4 += h0 * r4; - d4 += h1 * r3; - d4 += h2 * r2; - d4 += h3 * r1; - d4 += h4 * r0; - c = (d4 >>> 13); d4 &= 0x1fff; - d4 += h5 * (5 * r9); - d4 += h6 * (5 * r8); - d4 += h7 * (5 * r7); - d4 += h8 * (5 * r6); - d4 += h9 * (5 * r5); - c += (d4 >>> 13); d4 &= 0x1fff; + d4 = c; + d4 += h0 * r4; + d4 += h1 * r3; + d4 += h2 * r2; + d4 += h3 * r1; + d4 += h4 * r0; + c = (d4 >>> 13); d4 &= 0x1fff; + d4 += h5 * (5 * r9); + d4 += h6 * (5 * r8); + d4 += h7 * (5 * r7); + d4 += h8 * (5 * r6); + d4 += h9 * (5 * r5); + c += (d4 >>> 13); d4 &= 0x1fff; - d5 = c; - d5 += h0 * r5; - d5 += h1 * r4; - d5 += h2 * r3; - d5 += h3 * r2; - d5 += h4 * r1; - c = (d5 >>> 13); d5 &= 0x1fff; - d5 += h5 * r0; - d5 += h6 * (5 * r9); - d5 += h7 * (5 * r8); - d5 += h8 * (5 * r7); - d5 += h9 * (5 * r6); - c += (d5 >>> 13); d5 &= 0x1fff; + d5 = c; + d5 += h0 * r5; + d5 += h1 * r4; + d5 += h2 * r3; + d5 += h3 * r2; + d5 += h4 * r1; + c = (d5 >>> 13); d5 &= 0x1fff; + d5 += h5 * r0; + d5 += h6 * (5 * r9); + d5 += h7 * (5 * r8); + d5 += h8 * (5 * r7); + d5 += h9 * (5 * r6); + c += (d5 >>> 13); d5 &= 0x1fff; - d6 = c; - d6 += h0 * r6; - d6 += h1 * r5; - d6 += h2 * r4; - d6 += h3 * r3; - d6 += h4 * r2; - c = (d6 >>> 13); d6 &= 0x1fff; - d6 += h5 * r1; - d6 += h6 * r0; - d6 += h7 * (5 * r9); - d6 += h8 * (5 * r8); - d6 += h9 * (5 * r7); - c += (d6 >>> 13); d6 &= 0x1fff; + d6 = c; + d6 += h0 * r6; + d6 += h1 * r5; + d6 += h2 * r4; + d6 += h3 * r3; + d6 += h4 * r2; + c = (d6 >>> 13); d6 &= 0x1fff; + d6 += h5 * r1; + d6 += h6 * r0; + d6 += h7 * (5 * r9); + d6 += h8 * (5 * r8); + d6 += h9 * (5 * r7); + c += (d6 >>> 13); d6 &= 0x1fff; - d7 = c; - d7 += h0 * r7; - d7 += h1 * r6; - d7 += h2 * r5; - d7 += h3 * r4; - d7 += h4 * r3; - c = (d7 >>> 13); d7 &= 0x1fff; - d7 += h5 * r2; - d7 += h6 * r1; - d7 += h7 * r0; - d7 += h8 * (5 * r9); - d7 += h9 * (5 * r8); - c += (d7 >>> 13); d7 &= 0x1fff; + d7 = c; + d7 += h0 * r7; + d7 += h1 * r6; + d7 += h2 * r5; + d7 += h3 * r4; + d7 += h4 * r3; + c = (d7 >>> 13); d7 &= 0x1fff; + d7 += h5 * r2; + d7 += h6 * r1; + d7 += h7 * r0; + d7 += h8 * (5 * r9); + d7 += h9 * (5 * r8); + c += (d7 >>> 13); d7 &= 0x1fff; - d8 = c; - d8 += h0 * r8; - d8 += h1 * r7; - d8 += h2 * r6; - d8 += h3 * r5; - d8 += h4 * r4; - c = (d8 >>> 13); d8 &= 0x1fff; - d8 += h5 * r3; - d8 += h6 * r2; - d8 += h7 * r1; - d8 += h8 * r0; - d8 += h9 * (5 * r9); - c += (d8 >>> 13); d8 &= 0x1fff; + d8 = c; + d8 += h0 * r8; + d8 += h1 * r7; + d8 += h2 * r6; + d8 += h3 * r5; + d8 += h4 * r4; + c = (d8 >>> 13); d8 &= 0x1fff; + d8 += h5 * r3; + d8 += h6 * r2; + d8 += h7 * r1; + d8 += h8 * r0; + d8 += h9 * (5 * r9); + c += (d8 >>> 13); d8 &= 0x1fff; - d9 = c; - d9 += h0 * r9; - d9 += h1 * r8; - d9 += h2 * r7; - d9 += h3 * r6; - d9 += h4 * r5; - c = (d9 >>> 13); d9 &= 0x1fff; - d9 += h5 * r4; - d9 += h6 * r3; - d9 += h7 * r2; - d9 += h8 * r1; - d9 += h9 * r0; - c += (d9 >>> 13); d9 &= 0x1fff; + d9 = c; + d9 += h0 * r9; + d9 += h1 * r8; + d9 += h2 * r7; + d9 += h3 * r6; + d9 += h4 * r5; + c = (d9 >>> 13); d9 &= 0x1fff; + d9 += h5 * r4; + d9 += h6 * r3; + d9 += h7 * r2; + d9 += h8 * r1; + d9 += h9 * r0; + c += (d9 >>> 13); d9 &= 0x1fff; - c = (((c << 2) + c)) | 0; - c = (c + d0) | 0; - d0 = c & 0x1fff; - c = (c >>> 13); - d1 += c; + c = (((c << 2) + c)) | 0; + c = (c + d0) | 0; + d0 = c & 0x1fff; + c = (c >>> 13); + d1 += c; - h0 = d0; - h1 = d1; - h2 = d2; - h3 = d3; - h4 = d4; - h5 = d5; - h6 = d6; - h7 = d7; - h8 = d8; - h9 = d9; + h0 = d0; + h1 = d1; + h2 = d2; + h3 = d3; + h4 = d4; + h5 = d5; + h6 = d6; + h7 = d7; + h8 = d8; + h9 = d9; - mpos += 16; - bytes -= 16; - } - this.h[0] = h0; - this.h[1] = h1; - this.h[2] = h2; - this.h[3] = h3; - this.h[4] = h4; - this.h[5] = h5; - this.h[6] = h6; - this.h[7] = h7; - this.h[8] = h8; - this.h[9] = h9; + mpos += 16; + bytes -= 16; + } + + this.h[0] = h0; + this.h[1] = h1; + this.h[2] = h2; + this.h[3] = h3; + this.h[4] = h4; + this.h[5] = h5; + this.h[6] = h6; + this.h[7] = h7; + this.h[8] = h8; + this.h[9] = h9; }; -poly1305.prototype.finish = function(mac, macpos) { - var g = new Uint16Array(10); - var c, mask, f, i; +poly1305.prototype.finish = function (mac, macpos) { + var g = new Uint16Array(10); + var c, mask, f, i; - if (this.leftover) { - i = this.leftover; - this.buffer[i++] = 1; - for (; i < 16; i++) this.buffer[i] = 0; - this.fin = 1; - this.blocks(this.buffer, 0, 16); - } + if (this.leftover) { + i = this.leftover; + this.buffer[i++] = 1; + for (; i < 16; i++) this.buffer[i] = 0; + this.fin = 1; + this.blocks(this.buffer, 0, 16); + } - c = this.h[1] >>> 13; - this.h[1] &= 0x1fff; - for (i = 2; i < 10; i++) { - this.h[i] += c; - c = this.h[i] >>> 13; - this.h[i] &= 0x1fff; - } - this.h[0] += (c * 5); - c = this.h[0] >>> 13; - this.h[0] &= 0x1fff; - this.h[1] += c; - c = this.h[1] >>> 13; - this.h[1] &= 0x1fff; - this.h[2] += c; + c = this.h[1] >>> 13; + this.h[1] &= 0x1fff; - g[0] = this.h[0] + 5; - c = g[0] >>> 13; - g[0] &= 0x1fff; - for (i = 1; i < 10; i++) { - g[i] = this.h[i] + c; - c = g[i] >>> 13; - g[i] &= 0x1fff; - } - g[9] -= (1 << 13); + for (i = 2; i < 10; i++) { + this.h[i] += c; + c = this.h[i] >>> 13; + this.h[i] &= 0x1fff; + } - mask = (g[9] >>> ((2 * 8) - 1)) - 1; - for (i = 0; i < 10; i++) g[i] &= mask; - mask = ~mask; - for (i = 0; i < 10; i++) this.h[i] = (this.h[i] & mask) | g[i]; + this.h[0] += (c * 5); + c = this.h[0] >>> 13; + this.h[0] &= 0x1fff; + this.h[1] += c; + c = this.h[1] >>> 13; + this.h[1] &= 0x1fff; + this.h[2] += c; + g[0] = this.h[0] + 5; + c = g[0] >>> 13; + g[0] &= 0x1fff; - this.h[0] = ((this.h[0] ) | (this.h[1] << 13) ) & 0xffff; - this.h[1] = ((this.h[1] >>> 3) | (this.h[2] << 10) ) & 0xffff; - this.h[2] = ((this.h[2] >>> 6) | (this.h[3] << 7) ) & 0xffff; - this.h[3] = ((this.h[3] >>> 9) | (this.h[4] << 4) ) & 0xffff; - this.h[4] = ((this.h[4] >>> 12) | (this.h[5] << 1) | (this.h[6] << 14)) & 0xffff; - this.h[5] = ((this.h[6] >>> 2) | (this.h[7] << 11) ) & 0xffff; - this.h[6] = ((this.h[7] >>> 5) | (this.h[8] << 8) ) & 0xffff; - this.h[7] = ((this.h[8] >>> 8) | (this.h[9] << 5) ) & 0xffff; + for (i = 1; i < 10; i++) { + g[i] = this.h[i] + c; + c = g[i] >>> 13; + g[i] &= 0x1fff; + } - f = this.h[0] + this.pad[0]; - this.h[0] = f & 0xffff; - for (i = 1; i < 8; i++) { - f = (((this.h[i] + this.pad[i]) | 0) + (f >>> 16)) | 0; - this.h[i] = f & 0xffff; - } + g[9] -= (1 << 13); + mask = (g[9] >>> ((2 * 8) - 1)) - 1; + for (i = 0; i < 10; i++) g[i] &= mask; + mask = ~mask; + for (i = 0; i < 10; i++) this.h[i] = (this.h[i] & mask) | g[i]; - mac[macpos+ 0] = (this.h[0] >>> 0) & 0xff; - mac[macpos+ 1] = (this.h[0] >>> 8) & 0xff; - mac[macpos+ 2] = (this.h[1] >>> 0) & 0xff; - mac[macpos+ 3] = (this.h[1] >>> 8) & 0xff; - mac[macpos+ 4] = (this.h[2] >>> 0) & 0xff; - mac[macpos+ 5] = (this.h[2] >>> 8) & 0xff; - mac[macpos+ 6] = (this.h[3] >>> 0) & 0xff; - mac[macpos+ 7] = (this.h[3] >>> 8) & 0xff; - mac[macpos+ 8] = (this.h[4] >>> 0) & 0xff; - mac[macpos+ 9] = (this.h[4] >>> 8) & 0xff; - mac[macpos+10] = (this.h[5] >>> 0) & 0xff; - mac[macpos+11] = (this.h[5] >>> 8) & 0xff; - mac[macpos+12] = (this.h[6] >>> 0) & 0xff; - mac[macpos+13] = (this.h[6] >>> 8) & 0xff; - mac[macpos+14] = (this.h[7] >>> 0) & 0xff; - mac[macpos+15] = (this.h[7] >>> 8) & 0xff; + this.h[0] = ((this.h[0]) | (this.h[1] << 13)) & 0xffff; + this.h[1] = ((this.h[1] >>> 3) | (this.h[2] << 10)) & 0xffff; + this.h[2] = ((this.h[2] >>> 6) | (this.h[3] << 7)) & 0xffff; + this.h[3] = ((this.h[3] >>> 9) | (this.h[4] << 4)) & 0xffff; + this.h[4] = ((this.h[4] >>> 12) | (this.h[5] << 1) | (this.h[6] << 14)) & 0xffff; + this.h[5] = ((this.h[6] >>> 2) | (this.h[7] << 11)) & 0xffff; + this.h[6] = ((this.h[7] >>> 5) | (this.h[8] << 8)) & 0xffff; + this.h[7] = ((this.h[8] >>> 8) | (this.h[9] << 5)) & 0xffff; + + f = this.h[0] + this.pad[0]; + this.h[0] = f & 0xffff; + + for (i = 1; i < 8; i++) { + f = (((this.h[i] + this.pad[i]) | 0) + (f >>> 16)) | 0; + this.h[i] = f & 0xffff; + } + + mac[macpos + 0] = (this.h[0] >>> 0) & 0xff; + mac[macpos + 1] = (this.h[0] >>> 8) & 0xff; + mac[macpos + 2] = (this.h[1] >>> 0) & 0xff; + mac[macpos + 3] = (this.h[1] >>> 8) & 0xff; + mac[macpos + 4] = (this.h[2] >>> 0) & 0xff; + mac[macpos + 5] = (this.h[2] >>> 8) & 0xff; + mac[macpos + 6] = (this.h[3] >>> 0) & 0xff; + mac[macpos + 7] = (this.h[3] >>> 8) & 0xff; + mac[macpos + 8] = (this.h[4] >>> 0) & 0xff; + mac[macpos + 9] = (this.h[4] >>> 8) & 0xff; + mac[macpos + 10] = (this.h[5] >>> 0) & 0xff; + mac[macpos + 11] = (this.h[5] >>> 8) & 0xff; + mac[macpos + 12] = (this.h[6] >>> 0) & 0xff; + mac[macpos + 13] = (this.h[6] >>> 8) & 0xff; + mac[macpos + 14] = (this.h[7] >>> 0) & 0xff; + mac[macpos + 15] = (this.h[7] >>> 8) & 0xff; }; -poly1305.prototype.update = function(m, mpos, bytes) { - var i, want; +poly1305.prototype.update = function (m, mpos, bytes) { + var i, want; - if (this.leftover) { - want = (16 - this.leftover); - if (want > bytes) - want = bytes; - for (i = 0; i < want; i++) - this.buffer[this.leftover + i] = m[mpos+i]; - bytes -= want; - mpos += want; - this.leftover += want; - if (this.leftover < 16) - return; - this.blocks(this.buffer, 0, 16); - this.leftover = 0; - } + if (this.leftover) { + want = (16 - this.leftover); + if (want > bytes) + want = bytes; + for (i = 0; i < want; i++) + this.buffer[this.leftover + i] = m[mpos + i]; + bytes -= want; + mpos += want; + this.leftover += want; + if (this.leftover < 16) + return; + this.blocks(this.buffer, 0, 16); + this.leftover = 0; + } - if (bytes >= 16) { - want = bytes - (bytes % 16); - this.blocks(m, mpos, want); - mpos += want; - bytes -= want; - } + if (bytes >= 16) { + want = bytes - (bytes % 16); + this.blocks(m, mpos, want); + mpos += want; + bytes -= want; + } - if (bytes) { - for (i = 0; i < bytes; i++) - this.buffer[this.leftover + i] = m[mpos+i]; - this.leftover += bytes; - } + if (bytes) { + for (i = 0; i < bytes; i++) + this.buffer[this.leftover + i] = m[mpos + i]; + this.leftover += bytes; + } }; function crypto_onetimeauth(out, outpos, m, mpos, n, k) { - var s = new poly1305(k); - s.update(m, mpos, n); - s.finish(out, outpos); - return 0; + var s = new poly1305(k); + s.update(m, mpos, n); + s.finish(out, outpos); + return 0; } function crypto_onetimeauth_verify(h, hpos, m, mpos, n, k) { - var x = new Uint8Array(16); - crypto_onetimeauth(x,0,m,mpos,n,k); - return crypto_verify_16(h,hpos,x,0); + var x = new Uint8Array(16); + crypto_onetimeauth(x, 0, m, mpos, n, k); + return crypto_verify_16(h, hpos, x, 0); } -function crypto_secretbox(c,m,d,n,k) { - var i; - if (d < 32) return -1; - crypto_stream_xor(c,0,m,0,d,n,k); - crypto_onetimeauth(c, 16, c, 32, d - 32, c); - for (i = 0; i < 16; i++) c[i] = 0; - return 0; +function crypto_secretbox(c, m, d, n, k) { + var i; + if (d < 32) return -1; + crypto_stream_xor(c, 0, m, 0, d, n, k); + crypto_onetimeauth(c, 16, c, 32, d - 32, c); + for (i = 0; i < 16; i++) c[i] = 0; + return 0; } -function crypto_secretbox_open(m,c,d,n,k) { - var i; - var x = new Uint8Array(32); - if (d < 32) return -1; - crypto_stream(x,0,32,n,k); - if (crypto_onetimeauth_verify(c, 16,c, 32,d - 32,x) !== 0) return -1; - crypto_stream_xor(m,0,c,0,d,n,k); - for (i = 0; i < 32; i++) m[i] = 0; - return 0; +function crypto_secretbox_open(m, c, d, n, k) { + var i; + var x = new Uint8Array(32); + if (d < 32) return -1; + crypto_stream(x, 0, 32, n, k); + if (crypto_onetimeauth_verify(c, 16, c, 32, d - 32, x) !== 0) return -1; + crypto_stream_xor(m, 0, c, 0, d, n, k); + for (i = 0; i < 32; i++) m[i] = 0; + return 0; } function set25519(r, a) { - var i; - for (i = 0; i < 16; i++) r[i] = a[i]|0; + var i; + for (i = 0; i < 16; i++) r[i] = a[i] | 0; } function car25519(o) { - var i, v, c = 1; - for (i = 0; i < 16; i++) { - v = o[i] + c + 65535; - c = Math.floor(v / 65536); - o[i] = v - c * 65536; - } - o[0] += c-1 + 37 * (c-1); + var i, v, c = 1; + for (i = 0; i < 16; i++) { + v = o[i] + c + 65535; + c = Math.floor(v / 65536); + o[i] = v - c * 65536; + } + o[0] += c - 1 + 37 * (c - 1); } function sel25519(p, q, b) { - var t, c = ~(b-1); - for (var i = 0; i < 16; i++) { - t = c & (p[i] ^ q[i]); - p[i] ^= t; - q[i] ^= t; - } + var t, c = ~(b - 1); + for (var i = 0; i < 16; i++) { + t = c & (p[i] ^ q[i]); + p[i] ^= t; + q[i] ^= t; + } } function pack25519(o, n) { - var i, j, b; - var m = gf(), t = gf(); - for (i = 0; i < 16; i++) t[i] = n[i]; - car25519(t); - car25519(t); - car25519(t); - for (j = 0; j < 2; j++) { - m[0] = t[0] - 0xffed; - for (i = 1; i < 15; i++) { - m[i] = t[i] - 0xffff - ((m[i-1]>>16) & 1); - m[i-1] &= 0xffff; - } - m[15] = t[15] - 0x7fff - ((m[14]>>16) & 1); - b = (m[15]>>16) & 1; - m[14] &= 0xffff; - sel25519(t, m, 1-b); - } - for (i = 0; i < 16; i++) { - o[2*i] = t[i] & 0xff; - o[2*i+1] = t[i]>>8; - } + var i, j, b; + var m = gf(), t = gf(); + for (i = 0; i < 16; i++) t[i] = n[i]; + car25519(t); + car25519(t); + car25519(t); + for (j = 0; j < 2; j++) { + m[0] = t[0] - 0xffed; + for (i = 1; i < 15; i++) { + m[i] = t[i] - 0xffff - ((m[i - 1] >> 16) & 1); + m[i - 1] &= 0xffff; + } + m[15] = t[15] - 0x7fff - ((m[14] >> 16) & 1); + b = (m[15] >> 16) & 1; + m[14] &= 0xffff; + sel25519(t, m, 1 - b); + } + for (i = 0; i < 16; i++) { + o[2 * i] = t[i] & 0xff; + o[2 * i + 1] = t[i] >> 8; + } } function neq25519(a, b) { - var c = new Uint8Array(32), d = new Uint8Array(32); - pack25519(c, a); - pack25519(d, b); - return crypto_verify_32(c, 0, d, 0); + var c = new Uint8Array(32), d = new Uint8Array(32); + pack25519(c, a); + pack25519(d, b); + return crypto_verify_32(c, 0, d, 0); } function par25519(a) { - var d = new Uint8Array(32); - pack25519(d, a); - return d[0] & 1; + var d = new Uint8Array(32); + pack25519(d, a); + return d[0] & 1; } function unpack25519(o, n) { - var i; - for (i = 0; i < 16; i++) o[i] = n[2*i] + (n[2*i+1] << 8); - o[15] &= 0x7fff; + var i; + for (i = 0; i < 16; i++) o[i] = n[2 * i] + (n[2 * i + 1] << 8); + o[15] &= 0x7fff; } function A(o, a, b) { - for (var i = 0; i < 16; i++) o[i] = a[i] + b[i]; + for (var i = 0; i < 16; i++) o[i] = a[i] + b[i]; } function Z(o, a, b) { - for (var i = 0; i < 16; i++) o[i] = a[i] - b[i]; + for (var i = 0; i < 16; i++) o[i] = a[i] - b[i]; } function M(o, a, b) { - var v, c, - t0 = 0, t1 = 0, t2 = 0, t3 = 0, t4 = 0, t5 = 0, t6 = 0, t7 = 0, - t8 = 0, t9 = 0, t10 = 0, t11 = 0, t12 = 0, t13 = 0, t14 = 0, t15 = 0, - t16 = 0, t17 = 0, t18 = 0, t19 = 0, t20 = 0, t21 = 0, t22 = 0, t23 = 0, - t24 = 0, t25 = 0, t26 = 0, t27 = 0, t28 = 0, t29 = 0, t30 = 0, - b0 = b[0], - b1 = b[1], - b2 = b[2], - b3 = b[3], - b4 = b[4], - b5 = b[5], - b6 = b[6], - b7 = b[7], - b8 = b[8], - b9 = b[9], - b10 = b[10], - b11 = b[11], - b12 = b[12], - b13 = b[13], - b14 = b[14], - b15 = b[15]; + var v, c, + t0 = 0, t1 = 0, t2 = 0, t3 = 0, t4 = 0, t5 = 0, t6 = 0, t7 = 0, + t8 = 0, t9 = 0, t10 = 0, t11 = 0, t12 = 0, t13 = 0, t14 = 0, t15 = 0, + t16 = 0, t17 = 0, t18 = 0, t19 = 0, t20 = 0, t21 = 0, t22 = 0, t23 = 0, + t24 = 0, t25 = 0, t26 = 0, t27 = 0, t28 = 0, t29 = 0, t30 = 0, + b0 = b[0], + b1 = b[1], + b2 = b[2], + b3 = b[3], + b4 = b[4], + b5 = b[5], + b6 = b[6], + b7 = b[7], + b8 = b[8], + b9 = b[9], + b10 = b[10], + b11 = b[11], + b12 = b[12], + b13 = b[13], + b14 = b[14], + b15 = b[15]; - v = a[0]; - t0 += v * b0; - t1 += v * b1; - t2 += v * b2; - t3 += v * b3; - t4 += v * b4; - t5 += v * b5; - t6 += v * b6; - t7 += v * b7; - t8 += v * b8; - t9 += v * b9; - t10 += v * b10; - t11 += v * b11; - t12 += v * b12; - t13 += v * b13; - t14 += v * b14; - t15 += v * b15; - v = a[1]; - t1 += v * b0; - t2 += v * b1; - t3 += v * b2; - t4 += v * b3; - t5 += v * b4; - t6 += v * b5; - t7 += v * b6; - t8 += v * b7; - t9 += v * b8; - t10 += v * b9; - t11 += v * b10; - t12 += v * b11; - t13 += v * b12; - t14 += v * b13; - t15 += v * b14; - t16 += v * b15; - v = a[2]; - t2 += v * b0; - t3 += v * b1; - t4 += v * b2; - t5 += v * b3; - t6 += v * b4; - t7 += v * b5; - t8 += v * b6; - t9 += v * b7; - t10 += v * b8; - t11 += v * b9; - t12 += v * b10; - t13 += v * b11; - t14 += v * b12; - t15 += v * b13; - t16 += v * b14; - t17 += v * b15; - v = a[3]; - t3 += v * b0; - t4 += v * b1; - t5 += v * b2; - t6 += v * b3; - t7 += v * b4; - t8 += v * b5; - t9 += v * b6; - t10 += v * b7; - t11 += v * b8; - t12 += v * b9; - t13 += v * b10; - t14 += v * b11; - t15 += v * b12; - t16 += v * b13; - t17 += v * b14; - t18 += v * b15; - v = a[4]; - t4 += v * b0; - t5 += v * b1; - t6 += v * b2; - t7 += v * b3; - t8 += v * b4; - t9 += v * b5; - t10 += v * b6; - t11 += v * b7; - t12 += v * b8; - t13 += v * b9; - t14 += v * b10; - t15 += v * b11; - t16 += v * b12; - t17 += v * b13; - t18 += v * b14; - t19 += v * b15; - v = a[5]; - t5 += v * b0; - t6 += v * b1; - t7 += v * b2; - t8 += v * b3; - t9 += v * b4; - t10 += v * b5; - t11 += v * b6; - t12 += v * b7; - t13 += v * b8; - t14 += v * b9; - t15 += v * b10; - t16 += v * b11; - t17 += v * b12; - t18 += v * b13; - t19 += v * b14; - t20 += v * b15; - v = a[6]; - t6 += v * b0; - t7 += v * b1; - t8 += v * b2; - t9 += v * b3; - t10 += v * b4; - t11 += v * b5; - t12 += v * b6; - t13 += v * b7; - t14 += v * b8; - t15 += v * b9; - t16 += v * b10; - t17 += v * b11; - t18 += v * b12; - t19 += v * b13; - t20 += v * b14; - t21 += v * b15; - v = a[7]; - t7 += v * b0; - t8 += v * b1; - t9 += v * b2; - t10 += v * b3; - t11 += v * b4; - t12 += v * b5; - t13 += v * b6; - t14 += v * b7; - t15 += v * b8; - t16 += v * b9; - t17 += v * b10; - t18 += v * b11; - t19 += v * b12; - t20 += v * b13; - t21 += v * b14; - t22 += v * b15; - v = a[8]; - t8 += v * b0; - t9 += v * b1; - t10 += v * b2; - t11 += v * b3; - t12 += v * b4; - t13 += v * b5; - t14 += v * b6; - t15 += v * b7; - t16 += v * b8; - t17 += v * b9; - t18 += v * b10; - t19 += v * b11; - t20 += v * b12; - t21 += v * b13; - t22 += v * b14; - t23 += v * b15; - v = a[9]; - t9 += v * b0; - t10 += v * b1; - t11 += v * b2; - t12 += v * b3; - t13 += v * b4; - t14 += v * b5; - t15 += v * b6; - t16 += v * b7; - t17 += v * b8; - t18 += v * b9; - t19 += v * b10; - t20 += v * b11; - t21 += v * b12; - t22 += v * b13; - t23 += v * b14; - t24 += v * b15; - v = a[10]; - t10 += v * b0; - t11 += v * b1; - t12 += v * b2; - t13 += v * b3; - t14 += v * b4; - t15 += v * b5; - t16 += v * b6; - t17 += v * b7; - t18 += v * b8; - t19 += v * b9; - t20 += v * b10; - t21 += v * b11; - t22 += v * b12; - t23 += v * b13; - t24 += v * b14; - t25 += v * b15; - v = a[11]; - t11 += v * b0; - t12 += v * b1; - t13 += v * b2; - t14 += v * b3; - t15 += v * b4; - t16 += v * b5; - t17 += v * b6; - t18 += v * b7; - t19 += v * b8; - t20 += v * b9; - t21 += v * b10; - t22 += v * b11; - t23 += v * b12; - t24 += v * b13; - t25 += v * b14; - t26 += v * b15; - v = a[12]; - t12 += v * b0; - t13 += v * b1; - t14 += v * b2; - t15 += v * b3; - t16 += v * b4; - t17 += v * b5; - t18 += v * b6; - t19 += v * b7; - t20 += v * b8; - t21 += v * b9; - t22 += v * b10; - t23 += v * b11; - t24 += v * b12; - t25 += v * b13; - t26 += v * b14; - t27 += v * b15; - v = a[13]; - t13 += v * b0; - t14 += v * b1; - t15 += v * b2; - t16 += v * b3; - t17 += v * b4; - t18 += v * b5; - t19 += v * b6; - t20 += v * b7; - t21 += v * b8; - t22 += v * b9; - t23 += v * b10; - t24 += v * b11; - t25 += v * b12; - t26 += v * b13; - t27 += v * b14; - t28 += v * b15; - v = a[14]; - t14 += v * b0; - t15 += v * b1; - t16 += v * b2; - t17 += v * b3; - t18 += v * b4; - t19 += v * b5; - t20 += v * b6; - t21 += v * b7; - t22 += v * b8; - t23 += v * b9; - t24 += v * b10; - t25 += v * b11; - t26 += v * b12; - t27 += v * b13; - t28 += v * b14; - t29 += v * b15; - v = a[15]; - t15 += v * b0; - t16 += v * b1; - t17 += v * b2; - t18 += v * b3; - t19 += v * b4; - t20 += v * b5; - t21 += v * b6; - t22 += v * b7; - t23 += v * b8; - t24 += v * b9; - t25 += v * b10; - t26 += v * b11; - t27 += v * b12; - t28 += v * b13; - t29 += v * b14; - t30 += v * b15; + v = a[0]; + t0 += v * b0; + t1 += v * b1; + t2 += v * b2; + t3 += v * b3; + t4 += v * b4; + t5 += v * b5; + t6 += v * b6; + t7 += v * b7; + t8 += v * b8; + t9 += v * b9; + t10 += v * b10; + t11 += v * b11; + t12 += v * b12; + t13 += v * b13; + t14 += v * b14; + t15 += v * b15; + v = a[1]; + t1 += v * b0; + t2 += v * b1; + t3 += v * b2; + t4 += v * b3; + t5 += v * b4; + t6 += v * b5; + t7 += v * b6; + t8 += v * b7; + t9 += v * b8; + t10 += v * b9; + t11 += v * b10; + t12 += v * b11; + t13 += v * b12; + t14 += v * b13; + t15 += v * b14; + t16 += v * b15; + v = a[2]; + t2 += v * b0; + t3 += v * b1; + t4 += v * b2; + t5 += v * b3; + t6 += v * b4; + t7 += v * b5; + t8 += v * b6; + t9 += v * b7; + t10 += v * b8; + t11 += v * b9; + t12 += v * b10; + t13 += v * b11; + t14 += v * b12; + t15 += v * b13; + t16 += v * b14; + t17 += v * b15; + v = a[3]; + t3 += v * b0; + t4 += v * b1; + t5 += v * b2; + t6 += v * b3; + t7 += v * b4; + t8 += v * b5; + t9 += v * b6; + t10 += v * b7; + t11 += v * b8; + t12 += v * b9; + t13 += v * b10; + t14 += v * b11; + t15 += v * b12; + t16 += v * b13; + t17 += v * b14; + t18 += v * b15; + v = a[4]; + t4 += v * b0; + t5 += v * b1; + t6 += v * b2; + t7 += v * b3; + t8 += v * b4; + t9 += v * b5; + t10 += v * b6; + t11 += v * b7; + t12 += v * b8; + t13 += v * b9; + t14 += v * b10; + t15 += v * b11; + t16 += v * b12; + t17 += v * b13; + t18 += v * b14; + t19 += v * b15; + v = a[5]; + t5 += v * b0; + t6 += v * b1; + t7 += v * b2; + t8 += v * b3; + t9 += v * b4; + t10 += v * b5; + t11 += v * b6; + t12 += v * b7; + t13 += v * b8; + t14 += v * b9; + t15 += v * b10; + t16 += v * b11; + t17 += v * b12; + t18 += v * b13; + t19 += v * b14; + t20 += v * b15; + v = a[6]; + t6 += v * b0; + t7 += v * b1; + t8 += v * b2; + t9 += v * b3; + t10 += v * b4; + t11 += v * b5; + t12 += v * b6; + t13 += v * b7; + t14 += v * b8; + t15 += v * b9; + t16 += v * b10; + t17 += v * b11; + t18 += v * b12; + t19 += v * b13; + t20 += v * b14; + t21 += v * b15; + v = a[7]; + t7 += v * b0; + t8 += v * b1; + t9 += v * b2; + t10 += v * b3; + t11 += v * b4; + t12 += v * b5; + t13 += v * b6; + t14 += v * b7; + t15 += v * b8; + t16 += v * b9; + t17 += v * b10; + t18 += v * b11; + t19 += v * b12; + t20 += v * b13; + t21 += v * b14; + t22 += v * b15; + v = a[8]; + t8 += v * b0; + t9 += v * b1; + t10 += v * b2; + t11 += v * b3; + t12 += v * b4; + t13 += v * b5; + t14 += v * b6; + t15 += v * b7; + t16 += v * b8; + t17 += v * b9; + t18 += v * b10; + t19 += v * b11; + t20 += v * b12; + t21 += v * b13; + t22 += v * b14; + t23 += v * b15; + v = a[9]; + t9 += v * b0; + t10 += v * b1; + t11 += v * b2; + t12 += v * b3; + t13 += v * b4; + t14 += v * b5; + t15 += v * b6; + t16 += v * b7; + t17 += v * b8; + t18 += v * b9; + t19 += v * b10; + t20 += v * b11; + t21 += v * b12; + t22 += v * b13; + t23 += v * b14; + t24 += v * b15; + v = a[10]; + t10 += v * b0; + t11 += v * b1; + t12 += v * b2; + t13 += v * b3; + t14 += v * b4; + t15 += v * b5; + t16 += v * b6; + t17 += v * b7; + t18 += v * b8; + t19 += v * b9; + t20 += v * b10; + t21 += v * b11; + t22 += v * b12; + t23 += v * b13; + t24 += v * b14; + t25 += v * b15; + v = a[11]; + t11 += v * b0; + t12 += v * b1; + t13 += v * b2; + t14 += v * b3; + t15 += v * b4; + t16 += v * b5; + t17 += v * b6; + t18 += v * b7; + t19 += v * b8; + t20 += v * b9; + t21 += v * b10; + t22 += v * b11; + t23 += v * b12; + t24 += v * b13; + t25 += v * b14; + t26 += v * b15; + v = a[12]; + t12 += v * b0; + t13 += v * b1; + t14 += v * b2; + t15 += v * b3; + t16 += v * b4; + t17 += v * b5; + t18 += v * b6; + t19 += v * b7; + t20 += v * b8; + t21 += v * b9; + t22 += v * b10; + t23 += v * b11; + t24 += v * b12; + t25 += v * b13; + t26 += v * b14; + t27 += v * b15; + v = a[13]; + t13 += v * b0; + t14 += v * b1; + t15 += v * b2; + t16 += v * b3; + t17 += v * b4; + t18 += v * b5; + t19 += v * b6; + t20 += v * b7; + t21 += v * b8; + t22 += v * b9; + t23 += v * b10; + t24 += v * b11; + t25 += v * b12; + t26 += v * b13; + t27 += v * b14; + t28 += v * b15; + v = a[14]; + t14 += v * b0; + t15 += v * b1; + t16 += v * b2; + t17 += v * b3; + t18 += v * b4; + t19 += v * b5; + t20 += v * b6; + t21 += v * b7; + t22 += v * b8; + t23 += v * b9; + t24 += v * b10; + t25 += v * b11; + t26 += v * b12; + t27 += v * b13; + t28 += v * b14; + t29 += v * b15; + v = a[15]; + t15 += v * b0; + t16 += v * b1; + t17 += v * b2; + t18 += v * b3; + t19 += v * b4; + t20 += v * b5; + t21 += v * b6; + t22 += v * b7; + t23 += v * b8; + t24 += v * b9; + t25 += v * b10; + t26 += v * b11; + t27 += v * b12; + t28 += v * b13; + t29 += v * b14; + t30 += v * b15; - t0 += 38 * t16; - t1 += 38 * t17; - t2 += 38 * t18; - t3 += 38 * t19; - t4 += 38 * t20; - t5 += 38 * t21; - t6 += 38 * t22; - t7 += 38 * t23; - t8 += 38 * t24; - t9 += 38 * t25; - t10 += 38 * t26; - t11 += 38 * t27; - t12 += 38 * t28; - t13 += 38 * t29; - t14 += 38 * t30; - // t15 left as is + t0 += 38 * t16; + t1 += 38 * t17; + t2 += 38 * t18; + t3 += 38 * t19; + t4 += 38 * t20; + t5 += 38 * t21; + t6 += 38 * t22; + t7 += 38 * t23; + t8 += 38 * t24; + t9 += 38 * t25; + t10 += 38 * t26; + t11 += 38 * t27; + t12 += 38 * t28; + t13 += 38 * t29; + t14 += 38 * t30; + // t15 left as is - // first car - c = 1; - v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; - v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; - v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; - v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; - v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; - v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; - v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; - v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; - v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; - v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; - v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; - v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; - v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; - v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; - v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; - v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; - t0 += c-1 + 37 * (c-1); + // first car + c = 1; + v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; + v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; + v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; + v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; + v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; + v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; + v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; + v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; + v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; + v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; + v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; + v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; + v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; + v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; + v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; + v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; + t0 += c - 1 + 37 * (c - 1); - // second car - c = 1; - v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; - v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; - v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; - v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; - v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; - v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; - v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; - v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; - v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; - v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; - v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; - v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; - v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; - v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; - v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; - v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; - t0 += c-1 + 37 * (c-1); + // second car + c = 1; + v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; + v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; + v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; + v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; + v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; + v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; + v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; + v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; + v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; + v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; + v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; + v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; + v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; + v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; + v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; + v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; + t0 += c - 1 + 37 * (c - 1); - o[ 0] = t0; - o[ 1] = t1; - o[ 2] = t2; - o[ 3] = t3; - o[ 4] = t4; - o[ 5] = t5; - o[ 6] = t6; - o[ 7] = t7; - o[ 8] = t8; - o[ 9] = t9; - o[10] = t10; - o[11] = t11; - o[12] = t12; - o[13] = t13; - o[14] = t14; - o[15] = t15; + o[0] = t0; + o[1] = t1; + o[2] = t2; + o[3] = t3; + o[4] = t4; + o[5] = t5; + o[6] = t6; + o[7] = t7; + o[8] = t8; + o[9] = t9; + o[10] = t10; + o[11] = t11; + o[12] = t12; + o[13] = t13; + o[14] = t14; + o[15] = t15; } function S(o, a) { - M(o, a, a); + M(o, a, a); } function inv25519(o, i) { - var c = gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 253; a >= 0; a--) { - S(c, c); - if(a !== 2 && a !== 4) M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; + var c = gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + + for (a = 253; a >= 0; a--) { + S(c, c); + if (a !== 2 && a !== 4) M(c, c, i); + } + + for (a = 0; a < 16; a++) o[a] = c[a]; } function pow2523(o, i) { - var c = gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 250; a >= 0; a--) { - S(c, c); - if(a !== 1) M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; + var c = gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + + for (a = 250; a >= 0; a--) { + S(c, c); + if (a !== 1) M(c, c, i); + } + + for (a = 0; a < 16; a++) o[a] = c[a]; } function crypto_scalarmult(q, n, p) { - var z = new Uint8Array(32); - var x = new Float64Array(80), r, i; - var a = gf(), b = gf(), c = gf(), - d = gf(), e = gf(), f = gf(); - for (i = 0; i < 31; i++) z[i] = n[i]; - z[31]=(n[31]&127)|64; - z[0]&=248; - unpack25519(x,p); - for (i = 0; i < 16; i++) { - b[i]=x[i]; - d[i]=a[i]=c[i]=0; - } - a[0]=d[0]=1; - for (i=254; i>=0; --i) { - r=(z[i>>>3]>>>(i&7))&1; - sel25519(a,b,r); - sel25519(c,d,r); - A(e,a,c); - Z(a,a,c); - A(c,b,d); - Z(b,b,d); - S(d,e); - S(f,a); - M(a,c,a); - M(c,b,e); - A(e,a,c); - Z(a,a,c); - S(b,a); - Z(c,d,f); - M(a,c,_121665); - A(a,a,d); - M(c,c,a); - M(a,d,f); - M(d,b,x); - S(b,e); - sel25519(a,b,r); - sel25519(c,d,r); - } - for (i = 0; i < 16; i++) { - x[i+16]=a[i]; - x[i+32]=c[i]; - x[i+48]=b[i]; - x[i+64]=d[i]; - } - var x32 = x.subarray(32); - var x16 = x.subarray(16); - inv25519(x32,x32); - M(x16,x16,x32); - pack25519(q,x16); - return 0; + var z = new Uint8Array(32); + var x = new Float64Array(80), r, i; + var a = gf(), b = gf(), c = gf(), d = gf(), e = gf(), f = gf(); + for (i = 0; i < 31; i++) z[i] = n[i]; + z[31] = (n[31] & 127) | 64; + z[0] &= 248; + unpack25519(x, p); + + for (i = 0; i < 16; i++) { + b[i] = x[i]; + d[i] = a[i] = c[i] = 0; + } + + a[0] = d[0] = 1; + + for (i = 254; i >= 0; --i) { + r = (z[i >>> 3] >>> (i & 7)) & 1; + sel25519(a, b, r); + sel25519(c, d, r); + A(e, a, c); + Z(a, a, c); + A(c, b, d); + Z(b, b, d); + S(d, e); + S(f, a); + M(a, c, a); + M(c, b, e); + A(e, a, c); + Z(a, a, c); + S(b, a); + Z(c, d, f); + M(a, c, _121665); + A(a, a, d); + M(c, c, a); + M(a, d, f); + M(d, b, x); + S(b, e); + sel25519(a, b, r); + sel25519(c, d, r); + } + + for (i = 0; i < 16; i++) { + x[i + 16] = a[i]; + x[i + 32] = c[i]; + x[i + 48] = b[i]; + x[i + 64] = d[i]; + } + + var x32 = x.subarray(32); + var x16 = x.subarray(16); + inv25519(x32, x32); + M(x16, x16, x32); + pack25519(q, x16); + return 0; } function crypto_scalarmult_base(q, n) { - return crypto_scalarmult(q, n, _9); + return crypto_scalarmult(q, n, _9); } function crypto_box_keypair(y, x) { - randombytes(x, 32); - return crypto_scalarmult_base(y, x); + randombytes(x, 32); + return crypto_scalarmult_base(y, x); } function crypto_box_beforenm(k, y, x) { - var s = new Uint8Array(32); - crypto_scalarmult(s, x, y); - return crypto_core_hsalsa20(k, _0, s, sigma); + var s = new Uint8Array(32); + crypto_scalarmult(s, x, y); + return crypto_core_hsalsa20(k, _0, s, sigma); } var crypto_box_afternm = crypto_secretbox; var crypto_box_open_afternm = crypto_secretbox_open; function crypto_box(c, m, d, n, y, x) { - var k = new Uint8Array(32); - crypto_box_beforenm(k, y, x); - return crypto_box_afternm(c, m, d, n, k); + var k = new Uint8Array(32); + crypto_box_beforenm(k, y, x); + return crypto_box_afternm(c, m, d, n, k); } function crypto_box_open(m, c, d, n, y, x) { - var k = new Uint8Array(32); - crypto_box_beforenm(k, y, x); - return crypto_box_open_afternm(m, c, d, n, k); + var k = new Uint8Array(32); + crypto_box_beforenm(k, y, x); + return crypto_box_open_afternm(m, c, d, n, k); } var K = [ - 0x428a2f98, 0xd728ae22, 0x71374491, 0x23ef65cd, - 0xb5c0fbcf, 0xec4d3b2f, 0xe9b5dba5, 0x8189dbbc, - 0x3956c25b, 0xf348b538, 0x59f111f1, 0xb605d019, - 0x923f82a4, 0xaf194f9b, 0xab1c5ed5, 0xda6d8118, - 0xd807aa98, 0xa3030242, 0x12835b01, 0x45706fbe, - 0x243185be, 0x4ee4b28c, 0x550c7dc3, 0xd5ffb4e2, - 0x72be5d74, 0xf27b896f, 0x80deb1fe, 0x3b1696b1, - 0x9bdc06a7, 0x25c71235, 0xc19bf174, 0xcf692694, - 0xe49b69c1, 0x9ef14ad2, 0xefbe4786, 0x384f25e3, - 0x0fc19dc6, 0x8b8cd5b5, 0x240ca1cc, 0x77ac9c65, - 0x2de92c6f, 0x592b0275, 0x4a7484aa, 0x6ea6e483, - 0x5cb0a9dc, 0xbd41fbd4, 0x76f988da, 0x831153b5, - 0x983e5152, 0xee66dfab, 0xa831c66d, 0x2db43210, - 0xb00327c8, 0x98fb213f, 0xbf597fc7, 0xbeef0ee4, - 0xc6e00bf3, 0x3da88fc2, 0xd5a79147, 0x930aa725, - 0x06ca6351, 0xe003826f, 0x14292967, 0x0a0e6e70, - 0x27b70a85, 0x46d22ffc, 0x2e1b2138, 0x5c26c926, - 0x4d2c6dfc, 0x5ac42aed, 0x53380d13, 0x9d95b3df, - 0x650a7354, 0x8baf63de, 0x766a0abb, 0x3c77b2a8, - 0x81c2c92e, 0x47edaee6, 0x92722c85, 0x1482353b, - 0xa2bfe8a1, 0x4cf10364, 0xa81a664b, 0xbc423001, - 0xc24b8b70, 0xd0f89791, 0xc76c51a3, 0x0654be30, - 0xd192e819, 0xd6ef5218, 0xd6990624, 0x5565a910, - 0xf40e3585, 0x5771202a, 0x106aa070, 0x32bbd1b8, - 0x19a4c116, 0xb8d2d0c8, 0x1e376c08, 0x5141ab53, - 0x2748774c, 0xdf8eeb99, 0x34b0bcb5, 0xe19b48a8, - 0x391c0cb3, 0xc5c95a63, 0x4ed8aa4a, 0xe3418acb, - 0x5b9cca4f, 0x7763e373, 0x682e6ff3, 0xd6b2b8a3, - 0x748f82ee, 0x5defb2fc, 0x78a5636f, 0x43172f60, - 0x84c87814, 0xa1f0ab72, 0x8cc70208, 0x1a6439ec, - 0x90befffa, 0x23631e28, 0xa4506ceb, 0xde82bde9, - 0xbef9a3f7, 0xb2c67915, 0xc67178f2, 0xe372532b, - 0xca273ece, 0xea26619c, 0xd186b8c7, 0x21c0c207, - 0xeada7dd6, 0xcde0eb1e, 0xf57d4f7f, 0xee6ed178, - 0x06f067aa, 0x72176fba, 0x0a637dc5, 0xa2c898a6, - 0x113f9804, 0xbef90dae, 0x1b710b35, 0x131c471b, - 0x28db77f5, 0x23047d84, 0x32caab7b, 0x40c72493, - 0x3c9ebe0a, 0x15c9bebc, 0x431d67c4, 0x9c100d4c, - 0x4cc5d4be, 0xcb3e42b6, 0x597f299c, 0xfc657e2a, - 0x5fcb6fab, 0x3ad6faec, 0x6c44198c, 0x4a475817 + 0x428a2f98, 0xd728ae22, 0x71374491, 0x23ef65cd, + 0xb5c0fbcf, 0xec4d3b2f, 0xe9b5dba5, 0x8189dbbc, + 0x3956c25b, 0xf348b538, 0x59f111f1, 0xb605d019, + 0x923f82a4, 0xaf194f9b, 0xab1c5ed5, 0xda6d8118, + 0xd807aa98, 0xa3030242, 0x12835b01, 0x45706fbe, + 0x243185be, 0x4ee4b28c, 0x550c7dc3, 0xd5ffb4e2, + 0x72be5d74, 0xf27b896f, 0x80deb1fe, 0x3b1696b1, + 0x9bdc06a7, 0x25c71235, 0xc19bf174, 0xcf692694, + 0xe49b69c1, 0x9ef14ad2, 0xefbe4786, 0x384f25e3, + 0x0fc19dc6, 0x8b8cd5b5, 0x240ca1cc, 0x77ac9c65, + 0x2de92c6f, 0x592b0275, 0x4a7484aa, 0x6ea6e483, + 0x5cb0a9dc, 0xbd41fbd4, 0x76f988da, 0x831153b5, + 0x983e5152, 0xee66dfab, 0xa831c66d, 0x2db43210, + 0xb00327c8, 0x98fb213f, 0xbf597fc7, 0xbeef0ee4, + 0xc6e00bf3, 0x3da88fc2, 0xd5a79147, 0x930aa725, + 0x06ca6351, 0xe003826f, 0x14292967, 0x0a0e6e70, + 0x27b70a85, 0x46d22ffc, 0x2e1b2138, 0x5c26c926, + 0x4d2c6dfc, 0x5ac42aed, 0x53380d13, 0x9d95b3df, + 0x650a7354, 0x8baf63de, 0x766a0abb, 0x3c77b2a8, + 0x81c2c92e, 0x47edaee6, 0x92722c85, 0x1482353b, + 0xa2bfe8a1, 0x4cf10364, 0xa81a664b, 0xbc423001, + 0xc24b8b70, 0xd0f89791, 0xc76c51a3, 0x0654be30, + 0xd192e819, 0xd6ef5218, 0xd6990624, 0x5565a910, + 0xf40e3585, 0x5771202a, 0x106aa070, 0x32bbd1b8, + 0x19a4c116, 0xb8d2d0c8, 0x1e376c08, 0x5141ab53, + 0x2748774c, 0xdf8eeb99, 0x34b0bcb5, 0xe19b48a8, + 0x391c0cb3, 0xc5c95a63, 0x4ed8aa4a, 0xe3418acb, + 0x5b9cca4f, 0x7763e373, 0x682e6ff3, 0xd6b2b8a3, + 0x748f82ee, 0x5defb2fc, 0x78a5636f, 0x43172f60, + 0x84c87814, 0xa1f0ab72, 0x8cc70208, 0x1a6439ec, + 0x90befffa, 0x23631e28, 0xa4506ceb, 0xde82bde9, + 0xbef9a3f7, 0xb2c67915, 0xc67178f2, 0xe372532b, + 0xca273ece, 0xea26619c, 0xd186b8c7, 0x21c0c207, + 0xeada7dd6, 0xcde0eb1e, 0xf57d4f7f, 0xee6ed178, + 0x06f067aa, 0x72176fba, 0x0a637dc5, 0xa2c898a6, + 0x113f9804, 0xbef90dae, 0x1b710b35, 0x131c471b, + 0x28db77f5, 0x23047d84, 0x32caab7b, 0x40c72493, + 0x3c9ebe0a, 0x15c9bebc, 0x431d67c4, 0x9c100d4c, + 0x4cc5d4be, 0xcb3e42b6, 0x597f299c, 0xfc657e2a, + 0x5fcb6fab, 0x3ad6faec, 0x6c44198c, 0x4a475817 ]; function crypto_hashblocks_hl(hh, hl, m, n) { - var wh = new Int32Array(16), wl = new Int32Array(16), - bh0, bh1, bh2, bh3, bh4, bh5, bh6, bh7, - bl0, bl1, bl2, bl3, bl4, bl5, bl6, bl7, - th, tl, i, j, h, l, a, b, c, d; - - var ah0 = hh[0], - ah1 = hh[1], - ah2 = hh[2], - ah3 = hh[3], - ah4 = hh[4], - ah5 = hh[5], - ah6 = hh[6], - ah7 = hh[7], - - al0 = hl[0], - al1 = hl[1], - al2 = hl[2], - al3 = hl[3], - al4 = hl[4], - al5 = hl[5], - al6 = hl[6], - al7 = hl[7]; - - var pos = 0; - while (n >= 128) { - for (i = 0; i < 16; i++) { - j = 8 * i + pos; - wh[i] = (m[j+0] << 24) | (m[j+1] << 16) | (m[j+2] << 8) | m[j+3]; - wl[i] = (m[j+4] << 24) | (m[j+5] << 16) | (m[j+6] << 8) | m[j+7]; - } - for (i = 0; i < 80; i++) { - bh0 = ah0; - bh1 = ah1; - bh2 = ah2; - bh3 = ah3; - bh4 = ah4; - bh5 = ah5; - bh6 = ah6; - bh7 = ah7; - - bl0 = al0; - bl1 = al1; - bl2 = al2; - bl3 = al3; - bl4 = al4; - bl5 = al5; - bl6 = al6; - bl7 = al7; - - // add - h = ah7; - l = al7; - - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; - - // Sigma1 - h = ((ah4 >>> 14) | (al4 << (32-14))) ^ ((ah4 >>> 18) | (al4 << (32-18))) ^ ((al4 >>> (41-32)) | (ah4 << (32-(41-32)))); - l = ((al4 >>> 14) | (ah4 << (32-14))) ^ ((al4 >>> 18) | (ah4 << (32-18))) ^ ((ah4 >>> (41-32)) | (al4 << (32-(41-32)))); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // Ch - h = (ah4 & ah5) ^ (~ah4 & ah6); - l = (al4 & al5) ^ (~al4 & al6); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // K - h = K[i*2]; - l = K[i*2+1]; - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // w - h = wh[i%16]; - l = wl[i%16]; - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; - - th = c & 0xffff | d << 16; - tl = a & 0xffff | b << 16; - - // add - h = th; - l = tl; - - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; - - // Sigma0 - h = ((ah0 >>> 28) | (al0 << (32-28))) ^ ((al0 >>> (34-32)) | (ah0 << (32-(34-32)))) ^ ((al0 >>> (39-32)) | (ah0 << (32-(39-32)))); - l = ((al0 >>> 28) | (ah0 << (32-28))) ^ ((ah0 >>> (34-32)) | (al0 << (32-(34-32)))) ^ ((ah0 >>> (39-32)) | (al0 << (32-(39-32)))); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // Maj - h = (ah0 & ah1) ^ (ah0 & ah2) ^ (ah1 & ah2); - l = (al0 & al1) ^ (al0 & al2) ^ (al1 & al2); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; - - bh7 = (c & 0xffff) | (d << 16); - bl7 = (a & 0xffff) | (b << 16); - - // add - h = bh3; - l = bl3; - - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; - - h = th; - l = tl; - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + var wh = new Int32Array(16), wl = new Int32Array(16), + bh0, bh1, bh2, bh3, bh4, bh5, bh6, bh7, + bl0, bl1, bl2, bl3, bl4, bl5, bl6, bl7, + th, tl, i, j, h, l, a, b, c, d; + + var ah0 = hh[0], + ah1 = hh[1], + ah2 = hh[2], + ah3 = hh[3], + ah4 = hh[4], + ah5 = hh[5], + ah6 = hh[6], + ah7 = hh[7], + + al0 = hl[0], + al1 = hl[1], + al2 = hl[2], + al3 = hl[3], + al4 = hl[4], + al5 = hl[5], + al6 = hl[6], + al7 = hl[7]; + + var pos = 0; + + while (n >= 128) { + for (i = 0; i < 16; i++) { + j = 8 * i + pos; + wh[i] = (m[j + 0] << 24) | (m[j + 1] << 16) | (m[j + 2] << 8) | m[j + 3]; + wl[i] = (m[j + 4] << 24) | (m[j + 5] << 16) | (m[j + 6] << 8) | m[j + 7]; + } + + for (i = 0; i < 80; i++) { + bh0 = ah0; + bh1 = ah1; + bh2 = ah2; + bh3 = ah3; + bh4 = ah4; + bh5 = ah5; + bh6 = ah6; + bh7 = ah7; + + bl0 = al0; + bl1 = al1; + bl2 = al2; + bl3 = al3; + bl4 = al4; + bl5 = al5; + bl6 = al6; + bl7 = al7; + + // add + h = ah7; + l = al7; + + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; + + // Sigma1 + h = ((ah4 >>> 14) | (al4 << (32 - 14))) ^ ((ah4 >>> 18) | (al4 << (32 - 18))) ^ ((al4 >>> (41 - 32)) | (ah4 << (32 - (41 - 32)))); + l = ((al4 >>> 14) | (ah4 << (32 - 14))) ^ ((al4 >>> 18) | (ah4 << (32 - 18))) ^ ((ah4 >>> (41 - 32)) | (al4 << (32 - (41 - 32)))); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // Ch + h = (ah4 & ah5) ^ (~ah4 & ah6); + l = (al4 & al5) ^ (~al4 & al6); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // K + h = K[i * 2]; + l = K[i * 2 + 1]; + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // w + h = wh[i % 16]; + l = wl[i % 16]; + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; + + th = c & 0xffff | d << 16; + tl = a & 0xffff | b << 16; + + // add + h = th; + l = tl; + + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; + + // Sigma0 + h = ((ah0 >>> 28) | (al0 << (32 - 28))) ^ ((al0 >>> (34 - 32)) | (ah0 << (32 - (34 - 32)))) ^ ((al0 >>> (39 - 32)) | (ah0 << (32 - (39 - 32)))); + l = ((al0 >>> 28) | (ah0 << (32 - 28))) ^ ((ah0 >>> (34 - 32)) | (al0 << (32 - (34 - 32)))) ^ ((ah0 >>> (39 - 32)) | (al0 << (32 - (39 - 32)))); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // Maj + h = (ah0 & ah1) ^ (ah0 & ah2) ^ (ah1 & ah2); + l = (al0 & al1) ^ (al0 & al2) ^ (al1 & al2); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; + + bh7 = (c & 0xffff) | (d << 16); + bl7 = (a & 0xffff) | (b << 16); + + // add + h = bh3; + l = bl3; + + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; + + h = th; + l = tl; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - bh3 = (c & 0xffff) | (d << 16); - bl3 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - ah1 = bh0; - ah2 = bh1; - ah3 = bh2; - ah4 = bh3; - ah5 = bh4; - ah6 = bh5; - ah7 = bh6; - ah0 = bh7; + bh3 = (c & 0xffff) | (d << 16); + bl3 = (a & 0xffff) | (b << 16); - al1 = bl0; - al2 = bl1; - al3 = bl2; - al4 = bl3; - al5 = bl4; - al6 = bl5; - al7 = bl6; - al0 = bl7; + ah1 = bh0; + ah2 = bh1; + ah3 = bh2; + ah4 = bh3; + ah5 = bh4; + ah6 = bh5; + ah7 = bh6; + ah0 = bh7; - if (i%16 === 15) { - for (j = 0; j < 16; j++) { - // add - h = wh[j]; - l = wl[j]; + al1 = bl0; + al2 = bl1; + al3 = bl2; + al4 = bl3; + al5 = bl4; + al6 = bl5; + al7 = bl6; + al0 = bl7; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + if (i % 16 === 15) { + for (j = 0; j < 16; j++) { + // add + h = wh[j]; + l = wl[j]; - h = wh[(j+9)%16]; - l = wl[(j+9)%16]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = wh[(j + 9) % 16]; + l = wl[(j + 9) % 16]; - // sigma0 - th = wh[(j+1)%16]; - tl = wl[(j+1)%16]; - h = ((th >>> 1) | (tl << (32-1))) ^ ((th >>> 8) | (tl << (32-8))) ^ (th >>> 7); - l = ((tl >>> 1) | (th << (32-1))) ^ ((tl >>> 8) | (th << (32-8))) ^ ((tl >>> 7) | (th << (32-7))); + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + // sigma0 + th = wh[(j + 1) % 16]; + tl = wl[(j + 1) % 16]; + h = ((th >>> 1) | (tl << (32 - 1))) ^ ((th >>> 8) | (tl << (32 - 8))) ^ (th >>> 7); + l = ((tl >>> 1) | (th << (32 - 1))) ^ ((tl >>> 8) | (th << (32 - 8))) ^ ((tl >>> 7) | (th << (32 - 7))); - // sigma1 - th = wh[(j+14)%16]; - tl = wl[(j+14)%16]; - h = ((th >>> 19) | (tl << (32-19))) ^ ((tl >>> (61-32)) | (th << (32-(61-32)))) ^ (th >>> 6); - l = ((tl >>> 19) | (th << (32-19))) ^ ((th >>> (61-32)) | (tl << (32-(61-32)))) ^ ((tl >>> 6) | (th << (32-6))); + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + // sigma1 + th = wh[(j + 14) % 16]; + tl = wl[(j + 14) % 16]; + h = ((th >>> 19) | (tl << (32 - 19))) ^ ((tl >>> (61 - 32)) | (th << (32 - (61 - 32)))) ^ (th >>> 6); + l = ((tl >>> 19) | (th << (32 - 19))) ^ ((th >>> (61 - 32)) | (tl << (32 - (61 - 32)))) ^ ((tl >>> 6) | (th << (32 - 6))); - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - wh[j] = (c & 0xffff) | (d << 16); - wl[j] = (a & 0xffff) | (b << 16); - } - } - } + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - // add - h = ah0; - l = al0; + wh[j] = (c & 0xffff) | (d << 16); + wl[j] = (a & 0xffff) | (b << 16); + } + } + } - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + // add + h = ah0; + l = al0; - h = hh[0]; - l = hl[0]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[0]; + l = hl[0]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[0] = ah0 = (c & 0xffff) | (d << 16); - hl[0] = al0 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah1; - l = al1; + hh[0] = ah0 = (c & 0xffff) | (d << 16); + hl[0] = al0 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah1; + l = al1; - h = hh[1]; - l = hl[1]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[1]; + l = hl[1]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[1] = ah1 = (c & 0xffff) | (d << 16); - hl[1] = al1 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah2; - l = al2; + hh[1] = ah1 = (c & 0xffff) | (d << 16); + hl[1] = al1 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah2; + l = al2; - h = hh[2]; - l = hl[2]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[2]; + l = hl[2]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[2] = ah2 = (c & 0xffff) | (d << 16); - hl[2] = al2 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah3; - l = al3; + hh[2] = ah2 = (c & 0xffff) | (d << 16); + hl[2] = al2 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah3; + l = al3; - h = hh[3]; - l = hl[3]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[3]; + l = hl[3]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[3] = ah3 = (c & 0xffff) | (d << 16); - hl[3] = al3 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah4; - l = al4; + hh[3] = ah3 = (c & 0xffff) | (d << 16); + hl[3] = al3 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah4; + l = al4; - h = hh[4]; - l = hl[4]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[4]; + l = hl[4]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[4] = ah4 = (c & 0xffff) | (d << 16); - hl[4] = al4 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah5; - l = al5; + hh[4] = ah4 = (c & 0xffff) | (d << 16); + hl[4] = al4 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah5; + l = al5; - h = hh[5]; - l = hl[5]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[5]; + l = hl[5]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[5] = ah5 = (c & 0xffff) | (d << 16); - hl[5] = al5 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah6; - l = al6; + hh[5] = ah5 = (c & 0xffff) | (d << 16); + hl[5] = al5 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah6; + l = al6; - h = hh[6]; - l = hl[6]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[6]; + l = hl[6]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[6] = ah6 = (c & 0xffff) | (d << 16); - hl[6] = al6 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - h = ah7; - l = al7; + hh[6] = ah6 = (c & 0xffff) | (d << 16); + hl[6] = al6 = (a & 0xffff) | (b << 16); - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + h = ah7; + l = al7; - h = hh[7]; - l = hl[7]; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + h = hh[7]; + l = hl[7]; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - hh[7] = ah7 = (c & 0xffff) | (d << 16); - hl[7] = al7 = (a & 0xffff) | (b << 16); + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - pos += 128; - n -= 128; - } + hh[7] = ah7 = (c & 0xffff) | (d << 16); + hl[7] = al7 = (a & 0xffff) | (b << 16); - return n; + pos += 128; + n -= 128; + } + + return n; } function crypto_hash(out, m, n) { - var hh = new Int32Array(8), - hl = new Int32Array(8), - x = new Uint8Array(256), - i, b = n; + var hh = new Int32Array(8), + hl = new Int32Array(8), + x = new Uint8Array(256), + i, b = n; - hh[0] = 0x6a09e667; - hh[1] = 0xbb67ae85; - hh[2] = 0x3c6ef372; - hh[3] = 0xa54ff53a; - hh[4] = 0x510e527f; - hh[5] = 0x9b05688c; - hh[6] = 0x1f83d9ab; - hh[7] = 0x5be0cd19; + hh[0] = 0x6a09e667; + hh[1] = 0xbb67ae85; + hh[2] = 0x3c6ef372; + hh[3] = 0xa54ff53a; + hh[4] = 0x510e527f; + hh[5] = 0x9b05688c; + hh[6] = 0x1f83d9ab; + hh[7] = 0x5be0cd19; - hl[0] = 0xf3bcc908; - hl[1] = 0x84caa73b; - hl[2] = 0xfe94f82b; - hl[3] = 0x5f1d36f1; - hl[4] = 0xade682d1; - hl[5] = 0x2b3e6c1f; - hl[6] = 0xfb41bd6b; - hl[7] = 0x137e2179; + hl[0] = 0xf3bcc908; + hl[1] = 0x84caa73b; + hl[2] = 0xfe94f82b; + hl[3] = 0x5f1d36f1; + hl[4] = 0xade682d1; + hl[5] = 0x2b3e6c1f; + hl[6] = 0xfb41bd6b; + hl[7] = 0x137e2179; - crypto_hashblocks_hl(hh, hl, m, n); - n %= 128; + crypto_hashblocks_hl(hh, hl, m, n); + n %= 128; - for (i = 0; i < n; i++) x[i] = m[b-n+i]; - x[n] = 128; + for (i = 0; i < n; i++) x[i] = m[b - n + i]; + x[n] = 128; - n = 256-128*(n<112?1:0); - x[n-9] = 0; - ts64(x, n-8, (b / 0x20000000) | 0, b << 3); - crypto_hashblocks_hl(hh, hl, x, n); + n = 256 - 128 * (n < 112 ? 1 : 0); + x[n - 9] = 0; + ts64(x, n - 8, (b / 0x20000000) | 0, b << 3); + crypto_hashblocks_hl(hh, hl, x, n); - for (i = 0; i < 8; i++) ts64(out, 8*i, hh[i], hl[i]); + for (i = 0; i < 8; i++) ts64(out, 8 * i, hh[i], hl[i]); - return 0; + return 0; } function add(p, q) { - var a = gf(), b = gf(), c = gf(), - d = gf(), e = gf(), f = gf(), - g = gf(), h = gf(), t = gf(); + var a = gf(), b = gf(), c = gf(), + d = gf(), e = gf(), f = gf(), + g = gf(), h = gf(), t = gf(); - Z(a, p[1], p[0]); - Z(t, q[1], q[0]); - M(a, a, t); - A(b, p[0], p[1]); - A(t, q[0], q[1]); - M(b, b, t); - M(c, p[3], q[3]); - M(c, c, D2); - M(d, p[2], q[2]); - A(d, d, d); - Z(e, b, a); - Z(f, d, c); - A(g, d, c); - A(h, b, a); + Z(a, p[1], p[0]); + Z(t, q[1], q[0]); + M(a, a, t); + A(b, p[0], p[1]); + A(t, q[0], q[1]); + M(b, b, t); + M(c, p[3], q[3]); + M(c, c, D2); + M(d, p[2], q[2]); + A(d, d, d); + Z(e, b, a); + Z(f, d, c); + A(g, d, c); + A(h, b, a); - M(p[0], e, f); - M(p[1], h, g); - M(p[2], g, f); - M(p[3], e, h); + M(p[0], e, f); + M(p[1], h, g); + M(p[2], g, f); + M(p[3], e, h); } function cswap(p, q, b) { - var i; - for (i = 0; i < 4; i++) { - sel25519(p[i], q[i], b); - } + var i; + for (i = 0; i < 4; i++) { + sel25519(p[i], q[i], b); + } } function pack(r, p) { - var tx = gf(), ty = gf(), zi = gf(); - inv25519(zi, p[2]); - M(tx, p[0], zi); - M(ty, p[1], zi); - pack25519(r, ty); - r[31] ^= par25519(tx) << 7; + var tx = gf(), ty = gf(), zi = gf(); + inv25519(zi, p[2]); + M(tx, p[0], zi); + M(ty, p[1], zi); + pack25519(r, ty); + r[31] ^= par25519(tx) << 7; } function scalarmult(p, q, s) { - var b, i; - set25519(p[0], gf0); - set25519(p[1], gf1); - set25519(p[2], gf1); - set25519(p[3], gf0); - for (i = 255; i >= 0; --i) { - b = (s[(i/8)|0] >> (i&7)) & 1; - cswap(p, q, b); - add(q, p); - add(p, p); - cswap(p, q, b); - } + var b, i; + set25519(p[0], gf0); + set25519(p[1], gf1); + set25519(p[2], gf1); + set25519(p[3], gf0); + for (i = 255; i >= 0; --i) { + b = (s[(i / 8) | 0] >> (i & 7)) & 1; + cswap(p, q, b); + add(q, p); + add(p, p); + cswap(p, q, b); + } } function scalarbase(p, s) { - var q = [gf(), gf(), gf(), gf()]; - set25519(q[0], X); - set25519(q[1], Y); - set25519(q[2], gf1); - M(q[3], X, Y); - scalarmult(p, q, s); + var q = [gf(), gf(), gf(), gf()]; + set25519(q[0], X); + set25519(q[1], Y); + set25519(q[2], gf1); + M(q[3], X, Y); + scalarmult(p, q, s); } function crypto_sign_keypair(pk, sk, seeded) { - var d = new Uint8Array(64); - var p = [gf(), gf(), gf(), gf()]; - var i; + var d = new Uint8Array(64); + var p = [gf(), gf(), gf(), gf()]; + var i; - if (!seeded) randombytes(sk, 32); - crypto_hash(d, sk, 32); - d[0] &= 248; - d[31] &= 127; - d[31] |= 64; + if (!seeded) randombytes(sk, 32); + crypto_hash(d, sk, 32); + d[0] &= 248; + d[31] &= 127; + d[31] |= 64; - scalarbase(p, d); - pack(pk, p); + scalarbase(p, d); + pack(pk, p); - for (i = 0; i < 32; i++) sk[i+32] = pk[i]; - return 0; + for (i = 0; i < 32; i++) sk[i + 32] = pk[i]; + return 0; } var L = new Float64Array([0xed, 0xd3, 0xf5, 0x5c, 0x1a, 0x63, 0x12, 0x58, 0xd6, 0x9c, 0xf7, 0xa2, 0xde, 0xf9, 0xde, 0x14, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x10]); function modL(r, x) { - var carry, i, j, k; - for (i = 63; i >= 32; --i) { - carry = 0; - for (j = i - 32, k = i - 12; j < k; ++j) { - x[j] += carry - 16 * x[i] * L[j - (i - 32)]; - carry = (x[j] + 128) >> 8; - x[j] -= carry * 256; - } - x[j] += carry; - x[i] = 0; - } - carry = 0; - for (j = 0; j < 32; j++) { - x[j] += carry - (x[31] >> 4) * L[j]; - carry = x[j] >> 8; - x[j] &= 255; - } - for (j = 0; j < 32; j++) x[j] -= carry * L[j]; - for (i = 0; i < 32; i++) { - x[i+1] += x[i] >> 8; - r[i] = x[i] & 255; - } + var carry, i, j, k; + for (i = 63; i >= 32; --i) { + carry = 0; + for (j = i - 32, k = i - 12; j < k; ++j) { + x[j] += carry - 16 * x[i] * L[j - (i - 32)]; + carry = (x[j] + 128) >> 8; + x[j] -= carry * 256; + } + x[j] += carry; + x[i] = 0; + } + carry = 0; + for (j = 0; j < 32; j++) { + x[j] += carry - (x[31] >> 4) * L[j]; + carry = x[j] >> 8; + x[j] &= 255; + } + for (j = 0; j < 32; j++) x[j] -= carry * L[j]; + for (i = 0; i < 32; i++) { + x[i + 1] += x[i] >> 8; + r[i] = x[i] & 255; + } } function reduce(r) { - var x = new Float64Array(64), i; - for (i = 0; i < 64; i++) x[i] = r[i]; - for (i = 0; i < 64; i++) r[i] = 0; - modL(r, x); + var x = new Float64Array(64), i; + for (i = 0; i < 64; i++) x[i] = r[i]; + for (i = 0; i < 64; i++) r[i] = 0; + modL(r, x); } // Note: difference from C - smlen returned, not passed as argument. function crypto_sign(sm, m, n, sk) { - var d = new Uint8Array(64), h = new Uint8Array(64), r = new Uint8Array(64); - var i, j, x = new Float64Array(64); - var p = [gf(), gf(), gf(), gf()]; + var d = new Uint8Array(64), h = new Uint8Array(64), r = new Uint8Array(64); + var i, j, x = new Float64Array(64); + var p = [gf(), gf(), gf(), gf()]; - crypto_hash(d, sk, 32); - d[0] &= 248; - d[31] &= 127; - d[31] |= 64; + crypto_hash(d, sk, 32); + d[0] &= 248; + d[31] &= 127; + d[31] |= 64; - var smlen = n + 64; - for (i = 0; i < n; i++) sm[64 + i] = m[i]; - for (i = 0; i < 32; i++) sm[32 + i] = d[32 + i]; + var smlen = n + 64; + for (i = 0; i < n; i++) sm[64 + i] = m[i]; + for (i = 0; i < 32; i++) sm[32 + i] = d[32 + i]; - crypto_hash(r, sm.subarray(32), n+32); - reduce(r); - scalarbase(p, r); - pack(sm, p); + crypto_hash(r, sm.subarray(32), n + 32); + reduce(r); + scalarbase(p, r); + pack(sm, p); - for (i = 32; i < 64; i++) sm[i] = sk[i]; - crypto_hash(h, sm, n + 64); - reduce(h); + for (i = 32; i < 64; i++) sm[i] = sk[i]; + crypto_hash(h, sm, n + 64); + reduce(h); - for (i = 0; i < 64; i++) x[i] = 0; - for (i = 0; i < 32; i++) x[i] = r[i]; - for (i = 0; i < 32; i++) { - for (j = 0; j < 32; j++) { - x[i+j] += h[i] * d[j]; - } - } + for (i = 0; i < 64; i++) x[i] = 0; + for (i = 0; i < 32; i++) x[i] = r[i]; + for (i = 0; i < 32; i++) { + for (j = 0; j < 32; j++) { + x[i + j] += h[i] * d[j]; + } + } - modL(sm.subarray(32), x); - return smlen; + modL(sm.subarray(32), x); + return smlen; } function unpackneg(r, p) { - var t = gf(), chk = gf(), num = gf(), - den = gf(), den2 = gf(), den4 = gf(), - den6 = gf(); + var t = gf(), chk = gf(), num = gf(), + den = gf(), den2 = gf(), den4 = gf(), + den6 = gf(); - set25519(r[2], gf1); - unpack25519(r[1], p); - S(num, r[1]); - M(den, num, D); - Z(num, num, r[2]); - A(den, r[2], den); + set25519(r[2], gf1); + unpack25519(r[1], p); + S(num, r[1]); + M(den, num, D); + Z(num, num, r[2]); + A(den, r[2], den); - S(den2, den); - S(den4, den2); - M(den6, den4, den2); - M(t, den6, num); - M(t, t, den); + S(den2, den); + S(den4, den2); + M(den6, den4, den2); + M(t, den6, num); + M(t, t, den); - pow2523(t, t); - M(t, t, num); - M(t, t, den); - M(t, t, den); - M(r[0], t, den); + pow2523(t, t); + M(t, t, num); + M(t, t, den); + M(t, t, den); + M(r[0], t, den); - S(chk, r[0]); - M(chk, chk, den); - if (neq25519(chk, num)) M(r[0], r[0], I); + S(chk, r[0]); + M(chk, chk, den); + if (neq25519(chk, num)) M(r[0], r[0], I); - S(chk, r[0]); - M(chk, chk, den); - if (neq25519(chk, num)) return -1; + S(chk, r[0]); + M(chk, chk, den); + if (neq25519(chk, num)) return -1; - if (par25519(r[0]) === (p[31]>>7)) Z(r[0], gf0, r[0]); + if (par25519(r[0]) === (p[31] >> 7)) Z(r[0], gf0, r[0]); - M(r[3], r[0], r[1]); - return 0; + M(r[3], r[0], r[1]); + return 0; } function crypto_sign_open(m, sm, n, pk) { - var i, mlen; - var t = new Uint8Array(32), h = new Uint8Array(64); - var p = [gf(), gf(), gf(), gf()], - q = [gf(), gf(), gf(), gf()]; + var i, mlen; + var t = new Uint8Array(32), h = new Uint8Array(64); + var p = [gf(), gf(), gf(), gf()], + q = [gf(), gf(), gf(), gf()]; - mlen = -1; - if (n < 64) return -1; + mlen = -1; + if (n < 64) return -1; - if (unpackneg(q, pk)) return -1; + if (unpackneg(q, pk)) return -1; - for (i = 0; i < n; i++) m[i] = sm[i]; - for (i = 0; i < 32; i++) m[i+32] = pk[i]; - crypto_hash(h, m, n); - reduce(h); - scalarmult(p, q, h); + for (i = 0; i < n; i++) m[i] = sm[i]; + for (i = 0; i < 32; i++) m[i + 32] = pk[i]; + crypto_hash(h, m, n); + reduce(h); + scalarmult(p, q, h); - scalarbase(q, sm.subarray(32)); - add(p, q); - pack(t, p); + scalarbase(q, sm.subarray(32)); + add(p, q); + pack(t, p); - n -= 64; - if (crypto_verify_32(sm, 0, t, 0)) { - for (i = 0; i < n; i++) m[i] = 0; - return -1; - } + n -= 64; + if (crypto_verify_32(sm, 0, t, 0)) { + for (i = 0; i < n; i++) m[i] = 0; + return -1; + } - for (i = 0; i < n; i++) m[i] = sm[i + 64]; - mlen = n; - return mlen; + for (i = 0; i < n; i++) m[i] = sm[i + 64]; + mlen = n; + return mlen; } var crypto_secretbox_KEYBYTES = 32, - crypto_secretbox_NONCEBYTES = 24, - crypto_secretbox_ZEROBYTES = 32, - crypto_secretbox_BOXZEROBYTES = 16, - crypto_scalarmult_BYTES = 32, - crypto_scalarmult_SCALARBYTES = 32, - crypto_box_PUBLICKEYBYTES = 32, - crypto_box_SECRETKEYBYTES = 32, - crypto_box_BEFORENMBYTES = 32, - crypto_box_NONCEBYTES = crypto_secretbox_NONCEBYTES, - crypto_box_ZEROBYTES = crypto_secretbox_ZEROBYTES, - crypto_box_BOXZEROBYTES = crypto_secretbox_BOXZEROBYTES, - crypto_sign_BYTES = 64, - crypto_sign_PUBLICKEYBYTES = 32, - crypto_sign_SECRETKEYBYTES = 64, - crypto_sign_SEEDBYTES = 32, - crypto_hash_BYTES = 64; + crypto_secretbox_NONCEBYTES = 24, + crypto_secretbox_ZEROBYTES = 32, + crypto_secretbox_BOXZEROBYTES = 16, + crypto_scalarmult_BYTES = 32, + crypto_scalarmult_SCALARBYTES = 32, + crypto_box_PUBLICKEYBYTES = 32, + crypto_box_SECRETKEYBYTES = 32, + crypto_box_BEFORENMBYTES = 32, + crypto_box_NONCEBYTES = crypto_secretbox_NONCEBYTES, + crypto_box_ZEROBYTES = crypto_secretbox_ZEROBYTES, + crypto_box_BOXZEROBYTES = crypto_secretbox_BOXZEROBYTES, + crypto_sign_BYTES = 64, + crypto_sign_PUBLICKEYBYTES = 32, + crypto_sign_SECRETKEYBYTES = 64, + crypto_sign_SEEDBYTES = 32, + crypto_hash_BYTES = 64; nacl.lowlevel = { - crypto_core_hsalsa20: crypto_core_hsalsa20, - crypto_stream_xor: crypto_stream_xor, - crypto_stream: crypto_stream, - crypto_stream_salsa20_xor: crypto_stream_salsa20_xor, - crypto_stream_salsa20: crypto_stream_salsa20, - crypto_onetimeauth: crypto_onetimeauth, - crypto_onetimeauth_verify: crypto_onetimeauth_verify, - crypto_verify_16: crypto_verify_16, - crypto_verify_32: crypto_verify_32, - crypto_secretbox: crypto_secretbox, - crypto_secretbox_open: crypto_secretbox_open, - crypto_scalarmult: crypto_scalarmult, - crypto_scalarmult_base: crypto_scalarmult_base, - crypto_box_beforenm: crypto_box_beforenm, - crypto_box_afternm: crypto_box_afternm, - crypto_box: crypto_box, - crypto_box_open: crypto_box_open, - crypto_box_keypair: crypto_box_keypair, - crypto_hash: crypto_hash, - crypto_sign: crypto_sign, - crypto_sign_keypair: crypto_sign_keypair, - crypto_sign_open: crypto_sign_open, + crypto_core_hsalsa20: crypto_core_hsalsa20, + crypto_stream_xor: crypto_stream_xor, + crypto_stream: crypto_stream, + crypto_stream_salsa20_xor: crypto_stream_salsa20_xor, + crypto_stream_salsa20: crypto_stream_salsa20, + crypto_onetimeauth: crypto_onetimeauth, + crypto_onetimeauth_verify: crypto_onetimeauth_verify, + crypto_verify_16: crypto_verify_16, + crypto_verify_32: crypto_verify_32, + crypto_secretbox: crypto_secretbox, + crypto_secretbox_open: crypto_secretbox_open, + crypto_scalarmult: crypto_scalarmult, + crypto_scalarmult_base: crypto_scalarmult_base, + crypto_box_beforenm: crypto_box_beforenm, + crypto_box_afternm: crypto_box_afternm, + crypto_box: crypto_box, + crypto_box_open: crypto_box_open, + crypto_box_keypair: crypto_box_keypair, + crypto_hash: crypto_hash, + crypto_sign: crypto_sign, + crypto_sign_keypair: crypto_sign_keypair, + crypto_sign_open: crypto_sign_open, - crypto_secretbox_KEYBYTES: crypto_secretbox_KEYBYTES, - crypto_secretbox_NONCEBYTES: crypto_secretbox_NONCEBYTES, - crypto_secretbox_ZEROBYTES: crypto_secretbox_ZEROBYTES, - crypto_secretbox_BOXZEROBYTES: crypto_secretbox_BOXZEROBYTES, - crypto_scalarmult_BYTES: crypto_scalarmult_BYTES, - crypto_scalarmult_SCALARBYTES: crypto_scalarmult_SCALARBYTES, - crypto_box_PUBLICKEYBYTES: crypto_box_PUBLICKEYBYTES, - crypto_box_SECRETKEYBYTES: crypto_box_SECRETKEYBYTES, - crypto_box_BEFORENMBYTES: crypto_box_BEFORENMBYTES, - crypto_box_NONCEBYTES: crypto_box_NONCEBYTES, - crypto_box_ZEROBYTES: crypto_box_ZEROBYTES, - crypto_box_BOXZEROBYTES: crypto_box_BOXZEROBYTES, - crypto_sign_BYTES: crypto_sign_BYTES, - crypto_sign_PUBLICKEYBYTES: crypto_sign_PUBLICKEYBYTES, - crypto_sign_SECRETKEYBYTES: crypto_sign_SECRETKEYBYTES, - crypto_sign_SEEDBYTES: crypto_sign_SEEDBYTES, - crypto_hash_BYTES: crypto_hash_BYTES + crypto_secretbox_KEYBYTES: crypto_secretbox_KEYBYTES, + crypto_secretbox_NONCEBYTES: crypto_secretbox_NONCEBYTES, + crypto_secretbox_ZEROBYTES: crypto_secretbox_ZEROBYTES, + crypto_secretbox_BOXZEROBYTES: crypto_secretbox_BOXZEROBYTES, + crypto_scalarmult_BYTES: crypto_scalarmult_BYTES, + crypto_scalarmult_SCALARBYTES: crypto_scalarmult_SCALARBYTES, + crypto_box_PUBLICKEYBYTES: crypto_box_PUBLICKEYBYTES, + crypto_box_SECRETKEYBYTES: crypto_box_SECRETKEYBYTES, + crypto_box_BEFORENMBYTES: crypto_box_BEFORENMBYTES, + crypto_box_NONCEBYTES: crypto_box_NONCEBYTES, + crypto_box_ZEROBYTES: crypto_box_ZEROBYTES, + crypto_box_BOXZEROBYTES: crypto_box_BOXZEROBYTES, + crypto_sign_BYTES: crypto_sign_BYTES, + crypto_sign_PUBLICKEYBYTES: crypto_sign_PUBLICKEYBYTES, + crypto_sign_SECRETKEYBYTES: crypto_sign_SECRETKEYBYTES, + crypto_sign_SEEDBYTES: crypto_sign_SEEDBYTES, + crypto_hash_BYTES: crypto_hash_BYTES }; /* High-level API */ - function checkLengths(k, n) { - if (k.length !== crypto_secretbox_KEYBYTES) throw new Error('bad key size'); - if (n.length !== crypto_secretbox_NONCEBYTES) throw new Error('bad nonce size'); + if (k.length !== crypto_secretbox_KEYBYTES) throw new Error('bad key size'); + if (n.length !== crypto_secretbox_NONCEBYTES) throw new Error('bad nonce size'); } function checkBoxLengths(pk, sk) { - if (pk.length !== crypto_box_PUBLICKEYBYTES) throw new Error('bad public key size'); - if (sk.length !== crypto_box_SECRETKEYBYTES) throw new Error('bad secret key size'); + if (pk.length !== crypto_box_PUBLICKEYBYTES) throw new Error('bad public key size'); + if (sk.length !== crypto_box_SECRETKEYBYTES) throw new Error('bad secret key size'); } function checkArrayTypes() { - var t, i; - for (i = 0; i < arguments.length; i++) { - if ((t = Object.prototype.toString.call(arguments[i])) !== '[object Uint8Array]') - throw new TypeError('unexpected type ' + t + ', use Uint8Array'); - } + var t, i; + for (i = 0; i < arguments.length; i++) { + if ((t = Object.prototype.toString.call(arguments[i])) !== '[object Uint8Array]') + throw new TypeError('unexpected type ' + t + ', use Uint8Array'); + } } function cleanup(arr) { - for (var i = 0; i < arr.length; i++) arr[i] = 0; + for (var i = 0; i < arr.length; i++) arr[i] = 0; } nacl.util = {}; -nacl.util.decodeUTF8 = function(s) { - var i, d = unescape(encodeURIComponent(s)), b = new Uint8Array(d.length); - for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); - return b; +nacl.util.decodeUTF8 = function (s) { + var i, d = unescape(encodeURIComponent(s)), b = new Uint8Array(d.length); + for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); + return b; }; -nacl.util.encodeUTF8 = function(arr) { - var i, s = []; - for (i = 0; i < arr.length; i++) s.push(String.fromCharCode(arr[i])); - return decodeURIComponent(escape(s.join(''))); +nacl.util.encodeUTF8 = function (arr) { + var i, s = []; + for (i = 0; i < arr.length; i++) s.push(String.fromCharCode(arr[i])); + return decodeURIComponent(escape(s.join(''))); }; -nacl.util.encodeBase64 = function(arr) { - if (typeof btoa === 'undefined') { - return (new Buffer(arr)).toString('base64'); - } else { - var i, s = [], len = arr.length; - for (i = 0; i < len; i++) s.push(String.fromCharCode(arr[i])); - return btoa(s.join('')); - } +nacl.util.encodeBase64 = function (arr) { + if (typeof btoa === 'undefined') { + return (new Buffer(arr)).toString('base64'); + } else { + var i, s = [], len = arr.length; + for (i = 0; i < len; i++) s.push(String.fromCharCode(arr[i])); + return btoa(s.join('')); + } }; -nacl.util.decodeBase64 = function(s) { - if (typeof atob === 'undefined') { - return new Uint8Array(Array.prototype.slice.call(new Buffer(s, 'base64'), 0)); - } else { - var i, d = atob(s), b = new Uint8Array(d.length); - for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); - return b; - } +nacl.util.decodeBase64 = function (s) { + if (typeof atob === 'undefined') { + return new Uint8Array(Array.prototype.slice.call(new Buffer(s, 'base64'), 0)); + } else { + var i, d = atob(s), b = new Uint8Array(d.length); + for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); + return b; + } }; -nacl.randomBytes = function(n) { - var b = new Uint8Array(n); - randombytes(b, n); - return b; +nacl.randomBytes = function (n) { + var b = new Uint8Array(n); + randombytes(b, n); + return b; }; -nacl.secretbox = function(msg, nonce, key) { - checkArrayTypes(msg, nonce, key); - checkLengths(key, nonce); - var m = new Uint8Array(crypto_secretbox_ZEROBYTES + msg.length); - var c = new Uint8Array(m.length); - for (var i = 0; i < msg.length; i++) m[i+crypto_secretbox_ZEROBYTES] = msg[i]; - crypto_secretbox(c, m, m.length, nonce, key); - return c.subarray(crypto_secretbox_BOXZEROBYTES); +nacl.secretbox = function (msg, nonce, key) { + checkArrayTypes(msg, nonce, key); + checkLengths(key, nonce); + var m = new Uint8Array(crypto_secretbox_ZEROBYTES + msg.length); + var c = new Uint8Array(m.length); + for (var i = 0; i < msg.length; i++) m[i + crypto_secretbox_ZEROBYTES] = msg[i]; + crypto_secretbox(c, m, m.length, nonce, key); + return c.subarray(crypto_secretbox_BOXZEROBYTES); }; -nacl.secretbox.open = function(box, nonce, key) { - checkArrayTypes(box, nonce, key); - checkLengths(key, nonce); - var c = new Uint8Array(crypto_secretbox_BOXZEROBYTES + box.length); - var m = new Uint8Array(c.length); - for (var i = 0; i < box.length; i++) c[i+crypto_secretbox_BOXZEROBYTES] = box[i]; - if (c.length < 32) return false; - if (crypto_secretbox_open(m, c, c.length, nonce, key) !== 0) return false; - return m.subarray(crypto_secretbox_ZEROBYTES); +nacl.secretbox.open = function (box, nonce, key) { + checkArrayTypes(box, nonce, key); + checkLengths(key, nonce); + var c = new Uint8Array(crypto_secretbox_BOXZEROBYTES + box.length); + var m = new Uint8Array(c.length); + for (var i = 0; i < box.length; i++) c[i + crypto_secretbox_BOXZEROBYTES] = box[i]; + if (c.length < 32) return false; + if (crypto_secretbox_open(m, c, c.length, nonce, key) !== 0) return false; + return m.subarray(crypto_secretbox_ZEROBYTES); }; nacl.secretbox.keyLength = crypto_secretbox_KEYBYTES; nacl.secretbox.nonceLength = crypto_secretbox_NONCEBYTES; nacl.secretbox.overheadLength = crypto_secretbox_BOXZEROBYTES; -nacl.scalarMult = function(n, p) { - checkArrayTypes(n, p); - if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); - if (p.length !== crypto_scalarmult_BYTES) throw new Error('bad p size'); - var q = new Uint8Array(crypto_scalarmult_BYTES); - crypto_scalarmult(q, n, p); - return q; +nacl.scalarMult = function (n, p) { + checkArrayTypes(n, p); + if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); + if (p.length !== crypto_scalarmult_BYTES) throw new Error('bad p size'); + var q = new Uint8Array(crypto_scalarmult_BYTES); + crypto_scalarmult(q, n, p); + return q; }; -nacl.scalarMult.base = function(n) { - checkArrayTypes(n); - if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); - var q = new Uint8Array(crypto_scalarmult_BYTES); - crypto_scalarmult_base(q, n); - return q; +nacl.scalarMult.base = function (n) { + checkArrayTypes(n); + if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); + var q = new Uint8Array(crypto_scalarmult_BYTES); + crypto_scalarmult_base(q, n); + return q; }; nacl.scalarMult.scalarLength = crypto_scalarmult_SCALARBYTES; nacl.scalarMult.groupElementLength = crypto_scalarmult_BYTES; -nacl.box = function(msg, nonce, publicKey, secretKey) { - var k = nacl.box.before(publicKey, secretKey); - return nacl.secretbox(msg, nonce, k); +nacl.box = function (msg, nonce, publicKey, secretKey) { + var k = nacl.box.before(publicKey, secretKey); + return nacl.secretbox(msg, nonce, k); }; -nacl.box.before = function(publicKey, secretKey) { - checkArrayTypes(publicKey, secretKey); - checkBoxLengths(publicKey, secretKey); - var k = new Uint8Array(crypto_box_BEFORENMBYTES); - crypto_box_beforenm(k, publicKey, secretKey); - return k; +nacl.box.before = function (publicKey, secretKey) { + checkArrayTypes(publicKey, secretKey); + checkBoxLengths(publicKey, secretKey); + var k = new Uint8Array(crypto_box_BEFORENMBYTES); + crypto_box_beforenm(k, publicKey, secretKey); + return k; }; nacl.box.after = nacl.secretbox; -nacl.box.open = function(msg, nonce, publicKey, secretKey) { - var k = nacl.box.before(publicKey, secretKey); - return nacl.secretbox.open(msg, nonce, k); +nacl.box.open = function (msg, nonce, publicKey, secretKey) { + var k = nacl.box.before(publicKey, secretKey); + return nacl.secretbox.open(msg, nonce, k); }; nacl.box.open.after = nacl.secretbox.open; -nacl.box.keyPair = function() { - var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); - var sk = new Uint8Array(crypto_box_SECRETKEYBYTES); - crypto_box_keypair(pk, sk); - return {publicKey: pk, secretKey: sk}; +nacl.box.keyPair = function () { + var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); + var sk = new Uint8Array(crypto_box_SECRETKEYBYTES); + crypto_box_keypair(pk, sk); + return { publicKey: pk, secretKey: sk }; }; -nacl.box.keyPair.fromSecretKey = function(secretKey) { - checkArrayTypes(secretKey); - if (secretKey.length !== crypto_box_SECRETKEYBYTES) - throw new Error('bad secret key size'); - var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); - crypto_scalarmult_base(pk, secretKey); - return {publicKey: pk, secretKey: new Uint8Array(secretKey)}; +nacl.box.keyPair.fromSecretKey = function (secretKey) { + checkArrayTypes(secretKey); + if (secretKey.length !== crypto_box_SECRETKEYBYTES) + throw new Error('bad secret key size'); + var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); + crypto_scalarmult_base(pk, secretKey); + return { publicKey: pk, secretKey: new Uint8Array(secretKey) }; }; nacl.box.publicKeyLength = crypto_box_PUBLICKEYBYTES; @@ -2289,75 +2300,75 @@ nacl.box.sharedKeyLength = crypto_box_BEFORENMBYTES; nacl.box.nonceLength = crypto_box_NONCEBYTES; nacl.box.overheadLength = nacl.secretbox.overheadLength; -nacl.sign = function(msg, secretKey) { - checkArrayTypes(msg, secretKey); - if (secretKey.length !== crypto_sign_SECRETKEYBYTES) - throw new Error('bad secret key size'); - var signedMsg = new Uint8Array(crypto_sign_BYTES+msg.length); - crypto_sign(signedMsg, msg, msg.length, secretKey); - return signedMsg; +nacl.sign = function (msg, secretKey) { + checkArrayTypes(msg, secretKey); + if (secretKey.length !== crypto_sign_SECRETKEYBYTES) + throw new Error('bad secret key size'); + var signedMsg = new Uint8Array(crypto_sign_BYTES + msg.length); + crypto_sign(signedMsg, msg, msg.length, secretKey); + return signedMsg; }; -nacl.sign.open = function(signedMsg, publicKey) { - if (arguments.length !== 2) - throw new Error('nacl.sign.open accepts 2 arguments; did you mean to use nacl.sign.detached.verify?'); - checkArrayTypes(signedMsg, publicKey); - if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) - throw new Error('bad public key size'); - var tmp = new Uint8Array(signedMsg.length); - var mlen = crypto_sign_open(tmp, signedMsg, signedMsg.length, publicKey); - if (mlen < 0) return null; - var m = new Uint8Array(mlen); - for (var i = 0; i < m.length; i++) m[i] = tmp[i]; - return m; +nacl.sign.open = function (signedMsg, publicKey) { + if (arguments.length !== 2) + throw new Error('nacl.sign.open accepts 2 arguments; did you mean to use nacl.sign.detached.verify?'); + checkArrayTypes(signedMsg, publicKey); + if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) + throw new Error('bad public key size'); + var tmp = new Uint8Array(signedMsg.length); + var mlen = crypto_sign_open(tmp, signedMsg, signedMsg.length, publicKey); + if (mlen < 0) return null; + var m = new Uint8Array(mlen); + for (var i = 0; i < m.length; i++) m[i] = tmp[i]; + return m; }; -nacl.sign.detached = function(msg, secretKey) { - var signedMsg = nacl.sign(msg, secretKey); - var sig = new Uint8Array(crypto_sign_BYTES); - for (var i = 0; i < sig.length; i++) sig[i] = signedMsg[i]; - return sig; +nacl.sign.detached = function (msg, secretKey) { + var signedMsg = nacl.sign(msg, secretKey); + var sig = new Uint8Array(crypto_sign_BYTES); + for (var i = 0; i < sig.length; i++) sig[i] = signedMsg[i]; + return sig; }; -nacl.sign.detached.verify = function(msg, sig, publicKey) { - checkArrayTypes(msg, sig, publicKey); - if (sig.length !== crypto_sign_BYTES) - throw new Error('bad signature size'); - if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) - throw new Error('bad public key size'); - var sm = new Uint8Array(crypto_sign_BYTES + msg.length); - var m = new Uint8Array(crypto_sign_BYTES + msg.length); - var i; - for (i = 0; i < crypto_sign_BYTES; i++) sm[i] = sig[i]; - for (i = 0; i < msg.length; i++) sm[i+crypto_sign_BYTES] = msg[i]; - return (crypto_sign_open(m, sm, sm.length, publicKey) >= 0); +nacl.sign.detached.verify = function (msg, sig, publicKey) { + checkArrayTypes(msg, sig, publicKey); + if (sig.length !== crypto_sign_BYTES) + throw new Error('bad signature size'); + if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) + throw new Error('bad public key size'); + var sm = new Uint8Array(crypto_sign_BYTES + msg.length); + var m = new Uint8Array(crypto_sign_BYTES + msg.length); + var i; + for (i = 0; i < crypto_sign_BYTES; i++) sm[i] = sig[i]; + for (i = 0; i < msg.length; i++) sm[i + crypto_sign_BYTES] = msg[i]; + return (crypto_sign_open(m, sm, sm.length, publicKey) >= 0); }; -nacl.sign.keyPair = function() { - var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); - var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); - crypto_sign_keypair(pk, sk); - return {publicKey: pk, secretKey: sk}; +nacl.sign.keyPair = function () { + var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); + var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); + crypto_sign_keypair(pk, sk); + return { publicKey: pk, secretKey: sk }; }; -nacl.sign.keyPair.fromSecretKey = function(secretKey) { - checkArrayTypes(secretKey); - if (secretKey.length !== crypto_sign_SECRETKEYBYTES) - throw new Error('bad secret key size'); - var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); - for (var i = 0; i < pk.length; i++) pk[i] = secretKey[32+i]; - return {publicKey: pk, secretKey: new Uint8Array(secretKey)}; +nacl.sign.keyPair.fromSecretKey = function (secretKey) { + checkArrayTypes(secretKey); + if (secretKey.length !== crypto_sign_SECRETKEYBYTES) + throw new Error('bad secret key size'); + var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); + for (var i = 0; i < pk.length; i++) pk[i] = secretKey[32 + i]; + return { publicKey: pk, secretKey: new Uint8Array(secretKey) }; }; -nacl.sign.keyPair.fromSeed = function(seed) { - checkArrayTypes(seed); - if (seed.length !== crypto_sign_SEEDBYTES) - throw new Error('bad seed size'); - var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); - var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); - for (var i = 0; i < 32; i++) sk[i] = seed[i]; - crypto_sign_keypair(pk, sk, true); - return {publicKey: pk, secretKey: sk}; +nacl.sign.keyPair.fromSeed = function (seed) { + checkArrayTypes(seed); + if (seed.length !== crypto_sign_SEEDBYTES) + throw new Error('bad seed size'); + var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); + var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); + for (var i = 0; i < 32; i++) sk[i] = seed[i]; + crypto_sign_keypair(pk, sk, true); + return { publicKey: pk, secretKey: sk }; }; nacl.sign.publicKeyLength = crypto_sign_PUBLICKEYBYTES; @@ -2365,370 +2376,365 @@ nacl.sign.secretKeyLength = crypto_sign_SECRETKEYBYTES; nacl.sign.seedLength = crypto_sign_SEEDBYTES; nacl.sign.signatureLength = crypto_sign_BYTES; -nacl.hash = function(msg) { - checkArrayTypes(msg); - var h = new Uint8Array(crypto_hash_BYTES); - crypto_hash(h, msg, msg.length); - return h; +nacl.hash = function (msg) { + checkArrayTypes(msg); + var h = new Uint8Array(crypto_hash_BYTES); + crypto_hash(h, msg, msg.length); + return h; }; nacl.hash.hashLength = crypto_hash_BYTES; -nacl.verify = function(x, y) { - checkArrayTypes(x, y); - // Zero length arguments are considered not equal. - if (x.length === 0 || y.length === 0) return false; - if (x.length !== y.length) return false; - return (vn(x, 0, y, 0, x.length) === 0); +nacl.verify = function (x, y) { + checkArrayTypes(x, y); + // Zero length arguments are considered not equal. + if (x.length === 0 || y.length === 0) return false; + if (x.length !== y.length) return false; + return (vn(x, 0, y, 0, x.length) === 0); }; -nacl.setPRNG = function(fn) { - randombytes = fn; +nacl.setPRNG = function (fn) { + randombytes = fn; }; -(function() { - // Initialize PRNG if environment provides CSPRNG. - // If not, methods calling randombytes will throw. - var crypto; - if (typeof window !== 'undefined') { - // Browser. - if (window.crypto && window.crypto.getRandomValues) { - crypto = window.crypto; // Standard - } else if (window.msCrypto && window.msCrypto.getRandomValues) { - crypto = window.msCrypto; // Internet Explorer 11+ - } - if (crypto) { - nacl.setPRNG(function(x, n) { - var i, v = new Uint8Array(n); - crypto.getRandomValues(v); - for (i = 0; i < n; i++) x[i] = v[i]; - cleanup(v); - }); - } - } else if (typeof require !== 'undefined') { - // Node.js. - crypto = require('crypto'); - if (crypto) { - nacl.setPRNG(function(x, n) { - var i, v = crypto.randomBytes(n); - for (i = 0; i < n; i++) x[i] = v[i]; - cleanup(v); - }); - } - } +(function () { + // Initialize PRNG if environment provides CSPRNG. + // If not, methods calling randombytes will throw. + var crypto; + if (typeof window !== 'undefined') { + // Browser. + if (window.crypto && window.crypto.getRandomValues) { + crypto = window.crypto; // Standard + } else if (window.msCrypto && window.msCrypto.getRandomValues) { + crypto = window.msCrypto; // Internet Explorer 11+ + } + if (crypto) { + nacl.setPRNG(function (x, n) { + var i, v = new Uint8Array(n); + crypto.getRandomValues(v); + for (i = 0; i < n; i++) x[i] = v[i]; + cleanup(v); + }); + } + } else if (typeof require !== 'undefined') { + // Node.js. + crypto = require('crypto'); + if (crypto) { + nacl.setPRNG(function (x, n) { + var i, v = crypto.randomBytes(n); + for (i = 0; i < n; i++) x[i] = v[i]; + cleanup(v); + }); + } + } })(); class Base58 { - constructor() { - this.ALPHABET = '123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz'; - this.ALPHABET_MAP = {}; + constructor() { + this.ALPHABET = '123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz'; + this.ALPHABET_MAP = {}; - for (let i = 0; i < this.ALPHABET.length; i++) { - this.ALPHABET_MAP[this.ALPHABET.charAt(i)] = i; - } - } + for (let i = 0; i < this.ALPHABET.length; i++) { + this.ALPHABET_MAP[this.ALPHABET.charAt(i)] = i; + } + } - encode(buffer) { - buffer = new Uint8Array(buffer); - let carry, digits, j; - if (buffer.length === 0) { - return ''; - } - let i = 0; - digits = [0]; - while (i < buffer.length) { - j = 0; - while (j < digits.length) { - digits[j] <<= 8; - j++; - } - digits[0] += buffer[i]; - carry = 0; - j = 0; - while (j < digits.length) { - digits[j] += carry; - carry = (digits[j] / 58) | 0; - digits[j] %= 58; - ++j; - } - while (carry) { - digits.push(carry % 58); - carry = (carry / 58) | 0; - } - i++; - } - i = 0; - while (buffer[i] === 0 && i < buffer.length - 1) { - digits.push(0); - i++; - } - return digits.reverse().map(digit => this.ALPHABET[digit]).join(''); - } + encode(buffer) { + buffer = new Uint8Array(buffer); + let carry, digits, j; + if (buffer.length === 0) { + return ''; + } + let i = 0; + digits = [0]; + while (i < buffer.length) { + j = 0; + while (j < digits.length) { + digits[j] <<= 8; + j++; + } + digits[0] += buffer[i]; + carry = 0; + j = 0; + while (j < digits.length) { + digits[j] += carry; + carry = (digits[j] / 58) | 0; + digits[j] %= 58; + ++j; + } + while (carry) { + digits.push(carry % 58); + carry = (carry / 58) | 0; + } + i++; + } + i = 0; + while (buffer[i] === 0 && i < buffer.length - 1) { + digits.push(0); + i++; + } + return digits.reverse().map(digit => this.ALPHABET[digit]).join(''); + } - decode(string) { - if (string.length === 0) { - return new Uint8Array(0); - } - let bytes = [0]; - let i = 0, j, c, carry; - while (i < string.length) { - c = string[i]; - if (!(c in this.ALPHABET_MAP)) { - throw new Error(`Base58.decode received unacceptable input. Character '${c}' is not in the Base58 alphabet.`); - } - j = 0; - while (j < bytes.length) { - bytes[j] *= 58; - j++; - } - bytes[0] += this.ALPHABET_MAP[c]; - carry = 0; - j = 0; - while (j < bytes.length) { - bytes[j] += carry; - carry = bytes[j] >> 8; - bytes[j] &= 0xff; - ++j; - } - while (carry) { - bytes.push(carry & 0xff); - carry >>= 8; - } - i++; - } - i = 0; - while (string[i] === '1' && i < string.length - 1) { - bytes.push(0); - i++; - } - return new Uint8Array(bytes.reverse()); - } + decode(string) { + if (string.length === 0) { + return new Uint8Array(0); + } + let bytes = [0]; + let i = 0, j, c, carry; + while (i < string.length) { + c = string[i]; + if (!(c in this.ALPHABET_MAP)) { + throw new Error(`Base58.decode received unacceptable input. Character '${c}' is not in the Base58 alphabet.`); + } + j = 0; + while (j < bytes.length) { + bytes[j] *= 58; + j++; + } + bytes[0] += this.ALPHABET_MAP[c]; + carry = 0; + j = 0; + while (j < bytes.length) { + bytes[j] += carry; + carry = bytes[j] >> 8; + bytes[j] &= 0xff; + ++j; + } + while (carry) { + bytes.push(carry & 0xff); + carry >>= 8; + } + i++; + } + i = 0; + while (string[i] === '1' && i < string.length - 1) { + bytes.push(0); + i++; + } + return new Uint8Array(bytes.reverse()); + } } - class Curve25519 { - constructor() { - this.gf0 = this.gf(); - this.gf1 = this.gf([1]); - this.D = this.gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]); - this.I = this.gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); - } + constructor() { + this.gf0 = this.gf(); + this.gf1 = this.gf([1]); + this.D = this.gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]); + this.I = this.gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); + } - gf(init) { - let i, r = new Float64Array(16); - if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; - return r; - } + gf(init) { + let i, r = new Float64Array(16); + if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; + return r; + } - car25519(o) { - var c, i; - for (i = 0; i < 16; i++) { - o[i] += 65536; - c = Math.floor(o[i] / 65536); - o[(i + 1) * (i < 15 ? 1 : 0)] += c - 1 + 37 * (c - 1) * (i === 15 ? 1 : 0); - o[i] -= (c * 65536); - } - } + car25519(o) { + var c, i; + for (i = 0; i < 16; i++) { + o[i] += 65536; + c = Math.floor(o[i] / 65536); + o[(i + 1) * (i < 15 ? 1 : 0)] += c - 1 + 37 * (c - 1) * (i === 15 ? 1 : 0); + o[i] -= (c * 65536); + } + } - sel25519(p, q, b) { - let t, c = ~(b - 1); - for (let i = 0; i < 16; i++) { - t = c & (p[i] ^ q[i]); - p[i] ^= t; - q[i] ^= t; - } - } + sel25519(p, q, b) { + let t, c = ~(b - 1); + for (let i = 0; i < 16; i++) { + t = c & (p[i] ^ q[i]); + p[i] ^= t; + q[i] ^= t; + } + } - A(o, a, b) { - for (let i = 0; i < 16; i++) o[i] = a[i] + b[i]; - } + A(o, a, b) { + for (let i = 0; i < 16; i++) o[i] = a[i] + b[i]; + } - Z(o, a, b) { - for (let i = 0; i < 16; i++) o[i] = a[i] - b[i]; - } + Z(o, a, b) { + for (let i = 0; i < 16; i++) o[i] = a[i] - b[i]; + } - M(o, a, b) { - var i, j, t = new Float64Array(31); - for (i = 0; i < 31; i++) t[i] = 0; - for (i = 0; i < 16; i++) { - for (j = 0; j < 16; j++) { - t[i+j] += a[i] * b[j]; - } - } - for (i = 0; i < 15; i++) { - t[i] += 38 * t[i+16]; - } - for (i = 0; i < 16; i++) o[i] = t[i]; - this.car25519(o); - this.car25519(o); - } + M(o, a, b) { + var i, j, t = new Float64Array(31); + for (i = 0; i < 31; i++) t[i] = 0; + for (i = 0; i < 16; i++) { + for (j = 0; j < 16; j++) { + t[i + j] += a[i] * b[j]; + } + } + for (i = 0; i < 15; i++) { + t[i] += 38 * t[i + 16]; + } + for (i = 0; i < 16; i++) o[i] = t[i]; + this.car25519(o); + this.car25519(o); + } - inv25519(o, i) { - var c = this.gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 253; a >= 0; a--) { - this.S(c, c); - if(a !== 2 && a !== 4) this.M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; - } + inv25519(o, i) { + var c = this.gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + for (a = 253; a >= 0; a--) { + this.S(c, c); + if (a !== 2 && a !== 4) this.M(c, c, i); + } + for (a = 0; a < 16; a++) o[a] = c[a]; + } - pack25519(o, n) { - var i, j, b; - var m = gf(), t = gf(); - for (i = 0; i < 16; i++) t[i] = n[i]; - this.car25519(t); - this.car25519(t); - this.car25519(t); - for (j = 0; j < 2; j++) { - m[0] = t[0] - 0xffed; - for (i = 1; i < 15; i++) { - m[i] = t[i] - 0xffff - ((m[i-1]>>16) & 1); - m[i-1] &= 0xffff; - } - m[15] = t[15] - 0x7fff - ((m[14]>>16) & 1); - b = (m[15]>>16) & 1; - m[14] &= 0xffff; - this.sel25519(t, m, 1-b); - } - for (i = 0; i < 16; i++) { - o[2*i] = t[i] & 0xff; - o[2*i+1] = t[i] >> 8; - } - } - S(o, a) { - this.M(o, a, a); - } + pack25519(o, n) { + var i, j, b; + var m = gf(), t = gf(); + for (i = 0; i < 16; i++) t[i] = n[i]; + this.car25519(t); + this.car25519(t); + this.car25519(t); + for (j = 0; j < 2; j++) { + m[0] = t[0] - 0xffed; + for (i = 1; i < 15; i++) { + m[i] = t[i] - 0xffff - ((m[i - 1] >> 16) & 1); + m[i - 1] &= 0xffff; + } + m[15] = t[15] - 0x7fff - ((m[14] >> 16) & 1); + b = (m[15] >> 16) & 1; + m[14] &= 0xffff; + this.sel25519(t, m, 1 - b); + } + for (i = 0; i < 16; i++) { + o[2 * i] = t[i] & 0xff; + o[2 * i + 1] = t[i] >> 8; + } + } + S(o, a) { + this.M(o, a, a); + } - unpackneg(r, p) { - var t = this.gf(), chk = this.gf(), num = this.gf(), - den = this.gf(), den2 = this.gf(), den4 = this.gf(), - den6 = this.gf(); + unpackneg(r, p) { + var t = this.gf(), chk = this.gf(), num = this.gf(), + den = this.gf(), den2 = this.gf(), den4 = this.gf(), + den6 = this.gf(); - this.set25519(r[2], gf1); - this.unpack25519(r[1], p); - this.S(num, r[1]); - this.M(den, num, D); - this.Z(num, num, r[2]); - this.A(den, r[2], den); + this.set25519(r[2], gf1); + this.unpack25519(r[1], p); + this.S(num, r[1]); + this.M(den, num, D); + this.Z(num, num, r[2]); + this.A(den, r[2], den); - this.S(den2, den); - this.S(den4, den2); - this.M(den6, den4, den2); - this.M(t, den6, num); - this.M(t, t, den); + this.S(den2, den); + this.S(den4, den2); + this.M(den6, den4, den2); + this.M(t, den6, num); + this.M(t, t, den); - this.pow2523(t, t); - this.M(t, t, num); - this.M(t, t, den); - this.M(t, t, den); - this.M(r[0], t, den); + this.pow2523(t, t); + this.M(t, t, num); + this.M(t, t, den); + this.M(t, t, den); + this.M(r[0], t, den); - this.S(chk, r[0]); - this.M(chk, chk, den); - if (this.neq25519(chk, num)) this.M(r[0], r[0], I); + this.S(chk, r[0]); + this.M(chk, chk, den); + if (this.neq25519(chk, num)) this.M(r[0], r[0], I); - this.S(chk, r[0]); - this.M(chk, chk, den); - if (this.neq25519(chk, num)) return -1; + this.S(chk, r[0]); + this.M(chk, chk, den); + if (this.neq25519(chk, num)) return -1; - if (this.par25519(r[0]) === (p[31] >> 7)) this.Z(r[0], gf0, r[0]); + if (this.par25519(r[0]) === (p[31] >> 7)) this.Z(r[0], gf0, r[0]); - this.M(r[3], r[0], r[1]); - return 0; - } + this.M(r[3], r[0], r[1]); + return 0; + } - neq25519(a, b) { - var c = new Uint8Array(32), d = new Uint8Array(32); - this.pack25519(c, a); - this.pack25519(d, b); - return this.crypto_verify_32(c, 0, d, 0); - } - par25519(a) { - var d = new Uint8Array(32); - this.pack25519(d, a); - return d[0] & 1; - } - unpack25519(o, n) { - var i; - for (i = 0; i < 16; i++) o[i] = n[2*i] + (n[2*i+1] << 8); - o[15] &= 0x7fff; - } + neq25519(a, b) { + var c = new Uint8Array(32), d = new Uint8Array(32); + this.pack25519(c, a); + this.pack25519(d, b); + return this.crypto_verify_32(c, 0, d, 0); + } + par25519(a) { + var d = new Uint8Array(32); + this.pack25519(d, a); + return d[0] & 1; + } + unpack25519(o, n) { + var i; + for (i = 0; i < 16; i++) o[i] = n[2 * i] + (n[2 * i + 1] << 8); + o[15] &= 0x7fff; + } - crypto_verify_32(x, xi, y, yi) { - return this.vn(x, xi, y, yi, 32); - } + crypto_verify_32(x, xi, y, yi) { + return this.vn(x, xi, y, yi, 32); + } - pow2523(o, i) { - var c = this.gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 250; a >= 0; a--) { - this.S(c, c); - if (a !== 1) this.M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; - } + pow2523(o, i) { + var c = this.gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + for (a = 250; a >= 0; a--) { + this.S(c, c); + if (a !== 1) this.M(c, c, i); + } + for (a = 0; a < 16; a++) o[a] = c[a]; + } - vn(x, xi, y, yi, n) { - var i, d = 0; - for (i = 0; i < n; i++) d |= x[xi + i] ^ y[yi + i]; - return (1 & ((d - 1) >>> 8)) - 1; - } - set25519(r, a) { - var i; - for (i = 0; i < 16; i++) r[i] = a[i] | 0; - } + vn(x, xi, y, yi, n) { + var i, d = 0; + for (i = 0; i < n; i++) d |= x[xi + i] ^ y[yi + i]; + return (1 & ((d - 1) >>> 8)) - 1; + } + set25519(r, a) { + var i; + for (i = 0; i < 16; i++) r[i] = a[i] | 0; + } - convertPublicKey(pk) { - var z = new Uint8Array(32), - q = [this.gf(), this.gf(), this.gf(), this.gf()], - a = this.gf(), b = this.gf(); + convertPublicKey(pk) { + var z = new Uint8Array(32), + q = [this.gf(), this.gf(), this.gf(), this.gf()], + a = this.gf(), b = this.gf(); - if (this.unpackneg(q, pk)) return null; // reject invalid key + if (this.unpackneg(q, pk)) return null; // reject invalid key - var y = q[1]; + var y = q[1]; - this.A(a, gf1, y); - this.Z(b, gf1, y); - this.inv25519(b, b); - this.M(a, a, b); + this.A(a, gf1, y); + this.Z(b, gf1, y); + this.inv25519(b, b); + this.M(a, a, b); - this.pack25519(z, a); - return z; - } + this.pack25519(z, a); + return z; + } - convertSecretKey(sk) { - var d = new Uint8Array(64), o = new Uint8Array(32), i; - nacl.lowlevel.crypto_hash(d, sk, 32); - d[0] &= 248; - d[31] &= 127; - d[31] |= 64; - for (i = 0; i < 32; i++) o[i] = d[i]; - for (i = 0; i < 64; i++) d[i] = 0; - return o; - } + convertSecretKey(sk) { + var d = new Uint8Array(64), o = new Uint8Array(32), i; + nacl.lowlevel.crypto_hash(d, sk, 32); + d[0] &= 248; + d[31] &= 127; + d[31] |= 64; + for (i = 0; i < 32; i++) o[i] = d[i]; + for (i = 0; i < 64; i++) d[i] = 0; + return o; + } - convertKeyPair(edKeyPair) { - var publicKey = this.convertPublicKey(edKeyPair.publicKey); - if (!publicKey) return null; - return { - publicKey: publicKey, - secretKey: this.convertSecretKey(edKeyPair.secretKey) - }; - } + convertKeyPair(edKeyPair) { + var publicKey = this.convertPublicKey(edKeyPair.publicKey); + if (!publicKey) return null; + return { + publicKey: publicKey, + secretKey: this.convertSecretKey(edKeyPair.secretKey) + }; + } } +const base58Instant = new Base58() - -const base58Instant = new Base58(); - -const curve25519Instance = new Curve25519(); - +const curve25519Instance = new Curve25519() self.addEventListener('message', async (e) => { - try { const decodeMsgs = e.data.messages.map((eachMessage) => { return decodeMessage( @@ -2736,137 +2742,124 @@ self.addEventListener('message', async (e) => { e.data.isReceipient, e.data._publicKey, e.data.privateKey - ); - }); - postMessage(decodeMsgs); + ) + }) + postMessage(decodeMsgs) } catch (error) { - console.log('error', error); + console.log('error', error) postMessage({ type: 'error', - message: error.message || 'An error occurred', - }); + message: error.message || 'An error occurred' + }) } -}); +}) const decode = (string) => { - const binaryString = atob(string); - const binaryLength = binaryString.length; - const bytes = new Uint8Array(binaryLength); + const binaryString = atob(string) + const binaryLength = binaryString.length + const bytes = new Uint8Array(binaryLength) for (let i = 0; i < binaryLength; i++) { - bytes[i] = binaryString.charCodeAt(i); + bytes[i] = binaryString.charCodeAt(i) } - const decoder = new TextDecoder(); - const decodedString = decoder.decode(bytes); - return decodedString; -}; + const decoder = new TextDecoder() + const decodedString = decoder.decode(bytes) + return decodedString +} -export const decryptChatMessageBase64 = ( - encryptedMessage, - privateKey, - recipientPublicKey, - lastReference -) => { - - let _encryptedMessage = atob(encryptedMessage); - const binaryLength = _encryptedMessage.length; - const bytes = new Uint8Array(binaryLength); +export const decryptChatMessageBase64 = (encryptedMessage, privateKey, recipientPublicKey, lastReference) => { + let _encryptedMessage = atob(encryptedMessage) + const binaryLength = _encryptedMessage.length + const bytes = new Uint8Array(binaryLength) for (let i = 0; i < binaryLength; i++) { - bytes[i] = _encryptedMessage.charCodeAt(i); + bytes[i] = _encryptedMessage.charCodeAt(i) } - let _base58RecipientPublic = recipientPublicKey + let _base58RecipientPublic = recipientPublicKey - try { - _base58RecipientPublic = recipientPublicKey.key - } catch (error) { - _base58RecipientPublic = recipientPublicKey - } + try { + _base58RecipientPublic = recipientPublicKey.key + } catch (error) { + _base58RecipientPublic = recipientPublicKey + } - const _base58RecipientPublicKey = - _base58RecipientPublic instanceof Uint8Array + const _base58RecipientPublicKey = _base58RecipientPublic instanceof Uint8Array ? base58Instant.encode(_base58RecipientPublic) - : _base58RecipientPublic; - const _recipientPublicKey = base58Instant.decode(_base58RecipientPublicKey); - const _lastReference = - lastReference instanceof Uint8Array - ? lastReference - : base58Instant.decode(lastReference); + : _base58RecipientPublic + + const _recipientPublicKey = base58Instant.decode(_base58RecipientPublicKey) + + const _lastReference = lastReference instanceof Uint8Array + ? lastReference + : base58Instant.decode(lastReference) + + const convertedPrivateKey = curve25519Instance.convertSecretKey(privateKey) + const convertedPublicKey = curve25519Instance.convertPublicKey(_recipientPublicKey) + const sharedSecret = new Uint8Array(32) - const convertedPrivateKey = curve25519Instance.convertSecretKey(privateKey); - const convertedPublicKey = curve25519Instance.convertPublicKey(_recipientPublicKey); - const sharedSecret = new Uint8Array(32); nacl.lowlevel.crypto_scalarmult( sharedSecret, convertedPrivateKey, convertedPublicKey - ); + ) const _chatEncryptionSeed = new Sha256() .process(sharedSecret) - .finish().result; + .finish().result + const _decryptedMessage = nacl.secretbox.open( bytes, _lastReference.slice(0, 24), _chatEncryptionSeed - ); + ) if (_decryptedMessage === false) { - return _decryptedMessage; + return _decryptedMessage } - return new TextDecoder('utf-8').decode(_decryptedMessage); -}; -const decodeMessage = ( - encodedMessageObj, - isReceipient, - _publicKey, - privateKey -) => { - let isReceipientVar; - let _publicKeyVar; + return new TextDecoder('utf-8').decode(_decryptedMessage) +} + +const decodeMessage = (encodedMessageObj, isReceipient, _publicKey, privateKey) => { + let isReceipientVar + let _publicKeyVar + try { - isReceipientVar = isReceipient; - _publicKeyVar = _publicKey; + isReceipientVar = isReceipient + _publicKeyVar = _publicKey } catch (error) { - isReceipientVar = isReceipient; - _publicKeyVar = _publicKey; + isReceipientVar = isReceipient + _publicKeyVar = _publicKey } - let decodedMessageObj = {}; + let decodedMessageObj = {} if (isReceipientVar === true) { // direct chat - if ( - encodedMessageObj.isEncrypted === true && - _publicKeyVar.hasPubKey === true && - encodedMessageObj.data - ) { + if (encodedMessageObj.isEncrypted === true && _publicKeyVar.hasPubKey === true && encodedMessageObj.data) { let decodedMessage = decryptChatMessageBase64( encodedMessageObj.data, privateKey, _publicKeyVar, encodedMessageObj.reference - ); - decodedMessageObj = { ...encodedMessageObj, decodedMessage }; - } else if ( - encodedMessageObj.isEncrypted === false && - encodedMessageObj.data - ) { - let decodedMessage = decode(encodedMessageObj.data); - decodedMessageObj = { ...encodedMessageObj, decodedMessage }; + ) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } + } else if (encodedMessageObj.isEncrypted === false && encodedMessageObj.data) { + let decodedMessage = decode(encodedMessageObj.data) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } } else { decodedMessageObj = { ...encodedMessageObj, - decodedMessage: 'Cannot Decrypt Message!', - }; + decodedMessage: 'Cannot Decrypt Message!' + } } } else { // group chat - let decodedMessage = decode(encodedMessageObj.data); - decodedMessageObj = { ...encodedMessageObj, decodedMessage }; + let decodedMessage = decode(encodedMessageObj.data) + decodedMessageObj = { ...encodedMessageObj, decodedMessage } } - return decodedMessageObj; -}; + + return decodedMessageObj +} \ No newline at end of file diff --git a/plugins/plugins/core/components/webworkerSortMessages.js b/plugins/plugins/core/components/webworkerSortMessages.js index 2f290b40..42343b8a 100644 --- a/plugins/plugins/core/components/webworkerSortMessages.js +++ b/plugins/plugins/core/components/webworkerSortMessages.js @@ -1,15 +1,7 @@ - - - self.addEventListener('message', async e => { - const response = e.data.list.sort(function (a, b) { - return a.timestamp - - b.timestamp -}) -postMessage(response) -}) - - - - - + const response = e.data.list.sort(function (a, b) { + return a.timestamp + - b.timestamp + }) + postMessage(response) +}) \ No newline at end of file diff --git a/plugins/plugins/core/connect.js b/plugins/plugins/core/connect.js index 7d67deab..d8951c31 100644 --- a/plugins/plugins/core/connect.js +++ b/plugins/plugins/core/connect.js @@ -1,13 +1,14 @@ export const parentEpml = new Epml({ - type: 'WINDOW', - source: window.parent + type: 'WINDOW', + source: window.parent }) export const visiblePluginEpml = new Epml({ - type: 'PROXY', - source: { - proxy: parentEpml, - target: 'visible-plugin', - id: 'core-plugin' // self id for responses, matches that in proxy.html - } + type: 'PROXY', + source: { + proxy: parentEpml, + target: 'visible-plugin', + // self id for responses, matches that in proxy.html + id: 'core-plugin' + } }) \ No newline at end of file diff --git a/plugins/plugins/core/data-management/data-management.src.js b/plugins/plugins/core/data-management/data-management.src.js new file mode 100644 index 00000000..cb7df1d4 --- /dev/null +++ b/plugins/plugins/core/data-management/data-management.src.js @@ -0,0 +1,932 @@ +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { dataManagementStyles } from '../components/plugins-css' +import isElectron from 'is-electron' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@polymer/paper-dialog/paper-dialog.js' +import '@vaadin/button' +import '@vaadin/grid' +import '@vaadin/icon' +import '@vaadin/icons' +import '@vaadin/text-field' + +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +class DataManagement extends LitElement { + static get properties() { + return { + loading: { type: Boolean }, + searchBlockedNames: { type: Array }, + searchFollowedNames: { type: Array }, + searchDatres: { type: Array }, + blockedNames: { type: Array }, + followedNames: { type: Array }, + datres: { type: Array }, + dataImageUrl: { type: String }, + savedGifRepo: { type: Array }, + collectionName: { type: String }, + theme: { type: String, reflect: true } + } + } + + static get styles() { + return [dataManagementStyles] + } + + constructor() { + super() + this.selectedAddress = {} + this.searchBlockedNames = [] + this.searchFollowedNames = [] + this.searchDatres = [] + this.blockedNames = [] + this.followedNames = [] + this.datres = [] + this.isLoading = false + this.dataImageUrl = '' + this.savedGifRepo = [] + this.collectionName = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + return html` +
    +
    +

    ${translate("datapage.dchange1")}

    +
    +
    +

    ${translate("datapage.dchange2")}

    + +
    + + + + { + render(html`${this.renderSearchIdentifier(data.item)}`, root) + }}> + + { + render(html`${this.renderSearchDeleteButton(data.item)}`, root); + }}> + + { + render(html`${this.renderSearchBlockUnblockButton(data.item)}`, root); + }}> + + { + if (data.item.service === "QCHAT_IMAGE") { + render(html`${this.renderViewQchatImage(data.item)}`, root) + } else if (data.item.service === "THUMBNAIL") { + render(html`${this.renderViewAvatarImage(data.item)}`, root) + } else if (data.item.service === "GIF_REPOSITORY") { + render(html`${this.renderViewGifRepo(data.item)}`, root) + } else if (data.item.service === "WEBSITE") { + render(html`${this.renderViewWebsite(data.item)}`, root) + } else { + render(html``, root) + } + }}> + + +
    +
    +
    +

    ${translate("datapage.dchange9")}

    + + + + { + render(html`${this.renderIdentifier(data.item)}`, root) + }}> + + { + render(html`${this.renderDeleteButton(data.item)}`, root); + }}> + + { + render(html`${this.renderBlockUnblockButton(data.item)}`, root); + }}> + + { + if (data.item.service === "QCHAT_IMAGE") { + render(html`${this.renderViewQchatImage(data.item)}`, root) + } else if (data.item.service === "THUMBNAIL") { + render(html`${this.renderViewAvatarImage(data.item)}`, root) + } else if (data.item.service === "GIF_REPOSITORY") { + render(html`${this.renderViewGifRepo(data.item)}`, root) + } else if (data.item.service === "WEBSITE") { + render(html`${this.renderViewWebsite(data.item)}`, root) + } else { + render(html``, root) + } + }}> + + +
    + ${this.renderDefaultText()} +
    + +
    +
    +
    + +
    +
    + { this.closeQchatImageViewDialog() }} + > + ${translate("general.close")} + +     + +
    +
    +
    + +
    +
    + { this.closeAvatarImageViewDialog() }} + > + ${translate("general.close")} + +     +
    + +
    +

    ${translate("gifs.gchange9")} : ${this.collectionName}

    + this.closeGifRepoView()} title="${translate("general.close")}">highlight_off +
    +
    +
    ${this.gifCollection()}
    +     + ` + } + + firstUpdated() { + this.changeTheme() + this.changeLanguage() + this.showManagement() + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + let configLoaded = false + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + + parentEpml.subscribe('config', c => { + this.config = JSON.parse(c) + if (!configLoaded) { + setTimeout(this.getFollowedNames, 1) + setTimeout(this.getBlockedNames, 1) + setInterval(this.getFollowedNames, 30 * 1000) + setInterval(this.getBlockedNames, 30 * 1000) + setTimeout(this.getSearchFollowedNames, 1) + setTimeout(this.getSearchBlockedNames, 1) + setInterval(this.getSearchFollowedNames, 30 * 1000) + setInterval(this.getSearchBlockedNames, 30 * 1000) + setInterval(this.getManagementDetails, 30 * 1000) + configLoaded = true + } + }) + }) + + parentEpml.imReady() + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + } + + gifCollection() { + return html` + + { + render(html`${data.item.name}`, root) + }} + > + + { + render(html`${data.item.identifier}`, root) + }} + > + + { + render(html`${data.item.filepath}`, root) + }} + > + + { + render(html`${this.renderViewGifImage(data.item)}`, root) + }} + > + + + +
    +
    +
    + +
    +
    + { this.closeGifRepoImageView() }} + > + ${translate("general.close")} + +     + ` + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + + document.querySelector('html').setAttribute('theme', this.theme) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + searchListener(e) { + if (e.key === 'Enter') { + this.doSearch(e) + } + } + + doSearch(e) { + this.searchResult() + } + + async searchResult() { + let searchName = this.shadowRoot.getElementById('searchName').value + if (searchName.length === 0) { + let err1string = get("datapage.dchange10") + parentEpml.request('showSnackBar', `${err1string}`) + } else { + let searchDatres = await parentEpml.request('apiCall', { + url: `/arbitrary/hosted/resources?includestatus=true&limit=20&offset=0&query=${searchName}` + }) + + if (this.isEmptyArray(searchDatres)) { + let err2string = get("datapage.dchange11") + parentEpml.request('showSnackBar', `${err2string}`) + } else { + this.searchDatres = searchDatres + } + } + } + + renderViewWebsite(viewWebsiteObj) { + return html`pageview ${translate("general.view")}` + } + + renderViewQchatImage(viewQchatObj) { + return html` this.openQchatImageView(viewQchatObj)} onclick="this.blur();">pageview ${translate("general.view")}` + } + + openQchatImageView(viewChatObj) { + let name = viewChatObj.name + let identifier = viewChatObj.identifier + let service = viewChatObj.service + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?rebuild=true&async=true` + this.openQchatImageViewDialog(url) + } + + openQchatImageViewDialog(qchatUrl) { + this.dataImageUrl = '' + this.dataImageUrl = qchatUrl + this.shadowRoot.querySelector('#showQchatImage').show() + } + + closeQchatImageViewDialog() { + this.shadowRoot.querySelector('#showQchatImage').close() + this.dataImageUrl = '' + } + + renderViewAvatarImage(viewAvatarObj) { + return html` this.openAvatarImageView(viewAvatarObj)} onclick="this.blur();">pageview ${translate("general.view")}` + } + + openAvatarImageView(viewAvatarObj) { + let name = viewAvatarObj.name + let identifier = viewAvatarObj.identifier + let service = viewAvatarObj.service + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?rebuild=true&async=true` + this.openAvatarImageViewDialog(url) + } + + openAvatarImageViewDialog(avatarUrl) { + this.dataImageUrl = '' + this.dataImageUrl = avatarUrl + this.shadowRoot.querySelector('#showAvatarImage').show() + } + + closeAvatarImageViewDialog() { + this.shadowRoot.querySelector('#showAvatarImage').close() + this.dataImageUrl = '' + } + + + renderViewGifRepo(viewGifRepoObj) { + return html` this.openGifRepoView(viewGifRepoObj)} onclick="this.blur();">pageview ${translate("general.view")}` + } + + async openGifRepoView(viewGifRepoObj) { + let name = viewGifRepoObj.name + let identifier = viewGifRepoObj.identifier + let service = viewGifRepoObj.service + this.collectionName = '' + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?rebuild=true&async=true` + const metaUrl = `${nodeUrl}/arbitrary/metadata/${service}/${name}/${identifier}` + + this.savedGifRepo = [] + var imageList = [] + this.collectionName = identifier + + await fetch(metaUrl).then(response => { + return response.json() + }).then(data => { + data.files.map(item => { + const gifDetails = { + name: name, + identifier: identifier, + service: service, + filepath: item + } + imageList.push(gifDetails) + }) + }) + this.savedGifRepo = imageList + this.shadowRoot.querySelector('#gifCollectionDialog').open() + } + + renderViewGifImage(viewGifImageObj) { + return html` this.openGifRepoImageView(viewGifImageObj)} onclick="this.blur();">pageview ${translate("general.view")}` + } + + closeGifRepoView() { + this.shadowRoot.querySelector('#gifCollectionDialog').close() + this.savedGifRepo = [] + this.collectionName = '' + } + + openGifRepoImageView(gifViewObj) { + this.dataImageUrl = '' + let name = gifViewObj.name + let identifier = gifViewObj.identifier + let service = gifViewObj.service + let filepath = gifViewObj.filepath + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + this.dataImageUrl = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?filepath=${filepath}&rebuild=true&async=true?apiKey=${this.getApiKey()}` + this.shadowRoot.querySelector('#showGifImage').show() + } + + closeGifRepoImageView() { + this.shadowRoot.querySelector('#showGifImage').close() + this.dataImageUrl = '' + } + + renderDefaultText() { + if (this.datres == null || !Array.isArray(this.datres)) { + return html`
    ${translate("datapage.dchange12")}` + } + + if (this.isEmptyArray(this.datres)) { + return html`
    ${translate("datapage.dchange13")}` + } + + return '' + } + + renderSearchIdentifier(search) { + return search.identifier == null ? html`default` : html`${search.identifier}` + } + + renderSearchDeleteButton(search) { + let name = search.name + + // Only show the block/unblock button if we have permission to modify the list on this node + // We can use the blocked names list for this, as it won't be a valid array if we have no access + if (this.searchBlockedNames == null || !Array.isArray(this.searchBlockedNames)) { + return html`` + } + + // We need to check if we are following this name, as if we are, there is no point in deleting anything + // as it will be re-fetched immediately. In these cases we should show an UNFOLLOW button. + if (this.searchFollowedNames.indexOf(name) != -1) { + // render unfollow button + return html` this.searchUnfollowName(search)}>remove_from_queue ${translate("datapage.dchange14")}` + } + + // render delete button + return html` this.deleteSearchResource(search)} onclick="this.blur();">delete ${translate("datapage.dchange15")}` + } + + renderSearchBlockUnblockButton(search) { + let name = search.name + + // Only show the block/unblock button if we have permission to modify the list on this node + if (this.searchBlockedNames == null || !Array.isArray(this.searchBlockedNames)) { + return html`` + } + + if (this.searchBlockedNames.indexOf(name) === -1) { + // render block button + return html` this.searchBlockName(search)}>block ${translate("datapage.dchange16")}` + } + else { + // render unblock button + return html` this.searchUnblockName(search)}>radio_button_unchecked ${translate("datapage.dchange17")}` + } + } + + async searchBlockName(search) { + let name = search.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully blocked - add to local list + // Remove it first by filtering the list - doing it this way ensures the UI updates + // immediately, as apposed to only adding if it doesn't already exist + this.searchBlockedNames = this.searchBlockedNames.filter(item => item != name) + this.searchBlockedNames.push(name) + } + else { + let err3string = get("datapage.dchange18") + parentEpml.request('showSnackBar', `${err3string}`) + } + return ret + } + + async searchUnfollowName(search) { + let name = search.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unfollowed - remove from local list + this.searchFollowedNames = this.searchFollowedNames.filter(item => item != name) + } + else { + let err4string = get("datapage.dchange19") + parentEpml.request('showSnackBar', `${err4string}`) + } + return ret + } + + async searchUnblockName(search) { + let name = search.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unblocked - remove from local list + this.searchBlockedNames = this.searchBlockedNames.filter(item => item != name) + } + else { + let err5string = get("datapage.dchange20") + parentEpml.request('showSnackBar', `${err5string}`) + } + return ret + } + + async deleteSearchResource(search) { + let identifier = search.identifier == null ? "default" : search.identifier + + let ret = await parentEpml.request('apiCall', { + url: `/arbitrary/resource/${search.service}/${search.name}/${identifier}?apiKey=${this.getApiKey()}`, + method: 'DELETE' + }) + + if (ret === true) { + // Successfully deleted - so refresh the page + window.location.reload() + } + else { + let err6string = get("datapage.dchange21") + parentEpml.request('showSnackBar', `${err6string}`) + } + return ret + } + + renderIdentifier(resource) { + return resource.identifier == null ? html`default` : html`${resource.identifier}` + } + + renderDeleteButton(resource) { + let name = resource.name + + // Only show the block/unblock button if we have permission to modify the list on this node + // We can use the blocked names list for this, as it won't be a valid array if we have no access + if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { + return html`` + } + + // We need to check if we are following this name, as if we are, there is no point in deleting anything + // as it will be re-fetched immediately. In these cases we should show an UNFOLLOW button. + if (this.followedNames.indexOf(name) != -1) { + // render unfollow button + return html` this.unfollowName(resource)}>remove_from_queue ${translate("datapage.dchange14")}` + } + + // render delete button + return html` this.deleteResource(resource)} onclick="this.blur();">delete ${translate("datapage.dchange15")}` + } + + renderBlockUnblockButton(resource) { + let name = resource.name + + // Only show the block/unblock button if we have permission to modify the list on this node + if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { + return html`` + } + + if (this.blockedNames.indexOf(name) === -1) { + // render block button + return html` this.blockName(resource)}>block ${translate("datapage.dchange16")}` + } + else { + // render unblock button + return html` this.unblockName(resource)}>radio_button_unchecked ${translate("datapage.dchange17")}` + } + } + + async blockName(resource) { + let name = resource.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully blocked - add to local list + // Remove it first by filtering the list - doing it this way ensures the UI updates + // immediately, as apposed to only adding if it doesn't already exist + this.blockedNames = this.blockedNames.filter(item => item != name) + this.blockedNames.push(name) + } + else { + let err7string = get("datapage.dchange18") + parentEpml.request('showSnackBar', `${err7string}`) + } + + return ret + } + + async unfollowName(resource) { + let name = resource.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unfollowed - remove from local list + this.followedNames = this.followedNames.filter(item => item != name) + } + else { + let err8string = get("datapage.dchange19") + parentEpml.request('showSnackBar', `${err8string}`) + } + + return ret + } + + async unblockName(resource) { + let name = resource.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unblocked - remove from local list + this.blockedNames = this.blockedNames.filter(item => item != name) + } + else { + let err9string = get("datapage.dchange20") + parentEpml.request('showSnackBar', `${err7string}`) + } + + return ret + } + + async deleteResource(resource) { + let identifier = resource.identifier == null ? "default" : resource.identifier + + let ret = await parentEpml.request('apiCall', { + url: `/arbitrary/resource/${resource.service}/${resource.name}/${identifier}?apiKey=${this.getApiKey()}`, + method: 'DELETE' + }) + + if (ret === true) { + // Successfully deleted - so refresh the page + window.location.reload() + } + else { + let err10string = get("datapage.dchange21") + parentEpml.request('showSnackBar', `${err10string}`) + } + + return ret + } + + async getResourcesGrid() { + this.resourcesGrid = this.shadowRoot.querySelector(`#resourcesGrid`) + this.pagesControl = this.shadowRoot.querySelector('#pages') + this.pages = undefined + } + + getManagementDetails = async () => { + this.datres = await parentEpml.request('apiCall', { + url: `/arbitrary/hosted/resources?apiKey=${this.getApiKey()}` + }) + } + + async updateItemsFromPage(page) { + if (page === undefined) { + return + } + + if (!this.pages) { + this.pages = Array.apply(null, { length: Math.ceil(this.datres.length / this.resourcesGrid.pageSize) }).map((item, index) => { + return index + 1 + }) + + const prevBtn = document.createElement('button') + + prevBtn.textContent = '<' + + prevBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage - 1) + }) + + this.pagesControl.appendChild(prevBtn) + + this.pages.forEach((pageNumber) => { + const pageBtn = document.createElement('button') + pageBtn.textContent = pageNumber + + pageBtn.addEventListener('click', (e) => { + this.updateItemsFromPage(parseInt(e.target.textContent)) + }) + + if (pageNumber === page) { + pageBtn.setAttribute('selected', true) + } + + this.pagesControl.appendChild(pageBtn) + }) + + const nextBtn = window.document.createElement('button') + nextBtn.textContent = '>' + + nextBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage + 1) + }) + + this.pagesControl.appendChild(nextBtn) + } + + const buttons = Array.from(this.pagesControl.children) + + buttons.forEach((btn, index) => { + if (parseInt(btn.textContent) === page) { + btn.setAttribute('selected', true) + } else { + btn.removeAttribute('selected') + } + + if (index === 0) { + if (page === 1) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + + if (index === buttons.length - 1) { + if (page === this.pages.length) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + }) + + let start = (page - 1) * this.resourcesGrid.pageSize + let end = page * this.resourcesGrid.pageSize + + this.resourcesGrid.items = this.datres.slice(start, end) + } + + async showManagement() { + await this.getManagementDetails() + await this.getResourcesGrid() + await this.updateItemsFromPage(1, true) + } + + getSearchBlockedNames = async () => { + this.searchBlockedNames = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}` + }) + } + + getSearchFollowedNames = async () => { + this.searchFollowedNames = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}` + }) + } + + getBlockedNames = async () => { + this.blockedNames = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}` + }) + } + + getFollowedNames = async () => { + this.followedNames = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}` + }) + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('data-management', DataManagement) \ No newline at end of file diff --git a/plugins/plugins/core/qdn/data-management/index.html b/plugins/plugins/core/data-management/index.html similarity index 100% rename from plugins/plugins/core/qdn/data-management/index.html rename to plugins/plugins/core/data-management/index.html diff --git a/plugins/plugins/core/group-management/group-management.src.js b/plugins/plugins/core/group-management/group-management.src.js index 87872bbd..fe313238 100644 --- a/plugins/plugins/core/group-management/group-management.src.js +++ b/plugins/plugins/core/group-management/group-management.src.js @@ -1,9 +1,9 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { groupManagementStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import '../components/time-elements/index.js' +import '../components/time-elements/index' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-formfield' @@ -21,2775 +21,2794 @@ import '@vaadin/grid/vaadin-grid-filter-column.js' import '@vaadin/grid/vaadin-grid-sort-column.js' import '@vaadin/text-field' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class GroupManagement extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - publicGroups: { type: Array }, - privateGroups: { type: Array }, - joinedGroups: { type: Array }, - groupInvites: { type: Array }, - filteredItems: { type: Array }, - privateGroupSearch: { type: Array }, - newMembersList: { type: Array }, - newAdminsList: { type: Array }, - newBannedList: { type: Array }, - newGroupInvitesList: { type: Array }, - newGroupJoinsList: { type: Array }, - recipientPublicKey: { type: String }, - selectedAddress: { type: Object }, - manageGroupObj: { type: Object }, - joinGroupObj: { type: Object }, - leaveGroupObj: { type: Object }, - btnDisable: { type: Boolean }, - isLoading: { type: Boolean }, - createFee: { type: Number }, - joinFee: { type: Number }, - leaveFee: { type: Number }, - addGroupAdminFee: { type: Number }, - kickGroupAdminFee: { type: Number }, - createBanFee: { type: Number }, - cancelBanFee: { type: Number }, - kickGroupMemberFee: { type: Number }, - inviteGroupMemberFee: { type: Number }, - cancelInviteGroupMemberFee: { type: Number }, - error: { type: Boolean }, - message: { type: String }, - removeError: { type: Boolean }, - removeMessage: { type: String }, - theme: { type: String, reflect: true }, - selectedView: { type: Object }, - manageGroupId: { type: String }, - theGroupOwner: { type: String }, - manageGroupName: { type: String }, - manageGroupCount: { type: String }, - manageGroupType: { type: String }, - memberToAdmin: { type: String }, - kickGroupAdminAddress: { type: String }, - toBanName: { type: String }, - toBanAddress: { type: String }, - banReason: { type: String }, - toCancelBanName: { type: String }, - toCancelBanAddress: { type: String }, - toKickMemberName: { type: String }, - toKickMemberAddress: { type: String }, - kickMemberReason: { type: String }, - toInviteMemberToGroup: { type: String }, - toCancelInviteMemberName: { type: String }, - toCancelInviteMemberAddress: { type: String }, - searchGroupName: { type: String }, - errorMessage: { type: String }, - successMessage: { type: String } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 1024px; - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - -[part="input-field"] { - background-color: #fff; -} - #group-management-page { - background: var(--white); - padding: 12px 24px; - } - - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } - - paper-dialog.nanage-group { - width: 80%; - max-width: 80vw; - height: 80%; - max-height: 80vh; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - line-height: 1.6; - overflow-y: auto; - } - - .actions { - display:flex; - justify-content: space-between; - padding: 0 1em; - margin: 12px 0 -6px 0; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .error-icon { - font-size: 48px; - color: red; - } - - .success-icon { - font-size: 48px; - color: #198754; - } - - .close-icon { - font-size: 36px; - } - - .close-icon:hover { - cursor: pointer; - opacity: .6; - } - - .buttons { - text-align: right; - } - - .container { - max-width: 90vw; - margin-left: auto; - margin-right: auto; - margin-top: 20px; - padding: .6em; - } - - ul { - list-style: none; - padding: 0; - margin-bottom: 0; - } - - .leftBar { - background-color: var(--white); - color: var(--black); - border: 1px solid var(--border); - padding: 20px 0 0 0; - border-radius: 10px; - } - - .leftBar img { - margin: 0 auto; - width: 75%; - height: 75%; - text-align: center; - } - - .leftBar .slug { - text-align: center; - margin-top: 20px; - color: var(--black); - font-size: 16px; - font-weight: 600; - margin-bottom: 7px; - } - - .leftBar ul li { - border-bottom: 1px solid var(--border); - } - - .leftBar ul li:last-child { - border-bottom: none; - } - - .leftBar ul li a { - color: var(--black); - font-size: 16px; - font-weight: 400; - text-decoration: none; - padding: .9em; - display: block; - } - - .leftBar ul li a i { - margin-right: 8px; - font-size: 16px; - } - - .leftBar ul li a:hover { - background-color: var(--menuhover); - color: #515151; - } - - .leftBar ul li:active { - border-bottom: none; - } - - .leftBar ul li a.active { - color: #515151; - background-color: var(--menuactive); - border-left: 2px solid #515151; - margin-left: -2px; - } - - .mainPage { - background-color: var(--white); - color: var(--black); - border: 1px solid var(--border); - padding: 10px 0 10px 0; - border-radius: 10px; - font-size: 16px; - text-align: center; - min-height: 460px; - } - - @media(max-width:700px) { - .mainPage { - margin-top: 30px; - } - } - - @media(min-width:765px) { - .container { - padding: 2em; - } - - .wrapper { - display: grid; - grid-template-columns: 1fr 5fr; - grid-gap: 20px; - } - - .wrapper > .mainPage { - padding: 2em; - } - - .leftBar { - text-align: left; - max-height: 320px; - max-width: 250px; - font-size: 16px; - } - - .mainPage { - font-size: 16px; - } - - } - - mwc-textfield { - width:100%; - } - - .red { - --mdc-theme-primary: red; - } - - .warning { - --mdc-theme-primary: #f0ad4e; - } - - .green { - --mdc-theme-primary: #198754; - } - - .red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } - - mwc-button.red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } - - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - margin-bottom: 2em; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - .details { - display: flex; - font-size: 18px; - } - - span { - font-size: 18px; - word-break: break-all; - } - - select { - padding: 13px 20px; - width: 100%; - font-size: 14px; - color: #555; - font-weight: 400; - } - - .title { - font-weight:600; - font-size:12px; - line-height: 32px; - opacity: 0.66; - } - - .itemList { - padding:0; - } - - img { - border-radius: 25%; - max-width: 32px; - height: 100%; - max-height: 32px; - } - - .successBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid green; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .errorBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid red; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .manage-group-dialog { - min-height: 300px; - min-width: 350px; - box-sizing: border-box; - position: relative; - } - - .btn-clear-success { - --mdc-icon-button-size: 32px; - color: red; + static get properties() { + return { + loading: { type: Boolean }, + publicGroups: { type: Array }, + privateGroups: { type: Array }, + joinedGroups: { type: Array }, + groupInvites: { type: Array }, + filteredItems: { type: Array }, + privateGroupSearch: { type: Array }, + newMembersList: { type: Array }, + newAdminsList: { type: Array }, + newBannedList: { type: Array }, + newGroupInvitesList: { type: Array }, + newGroupJoinsList: { type: Array }, + recipientPublicKey: { type: String }, + selectedAddress: { type: Object }, + manageGroupObj: { type: Object }, + joinGroupObj: { type: Object }, + leaveGroupObj: { type: Object }, + btnDisable: { type: Boolean }, + isLoading: { type: Boolean }, + createGroupFee: { type: Number }, + updateGroupFee: { type: Number }, + joinGroupFee: { type: Number }, + leaveGroupFee: { type: Number }, + addGroupAdminFee: { type: Number }, + removeGroupAdminFee: { type: Number }, + createBanFee: { type: Number }, + cancelBanFee: { type: Number }, + kickGroupMemberFee: { type: Number }, + inviteGroupMemberFee: { type: Number }, + cancelInviteGroupMemberFee: { type: Number }, + error: { type: Boolean }, + message: { type: String }, + removeError: { type: Boolean }, + removeMessage: { type: String }, + theme: { type: String, reflect: true }, + selectedView: { type: Object }, + manageGroupId: { type: String }, + theGroupOwner: { type: String }, + manageGroupName: { type: String }, + manageGroupCount: { type: String }, + manageGroupType: { type: String }, + manageGroupDescription: { type: String }, + memberToAdmin: { type: String }, + removeGroupAdminAddress: { type: String }, + toBanName: { type: String }, + toBanAddress: { type: String }, + banReason: { type: String }, + toCancelBanName: { type: String }, + toCancelBanAddress: { type: String }, + toKickMemberName: { type: String }, + toKickMemberAddress: { type: String }, + kickMemberReason: { type: String }, + toInviteMemberToGroup: { type: String }, + toCancelInviteMemberName: { type: String }, + toCancelInviteMemberAddress: { type: String }, + searchGroupName: { type: String }, + errorMessage: { type: String }, + successMessage: { type: String }, + haveName: { type: Boolean }, + myName: { type: String }, + haveGoName: { type: Boolean }, + goName: { type: String } } + } - .btn-clear-error { - --mdc-icon-button-size: 32px; - color: green; - } + static get styles() { + return [groupManagementStyles] + } - select { - background: var(--white); - color: var(--black); - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.selectedAddress = {} + this.publicGroups = [] + this.privateGroups = [] + this.joinedGroups = [] + this.groupInvites = [] + this.filteredItems = [] + this.privateGroupSearch = [] + this.newMembersList = [] + this.newAdminsList = [] + this.newBannedList = [] + this.newGroupInvitesList = [] + this.newGroupJoinsList = [] + this.manageGroupObj = {} + this.joinGroupObj = {} + this.leaveGroupObj = {} + this.recipientPublicKey = '' + this.btnDisable = false + this.isLoading = false + this.createGroupFee = 0.01 + this.updateGroupFee = 0.01 + this.joinGroupFee = 0.01 + this.leaveGroupFee = 0.01 + this.addGroupAdminFee = 0.01 + this.removeGroupAdminFee = 0.01 + this.createBanFee = 0.01 + this.cancelBanFee = 0.01 + this.kickGroupMemberFee = 0.01 + this.inviteGroupMemberFee = 0.01 + this.cancelInviteGroupMemberFee = 0.01 + this.manageGroupId = '' + this.theGroupOwner = '' + this.manageGroupName = '' + this.manageGroupCount = '' + this.manageGroupType = '' + this.manageGroupDescription = '' + this.memberToAdmin = '' + this.removeGroupAdminAddress = '' + this.toBanName = '' + this.toBanAddress = '' + this.banReason = '' + this.toCancelBanName = '' + this.toCancelBanAddress = '' + this.toKickMemberName = '' + this.toKickMemberAddress = '' + this.kickMemberReason = '' + this.toInviteMemberToGroup = '' + this.toCancelInviteMemberName = '' + this.toCancelInviteMemberAddress = '' + this.searchGroupName = '' + this.errorMessage = '' + this.successMessage = '' + this.haveName = false + this.myName = '' + this.haveGoName = false + this.goName = '' + this.selectedView = { id: 'group-members', name: 'Group Members' } + } - #search { - width: 100%; - display: flex; - margin: auto; - align-items: center; - } - ` - } - - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.selectedAddress = {} - this.publicGroups = [] - this.privateGroups = [] - this.joinedGroups = [] - this.groupInvites = [] - this.filteredItems = [] - this.privateGroupSearch = [] - this.newMembersList = [] - this.newAdminsList = [] - this.newBannedList = [] - this.newGroupInvitesList = [] - this.newGroupJoinsList = [] - this.manageGroupObj = {} - this.joinGroupObj = {} - this.leaveGroupObj = {} - this.recipientPublicKey = '' - this.btnDisable = false - this.isLoading = false - this.createFee = 0.001 - this.joinFee = 0.001 - this.leaveFee = 0.001 - this.addGroupAdminFee = 0.001 - this.kickGroupAdminFee = 0.001 - this.createBanFee = 0.001 - this.cancelBanFee = 0.001 - this.kickGroupMemberFee = 0.001 - this.inviteGroupMemberFee = 0.001 - this.cancelInviteGroupMemberFee = 0.001 - this.manageGroupId = '' - this.theGroupOwner = '' - this.manageGroupName = '' - this.manageGroupCount = '' - this.manageGroupType = '' - this.memberToAdmin = '' - this.kickGroupAdminAddress = '' - this.toBanName = '' - this.toBanAddress = '' - this.banReason = '' - this.toCancelBanName = '' - this.toCancelBanAddress = '' - this.toKickMemberName = '' - this.toKickMemberAddress = '' - this.kickMemberReason = '' - this.toInviteMemberToGroup = '' - this.toCancelInviteMemberName = '' - this.toCancelInviteMemberAddress = '' - this.searchGroupName = '' - this.errorMessage = '' - this.successMessage = '' - this.selectedView = { id: 'group-members', name: 'Group Members' } - } - - groupMemberTemplate() { - return html` - - { - render(html`${this.renderAvatar(data.item)}`, root) - }} - > - { - render(html`${data.item.name}`, root) - }} - > - { - render(html`${data.item.owner}`, root) - }} - > - { - render(html`${this.renderBanButton(data.item)}`, root) - }} - > - { - render(html`${this.renderKickGroupMemberButton(data.item)}`, root) - }} - > - { - render(html`${this.renderMakeAdminButton(data.item.owner)}`, root) - }} - > - - - -
    -
    -

    ${translate("managegroup.mg17")}

    -
    -
    -
    -

    - - -

    -

    - - -

    -

    - - -

    -

    - ${translate("managegroup.mg20")} - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.createBanFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.createBanMember(this.manageGroupId)}> - - ${translate("managegroup.mg17")} - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    -

    ${translate("managegroup.mg31")}

    -
    -
    -
    -

    - - -

    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.kickGroupMemberFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.kickGroupMember(this.manageGroupId)}> - - ${translate("managegroup.mg31")} - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    -

    ${translate("managegroup.mg10")}

    -
    -
    -
    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.addGroupAdminFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.addGroupAdmin(this.manageGroupId)}> - - ${translate("managegroup.mg10")} - -
    -
    -
    - - ${translate("general.close")} - -     - ` - } - - groupBannedTemplate() { - return html` - - { - render(html`${this.renderAvatar(data.item)}`, root) - }} - > - { - render(html`${data.item.name}`, root) - }} - > - { - render(html`${data.item.owner}`, root) - }} - > - { - const dateString = new Date(data.item.expiry).toLocaleString() - render(html`${dateString}`, root) - }} - > - { - render(html`${this.renderCancelBanButton(data.item)}`, root) - }} - > - - - -
    -
    -

    ${translate("managegroup.mg28")}

    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.cancelBanFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.cancelBanMember(this.manageGroupId)}> - - ${translate("managegroup.mg28")} - -
    -
    -
    - - ${translate("general.close")} - -     - ` - } - - groupInviteTemplate() { - return html` -

    ${translate("managegroup.mg36")}

    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }} - > - { - render(html`${data.item.name}`, root) - }} - > - { - render(html`${data.item.owner}`, root) - }} - > - { - const expiryString = new Date(data.item.expiry).toLocaleString() - render(html`${expiryString}`, root) - }} - > - { - render(html`${this.renderCancelInviteButton(data.item)}`, root) - }} - > - - ${this.isEmptyArray(this.newGroupInvitesList) ? html` - ${translate("managegroup.mg35")} - ` : html``} -

    -

    ${translate("managegroup.mg53")}

    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }} - > - { - render(html`${data.item.name}`, root) - }} - > - { - render(html`${data.item.owner}`, root) - }} - > - { - render(html`${this.renderConfirmRequestButton(data.item)}`, root) - }} - > - { - render(html`${this.renderDeclineRequestButton(data.item)}`, root) - }} - > - - ${this.isEmptyArray(this.newGroupJoinsList) ? html` - ${translate("managegroup.mg54")} - ` : html``} -
    -
    -
    - this.openInviteMemberToGroupDialog()}> - ${translate("managegroup.mg2")} - -
    - - -
    -
    -

    ${translate("managegroup.mg2")}

    -
    -
    -
    -

    - - -

    - ${translate("managegroup.mg38")} - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.inviteGroupMemberFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.openMemberInfo(this.manageGroupId)}> - - ${translate("managegroup.mg2")} - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    -

    ${translate("managegroup.mg47")}

    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.cancelInviteGroupMemberFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.cancelInviteGroupMember(this.manageGroupId)}> - - ${translate("managegroup.mg47")} - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("explorerpage.exp4")}

    -

    ${translate("explorerpage.exp5")}

    -
    - - this.closeErrorDialog()} - class="red" - > - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("managegroup.mg39")}

    -

    ${translate("walletpage.wchange44")}

    -
    - - this.closeFieldErrorDialog()} - class="red" - > - ${translate("general.close")} - -     - - -
    - group_add -

    ${translate("managegroup.mg57")}

    -

    ${translate("walletpage.wchange43")}

    -
    - - this.closeSuccessJoinDialog()} - class="red" - > - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("managegroup.mg58")}

    -

    ${this.errorMessage}

    -

    ${translate("walletpage.wchange44")}

    -
    - - this.closeErrorJoinDialog()} - class="red" - > - ${translate("general.close")} - -     - - -
    - person_remove -

    ${translate("managegroup.mg59")}

    -

    ${translate("walletpage.wchange43")}

    -
    - - this.closeCancelSuccessJoinDialog()} - class="red" - > - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("managegroup.mg58")}

    -

    ${this.errorMessage}

    -

    ${translate("walletpage.wchange44")}

    -
    - - this.closeCancelErrorJoinDialog()} - class="red" - > - ${translate("general.close")} - -     - ` - } - - groupAdminTemplate() { - return html` - - { - render(html`${this.renderAvatar(data.item)}`, root) - }} - > - { - render(html`${data.item.name}`, root) - }} - > - { - render(html`${data.item.owner}`, root) - }} - > - { - const dateString = new Date(data.item.joined).toLocaleDateString() - render(html`${dateString}`, root) - }} - > - { - if (this.theGroupOwner === data.item.owner) { - render(html``, root) - } else { - render(html`${this.renderKickAdminButton(data.item.owner)}`, root) - } - }} - > - - - -
    -
    -

    ${translate("managegroup.mg13")}

    -
    -
    -
    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.kickGroupAdminFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.kickGroupAdmin(this.manageGroupId)}> - - ${translate("managegroup.mg13")} - -
    -
    -
    - - ${translate("general.close")} - -     - ` - } - - groupUpdateTemplate() { - return html` -
    -

    ${translate("managegroup.mg50")}

     -
    - ` - } - - render() { - return html` -
    -
    -

    ${translate("grouppage.gchange1")}

    - this.shadowRoot.querySelector('#createGroupDialog').show()}>add${translate("grouppage.gchange2")} -
    - -
    -

    ${translate("grouppage.gchange55")}

    -
    - - - - { - if (data.item.isOpen === true) { - render(html`${translate("managegroup.mg44")}`, root) - } else { - render(html`${translate("managegroup.mg45")}`, root) - } - }}> - - - { - render(html` this.joinGroup(data.item)}>queue ${translate("grouppage.gchange51")}`, root) - }}> - -
    - -
    -

    ${translate("grouppage.gchange3")}

    - - - - - { - render(html`${this.renderRole(data.item)}`, root) - }}> - { - render(html`${this.renderManageButton(data.item)}`, root) - }}> - - ${this.isEmptyArray(this.joinedGroups) ? html` -
    - ${translate("grouppage.gchange8")} -
    - `: ''} -
    - -
    -

    ${translate("managegroup.mg36")}

    - - - - { - if (data.item.isOpen === true) { - render(html`${translate("managegroup.mg44")}`, root) - } else { - render(html`${translate("managegroup.mg45")}`, root) - } - }}> - { - const expiryString = new Date(data.item.expiry).toLocaleString() - render(html`${expiryString}`, root) - }}> - { - render(html` this.joinGroup(data.item)}>queue ${translate("grouppage.gchange51")}`, root) - }}> - - ${this.isEmptyArray(this.groupInvites) ? html` -
    - ${translate("managegroup.mg35")} -
    - `: ''} -
    - -
    -

    ${translate("grouppage.gchange9")}

    - +
    +

    ${translate("grouppage.gchange1")}

    + + this.shadowRoot.querySelector('#createGroupDialog').show()}> + add + ${translate("grouppage.gchange2")} + +
    +
    +

    ${translate("grouppage.gchange55")}

    + +
    + + + + { + if (data.item.isOpen === true) { + render(html`${translate("managegroup.mg44")}`, root) + } else { + render(html`${translate("managegroup.mg45")}`, root) + } + }}> + + + { + render(html` + this.openJoinGroup(data.item)}> + queue +  ${translate("grouppage.gchange51")} + + `, root) + }}> + +
    +
    +

    ${translate("grouppage.gchange3")}

    + + + + + { + render(html`${this.renderRole(data.item)}`, root) + }}> + { + render(html`${this.renderManageButton(data.item)}`, root) + }}> + + ${this.isEmptyArray(this.joinedGroups) ? html` +
    + ${translate("grouppage.gchange8")} +
    + `: ''} +
    +
    +

    ${translate("managegroup.mg36")}

    + + + + { + if (data.item.isOpen === true) { + render(html`${translate("managegroup.mg44")}`, root) + } else { + render(html`${translate("managegroup.mg45")}`, root) + } + }}> + { + const expiryString = new Date(data.item.expiry).toLocaleString() + render(html`${expiryString}`, root) + }}> + { + render(html` + this.openJoinGroup(data.item)}> + queue +  ${translate("grouppage.gchange51")} + + `, root) + }}> + + ${this.isEmptyArray(this.groupInvites) ? html` +
    + ${translate("managegroup.mg35")} +
    + `: ''} +
    +
    +

    ${translate("grouppage.gchange9")}

    + - -
    - - - - - - { - render(html` this.joinGroup(data.item)}>queue ${translate("grouppage.gchange51")}`, root) - }}> - - ${this.isEmptyArray(this.publicGroups) ? html` - ${translate("grouppage.gchange11")} - `: ''} -
    + }}" + > + +
    + + + + + + { + render(html` + this.openJoinGroup(data.item)}> + queue +  ${translate("grouppage.gchange51")} + + `, root) + }}> + + ${this.isEmptyArray(this.publicGroups) ? html` + ${translate("grouppage.gchange11")} + `: ''} +
    + + +
    +

    ${translate("grouppage.gchange12")}

    +
    +
    +

    + + +

    +

    + + +

    +

    +

    ${translate("grouppage.gchange13")}:
    + +

    +

    +

    ${translate("grouppage.gchange18")}
    + +

    +

    +

    ${translate("grouppage.gchange21")}
    + +

    +

    +

    ${translate("grouppage.gchange27")}
    + +

    +
    + + + ${translate("grouppage.gchange28")}   + + + + + ${this.message} +
    + + ${translate("walletpage.wchange21")} ${this.createGroupFee} QORT. + +
    + + ${translate("grouppage.gchange29")} + + + ${translate("general.close")} + +     + + +
    +

    ${translate("grouppage.gchange30")}

    +
    +
    +
    + ${translate("grouppage.gchange4")} +
    +
    ${this.joinGroupObj.groupName}
    + ${translate("grouppage.gchange5")} +
    +
    ${this.joinGroupObj.description}
    + ${translate("grouppage.gchange10")} +
    +
    ${this.joinGroupObj.owner}
    + ${translate("grouppage.gchange31")} +
    +
    + + + +
    +
    +
    + + ${translate("grouppage.gchange33")}   + + + + + ${this.message} +
    + + ${translate("walletpage.wchange21")} ${this.joinGroupFee} QORT. + +
    + this.joinGroup(this.joinGroupObj.groupId, this.joinGroupObj.groupName)} + > + ${translate("grouppage.gchange34")} + + + ${translate("general.close")} + +     + + +
    +

    ${translate("grouppage.gchange35")}

    +
    +
    +
    + ${translate("grouppage.gchange4")} +
    +
    ${this.leaveGroupObj.groupName}
    + ${translate("grouppage.gchange5")} +
    +
    ${this.leaveGroupObj.description}
    + ${translate("grouppage.gchange10")} +
    +
    ${this.leaveGroupObj.owner}
    + ${translate("grouppage.gchange31")} +
    +
    + + + +
    + ${!this.leaveGroupObj.updated ? "" : html` + ${translate("grouppage.gchange32")} +
    +
    + + + +
    + `} +
    +
    + + + ${translate("grouppage.gchange36")}   + + + + + ${this.message} +
    + + ${translate("walletpage.wchange21")} ${this.leaveGroupFee} QORT. + +
    + this.leaveGroup(this.leaveGroupObj.groupId, this.leaveGroupObj.groupName)} + > + ${translate("grouppage.gchange37")} + + + ${translate("general.close")} + +     + +
    +
    ${this.renderGroupAvatar()}
    +

    ${translate("grouppage.gchange4")}: ${this.manageGroupName} / ${translate("managegroup.mg8")}: ${this.manageGroupId} / ${translate("grouppage.gchange54")}: ${this.manageGroupCount}

    + this.closeManageGroupOwnerDialog()} title="${translate("managegroup.mg5")}">highlight_off +
    +
    +
    +
    +
    ${translate("grouppage.gchange40")}
    + +
    +
    +

    ${this.renderManageGroupHeaderViews()}

    +
    +
    + ${html`${this.renderManageGroupViews(this.selectedView)}`} +
    +
    +
    +     + + +
    ${translate("grouppage.gchange39")} ${this.manageGroupObj.groupName}
    + + ${translate("general.close")} + +     + +
    + warning +

    ${translate("grouppage.gchange57")}

    +

    ${translate("grouppage.gchange58")}

    +
    + this.closePrivateGroupErrorDialog()} + class="red" + > + ${translate("general.close")} + +     +
    + ` + } - - -
    -

    ${translate("grouppage.gchange12")}

    -
    -
    -

    - - -

    -

    - - -

    -

    - ${translate("grouppage.gchange13")}: - -

    -

    - ${translate("grouppage.gchange18")} - -

    -

    - ${translate("grouppage.gchange21")} - -

    -

    - ${translate("grouppage.gchange27")} - -

    -
    - - - ${translate("grouppage.gchange28")}   - - - - - ${this.message} -
    - - ${translate("walletpage.wchange21")} ${this.createFee} QORT. - -
    + async firstUpdated() { + this.changeTheme() + this.changeLanguage() + await this.getMyName() - - ${translate("grouppage.gchange29")} - - - ${translate("general.close")} - -     - - - -
    -

    ${translate("grouppage.gchange30")}

    -
    -
    - -
    - ${translate("grouppage.gchange4")} -
    -
    ${this.joinGroupObj.groupName}
    - - ${translate("grouppage.gchange5")} -
    -
    ${this.joinGroupObj.description}
    - - ${translate("grouppage.gchange10")} -
    -
    ${this.joinGroupObj.owner}
    - - ${translate("grouppage.gchange31")} -
    -
    -
    - -
    - - ${translate("grouppage.gchange33")}   - - - - - ${this.message} -
    - - ${translate("walletpage.wchange21")} ${this.joinFee} QORT. - -
    - - this._joinGroup(this.joinGroupObj.groupId, this.joinGroupObj.groupName)} - > - ${translate("grouppage.gchange34")} - - - ${translate("general.close")} - -     - - - -
    -

    ${translate("grouppage.gchange35")}

    -
    -
    - -
    - ${translate("grouppage.gchange4")} -
    -
    ${this.leaveGroupObj.groupName}
    - - ${translate("grouppage.gchange5")} -
    -
    ${this.leaveGroupObj.description}
    - - ${translate("grouppage.gchange10")} -
    -
    ${this.leaveGroupObj.owner}
    - - ${translate("grouppage.gchange31")} -
    -
    - - ${!this.leaveGroupObj.updated ? "" : html`${translate("grouppage.gchange32")} -
    -
    `} -
    - -
    - - - ${translate("grouppage.gchange36")}   - - - - - ${this.message} -
    - - ${translate("walletpage.wchange21")} ${this.leaveFee} QORT. - -
    - - this._leaveGroup(this.leaveGroupObj.groupId, this.leaveGroupObj.groupName)} - > - ${translate("grouppage.gchange37")} - - - ${translate("general.close")} - -     - - -
    -

    ${translate("grouppage.gchange4")}: ${this.manageGroupName} / ${translate("managegroup.mg8")}: ${this.manageGroupId} / ${translate("grouppage.gchange54")}: ${this.manageGroupCount}

    - this.closeManageGroupOwnerDialog()} title="${translate("managegroup.mg5")}">highlight_off -
    -
    -
    -
    -
    ${translate("grouppage.gchange40")}
    - -
    -
    -

    ${this.renderManageGroupHeaderViews()}

    -

    - ${html`${this.renderManageGroupViews(this.selectedView)}`} -
    -
    -
    -     - - - -
    ${translate("grouppage.gchange39")} ${this.manageGroupObj.groupName}
    - - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("grouppage.gchange57")}

    -

    ${translate("grouppage.gchange58")}

    -
    - - this.closePrivateGroupErrorDialog()} - class="red" - > - ${translate("general.close")} - -     -
    - ` - } - - firstUpdated() { - - this.changeTheme() - this.changeLanguage() - this.unitCreateFee() - this.unitJoinFee() - this.unitLeaveFee() - this.unitAddGroupAdminFee() - this.unitKickGroupAdminFee() - this.unitCreateBanFee() - this.unitCancelBanFee() - this.unitKickGroupMemberFee() - this.unitInviteGroupMemberFee() - this.unitCancelInviteGroupMemberFee() - - const getOpenPublicGroups = async () => { - let openG = await parentEpml.request('apiCall', { - url: `/groups?limit=0&reverse=true` - }) + const getOpenPublicGroups = async () => { + let openG = await parentEpml.request('apiCall', { + url: `/groups?limit=0&reverse=true` + }) return openG.filter(myG => myG.isOpen === true) - } + } - const getPrivateGroups = async () => { - let privateG = await parentEpml.request('apiCall', { - url: `/groups?limit=0&reverse=true` - }) + const getPrivateGroups = async () => { + let privateG = await parentEpml.request('apiCall', { + url: `/groups?limit=0&reverse=true` + }) return privateG.filter(myP => myP.isOpen === false) - } + } - const getJoinedGroups = async () => { + const getJoinedGroups = async () => { return await parentEpml.request('apiCall', { url: `/groups/member/${this.selectedAddress.address}` }) - } - const getGroupInfo = async (groupId) => { + } + + const getGroupInfo = async (groupId) => { return await parentEpml.request('apiCall', { url: `/groups/${groupId}` }) - } + } - const getGroupInvites = async () => { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const getGroupInvites = async () => { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - let timerGroupInvites - let myInvitesObj = [] - let myArrObj = [] - this.myGroupInvites = [] - this.myGroupIdArr = [] + let timerGroupInvites + let myInvitesObj = [] + let myArrObj = [] + this.myGroupInvites = [] + this.myGroupIdArr = [] - await parentEpml.request('apiCall', { - url: `/groups/invites/${this.selectedAddress.address}` - }).then(res => { - this.myGroupInvites = res - }) + await parentEpml.request('apiCall', { + url: `/groups/invites/${this.selectedAddress.address}` + }).then(res => { + this.myGroupInvites = res + }) - if (this.isEmptyArray(this.myGroupInvites) === true) { - clearTimeout(timerGroupInvites) - timerGroupInvites = setTimeout(getGroupInvites, 300000) - } else { - const currentTime = Date.now() - this.myGroupInvites.forEach(a => { - if (a.expiry > currentTime) { - let callTheNewInviteUrl = `${nodeUrl}/groups/${a.groupId}` - fetch(callTheNewInviteUrl).then(res => { - return res.json() - }).then(jsonRes => { - myArrObj.push(jsonRes) - if (myArrObj.length) { - myArrObj.forEach(b => { - const infoObjToAdd = { - invitee: a.invitee, - groupId: b.groupId, - owner: b.owner, - groupName: b.groupName, - description: b.description, - created: b.created, - isOpen: b.isOpen, - memberCount: b.memberCount, - expiry: a.expiry - } - myInvitesObj.push(infoObjToAdd) - }) - } - this.groupInvites = myInvitesObj - }) - } - }) - } - setTimeout(getGroupInvites, 300000) - } + if (this.isEmptyArray(this.myGroupInvites) === true) { + clearTimeout(timerGroupInvites) + timerGroupInvites = setTimeout(getGroupInvites, 300000) + } else { + const currentTime = Date.now() + this.myGroupInvites.forEach(a => { + if (a.expiry > currentTime) { + let callTheNewInviteUrl = `${nodeUrl}/groups/${a.groupId}` + fetch(callTheNewInviteUrl).then(res => { + return res.json() + }).then(jsonRes => { + myArrObj.push(jsonRes) + if (myArrObj.length) { + myArrObj.forEach(b => { + const infoObjToAdd = { + invitee: a.invitee, + groupId: b.groupId, + owner: b.owner, + groupName: b.groupName, + description: b.description, + created: b.created, + isOpen: b.isOpen, + memberCount: b.memberCount, + expiry: a.expiry + } + myInvitesObj.push(infoObjToAdd) + }) + } + this.groupInvites = myInvitesObj + }) + } + }) + } + setTimeout(getGroupInvites, 300000) + } - const getOpen_JoinedGroups = async () => { - let _joinedGroups = await getJoinedGroups() - let _publicGroups = await getOpenPublicGroups() - let _privateGroups = await getPrivateGroups() + const getOpen_JoinedGroups = async () => { + let _joinedGroups = await getJoinedGroups() + let _publicGroups = await getOpenPublicGroups() + let _privateGroups = await getPrivateGroups() this.publicGroups = _publicGroups.filter(myOpenGroup => { let value = _joinedGroups.some(myJoinedGroup => myOpenGroup.groupId === myJoinedGroup.groupId) return !value }) - this.privateGroups = _privateGroups - this.joinedGroups = _joinedGroups - this.filteredItems = this.publicGroups - setTimeout(getOpen_JoinedGroups, 600000) - } + this.privateGroups = _privateGroups + this.joinedGroups = _joinedGroups + this.filteredItems = this.publicGroups + setTimeout(getOpen_JoinedGroups, 600000) + } - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - use(checkLanguage) + use(checkLanguage) - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - let configLoaded = false + let configLoaded = false - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('side_effect_action', async sideEffectActionParam => { - const sideEffectAction = JSON.parse(sideEffectActionParam) + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + parentEpml.subscribe('side_effect_action', async sideEffectActionParam => { + const sideEffectAction = JSON.parse(sideEffectActionParam) - if(sideEffectAction && sideEffectAction.type === 'openJoinGroupModal'){ - const res = await getGroupInfo(sideEffectAction.data) - if(res && res.groupId){ - this.joinGroup(res) - } - window.parent.reduxStore.dispatch( - window.parent.reduxAction.setSideEffectAction(null) - ); - } - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(getOpen_JoinedGroups, 1) - setTimeout(getGroupInvites, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } + if (sideEffectAction && sideEffectAction.type === 'openJoinGroupModal') { + const res = await getGroupInfo(sideEffectAction.data) + if (res && res.groupId) { + this.joinGroup(res) + } + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setSideEffectAction(null) + ) + } + }) + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(getOpen_JoinedGroups, 1) + setTimeout(getGroupInvites, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + parentEpml.imReady() - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } + this.clearConsole() - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + setInterval(() => { + this.clearConsole() + }, 60000) + } - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + groupMemberTemplate() { + return html` + + { + render(html`${this.renderAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${data.item.owner}`, root) + }} + > + { + render(html`${this.renderBanButton(data.item)}`, root) + }} + > + { + render(html`${this.renderKickGroupMemberButton(data.item)}`, root) + }} + > + { + render(html`${this.renderMakeAdminButton(data.item.owner)}`, root) + }} + > + + +
    +
    +

    ${translate("managegroup.mg17")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +

    + + +

    +

    + ${translate("managegroup.mg20")} + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.createBanFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.createBanMember(this.manageGroupId)}> + + ${translate("managegroup.mg17")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    +

    ${translate("managegroup.mg31")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.kickGroupMemberFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.kickGroupMember(this.manageGroupId)}> + + ${translate("managegroup.mg31")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    +

    ${translate("managegroup.mg10")}

    +
    +
    +
    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.addGroupAdminFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.addGroupAdmin(this.manageGroupId)}> + + ${translate("managegroup.mg10")} + +
    +
    +
    + + ${translate("general.close")} + +     + ` + } - renderErr1Text() { - return html`${translate("grouppage.gchange41")}` - } + groupBannedTemplate() { + return html` + + { + render(html`${this.renderAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${data.item.owner}`, root) + }} + > + { + const dateString = new Date(data.item.expiry).toLocaleString() + render(html`${dateString}`, root) + }} + > + { + render(html`${this.renderCancelBanButton(data.item)}`, root) + }} + > + + +
    +
    +

    ${translate("managegroup.mg28")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.cancelBanFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.cancelBanMember(this.manageGroupId)}> + + ${translate("managegroup.mg28")} + +
    +
    +
    + + ${translate("general.close")} + +     + ` + } - renderErr2Text() { - return html`${translate("grouppage.gchange42")}` - } + groupInviteTemplate() { + return html` +

    ${translate("managegroup.mg36")}

    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${data.item.owner}`, root) + }} + > + { + const expiryString = new Date(data.item.expiry).toLocaleString() + render(html`${expiryString}`, root) + }} + > + { + render(html`${this.renderCancelInviteButton(data.item)}`, root) + }} + > + + ${this.isEmptyArray(this.newGroupInvitesList) ? html` + ${translate("managegroup.mg35")} + ` : html``} +
    +
    +
    +

    ${translate("managegroup.mg53")}

    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${data.item.owner}`, root) + }} + > + { + render(html`${this.renderConfirmRequestButton(data.item)}`, root) + }} + > + { + render(html`${this.renderDeclineRequestButton(data.item)}`, root) + }} + > + + ${this.isEmptyArray(this.newGroupJoinsList) ? html` + ${translate("managegroup.mg54")} + ` : html``} +
    +
    +
    + this.openInviteMemberToGroupDialog()}> + ${translate("managegroup.mg2")} + +
    + +
    +
    +

    ${translate("managegroup.mg2")}

    +
    +
    +
    +

    + + +

    + ${translate("managegroup.mg38")} + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.inviteGroupMemberFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.openMemberInfo(this.manageGroupId)}> + + ${translate("managegroup.mg2")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    +

    ${translate("managegroup.mg47")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.cancelInviteGroupMemberFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.cancelInviteGroupMember(this.manageGroupId)}> + + ${translate("managegroup.mg47")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    + warning +

    ${translate("explorerpage.exp4")}

    +

    ${translate("explorerpage.exp5")}

    +
    + this.closeErrorDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + warning +

    ${translate("managegroup.mg39")}

    +

    ${translate("walletpage.wchange44")}

    +
    + this.closeFieldErrorDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + group_add +

    ${translate("managegroup.mg57")}

    +

    ${translate("walletpage.wchange43")}

    +
    + this.closeSuccessJoinDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + warning +

    ${translate("managegroup.mg58")}

    +

    ${this.errorMessage}

    +

    ${translate("walletpage.wchange44")}

    +
    + this.closeErrorJoinDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + person_remove +

    ${translate("managegroup.mg59")}

    +

    ${translate("walletpage.wchange43")}

    +
    + this.closeCancelSuccessJoinDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + warning +

    ${translate("managegroup.mg58")}

    +

    ${this.errorMessage}

    +

    ${translate("walletpage.wchange44")}

    +
    + this.closeCancelErrorJoinDialog()} + class="red" + > + ${translate("general.close")} + +     + ` + } - renderErr3Text() { - return html`${translate("grouppage.gchange43")}` - } + groupAdminTemplate() { + return html` + + { + render(html`${this.renderAvatar(data.item)}`, root) + }} + > + { + render(html`${data.item.name}`, root) + }} + > + { + render(html`${data.item.owner}`, root) + }} + > + { + const dateString = new Date(data.item.joined).toLocaleDateString() + render(html`${dateString}`, root) + }} + > + { + if (this.theGroupOwner === data.item.owner) { + render(html``, root) + } else { + render(html`${this.renderKickAdminButton(data.item.owner)}`, root) + } + }} + > + + +
    +
    +

    ${translate("managegroup.mg13")}

    +
    +
    +
    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.removeGroupAdminFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.removeGroupAdmin(this.manageGroupId)}> + + ${translate("managegroup.mg13")} + +
    +
    +
    + + ${translate("general.close")} + +     + ` + } - renderErr4Text() { - return html`${translate("grouppage.gchange44")}` - } + groupUpdateTemplate() { + return html` +
    + this.openUpdateGroupDialog()}> + ${translate("managegroup.mg4")} + +     + ${this.haveName ? this.renderAvatarButton() : ''} +
    + + +
    +

    ${translate("managegroup.mg4")}

    +
    +
    +

    +

    + + +    + + +
    +

    +

    + + +

    +

    + + +

    +

    ${translate("grouppage.gchange13")}:
    + +

    +

    +

    ${translate("grouppage.gchange18")}
    + +

    +

    +

    ${translate("grouppage.gchange21")}
    + +

    +

    +

    ${translate("grouppage.gchange27")}
    + +

    +
    + + + ${translate("grouppage.gchange28")}   + + + + + ${this.message} +
    + + ${translate("walletpage.wchange21")} ${this.updateGroupFee} QORT. + +
    + + ${translate("managegroup.mg4")} + + + ${translate("general.close")} + +     + ` + } - renderErr5Text() { - return html`${translate("grouppage.gchange45")}` - } + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - renderErr6Text() { - return html`${translate("grouppage.gchange46")}` - } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } - renderErr7Text() { - return html`${translate("grouppage.gchange47")}` - } + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - renderErr8Text() { - return html`${translate("grouppage.gchange48")}` - } + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - renderErr9Text() { - return html`${translate("grouppage.gchange49")}` - } + renderErr1Text() { + return html`${translate('grouppage.gchange41')}` + } - renderSuccessText() { - return html`${translate("walletpage.wchange30")}` - } + renderErr2Text() { + return html`${translate('grouppage.gchange42')}` + } - renderClearSuccess() { - let strSuccessValue = this.successMessage - if (strSuccessValue === "") { - return html`` - } else { - return html` -
    - ${this.successMessage} - -
    -
    -

    ${translate("walletpage.wchange43")}

    -
    - ` - } - } + renderErr3Text() { + return html`${translate('grouppage.gchange43')}` + } - renderClearError() { - let strErrorValue = this.errorMessage - if (strErrorValue === "") { - return html`` - } else { - return html` -
    - ${this.errorMessage} - -
    -
    -

    ${translate("walletpage.wchange44")}

    -
    - ` - } - } + renderErr4Text() { + return html`${translate('grouppage.gchange44')}` + } - searchGroupListener(e) { - if (e.key === 'Enter') { - this.doGroupSearch(e) - } - } + renderErr5Text() { + return html`${translate('grouppage.gchange45')}` + } - doGroupSearch(e) { - this.renderSearchResult() - } + renderErr6Text() { + return html`${translate('grouppage.gchange46')}` + } - renderSearchResult() { - this.privateGroupSearch = [] - let searchGroupName = this.shadowRoot.getElementById('searchGroupName').value - if (searchGroupName.length === 0) { - let err1string = get("websitespage.schange34") - parentEpml.request('showSnackBar', `${err1string}`) - } else { - this.privateGroupSearch = this.privateGroups.filter(myS => myS.groupName === searchGroupName) - if (this.privateGroupSearch.length === 0) { - this.shadowRoot.querySelector('#privateGroupErrorDialog').show() - } - } - } + renderErr7Text() { + return html`${translate('grouppage.gchange47')}` + } - closePrivateGroupErrorDialog() { - this.shadowRoot.querySelector('#privateGroupErrorDialog').close() - this.shadowRoot.getElementById('searchGroupName').value = '' - this.privateGroupSearch = [] - } + renderErr8Text() { + return html`${translate('grouppage.gchange48')}` + } - renderBanButton(groupObj) { - return html` this.openCreateBanMemberDialog(groupObj)}>hardware ${translate("managegroup.mg6")}` - } + renderErr9Text() { + return html`${translate('grouppage.gchange49')}` + } - openCreateBanMemberDialog(groupObj) { - this.toBanName = '' - this.toBanAddress = '' - this.banReason = '' - this.shadowRoot.getElementById("banReason").value = '' - this.shadowRoot.getElementById("banMemberTime").value = 'reject' - this.toBanName = groupObj.name - this.toBanAddress = groupObj.owner - this.shadowRoot.querySelector('#createBanMemberDialog').show() - } + renderErr10Text() { + return html`${translate("grouppage.gchange66")}` + } - closeCreateBanMemberDialog() { - this.shadowRoot.querySelector('#createBanMemberDialog').close() - this.shadowRoot.getElementById('toBanName').value = '' - this.shadowRoot.getElementById('toBanAddress').value = '' - this.shadowRoot.getElementById("banReason").value = '' - this.shadowRoot.getElementById("banMemberTime").value = 'reject' - this.toBanName = '' - this.toBanAddress = '' - this.banReason = '' - this.successMessage = '' - this.errorMessage = '' - } + renderErr11Text() { + return html`${translate("grouppage.gchange67")}` + } - renderCancelBanButton(groupObj) { - return html` this.openCancelBanMemberDialog(groupObj)}>person_remove  ${translate("managegroup.mg26")}` - } + renderSuccessText() { + return html`${translate('walletpage.wchange30')}` + } - openCancelBanMemberDialog(groupObj) { - this.toCancelBanName = '' - this.toCancelBanAddress = '' - this.toCancelBanName = groupObj.name - this.toCancelBanAddress = groupObj.owner - this.shadowRoot.querySelector('#cancelBanMemberDialog').show() - } + renderClearSuccess() { + let strSuccessValue = this.successMessage + if (strSuccessValue === '') { + return html`` + } else { + return html` +
    + ${this.successMessage} + + + +
    +
    +

    ${translate("walletpage.wchange43")}

    +
    + ` + } + } - closeCancelBanMemberDialog() { - this.shadowRoot.querySelector('#cancelBanMemberDialog').close() - this.shadowRoot.getElementById('toCancelBanName').value = '' - this.shadowRoot.getElementById('toCancelBanAddress').value = '' - this.toCancelBanName = '' - this.toCancelBanAddress = '' - this.successMessage = '' - this.errorMessage = '' - } + renderClearError() { + let strErrorValue = this.errorMessage + if (strErrorValue === '') { + return html`` + } else { + return html` +
    + ${this.errorMessage} + + + +
    +
    +

    ${translate("walletpage.wchange44")}

    +
    + ` + } + } - renderKickGroupMemberButton(groupObj) { - return html` this.openKickGroupMemberDialog(groupObj)}>exit_to_app ${translate("managegroup.mg7")}` - } + searchGroupListener(e) { + if (e.key === 'Enter') { + this.doGroupSearch(e) + } + } - openKickGroupMemberDialog(groupObj) { - this.toKickMemberName = '' - this.toKickMemberAddresss = '' - this.kickMemberReason = '' - this.toKickMemberName = groupObj.name - this.toKickMemberAddress = groupObj.owner - this.shadowRoot.querySelector('#kickGroupMemberDialog').show() - } + doGroupSearch(e) { + this.renderSearchResult() + } - closeKickGroupMemberDialog() { - this.shadowRoot.querySelector('#kickGroupMemberDialog').close() - this.shadowRoot.getElementById('toKickMemberName').value = '' - this.shadowRoot.getElementById('toKickMemberAddress').value = '' - this.shadowRoot.getElementById('kickMemberReason').value = '' - this.toKickMemberName = '' - this.toKickMemberAddress = '' - this.kickMemberReason = '' - this.successMessage = '' - this.errorMessage = '' - } + renderSearchResult() { + this.privateGroupSearch = [] + let searchGroupName = this.shadowRoot.getElementById('searchGroupName').value + if (searchGroupName.length === 0) { + let err1string = get('websitespage.schange34') + parentEpml.request('showSnackBar', `${err1string}`) + } else { + this.privateGroupSearch = this.privateGroups.filter(myS => myS.groupName === searchGroupName) + if (this.privateGroupSearch.length === 0) { + this.shadowRoot.querySelector('#privateGroupErrorDialog').show() + } + } + } - renderMakeAdminButton(groupObj) { - return html` this.openAddGroupAdminDialog(groupObj)}>queue ${translate("grouppage.gchange52")}` - } + async getMyName() { + const myAddress = window.parent.reduxStore.getState().app.selectedAddress.address + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/address/${myAddress}?limit=0&reverse=true` - openAddGroupAdminDialog(makeAdmin) { - this.memberToAdmin = '' - this.memberToAdmin = makeAdmin - this.shadowRoot.querySelector('#addGroupAdminDialog').show() - } + this.myName = '' - closeAddGroupAdminDialog() { - this.shadowRoot.querySelector('#addGroupAdminDialog').close() - this.shadowRoot.getElementById('memberToAdmin').value = '' - this.memberToAdmin = '' - this.successMessage = '' - this.errorMessage = '' - } + this.haveName = false - renderKickAdminButton(groupObj) { - return html` this.openKickGroupAdminDialog(groupObj)}>exit_to_app ${translate("managegroup.mg7")}` - } + await fetch(nameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.myName = item.name + this.haveName = true + }) + } else { + this.haveName = false + } + }) + } - openKickGroupAdminDialog(kickAdmin) { - this.kickGroupAdminAddress = '' - this.kickGroupAdminAddress = kickAdmin - this.shadowRoot.querySelector('#kickGroupAdminDialog').show() - } + async getGoName(goAddress) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const goNameUrl = `${nodeUrl}/names/address/${goAddress}?limit=0&reverse=true` - closeKickGroupAdminDialog() { - this.shadowRoot.querySelector('#kickGroupAdminDialog').close() - this.shadowRoot.getElementById('kickGroupAdminAddress').value = '' - this.kickGroupAdminAddress = '' - this.successMessage = '' - this.errorMessage = '' - } + this.goName = '' - openInviteMemberToGroupDialog() { - this.shadowRoot.getElementById("toInviteMemberToGroup").value = '' - this.shadowRoot.getElementById("inviteMemberTime").value = 'reject' - this.toInviteMemberToGroup = '' - this.successMessage = '' - this.errorMessage = '' - this.shadowRoot.querySelector('#inviteMemberToGroupDialog').show() - } + this.haveGoName = false - closeInviteMemberToGroupDialog() { - this.shadowRoot.querySelector('#inviteMemberToGroupDialog').close() - this.shadowRoot.getElementById('toInviteMemberToGroup').value = '' - this.shadowRoot.getElementById("inviteMemberTime").value = 'reject' - this.toInviteMemberToGroup = '' - this.inviteMemberTime = 'reject' - this.successMessage = '' - this.errorMessage = '' - } + await fetch(goNameUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(item => { + this.goName = item.name + this.haveGoName = true + }) + } else { + this.haveGoName = false + } + }) + } - renderCancelInviteButton(groupObj) { - return html` this.openCancelInviteMemberToGroupDialog(groupObj)}>cancel_schedule_send ${translate("apipage.achange4")}` - } + renderAvatarButton() { + let nameForAvatar = this.myName + let indentifierForAvatar = 'qortal_group_avatar_' + this.manageGroupId - openCancelInviteMemberToGroupDialog(groupObj) { - this.toCancelInviteMemberName = groupObj.name - this.toCancelInviteMemberAddress = groupObj.owner - this.successMessage = '' - this.errorMessage = '' - this.shadowRoot.querySelector('#cancelInviteMemberToGroupDialog').show() - } + return html` + this.uploadAvatar(nameForAvatar, indentifierForAvatar)}> + ${translate("grouppage.gchange68")} + + ` + } - closeCancelInviteMemberToGroupDialog() { - this.shadowRoot.querySelector('#cancelInviteMemberToGroupDialog').close() - this.shadowRoot.getElementById('toCancelInviteMemberName').value = '' - this.shadowRoot.getElementById("toCancelInviteMemberAddress").value = '' - this.toCancelInviteMemberName = '' - this.toCancelInviteMemberAddress = '' - this.successMessage = '' - this.errorMessage = '' - } + uploadAvatar(subName, subIdentifier) { + let name = subName + let identifier = subIdentifier - renderConfirmRequestButton(joinObj) { - return html` this.createAcceptJoinGroupMember(joinObj)}>add_task ${translate("transpage.tchange3")}` - } + window.location.href = `../qdn/publish/index.html?service=THUMBNAIL&identifier=${identifier}&name=${name}&uploadType=file&category=Avatar&showName=false&showService=false&showIdentifier=false` + } - renderDeclineRequestButton(joinObj) { - return html` this.kickJoinGroupMember(joinObj)}>cancel ${translate("transpage.tchange2")}` - } + renderGroupAvatar() { + let nameForRenderAvatar = this.goName + let indentifierForRenderAvatar = 'qortal_group_avatar_' + this.manageGroupId - closeSuccessJoinDialog() { - this.shadowRoot.querySelector('#successJoinDialog').close() - this.successMessage = '' - this.errorMessage = '' - } + if (this.manageGroupId === 1) { + return html`` + } else if (this.haveGoName) { + const myRenderNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const renderAvatarUrl = myRenderNode.protocol + '://' + myRenderNode.domain + ':' + myRenderNode.port + const renderGroupAvatarUrl = `${renderAvatarUrl}/arbitrary/THUMBNAIL/${nameForRenderAvatar}/${indentifierForRenderAvatar}?async=true}` - closeErrorJoinDialog() { - this.shadowRoot.querySelector('#errorJoinDialog').close() - this.successMessage = '' - this.errorMessage = '' - } + return html`` + } else { + return html`` + } + } - closeCancelSuccessJoinDialog() { - this.shadowRoot.querySelector('#cancelSuccessJoinDialog').close() - this.successMessage = '' - this.errorMessage = '' - } + closePrivateGroupErrorDialog() { + this.shadowRoot.querySelector('#privateGroupErrorDialog').close() + this.shadowRoot.getElementById('searchGroupName').value = '' + this.privateGroupSearch = [] + } - closeCancelErrorJoinDialog() { - this.shadowRoot.querySelector('#cancelErrorJoinDialog').close() - this.successMessage = '' - this.errorMessage = '' - } + renderBanButton(groupObj) { + if (this.theGroupOwner === this.selectedAddress.address) { + return html` this.openCreateBanMemberDialog(groupObj)}>hardware ${translate("managegroup.mg6")}` + } else { + return html`` + } + } - openMemberInfo(inviteGroupId) { - const _inviteMemberInfo = this.shadowRoot.getElementById('toInviteMemberToGroup').value - const _nviteMemberTime = this.shadowRoot.getElementById("inviteMemberTime").value - const _inviteGroupId = inviteGroupId + openCreateBanMemberDialog(groupObj) { + this.toBanName = '' + this.toBanAddress = '' + this.banReason = '' + this.shadowRoot.getElementById('banReason').value = '' + this.shadowRoot.getElementById('banMemberTime').value = 'reject' + this.toBanName = groupObj.name + this.toBanAddress = groupObj.owner + this.shadowRoot.querySelector('#createBanMemberDialog').show() + } - if (_inviteMemberInfo === '' || _nviteMemberTime === 'reject') { - this.shadowRoot.querySelector('#fieldErrorDialog').show() - } else { - if (_inviteMemberInfo.startsWith('Q') && _inviteMemberInfo.length == 34) { - this.getAddressUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) - } else { - this.getNameUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) - } - } - } + closeCreateBanMemberDialog() { + this.shadowRoot.querySelector('#createBanMemberDialog').close() + this.shadowRoot.getElementById('toBanName').value = '' + this.shadowRoot.getElementById('toBanAddress').value = '' + this.shadowRoot.getElementById('banReason').value = '' + this.shadowRoot.getElementById('banMemberTime').value = 'reject' + this.toBanName = '' + this.toBanAddress = '' + this.banReason = '' + this.successMessage = '' + this.errorMessage = '' + } - async getAddressUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const addressUrl = `${nodeUrl}/addresses/${_inviteMemberInfo}` + renderCancelBanButton(groupObj) { + if (this.theGroupOwner === this.selectedAddress.address) { + return html` this.openCancelBanMemberDialog(groupObj)}>person_remove  ${translate("managegroup.mg26")}` + } else { + return html`` + } + } - await fetch(addressUrl).then(res => { - if (res.status === 400) { - this.shadowRoot.querySelector('#userErrorDialog').show() - } else { - this.createInviteGroupMember(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) - } - }) - } + openCancelBanMemberDialog(groupObj) { + this.toCancelBanName = '' + this.toCancelBanAddress = '' + this.toCancelBanName = groupObj.name + this.toCancelBanAddress = groupObj.owner + this.shadowRoot.querySelector('#cancelBanMemberDialog').show() + } - async getNameUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const nameUrl = `${nodeUrl}/names/${_inviteMemberInfo}` + closeCancelBanMemberDialog() { + this.shadowRoot.querySelector('#cancelBanMemberDialog').close() + this.shadowRoot.getElementById('toCancelBanName').value = '' + this.shadowRoot.getElementById('toCancelBanAddress').value = '' + this.toCancelBanName = '' + this.toCancelBanAddress = '' + this.successMessage = '' + this.errorMessage = '' + } - await fetch(nameUrl).then(res => { - if (res.status === 404) { - this.shadowRoot.querySelector('#userErrorDialog').show() - } else { - this.getAddressFromName(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) - } - }) - } + renderKickGroupMemberButton(groupObj) { + if (this.theGroupOwner === this.selectedAddress.address) { + return html` this.openKickGroupMemberDialog(groupObj)}>exit_to_app ${translate("managegroup.mg7")}` + } else { + return html`` + } + } - async getAddressFromName(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const fromNameUrl = `${nodeUrl}/names/${_inviteMemberInfo}` + openKickGroupMemberDialog(groupObj) { + this.toKickMemberName = '' + this.toKickMemberAddresss = '' + this.kickMemberReason = '' + this.toKickMemberName = groupObj.name + this.toKickMemberAddress = groupObj.owner + this.shadowRoot.querySelector('#kickGroupMemberDialog').show() + } + + closeKickGroupMemberDialog() { + this.shadowRoot.querySelector('#kickGroupMemberDialog').close() + this.shadowRoot.getElementById('toKickMemberName').value = '' + this.shadowRoot.getElementById('toKickMemberAddress').value = '' + this.shadowRoot.getElementById('kickMemberReason').value = '' + this.toKickMemberName = '' + this.toKickMemberAddress = '' + this.kickMemberReason = '' + this.successMessage = '' + this.errorMessage = '' + } + + renderMakeAdminButton(groupObj) { + if (this.theGroupOwner === this.selectedAddress.address) { + return html` this.openAddGroupAdminDialog(groupObj)}>queue ${translate("grouppage.gchange52")}` + } else { + return html`` + } + } + + openAddGroupAdminDialog(makeAdmin) { + this.memberToAdmin = '' + this.memberToAdmin = makeAdmin + this.shadowRoot.querySelector('#addGroupAdminDialog').show() + } + + closeAddGroupAdminDialog() { + this.shadowRoot.querySelector('#addGroupAdminDialog').close() + this.shadowRoot.getElementById('memberToAdmin').value = '' + this.memberToAdmin = '' + this.successMessage = '' + this.errorMessage = '' + } + + renderKickAdminButton(groupObj) { + if (this.theGroupOwner === this.selectedAddress.address) { + return html` this.openRemoveGroupAdminDialog(groupObj)}>exit_to_app ${translate("rewardsharepage.rchange17")}` + } else { + return html`` + } + } + + openRemoveGroupAdminDialog(kickAdmin) { + this.removeGroupAdminAddress = '' + this.removeGroupAdminAddress = kickAdmin + this.shadowRoot.querySelector('#removeGroupAdminDialog').show() + } + + closeRemoveGroupAdminDialog() { + this.shadowRoot.querySelector('#removeGroupAdminDialog').close() + this.shadowRoot.getElementById('removeGroupAdminAddress').value = '' + this.removeGroupAdminAddress = '' + this.successMessage = '' + this.errorMessage = '' + } + + openInviteMemberToGroupDialog() { + this.shadowRoot.getElementById('toInviteMemberToGroup').value = '' + this.shadowRoot.getElementById('inviteMemberTime').value = 'reject' + this.toInviteMemberToGroup = '' + this.successMessage = '' + this.errorMessage = '' + this.shadowRoot.querySelector('#inviteMemberToGroupDialog').show() + } + + closeInviteMemberToGroupDialog() { + this.shadowRoot.querySelector('#inviteMemberToGroupDialog').close() + this.shadowRoot.getElementById('toInviteMemberToGroup').value = '' + this.shadowRoot.getElementById('inviteMemberTime').value = 'reject' + this.toInviteMemberToGroup = '' + this.inviteMemberTime = 'reject' + this.successMessage = '' + this.errorMessage = '' + } + + renderCancelInviteButton(groupObj) { + return html` this.openCancelInviteMemberToGroupDialog(groupObj)}>cancel_schedule_send ${translate("apipage.achange4")}` + } + + openCancelInviteMemberToGroupDialog(groupObj) { + this.toCancelInviteMemberName = groupObj.name + this.toCancelInviteMemberAddress = groupObj.owner + this.successMessage = '' + this.errorMessage = '' + this.shadowRoot.querySelector('#cancelInviteMemberToGroupDialog').show() + } + + closeCancelInviteMemberToGroupDialog() { + this.shadowRoot.querySelector('#cancelInviteMemberToGroupDialog').close() + this.shadowRoot.getElementById('toCancelInviteMemberName').value = '' + this.shadowRoot.getElementById('toCancelInviteMemberAddress').value = '' + this.toCancelInviteMemberName = '' + this.toCancelInviteMemberAddress = '' + this.successMessage = '' + this.errorMessage = '' + } + + openUpdateGroupDialog() { + this.successMessage = '' + this.errorMessage = '' + this.shadowRoot.querySelector('#updateGroupDialog').show() + } + + closeUpdateGroupDialog() { + this.shadowRoot.querySelector('#updateGroupDialog').close() + this.shadowRoot.getElementById('newGroupIdInput').value = this.manageGroupId + this.shadowRoot.getElementById('newGroupNameInput').value = this.manageGroupName + this.shadowRoot.getElementById('newGroupOwnerInput').value = this.selectedAddress.address + this.shadowRoot.getElementById('newGroupDescInput').value = this.manageGroupDescription + this.shadowRoot.getElementById('newGroupTypeInput').value = 'reject' + this.shadowRoot.getElementById('newGroupApprovalInput').value = 'reject' + this.shadowRoot.getElementById('newGroupMinDelayInput').value = 'reject' + this.shadowRoot.getElementById('newGroupMaxDelayInput').value = 'reject' + this.successMessage = '' + this.errorMessage = '' + this.message = '' + } + + renderConfirmRequestButton(joinObj) { + return html` this.createAcceptJoinGroupMember(joinObj)}>add_task ${translate("transpage.tchange3")}` + } + + renderDeclineRequestButton(joinObj) { + return html` this.kickJoinGroupMember(joinObj)}>cancel ${translate("transpage.tchange2")}` + } + + closeSuccessJoinDialog() { + this.shadowRoot.querySelector('#successJoinDialog').close() + this.successMessage = '' + this.errorMessage = '' + } + + closeErrorJoinDialog() { + this.shadowRoot.querySelector('#errorJoinDialog').close() + this.successMessage = '' + this.errorMessage = '' + } + + closeCancelSuccessJoinDialog() { + this.shadowRoot.querySelector('#cancelSuccessJoinDialog').close() + this.successMessage = '' + this.errorMessage = '' + } + + closeCancelErrorJoinDialog() { + this.shadowRoot.querySelector('#cancelErrorJoinDialog').close() + this.successMessage = '' + this.errorMessage = '' + } + + openMemberInfo(inviteGroupId) { + const _inviteMemberInfo = this.shadowRoot.getElementById('toInviteMemberToGroup').value + const _nviteMemberTime = this.shadowRoot.getElementById('inviteMemberTime').value + const _inviteGroupId = inviteGroupId + + if (_inviteMemberInfo === '' || _nviteMemberTime === 'reject') { + this.shadowRoot.querySelector('#fieldErrorDialog').show() + } else { + if (_inviteMemberInfo.startsWith('Q') && _inviteMemberInfo.length == 34) { + this.getAddressUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) + } else { + this.getNameUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) + } + } + } + + async getAddressUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const addressUrl = `${nodeUrl}/addresses/${_inviteMemberInfo}` + + await fetch(addressUrl).then(res => { + if (res.status === 400) { + this.shadowRoot.querySelector('#userErrorDialog').show() + } else { + this.createInviteGroupMember(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) + } + }) + } + + async getNameUserResult(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const nameUrl = `${nodeUrl}/names/${_inviteMemberInfo}` + + await fetch(nameUrl).then(res => { + if (res.status === 404) { + this.shadowRoot.querySelector('#userErrorDialog').show() + } else { + this.getAddressFromName(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) + } + }) + } + + async getAddressFromName(_inviteMemberInfo, _nviteMemberTime, _inviteGroupId) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const fromNameUrl = `${nodeUrl}/names/${_inviteMemberInfo}` this.nameAddressResult = await fetch(fromNameUrl).then(response => { return response.json() }) - const _inviteMemberNameInfo = this.nameAddressResult.owner - await this.createInviteGroupMember(_inviteMemberNameInfo, _nviteMemberTime, _inviteGroupId) - } + const _inviteMemberNameInfo = this.nameAddressResult.owner + await this.createInviteGroupMember(_inviteMemberNameInfo, _nviteMemberTime, _inviteGroupId) + } - closeErrorDialog() { - this.shadowRoot.querySelector('#userErrorDialog').close() - } + closeErrorDialog() { + this.shadowRoot.querySelector('#userErrorDialog').close() + } - closeFieldErrorDialog() { - this.shadowRoot.querySelector('#fieldErrorDialog').close() - } + closeFieldErrorDialog() { + this.shadowRoot.querySelector('#fieldErrorDialog').close() + } - async unitCreateFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=CREATE_GROUP` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.createFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitCreateGroupFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=CREATE_GROUP` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.createGroupFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitJoinFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=JOIN_GROUP` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.joinFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitUpdateGroupFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=UPDATE_GROUP` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.updateGroupFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitLeaveFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=LEAVE_GROUP` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.leaveFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitJoinGroupFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=JOIN_GROUP` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.joinGroupFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitAddGroupAdminFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=ADD_GROUP_ADMIN` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.addGroupAdminFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitLeaveGroupFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=LEAVE_GROUP` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.leaveGroupFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitKickGroupAdminFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=REMOVE_GROUP_ADMIN` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.kickGroupAdminFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitAddGroupAdminFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=ADD_GROUP_ADMIN` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.addGroupAdminFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitCreateBanFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=GROUP_BAN` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.createBanFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitRemoveGroupAdminFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=REMOVE_GROUP_ADMIN` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.removeGroupAdminFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitCancelBanFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_GROUP_BAN` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.cancelBanFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitCreateBanFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=GROUP_BAN` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.createBanFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitKickGroupMemberFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=GROUP_KICK` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.kickGroupMemberFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitCancelBanFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_GROUP_BAN` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.cancelBanFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitInviteGroupMemberFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=GROUP_INVITE` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.inviteGroupMemberFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitKickGroupMemberFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=GROUP_KICK` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.kickGroupMemberFee = (Number(json) / 1e8).toFixed(8) + }) + } - async unitCancelInviteGroupMemberFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_GROUP_INVITE` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.cancelInviteGroupMemberFee = (Number(json) / 1e8).toFixed(8) - }) - } + async unitInviteGroupMemberFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=GROUP_INVITE` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.inviteGroupMemberFee = (Number(json) / 1e8).toFixed(8) + }) + } - async getNewMemberList(theGroup) { - let callMembers = theGroup - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const callMembersUrl = `${nodeUrl}/groups/members/${callMembers}?limit=0&reverse=true` + async unitCancelInviteGroupMemberFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_GROUP_INVITE` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.cancelInviteGroupMemberFee = (Number(json) / 1e8).toFixed(8) + }) + } - let obj = [] - let obj1 = [] + async getNewMemberList(theGroup) { + let callMembers = theGroup + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const callMembersUrl = `${nodeUrl}/groups/members/${callMembers}?limit=0&reverse=true` - await fetch(callMembersUrl).then(res => { - return res.json() - }).then(data => { + let obj = [] + let obj1 = [] + + await fetch(callMembersUrl).then(res => { + return res.json() + }).then(data => { data.members.map(a => { - if (a.isAdmin === undefined) { - let callTheNewMember = a.member - let callSingleMemberUrl = `${nodeUrl}/names/address/${callTheNewMember}` - fetch(callSingleMemberUrl).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(b => { - const objToAdd = { - name: b.name, - owner: b.owner, - joined: a.joined - } - obj.push(objToAdd) - }) - } else { - const noName = 'No registered name' - const noNameObj = { - name: noName, - owner: a.member, - joined: a.joined - } - obj.push(noNameObj) - } - this.newMembersList = obj - }) - } else if (a.isAdmin === true) { - let callTheNewAdmin = a.member - let callSingleAdminUrl = `${nodeUrl}/names/address/${callTheNewAdmin}` - fetch(callSingleAdminUrl).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(c => { - const obj1ToAdd = { - name: c.name, - owner: c.owner, - joined: a.joined - } - obj1.push(obj1ToAdd) - }) - } else { - const noName = 'No registered name' - const noNameObj1 = { - name: noName, - owner: a.member, - joined: a.joined - } - obj1.push(noNameObj1) - } - this.newAdminsList = obj1 - }) - } - }) - }) - } + if (a.isAdmin === undefined) { + let callTheNewMember = a.member + let callSingleMemberUrl = `${nodeUrl}/names/address/${callTheNewMember}` + fetch(callSingleMemberUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(b => { + const objToAdd = { + name: b.name, + owner: b.owner, + joined: a.joined + } + obj.push(objToAdd) + }) + } else { + const noName = 'No registered name' + const noNameObj = { + name: noName, + owner: a.member, + joined: a.joined + } + obj.push(noNameObj) + } + this.newMembersList = obj + }) + } else if (a.isAdmin === true) { + let callTheNewAdmin = a.member + let callSingleAdminUrl = `${nodeUrl}/names/address/${callTheNewAdmin}` + fetch(callSingleAdminUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(c => { + const obj1ToAdd = { + name: c.name, + owner: c.owner, + joined: a.joined + } + obj1.push(obj1ToAdd) + }) + } else { + const noName = 'No registered name' + const noNameObj1 = { + name: noName, + owner: a.member, + joined: a.joined + } + obj1.push(noNameObj1) + } + this.newAdminsList = obj1 + }) + } + }) + }) + } - async getNewBannedList(theGroup) { - let callGroupID = theGroup - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getNewBannedList(theGroup) { + let callGroupID = theGroup + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - let banObj = [] - this.bannedMembers = [] + let banObj = [] + this.bannedMembers = [] - await parentEpml.request('apiCall', { - url: `/groups/bans/${callGroupID}` - }).then(res => { - this.bannedMembers = res - }) + await parentEpml.request('apiCall', { + url: `/groups/bans/${callGroupID}` + }).then(res => { + this.bannedMembers = res + }) - if (this.bannedMembers.length === 0) { + if (this.bannedMembers.length === 0) { - } else { - this.bannedMembers.map(a => { - let callTheBannedMember = a.offender - let callSingleBannedMemberUrl = `${nodeUrl}/names/address/${callTheBannedMember}` - fetch(callSingleBannedMemberUrl).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(b => { - const banObjToAdd = { - name: b.name, - owner: b.owner, - banned: a.banned, - reason: a.reason, - expiry: a.expiry - } - banObj.push(banObjToAdd) - }) - } else { - const noName = 'No registered name' - const noNameObj = { - name: noName, - owner: a.offender, - banned: a.banned, - reason: a.reason, - expiry: a.expiry - } - banObj.push(noNameObj) - } - this.newBannedList = banObj - }) - }) - } - } + } else { + this.bannedMembers.map(a => { + let callTheBannedMember = a.offender + let callSingleBannedMemberUrl = `${nodeUrl}/names/address/${callTheBannedMember}` + fetch(callSingleBannedMemberUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(b => { + const banObjToAdd = { + name: b.name, + owner: b.owner, + banned: a.banned, + reason: a.reason, + expiry: a.expiry + } + banObj.push(banObjToAdd) + }) + } else { + const noName = 'No registered name' + const noNameObj = { + name: noName, + owner: a.offender, + banned: a.banned, + reason: a.reason, + expiry: a.expiry + } + banObj.push(noNameObj) + } + this.newBannedList = banObj + }) + }) + } + } - async getNewGroupInvitesList(theGroup) { - let callGroupID = theGroup - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getNewGroupInvitesList(theGroup) { + let callGroupID = theGroup + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - let inviteObj = [] - this.groupInviteMembers = [] + let inviteObj = [] + this.groupInviteMembers = [] - await parentEpml.request('apiCall', { - url: `/groups/invites/group/${callGroupID}` - }).then(res => { - this.groupInviteMembers = res - }) + await parentEpml.request('apiCall', { + url: `/groups/invites/group/${callGroupID}` + }).then(res => { + this.groupInviteMembers = res + }) - if (this.groupInviteMembers.length === 0) { + if (this.groupInviteMembers.length === 0) { - } else { - this.groupInviteMembers.map(a => { - let callTheInviteMember = a.invitee - let callSingleInviteMemberUrl = `${nodeUrl}/names/address/${callTheInviteMember}` - fetch(callSingleInviteMemberUrl).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(b => { - const inviteObjToAdd = { - name: b.name, - owner: b.owner, - expiry: a.expiry - } - inviteObj.push(inviteObjToAdd) - }) - } else { - const noName = 'No registered name' - const noNameObj = { - name: noName, - owner: a.invitee, - expiry: a.expiry - } - inviteObj.push(noNameObj) - } - this.newGroupInvitesList = inviteObj - }) - }) - } - } + } else { + this.groupInviteMembers.map(a => { + let callTheInviteMember = a.invitee + let callSingleInviteMemberUrl = `${nodeUrl}/names/address/${callTheInviteMember}` + fetch(callSingleInviteMemberUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(b => { + const inviteObjToAdd = { + name: b.name, + owner: b.owner, + expiry: a.expiry + } + inviteObj.push(inviteObjToAdd) + }) + } else { + const noName = 'No registered name' + const noNameObj = { + name: noName, + owner: a.invitee, + expiry: a.expiry + } + inviteObj.push(noNameObj) + } + this.newGroupInvitesList = inviteObj + }) + }) + } + } - async getNewGroupJoinList(theGroup) { - let callGroupID = theGroup - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + async getNewGroupJoinList(theGroup) { + let callGroupID = theGroup + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - let joinObj = [] - this.groupJoinMembers = [] + let joinObj = [] + this.groupJoinMembers = [] - await parentEpml.request('apiCall', { - url: `/groups/joinrequests/${callGroupID}` - }).then(res => { - this.groupJoinMembers = res - }) + await parentEpml.request('apiCall', { + url: `/groups/joinrequests/${callGroupID}` + }).then(res => { + this.groupJoinMembers = res + }) - if (this.groupJoinMembers.length === 0) { + if (this.groupJoinMembers.length === 0) { - } else { - this.groupJoinMembers.map(a => { - let callTheJoinMember = a.joiner - let callSingleJoinMemberUrl = `${nodeUrl}/names/address/${callTheJoinMember}` - fetch(callSingleJoinMemberUrl).then(res => { - return res.json() - }).then(jsonRes => { - if (jsonRes.length) { - jsonRes.map(b => { - const joinObjToAdd = { - groupId: a.groupId, - name: b.name, - owner: b.owner, - time: '86400', - reason: 'NotAllowed' - } - joinObj.push(joinObjToAdd) - }) - } else { - const noName = 'No registered name' - const noNameObj = { - groupId: a.groupId, - name: noName, - owner: a.joiner, - time: '86400', - reason: 'NotAllowed' - } - joinObj.push(noNameObj) - } - this.newGroupJoinsList = joinObj - }) - }) - } - } + } else { + this.groupJoinMembers.map(a => { + let callTheJoinMember = a.joiner + let callSingleJoinMemberUrl = `${nodeUrl}/names/address/${callTheJoinMember}` + fetch(callSingleJoinMemberUrl).then(res => { + return res.json() + }).then(jsonRes => { + if (jsonRes.length) { + jsonRes.map(b => { + const joinObjToAdd = { + groupId: a.groupId, + name: b.name, + owner: b.owner, + time: '86400', + reason: 'NotAllowed' + } + joinObj.push(joinObjToAdd) + }) + } else { + const noName = 'No registered name' + const noNameObj = { + groupId: a.groupId, + name: noName, + owner: a.joiner, + time: '86400', + reason: 'NotAllowed' + } + joinObj.push(noNameObj) + } + this.newGroupJoinsList = joinObj + }) + }) + } + } - closeManageGroupOwnerDialog() { - this.resetDefaultSettings() - this.shadowRoot.getElementById('manageGroupOwnerDialog').close() - window.location.reload() - } + closeManageGroupOwnerDialog() { + this.resetDefaultSettings() + this.shadowRoot.getElementById('manageGroupOwnerDialog').close() + window.location.reload() + } - resetDefaultSettings() { - this.error = false - this.message = '' - this.isLoading = false - } + resetDefaultSettings() { + this.error = false + this.message = '' + this.isLoading = false + } - async manageGroupOwner(groupObj) { - this.manageGroupId = '' - this.theGroupOwner = '' - this.manageGroupName = '' - this.manageGroupCount = '' - this.manageGroupType = '' - const manageGroupDelay = ms => new Promise(res => setTimeout(res, ms)) - this.manageGroupObj = groupObj - this.manageGroupId = groupObj.groupId - this.theGroupOwner = groupObj.owner - this.manageGroupName = groupObj.groupName - this.manageGroupCount = groupObj.memberCount - this.manageGroupType = groupObj.isOpen - await this.getNewMemberList(groupObj.groupId) - await this.getNewBannedList(groupObj.groupId) - await this.getNewGroupInvitesList(groupObj.groupId) - await this.getNewGroupJoinList(groupObj.groupId) - await manageGroupDelay(1000) - this.shadowRoot.getElementById('manageGroupOwnerDialog').open() - } + async manageGroupOwner(groupObj) { + this.manageGroupId = '' + this.theGroupOwner = '' + this.manageGroupName = '' + this.manageGroupCount = '' + this.manageGroupType = '' + this.manageGroupDescription = '' + const manageGroupDelay = ms => new Promise(res => setTimeout(res, ms)) + this.manageGroupObj = groupObj + this.manageGroupId = groupObj.groupId + this.theGroupOwner = groupObj.owner + this.manageGroupName = groupObj.groupName + this.manageGroupCount = groupObj.memberCount + this.manageGroupType = groupObj.isOpen + this.manageGroupDescription = groupObj.description + await this.getNewMemberList(groupObj.groupId) + await this.getNewBannedList(groupObj.groupId) + await this.getNewGroupInvitesList(groupObj.groupId) + await this.getNewGroupJoinList(groupObj.groupId) + await this.getGoName(groupObj.owner) + await manageGroupDelay(1000) + this.shadowRoot.getElementById('manageGroupOwnerDialog').open() + } - async manageGroupAdmin(groupObj) { - this.manageGroupId = '' - this.theGroupOwner = '' - this.manageGroupName = '' - this.manageGroupCount = '' - this.manageGroupType = '' - const manageGroupDelay = ms => new Promise(res => setTimeout(res, ms)) - this.manageGroupObj = groupObj - this.manageGroupId = groupObj.groupId - this.theGroupOwner = groupObj.owner - this.manageGroupName = groupObj.groupName - this.manageGroupCount = groupObj.memberCount - this.manageGroupType = groupObj.isOpen - await this.getNewMemberList(groupObj.groupId) - await this.getNewBannedList(groupObj.groupId) - await this.getNewGroupInvitesList(groupObj.groupId) - await manageGroupDelay(1000) - this.shadowRoot.getElementById('manageGroupOwnerDialog').open() - } + async manageGroupAdmin(groupObj) { + this.manageGroupId = '' + this.theGroupOwner = '' + this.manageGroupName = '' + this.manageGroupCount = '' + this.manageGroupType = '' + const manageGroupDelay = ms => new Promise(res => setTimeout(res, ms)) + this.manageGroupObj = groupObj + this.manageGroupId = groupObj.groupId + this.theGroupOwner = groupObj.owner + this.manageGroupName = groupObj.groupName + this.manageGroupCount = groupObj.memberCount + this.manageGroupType = groupObj.isOpen + await this.getNewMemberList(groupObj.groupId) + await this.getNewBannedList(groupObj.groupId) + await this.getNewGroupInvitesList(groupObj.groupId) + await this.getGoName(groupObj.owner) + await manageGroupDelay(1000) + this.shadowRoot.getElementById('manageGroupOwnerDialog').open() + } - joinGroup(groupObj) { - this.resetDefaultSettings() - this.joinGroupObj = groupObj - this.shadowRoot.querySelector('#joinDialog').show() - } + openJoinGroup(groupObj) { + this.resetDefaultSettings() + this.joinGroupObj = groupObj + this.shadowRoot.querySelector('#joinDialog').show() + } - leaveGroup(groupObj) { - this.resetDefaultSettings() - this.leaveGroupObj = groupObj - this.shadowRoot.querySelector('#leaveDialog').show() - } + openLeaveGroup(groupObj) { + this.resetDefaultSettings() + this.leaveGroupObj = groupObj + this.shadowRoot.querySelector('#leaveDialog').show() + } - timeIsoString(timestamp) { - let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp - let time = new Date(myTimestamp) - return time.toISOString() - } + timeIsoString(timestamp) { + let myTimestamp = timestamp === undefined ? 1587560082346 : timestamp + let time = new Date(myTimestamp) + return time.toISOString() + } - renderRole(groupObj) { - if (groupObj.owner === this.selectedAddress.address) { - return get("grouppage.gchange10") - } else if (groupObj.isAdmin === true) { - return get("grouppage.gchange52") - } else { - return get("grouppage.gchange53") - } - } + renderRole(groupObj) { + if (groupObj.owner === this.selectedAddress.address) { + return get('grouppage.gchange10') + } else if (groupObj.isAdmin === true) { + return get('grouppage.gchange52') + } else { + return get('grouppage.gchange53') + } + } - renderManageButton(groupObj) { - if (groupObj.owner === this.selectedAddress.address) { - return html` this.manageGroupOwner(groupObj)}>create ${translate("grouppage.gchange40")}` - } else if (groupObj.isAdmin === true) { - return html` this.manageGroupAdmin(groupObj)}>create ${translate("grouppage.gchange40")} -
    this.leaveGroup(groupObj)}>exit_to_app ${translate("grouppage.gchange50")}` - } else { - return html` this.leaveGroup(groupObj)}>exit_to_app ${translate("grouppage.gchange50")}` - } - } + renderManageButton(groupObj) { + if (groupObj.owner === this.selectedAddress.address) { + return html` this.manageGroupOwner(groupObj)}>create ${translate("grouppage.gchange40")}` + } else if (groupObj.isAdmin === true) { + return html` + this.manageGroupAdmin(groupObj)}>create ${translate("grouppage.gchange40")} +
    + this.openLeaveGroup(groupObj)}>exit_to_app ${translate("grouppage.gchange50")} + ` + } else { + return html` this.openLeaveGroup(groupObj)}>exit_to_app ${translate("grouppage.gchange50")}` + } + } - renderManageGroupViews(selectedView) { - if (selectedView.id === 'group-members') { - return html`${this.groupMemberTemplate()}` - } else if (selectedView.id === 'group-banned') { - return html`${this.groupBannedTemplate()}` - } else if (selectedView.id === 'group-invite') { - return html`${this.groupInviteTemplate()}` - } else if (selectedView.id === 'group-admin') { - return html`${this.groupAdminTemplate()}` - } else if (selectedView.id === 'group-update') { - return html`${this.groupUpdateTemplate()}` - } - } + renderDisplayUpdateGroup(owner) { + if (owner === this.selectedAddress.address) { + return html`
  • this.setManageGroupView('group-update')}>${translate("managegroup.mg4")}
    • ` + } else { + return html`` + } + } - renderManageGroupHeaderViews() { - if (this.selectedView.id === 'group-members') { - return html`${translate("managegroup.mg1")}` - } else if (this.selectedView.id === 'group-banned') { - return html`${translate("managegroup.mg25")}` - } else if (this.selectedView.id === 'group-invite') { - return html`${translate("managegroup.mg2")}` - } else if (this.selectedView.id === 'group-admin') { - return html`${translate("managegroup.mg3")}` - } else if (this.selectedView.id === 'group-update') { - return html`${translate("managegroup.mg4")}` - } - } + renderManageGroupViews(selectedView) { + if (selectedView.id === 'group-members') { + return html`${this.groupMemberTemplate()}` + } else if (selectedView.id === 'group-banned') { + return html`${this.groupBannedTemplate()}` + } else if (selectedView.id === 'group-invite') { + return html`${this.groupInviteTemplate()}` + } else if (selectedView.id === 'group-admin') { + return html`${this.groupAdminTemplate()}` + } else if (selectedView.id === 'group-update') { + return html`${this.groupUpdateTemplate()}` + } + } - setManageGroupView(pageId) { - if (pageId === 'group-members') { - return this.selectedView = { id: 'group-members', name: 'Group Members' } - } else if (pageId === 'group-banned') { - return this.selectedView = { id: 'group-banned', name: 'Banned Members' } - } else if (pageId === 'group-invite') { - return this.selectedView = { id: 'group-invite', name: 'Invite To Group' } - } else if (pageId === 'group-admin') { - return this.selectedView = { id: 'group-admin', name: 'Group Admins' } - } else if (pageId === 'group-update') { - return this.selectedView = { id: 'group-update', name: 'Update Group' } - } - } + renderManageGroupHeaderViews() { + if (this.selectedView.id === 'group-members') { + return html`${translate('managegroup.mg1')}` + } else if (this.selectedView.id === 'group-banned') { + return html`${translate('managegroup.mg25')}` + } else if (this.selectedView.id === 'group-invite') { + return html`${translate('managegroup.mg2')}` + } else if (this.selectedView.id === 'group-admin') { + return html`${translate('managegroup.mg3')}` + } else if (this.selectedView.id === 'group-update') { + return html`${translate('managegroup.mg4')}` + } + } - renderAvatar(groupObj) { - let name = groupObj.name - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } + setManageGroupView(pageId) { + if (pageId === 'group-members') { + return this.selectedView = { id: 'group-members', name: 'Group Members' } + } else if (pageId === 'group-banned') { + return this.selectedView = { id: 'group-banned', name: 'Banned Members' } + } else if (pageId === 'group-invite') { + return this.selectedView = { id: 'group-invite', name: 'Invite To Group' } + } else if (pageId === 'group-admin') { + return this.selectedView = { id: 'group-admin', name: 'Group Admins' } + } else if (pageId === 'group-update') { + return this.selectedView = { id: 'group-update', name: 'Update Group' } + } + } - async createGroup(e) { - this.resetDefaultSettings() - const createFeeInput = this.createFee - const groupNameInput = this.shadowRoot.getElementById("groupNameInput").value - const groupDescInput = this.shadowRoot.getElementById("groupDescInput").value - const groupTypeInput = this.shadowRoot.getElementById("groupTypeInput").value - const groupApprovalInput = this.shadowRoot.getElementById("groupApprovalInput").value - const groupMinDelayInput = this.shadowRoot.getElementById("groupMinDelayInput").value - const groupMaxDelayInput = this.shadowRoot.getElementById("groupMaxDelayInput").value + renderAvatar(groupObj) { + let name = groupObj.name + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true}` + return html`` + } - this.isLoading = true + setCreateGroupTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'CREATE_GROUP', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } - const getLastRef = async () => { + async createGroup(e) { + await this.unitCreateGroupFee() + + this.resetDefaultSettings() + + const createFeeInput = this.createGroupFee + const groupNameInput = this.shadowRoot.getElementById('groupNameInput').value + const groupDescInput = this.shadowRoot.getElementById('groupDescInput').value + const groupTypeInput = this.shadowRoot.getElementById('groupTypeInput').value + const groupApprovalInput = this.shadowRoot.getElementById('groupApprovalInput').value + const groupMinDelayInput = this.shadowRoot.getElementById('groupMinDelayInput').value + const groupMaxDelayInput = this.shadowRoot.getElementById('groupMaxDelayInput').value + + this.isLoading = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - const validateReceiver = async () => { - let lastRef = await getLastRef(); - let _groupTypeInput = parseInt(groupTypeInput) - let _groupApprovalInput = parseInt(groupApprovalInput) - let _groupMinDelayInput = parseInt(groupMinDelayInput) - let _groupMaxDelayInput = parseInt(groupMaxDelayInput) + const validateReceiver = async () => { + let lastRef = await getLastRef() + let _groupTypeInput = parseInt(groupTypeInput) + let _groupApprovalInput = parseInt(groupApprovalInput) + let _groupMinDelayInput = parseInt(groupMinDelayInput) + let _groupMaxDelayInput = parseInt(groupMaxDelayInput) - this.resetDefaultSettings() - let myTransaction = await makeTransactionRequest(_groupTypeInput, _groupApprovalInput, _groupMinDelayInput, _groupMaxDelayInput, lastRef) - getTxnRequestResponse(myTransaction) + this.resetDefaultSettings() + let myTransaction = await makeTransactionRequest(_groupTypeInput, _groupApprovalInput, _groupMinDelayInput, _groupMaxDelayInput, lastRef) + getTxnRequestResponse(myTransaction) - } + } + + const makeTransactionRequest = async (_groupTypeInput, _groupApprovalInput, _groupMinDelayInput, _groupMaxDelayInput, lastRef) => { + let groupdialog5 = get('transactions.groupdialog5') + let groupdialog6 = get('transactions.groupdialog6') + let groupdialog7 = get('grouppage.gchange4') + let groupdialog8 = get('grouppage.gchange5') + let groupdialog9 = get('grouppage.gchange13') + let groupTypeDesc + + if (_groupTypeInput === 1) { + groupTypeDesc = get('grouppage.gchange16') + } else { + groupTypeDesc = get('grouppage.gchange17') + } - const makeTransactionRequest = async (_groupTypeInput, _groupApprovalInput, _groupMinDelayInput, _groupMaxDelayInput, lastRef) => { - let groupdialog5 = get("transactions.groupdialog5") - let groupdialog6 = get("transactions.groupdialog6") - let groupdialog7 = get("grouppage.gchange4") - let groupdialog8 = get("grouppage.gchange5") - let groupdialog9 = get("grouppage.gchange13") return await parentEpml.request('transaction', { type: 22, nonce: this.selectedAddress.nonce, @@ -2808,90 +2827,256 @@ class GroupManagement extends LitElement { groupdialog7: groupdialog7, groupdialog8: groupdialog8, groupdialog9: groupdialog9, - } + groupTypeDesc: groupTypeDesc + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderErr1Text() - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.error = false + this.message = this.renderErr1Text() + this.setCreateGroupTxNotification({ + groupNameInput, + groupDescInput, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - if (groupNameInput.length < 3) { - this.error = true - this.message = this.renderErr2Text() - this.isLoading = false - } else if (groupDescInput.length < 3) { - this.error = true - this.message = this.renderErr3Text() - this.isLoading = false - } else if (groupTypeInput === 'reject') { - this.error = true - this.message = this.renderErr4Text() - this.isLoading = false - } else if (groupApprovalInput === 'reject') { - this.error = true - this.message = this.renderErr5Text() - this.isLoading = false - } else if (groupMinDelayInput === 'reject') { - this.error = true - this.message = this.renderErr6Text() - this.isLoading = false - } else if (groupMaxDelayInput === 'reject') { - this.error = true - this.message = this.renderErr7Text() - this.isLoading = false - } else { - this.error = false - await validateReceiver() - } - } + if (groupNameInput.length < 3) { + this.error = true + this.message = this.renderErr2Text() + this.isLoading = false + } else if (groupDescInput.length < 3) { + this.error = true + this.message = this.renderErr3Text() + this.isLoading = false + } else if (groupTypeInput === 'reject') { + this.error = true + this.message = this.renderErr4Text() + this.isLoading = false + } else if (groupApprovalInput === 'reject') { + this.error = true + this.message = this.renderErr5Text() + this.isLoading = false + } else if (groupMinDelayInput === 'reject') { + this.error = true + this.message = this.renderErr6Text() + this.isLoading = false + } else if (groupMaxDelayInput === 'reject') { + this.error = true + this.message = this.renderErr7Text() + this.isLoading = false + } else { + this.error = false + await validateReceiver() + } + } - setTxNotification(tx){ - window.parent.reduxStore.dispatch( - window.parent.reduxAction.setNewNotification({ - type: 'JOIN_GROUP', - status: 'confirming', - reference: tx, - timestamp: Date.now() - }) - ); - } + setUpdateGroupTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'UPDATE_GROUP', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } - async _joinGroup(groupId, groupName) { - this.resetDefaultSettings() - const joinFeeInput = this.joinFee + async updateGroup(e) { + await this.unitUpdateGroupFee() - this.isLoading = true + this.resetDefaultSettings() - const getLastRef = async () => { + const updateFeeInput = this.updateGroupFee + const newGroupIdInput = this.shadowRoot.getElementById('newGroupIdInput').value + const newGroupOwnerInput = this.shadowRoot.getElementById('newGroupOwnerInput').value + const newGroupNameInput = this.shadowRoot.getElementById('newGroupNameInput').value + const newGroupDescInput = this.shadowRoot.getElementById('newGroupDescInput').value + const newGroupTypeInput = this.shadowRoot.getElementById('newGroupTypeInput').value + const newGroupApprovalInput = this.shadowRoot.getElementById('newGroupApprovalInput').value + const newGroupMinDelayInput = this.shadowRoot.getElementById('newGroupMinDelayInput').value + const newGroupMaxDelayInput = this.shadowRoot.getElementById('newGroupMaxDelayInput').value + + this.isLoading = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - const validateReceiver = async () => { - let lastRef = await getLastRef(); - this.resetDefaultSettings() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) + const validateAddress = async (receiverAddress) => { + return await window.parent.validateAddress(receiverAddress) + } - } + const validateReceiver = async (recipient) => { + let lastRef = await getLastRef() + let _newGroupIdInput = parseInt(newGroupIdInput) + let _newGroupTypeInput = parseInt(newGroupTypeInput) + let _newGroupApprovalInput = parseInt(newGroupApprovalInput) + let _newGroupMinDelayInput = parseInt(newGroupMinDelayInput) + let _newGroupMaxDelayInput = parseInt(newGroupMaxDelayInput) + let isAddress - const makeTransactionRequest = async (lastRef) => { - let groupdialog1 = get("transactions.groupdialog1") - let groupdialog2 = get("transactions.groupdialog2") + try { + isAddress = await validateAddress(recipient) + } catch (err) { + isAddress = false + } + + if (isAddress) { + this.resetDefaultSettings() + let myTransaction = await makeTransactionRequest(_newGroupIdInput, _newGroupTypeInput, _newGroupApprovalInput, _newGroupMinDelayInput, _newGroupMaxDelayInput, lastRef) + getTxnRequestResponse(myTransaction) + } else { + this.error = true + this.message = this.renderErr10Text() + this.isLoading = false + } + } + + const makeTransactionRequest = async (_newGroupIdInput, _newGroupTypeInput, _newGroupApprovalInput, _newGroupMinDelayInput, _newGroupMaxDelayInput, lastRef) => { + let updategroupdialog1 = get('grouppage.gchange62') + let updategroupdialog2 = get('grouppage.gchange63') + let updategroupdialog3 = get('grouppage.gchange64') + let updategroupdialog4 = get('grouppage.gchange4') + let updategroupdialog5 = get('grouppage.gchange5') + let updategroupdialog6 = get('grouppage.gchange13') + let groupTypeDesc + + if (_newGroupTypeInput === 1) { + groupTypeDesc = get('grouppage.gchange16') + } else { + groupTypeDesc = get('grouppage.gchange17') + } + + return await parentEpml.request('transaction', { + type: 23, + nonce: this.selectedAddress.nonce, + params: { + fee: updateFeeInput, + lastReference: lastRef, + newGroupId: _newGroupIdInput, + newName: newGroupNameInput, + newOwner: newGroupOwnerInput, + newDescription: newGroupDescInput, + newIsOpen: _newGroupTypeInput, + newApprovalThreshold: _newGroupApprovalInput, + newMinimumBlockDelay: _newGroupMinDelayInput, + newMaximumBlockDelay: _newGroupMaxDelayInput, + updategroupdialog1: updategroupdialog1, + updategroupdialog2: updategroupdialog2, + updategroupdialog3: updategroupdialog3, + updategroupdialog4: updategroupdialog4, + updategroupdialog5: updategroupdialog5, + updategroupdialog6: updategroupdialog6, + groupTypeDesc: groupTypeDesc + }, + apiVersion: 2 + }) + } + + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.error = false + this.message = this.renderErr11Text() + this.setUpdateGroupTxNotification({ + newGroupNameInput, + newGroupDescInput, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } + + if (newGroupNameInput.length < 3) { + this.error = true + this.message = this.renderErr2Text() + this.isLoading = false + } else if (newGroupDescInput.length < 3) { + this.error = true + this.message = this.renderErr3Text() + this.isLoading = false + } else if (newGroupTypeInput === 'reject') { + this.error = true + this.message = this.renderErr4Text() + this.isLoading = false + } else if (newGroupApprovalInput === 'reject') { + this.error = true + this.message = this.renderErr5Text() + this.isLoading = false + } else if (newGroupMinDelayInput === 'reject') { + this.error = true + this.message = this.renderErr6Text() + this.isLoading = false + } else if (newGroupMaxDelayInput === 'reject') { + this.error = true + this.message = this.renderErr7Text() + this.isLoading = false + } else { + this.error = false + await validateReceiver(newGroupOwnerInput) + } + } + + setJoinGroupTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'JOIN_GROUP', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async joinGroup(groupId, groupName) { + await this.unitJoinGroupFee() + + this.resetDefaultSettings() + const joinFeeInput = this.joinGroupFee + + this.isLoading = true + + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.selectedAddress.address}` + }) + } + + const validateReceiver = async () => { + let lastRef = await getLastRef() + this.resetDefaultSettings() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } + + const makeTransactionRequest = async (lastRef) => { + let groupdialog1 = get('transactions.groupdialog1') + let groupdialog2 = get('transactions.groupdialog2') return await parentEpml.request('transaction', { type: 31, nonce: this.selectedAddress.nonce, @@ -2906,56 +3091,68 @@ class GroupManagement extends LitElement { }, apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderErr8Text() - this.setTxNotification({ - groupName, - groupId, - timestamp: Date.now(), - ...(txnResponse.data || {}) - }) - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } - await validateReceiver() - this.resetDefaultSettings() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.error = false + this.message = this.renderErr8Text() + this.setJoinGroupTxNotification({ + groupName, + groupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - async _leaveGroup(groupId, groupName) { - this.resetDefaultSettings() - const leaveFeeInput = this.leaveFee + await validateReceiver() + } - this.isLoading = true + setLeaveGroupTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'LEAVE_GROUP', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } - const getLastRef = async () => { + async leaveGroup(groupId, groupName) { + await this.unitLeaveGroupFee() + + this.resetDefaultSettings() + const leaveFeeInput = this.leaveGroupFee + + this.isLoading = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - const validateReceiver = async () => { - let lastRef = await getLastRef(); - this.resetDefaultSettings() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) + const validateReceiver = async () => { + let lastRef = await getLastRef() + this.resetDefaultSettings() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - } - - const makeTransactionRequest = async (lastRef) => { - let groupdialog3 = get("transactions.groupdialog3") - let groupdialog4 = get("transactions.groupdialog4") + const makeTransactionRequest = async (lastRef) => { + let groupdialog3 = get('transactions.groupdialog3') + let groupdialog4 = get('transactions.groupdialog4') return await parentEpml.request('transaction', { type: 32, nonce: this.selectedAddress.nonce, @@ -2967,62 +3164,81 @@ class GroupManagement extends LitElement { lastReference: lastRef, groupdialog3: groupdialog3, groupdialog4: groupdialog4 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.error = false + this.message = this.renderErr9Text() + this.setLeaveGroupTxNotification({ + groupName, + groupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderErr9Text() - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } - await validateReceiver() - this.resetDefaultSettings() - } + await validateReceiver() + } - async createBanMember(groupId) { - const member = this.shadowRoot.getElementById('toBanAddress').value - const reason = this.shadowRoot.getElementById('banReason').value - const banTime = this.shadowRoot.getElementById('banMemberTime').value - const createBanFeeInput = this.createBanFee - const theGroupId = groupId - this.isLoading = true - this.btnDisable = true + setCreateBanMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'GROUP_BAN', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } - const getLastRef = async () => { + async createBanMember(groupId) { + await this.unitCreateBanFee() + + const member = this.shadowRoot.getElementById('toBanAddress').value + const reason = this.shadowRoot.getElementById('banReason').value + const banTime = this.shadowRoot.getElementById('banMemberTime').value + const createBanFeeInput = this.createBanFee + const theGroupId = groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let _banTime = parseInt(banTime) - let myTransaction = await makeTransactionRequest(_banTime, lastRef) - getTxnRequestResponse(myTransaction) + const validateReceiver = async () => { + let lastRef = await getLastRef() + let _banTime = parseInt(banTime) + let myTransaction = await makeTransactionRequest(_banTime, lastRef) + getTxnRequestResponse(myTransaction) + } - } - - const makeTransactionRequest = async (_banTime, lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = createBanFeeInput - const myBanTime = _banTime - const myReason = reason - const myBanMemberDialog1 = get("managegroup.mg22") - const myBanMemberDialog2 = get("managegroup.mg23") + const makeTransactionRequest = async (_banTime, lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = createBanFeeInput + const myBanTime = _banTime + const myReason = reason + const myBanMemberDialog1 = get('managegroup.mg22') + const myBanMemberDialog2 = get('managegroup.mg23') return await parentEpml.request('transaction', { type: 26, @@ -3036,79 +3252,99 @@ class GroupManagement extends LitElement { lastReference: myLastRef, banMemberDialog1: myBanMemberDialog1, banMemberDialog2: myBanMemberDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('toBanName').value = '' - this.shadowRoot.getElementById('toBanAddress').value = '' - this.shadowRoot.getElementById("banReason").value = '' - this.shadowRoot.getElementById("banMemberTime").value = 'reject' - this.toBanName = '' - this.toBanAddress = '' - this.banReason = '' - this.errorMessage = '' - this.toBanAddress = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setCreateBanMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('toBanName').value = '' + this.shadowRoot.getElementById('toBanAddress').value = '' + this.shadowRoot.getElementById('banReason').value = '' + this.shadowRoot.getElementById('banMemberTime').value = 'reject' + this.toBanName = '' + this.toBanAddress = '' + this.banReason = '' + this.errorMessage = '' + this.toBanAddress = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - if (reason.length < 3) { - this.error = true - this.message = this.renderErr2Text() - this.isLoading = false - } else if (banTime === 'reject') { - this.error = true - this.message = this.renderErr4Text() - this.isLoading = false - } else { - this.error = false - await validateReceiver() - } - } + if (reason.length < 3) { + this.error = true + this.message = this.renderErr2Text() + this.isLoading = false + } else if (banTime === 'reject') { + this.error = true + this.message = this.renderErr4Text() + this.isLoading = false + } else { + this.error = false + await validateReceiver() + } + } - async cancelBanMember(groupId) { - const member = this.shadowRoot.getElementById('toCancelBanAddress').value - const cancelBanFeeInput = this.cancelBanFee - const theGroupId = groupId - this.isLoading = true - this.btnDisable = true + setCancelBanMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'CANCEL_GROUP_BAN', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } - const getLastRef = async () => { + async cancelBanMember(groupId) { + await this.unitCancelBanFee() + + const member = this.shadowRoot.getElementById('toCancelBanAddress').value + const cancelBanFeeInput = this.cancelBanFee + const theGroupId = groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - } - - const makeTransactionRequest = async (lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = cancelBanFeeInput - const myCancelBanMemberDialog1 = get("managegroup.mg29") - const myCancelBanMemberDialog2 = get("managegroup.mg30") + const makeTransactionRequest = async (lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = cancelBanFeeInput + const myCancelBanMemberDialog1 = get('managegroup.mg29') + const myCancelBanMemberDialog2 = get('managegroup.mg30') return await parentEpml.request('transaction', { type: 27, @@ -3120,62 +3356,185 @@ class GroupManagement extends LitElement { lastReference: myLastRef, cancelBanMemberDialog1: myCancelBanMemberDialog1, cancelBanMemberDialog2: myCancelBanMemberDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('toCancelBanAddress').value = '' - this.toCancelBanAddress = '' - this.errorMessage = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setCancelBanMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('toCancelBanAddress').value = '' + this.toCancelBanAddress = '' + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - async createInviteGroupMember(_inviteMemberNameInfo, _nviteMemberTime, _inviteGroupId) { - const member = _inviteMemberNameInfo - const inviteTime = _nviteMemberTime - const inviteGroupMemberFeeInput = this.inviteGroupMemberFee - const theGroupId = _inviteGroupId - this.isLoading = true - this.btnDisable = true + await validateReceiver() + } - const getLastRef = async () => { + setKickGroupMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'GROUP_KICK', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async kickGroupMember(groupId) { + await this.unitKickGroupMemberFee() + + const member = this.shadowRoot.getElementById('toKickMemberAddress').value + const reason = this.shadowRoot.getElementById('kickMemberReason').value + const kickGroupMemberFeeInput = this.kickGroupMemberFee + const theGroupId = groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = inviteGroupMemberFeeInput - const myInviteTime = inviteTime - const myInviteMemberDialog1 = get("managegroup.mg40") - const myInviteMemberDialog2 = get("managegroup.mg41") + const makeTransactionRequest = async (lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = kickGroupMemberFeeInput + const myReason = reason + const myKickMemberDialog1 = get('managegroup.mg33') + const myKickMemberDialog2 = get('managegroup.mg34') + + return await parentEpml.request('transaction', { + type: 28, + nonce: this.selectedAddress.nonce, + params: { + fee: myFee, + recipient: myMember, + rGroupId: myGroupId, + rBanReason: myReason, + lastReference: myLastRef, + kickMemberDialog1: myKickMemberDialog1, + kickMemberDialog2: myKickMemberDialog2 + }, + apiVersion: 2 + }) + } + + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setKickGroupMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('toKickMemberName').value = '' + this.shadowRoot.getElementById('toKickMemberAddress').value = '' + this.shadowRoot.getElementById('kickMemberReason').value = '' + this.toKickMemberName = '' + this.toKickMemberAddress = '' + this.kickMemberReason = '' + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + + if (reason.length < 3) { + this.error = true + this.message = this.renderErr2Text() + this.isLoading = false + } else { + this.error = false + await validateReceiver() + } + } + + setCreateInviteGroupMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'GROUP_INVITE', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async createInviteGroupMember(_inviteMemberNameInfo, _nviteMemberTime, _inviteGroupId) { + await this.unitInviteGroupMemberFee() + + const member = _inviteMemberNameInfo + const inviteTime = _nviteMemberTime + const inviteGroupMemberFeeInput = this.inviteGroupMemberFee + const theGroupId = _inviteGroupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.selectedAddress.address}` + }) + } + + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } + + const makeTransactionRequest = async (lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = inviteGroupMemberFeeInput + const myInviteTime = inviteTime + const myInviteMemberDialog1 = get('managegroup.mg40') + const myInviteMemberDialog2 = get('managegroup.mg41') return await parentEpml.request('transaction', { type: 29, @@ -3188,64 +3547,86 @@ class GroupManagement extends LitElement { lastReference: myLastRef, inviteMemberDialog1: myInviteMemberDialog1, inviteMemberDialog2: myInviteMemberDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('toInviteMemberToGroup').value = '' - this.shadowRoot.getElementById("inviteMemberTime").value = 'reject' - this.toInviteMemberToGroup = '' - this.inviteMemberTime = 'reject' - this.errorMessage = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setCreateInviteGroupMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('toInviteMemberToGroup').value = '' + this.shadowRoot.getElementById('inviteMemberTime').value = 'reject' + this.toInviteMemberToGroup = '' + this.inviteMemberTime = 'reject' + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - async cancelInviteGroupMember(groupId) { - const name = this.shadowRoot.getElementById('toCancelInviteMemberName').value - const member = this.shadowRoot.getElementById('toCancelInviteMemberAddress').value - const cancelInviteGroupMemberFeeInput = this.cancelInviteGroupMemberFee - const theGroupId = groupId - this.isLoading = true - this.btnDisable = true + await validateReceiver() + } - const getLastRef = async () => { + setCancelInviteGroupMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'CANCEL_GROUP_INVITE', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async cancelInviteGroupMember(groupId) { + await this.unitCancelInviteGroupMemberFee() + + const name = this.shadowRoot.getElementById('toCancelInviteMemberName').value + const member = this.shadowRoot.getElementById('toCancelInviteMemberAddress').value + const cancelInviteGroupMemberFeeInput = this.cancelInviteGroupMemberFee + const theGroupId = groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myName = name - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = cancelInviteGroupMemberFeeInput - const myCancelInviteDialog1 = get("managegroup.mg48") - const myCancelInviteDialog2 = get("managegroup.mg49") + const makeTransactionRequest = async (lastRef) => { + const myName = name + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = cancelInviteGroupMemberFeeInput + const myCancelInviteDialog1 = get('managegroup.mg48') + const myCancelInviteDialog2 = get('managegroup.mg49') return await parentEpml.request('transaction', { type: 30, @@ -3258,64 +3639,86 @@ class GroupManagement extends LitElement { lastReference: myLastRef, cancelInviteDialog1: myCancelInviteDialog1, cancelInviteDialog2: myCancelInviteDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('toCancelInviteMemberName').value = '' - this.shadowRoot.getElementById('toCancelInviteMemberAddress').value = '' - this.toCancelInviteMemberName = '' - this.toCancelInviteMemberAddress = '' - this.errorMessage = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setCancelInviteGroupMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('toCancelInviteMemberName').value = '' + this.shadowRoot.getElementById('toCancelInviteMemberAddress').value = '' + this.toCancelInviteMemberName = '' + this.toCancelInviteMemberAddress = '' + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - async createAcceptJoinGroupMember(joinObj) { - const member = joinObj.owner - const inviteTime = joinObj.time - const inviteGroupMemberFeeInput = this.inviteGroupMemberFee - const theGroupId = joinObj.groupId - this.isLoading = true - this.btnDisable = true + await validateReceiver() + } - const getLastRef = async () => { + setCreateAcceptJoinGroupMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'GROUP_INVITE', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async createAcceptJoinGroupMember(joinObj) { + await this.unitInviteGroupMemberFee() + + const member = joinObj.owner + const inviteTime = joinObj.time + const inviteGroupMemberFeeInput = this.inviteGroupMemberFee + const theGroupId = joinObj.groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = inviteGroupMemberFeeInput - const myInviteTime = inviteTime - const myInviteMemberDialog1 = get("managegroup.mg55") - const myInviteMemberDialog2 = get("managegroup.mg56") + const makeTransactionRequest = async (lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = inviteGroupMemberFeeInput + const myInviteTime = inviteTime + const myInviteMemberDialog1 = get('managegroup.mg55') + const myInviteMemberDialog2 = get('managegroup.mg56') return await parentEpml.request('transaction', { type: 29, @@ -3328,63 +3731,85 @@ class GroupManagement extends LitElement { lastReference: myLastRef, inviteMemberDialog1: myInviteMemberDialog1, inviteMemberDialog2: myInviteMemberDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.shadowRoot.querySelector('#errorJoinDialog').show() - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.querySelector('#successJoinDialog').show() - this.errorMessage = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.shadowRoot.querySelector('#errorJoinDialog').show() - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.shadowRoot.querySelector('#errorJoinDialog').show() + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setCreateAcceptJoinGroupMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.querySelector('#successJoinDialog').show() + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.shadowRoot.querySelector('#errorJoinDialog').show() + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - async kickJoinGroupMember(joinObj) { - const member = joinObj.owner - const reason = joinObj.reason - const kickGroupMemberFeeInput = this.kickGroupMemberFee - const theGroupId = joinObj.groupId - this.isLoading = true - this.btnDisable = true + await validateReceiver() + } - const getLastRef = async () => { + setKickJoinGroupMemberTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'GROUP_KICK', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async kickJoinGroupMember(joinObj) { + await this.unitKickGroupMemberFee() + + const member = joinObj.owner + const reason = joinObj.reason + const kickGroupMemberFeeInput = this.kickGroupMemberFee + const theGroupId = joinObj.groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = kickGroupMemberFeeInput - const myReason = reason - const myKickMemberDialog1 = get("managegroup.mg60") - const myKickMemberDialog2 = get("managegroup.mg61") + const makeTransactionRequest = async (lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = kickGroupMemberFeeInput + const myReason = reason + const myKickMemberDialog1 = get('managegroup.mg60') + const myKickMemberDialog2 = get('managegroup.mg61') return await parentEpml.request('transaction', { type: 28, @@ -3397,61 +3822,83 @@ class GroupManagement extends LitElement { lastReference: myLastRef, kickMemberDialog1: myKickMemberDialog1, kickMemberDialog2: myKickMemberDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.shadowRoot.querySelector('#cancelErrorJoinDialog').show() - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.querySelector('#cancelSuccessJoinDialog').show() - this.errorMessage = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.shadowRoot.querySelector('#cancelErrorJoinDialog').show() - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.shadowRoot.querySelector('#cancelErrorJoinDialog').show() + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setKickJoinGroupMemberTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.querySelector('#cancelSuccessJoinDialog').show() + this.errorMessage = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.shadowRoot.querySelector('#cancelErrorJoinDialog').show() + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - async addGroupAdmin(groupId) { - const member = this.shadowRoot.getElementById('memberToAdmin').value - const addGroupAdminFeeInput = this.addGroupAdminFee - const theGroupId = groupId - this.isLoading = true - this.btnDisable = true + await validateReceiver() + } - const getLastRef = async () => { + setAddGroupAdminTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'ADD_GROUP_ADMIN', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async addGroupAdmin(groupId) { + await this.unitAddGroupAdminFee() + + const member = this.shadowRoot.getElementById('memberToAdmin').value + const addGroupAdminFeeInput = this.addGroupAdminFee + const theGroupId = groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = addGroupAdminFeeInput - const myAddAdminDialog1 = get("managegroup.mg11") - const myAddAdminDialog2 = get("managegroup.mg12") + const makeTransactionRequest = async (lastRef) => { + const myMember = member + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = addGroupAdminFeeInput + const myAddAdminDialog1 = get('managegroup.mg11') + const myAddAdminDialog2 = get('managegroup.mg12') return await parentEpml.request('transaction', { type: 24, @@ -3463,188 +3910,142 @@ class GroupManagement extends LitElement { lastReference: myLastRef, addAdminDialog1: myAddAdminDialog1, addAdminDialog2: myAddAdminDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('memberToAdmin').value = '' - this.errorMessage = '' - this.memberToAdmin = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setAddGroupAdminTxNotification({ + member, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('memberToAdmin').value = '' + this.errorMessage = '' + this.memberToAdmin = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - async kickGroupMember(groupId) { - const member = this.shadowRoot.getElementById('toKickMemberAddress').value - const reason = this.shadowRoot.getElementById('kickMemberReason').value - const kickGroupMemberFeeInput = this.kickGroupMemberFee - const theGroupId = groupId - this.isLoading = true - this.btnDisable = true + await validateReceiver() + } - const getLastRef = async () => { + setRemoveGroupAdminTxNotification(tx) { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewNotification({ + type: 'REMOVE_GROUP_ADMIN', + status: 'confirming', + reference: tx, + timestamp: Date.now() + }) + ) + } + + async removeGroupAdmin(groupId) { + await this.unitRemoveGroupAdminFee() + + const removeAdmin = this.shadowRoot.getElementById('removeGroupAdminAddress').value + const removeGroupAdminFeeInput = this.removeGroupAdminFee + const theGroupId = groupId + + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myMember = member - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = kickGroupMemberFeeInput - const myReason = reason - const myKickMemberDialog1 = get("managegroup.mg33") - const myKickMemberDialog2 = get("managegroup.mg34") - - return await parentEpml.request('transaction', { - type: 28, - nonce: this.selectedAddress.nonce, - params: { - fee: myFee, - recipient: myMember, - rGroupId: myGroupId, - rBanReason: myReason, - lastReference: myLastRef, - kickMemberDialog1: myKickMemberDialog1, - kickMemberDialog2: myKickMemberDialog2 - } - }) - } - - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('toKickMemberName').value = '' - this.shadowRoot.getElementById('toKickMemberAddress').value = '' - this.shadowRoot.getElementById('kickMemberReason').value = '' - this.toKickMemberName = '' - this.toKickMemberAddress = '' - this.kickMemberReason = '' - this.errorMessage = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - - if (reason.length < 3) { - this.error = true - this.message = this.renderErr2Text() - this.isLoading = false - } else { - this.error = false - await validateReceiver() - } - } - - async kickGroupAdmin(groupId) { - const kickAdmin = this.shadowRoot.getElementById('kickGroupAdminAddress').value - const kickGroupAdminFeeInput = this.kickGroupAdminFee - const theGroupId = groupId - this.isLoading = true - this.btnDisable = true - - const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.selectedAddress.address}` - }) - } - - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - - } - - const makeTransactionRequest = async (lastRef) => { - const myKickAdmin = kickAdmin - const myLastRef = lastRef - const myGroupId = theGroupId - const myFee = kickGroupAdminFeeInput - const myKickAdminDialog1 = get("managegroup.mg15") - const myKickAdminDialog2 = get("managegroup.mg16") + const makeTransactionRequest = async (lastRef) => { + const myRemoveAdmin = removeAdmin + const myLastRef = lastRef + const myGroupId = theGroupId + const myFee = removeGroupAdminFeeInput + const myKickAdminDialog1 = get('managegroup.mg15') + const myKickAdminDialog2 = get('managegroup.mg16') return await parentEpml.request('transaction', { type: 25, nonce: this.selectedAddress.nonce, params: { fee: myFee, - recipient: myKickAdmin, + recipient: myRemoveAdmin, rGroupId: myGroupId, lastReference: myLastRef, kickAdminDialog1: myKickAdminDialog1, kickAdminDialog2: myKickAdminDialog2 - } + }, + apiVersion: 2 }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('kickGroupAdminAddress').value = '' - this.errorMessage = '' - this.kickGroupAdminAddress = '' - this.successMessage = this.renderSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.setRemoveGroupAdminTxNotification({ + removeAdmin, + theGroupId, + timestamp: Date.now(), + ...(txnResponse.data || {}) + }) + this.shadowRoot.getElementById('removeGroupAdminAddress').value = '' + this.errorMessage = '' + this.removeGroupAdminAddress = '' + this.successMessage = this.renderSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + await validateReceiver() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('group-management', GroupManagement) +window.customElements.define('group-management', GroupManagement) \ No newline at end of file diff --git a/plugins/plugins/core/group-management/group-transaction/group-transaction.src.js b/plugins/plugins/core/group-management/group-transaction/group-transaction.src.js deleted file mode 100644 index 6fe47a15..00000000 --- a/plugins/plugins/core/group-management/group-transaction/group-transaction.src.js +++ /dev/null @@ -1,169 +0,0 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' - -import '@polymer/paper-spinner/paper-spinner-lite.js' - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class GroupTransaction extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - upTime: { type: String }, - mintingAccounts: { type: Array }, - peers: { type: Array }, - addMintingAccountLoading: { type: Boolean }, - removeMintingAccountLoading: { type: Boolean }, - addPeerLoading: { type: Boolean }, - confPeerLoading: { type: Boolean }, - addMintingAccountKey: { type: String }, - removeMintingAccountKey: { type: String }, - addPeerMessage: { type: String }, - confPeerMessage: { type: String }, - addMintingAccountMessage: { type: String }, - removeMintingAccountMessage: { type: String }, - tempMintingAccount: { type: Object }, - selectedAddress: { type: Object } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - } - - paper-spinner-lite{ - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } - - #group-transaction-page { - background:#fff; - } - - mwc-textfield { - width:100%; - } - - .red { - --mdc-theme-primary: red; - } - - .red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } - - mwc-button.red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } - - .group-transaction-card { - padding:12px 24px; - background:#fff; - border-radius:2px; - box-shadow: 11; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color:#333; - font-weight: 400; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - .details { - display: flex; - font-size: 18px; - } - - ` - } - - constructor() { - super() - this.upTime = "" - this.mintingAccounts = [] - this.peers = [] - this.addPeerLoading = false - this.confPeerLoading = false - this.addMintingAccountLoading = false - this.removeMintingAccountLoading = false - this.addMintingAccountKey = '' - this.removeMintingAccountKey = '' - this.addPeerMessage = '' - this.confPeerMessage = '' - this.addMintingAccountMessage = '' - this.removeMintingAccountMessage = '' - this.tempMintingAccount = {} - this.selectedAddress = {} - this.config = { - user: { - node: { - - } - } - } - } - - render() { - return html` -
    -
    -

    Group Transaction

    -

    ${this.addMintingAccountMessage}

    -
    -
    - ` - } - - firstUpdated() { - - const getGroupIdFromURL = () => { - let tempUrl = document.location.href - let decodeTempUrl = decodeURI(tempUrl) - let splitedUrl = decodeTempUrl.split('?') - this.addMintingAccountMessage = splitedUrl[1] - } - - getGroupIdFromURL() - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - // setTimeout(getGroupIdFromURL, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - - parentEpml.imReady() - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } -} - -window.customElements.define('group-transaction', GroupTransaction) diff --git a/plugins/plugins/core/group-management/group-transaction/index.html b/plugins/plugins/core/group-management/group-transaction/index.html deleted file mode 100644 index 762c75a1..00000000 --- a/plugins/plugins/core/group-management/group-transaction/index.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/plugins/plugins/core/index.html b/plugins/plugins/core/index.html deleted file mode 100644 index 084e05ff..00000000 --- a/plugins/plugins/core/index.html +++ /dev/null @@ -1 +0,0 @@ -

    Core plugin

    \ No newline at end of file diff --git a/plugins/plugins/core/main.src.js b/plugins/plugins/core/main.src.js index 6cce4be9..a58c5942 100644 --- a/plugins/plugins/core/main.src.js +++ b/plugins/plugins/core/main.src.js @@ -1,44 +1,22 @@ -import {parentEpml} from './connect.js'; -import './streams/streams.js'; +import { parentEpml } from './connect' +import './streams/streams' let config = {} let haveRegisteredNodeManagement = false parentEpml.ready().then(() => { - // pluginUrlsConf + // Urls for plugins let pluginUrlsConf = [ { - url: 'overview-page', + url: 'wallet', domain: 'core', - page: 'overview-page/index.html', - title: 'Overview Page', - icon: 'vaadin:info-circle', - mwcicon: 'home', - pluginNumber: 'plugin-OgcWeXBWBt', + page: 'wallet/index.html', + title: 'Wallets', + icon: 'vaadin:wallet', + mwcicon: 'account_balance_wallet', + pluginNumber: 'plugin-kyhKaCIAZH', menus: [], - parent: false, - }, - { - url: 'minting', - domain: 'core', - page: 'minting/index.html', - title: 'Minting Details', - icon: 'vaadin:info-circle', - mwcicon: 'info_outline', - pluginNumber: 'plugin-iqKYTJzlcM', - menus: [], - parent: false, - }, - { - url: 'become-minter', - domain: 'core', - page: 'become-minter/index.html', - title: 'Become a Minter', - icon: 'vaadin:thumbs-up', - mwcicon: 'thumb_up', - pluginNumber: 'plugin-dVbRYnJNTs', - menus: [], - parent: false, + parent: false }, { url: 'sponsorship-list', @@ -49,18 +27,7 @@ parentEpml.ready().then(() => { mwcicon: 'format_list_numbered', pluginNumber: 'plugin-YxcLlHkgBl', menus: [], - parent: false, - }, - { - url: 'wallet', - domain: 'core', - page: 'wallet/index.html', - title: 'Wallets', - icon: 'vaadin:wallet', - mwcicon: 'account_balance_wallet', - pluginNumber: 'plugin-kyhKaCIAZH', - menus: [], - parent: false, + parent: false }, { url: 'trade-portal', @@ -71,7 +38,7 @@ parentEpml.ready().then(() => { mwcicon: 'format_list_bulleted', pluginNumber: 'plugin-zJoESuTpMG', menus: [], - parent: false, + parent: false }, { url: 'trade-bot-portal', @@ -82,29 +49,18 @@ parentEpml.ready().then(() => { mwcicon: 'shop', pluginNumber: 'plugin-mwPkCdVHsb', menus: [], - parent: false, - }, - { - url: 'reward-share', - domain: 'core', - page: 'reward-share/index.html', - title: 'Reward Share', - icon: 'vaadin:share-square', - mwcicon: 'ios_share', - pluginNumber: 'plugin-PWZGtSxbPX', - menus: [], - parent: false, + parent: false }, { url: 'q-chat', domain: 'core', - page: 'messaging/q-chat/index.html', + page: 'q-chat/index.html', title: 'Q-Chat', icon: 'vaadin:chat', mwcicon: 'forum', pluginNumber: 'plugin-qhsyOnpRhT', menus: [], - parent: false, + parent: false }, { url: 'name-registration', @@ -115,40 +71,18 @@ parentEpml.ready().then(() => { mwcicon: 'manage_accounts', pluginNumber: 'plugin-qCmtXAQmtu', menus: [], - parent: false, + parent: false }, { - url: 'names-market', + url: 'reward-share', domain: 'core', - page: 'names-market/index.html', - title: 'Names Market', - icon: 'vaadin:shop', - mwcicon: 'store', - pluginNumber: 'plugin-VVPhpHMnKM', + page: 'reward-share/index.html', + title: 'Reward Share', + icon: 'vaadin:share-square', + mwcicon: 'ios_share', + pluginNumber: 'plugin-PWZGtSxbPX', menus: [], - parent: false, - }, - { - url: 'websites', - domain: 'core', - page: 'qdn/index.html', - title: 'Websites', - icon: 'vaadin:desktop', - mwcicon: 'desktop_mac', - pluginNumber: 'plugin-shITeUVkLG', - menus: [], - parent: false, - }, - { - url: 'qapps', - domain: 'core', - page: 'q-app/index.html', - title: 'Q-Apps', - icon: 'vaadin:external-browser', - mwcicon: 'apps', - pluginNumber: 'plugin-MpiMASnQsT', - menus: [], - parent: false, + parent: false }, { url: 'group-management', @@ -159,29 +93,62 @@ parentEpml.ready().then(() => { mwcicon: 'group', pluginNumber: 'plugin-fJZNpyLGTl', menus: [], - parent: false, + parent: false }, { - url: 'data-management', + url: 'minting', domain: 'core', - page: 'qdn/data-management/index.html', - title: 'Data Management', - icon: 'vaadin:database', - mwcicon: 'storage', - pluginNumber: 'plugin-QtaXNXHvRg', + page: 'minting-info/index.html', + title: 'Minting Details', + icon: 'vaadin:info-circle', + mwcicon: 'info_outline', + pluginNumber: 'plugin-iqKYTJzlcM', menus: [], - parent: false, + parent: false }, { - url: 'puzzles', + url: 'become-minter', domain: 'core', - page: 'puzzles/index.html', - title: 'Puzzles', - icon: 'vaadin:puzzle-piece', - mwcicon: 'extension', - pluginNumber: 'plugin-wCGRmXRxht', + page: 'become-minter/index.html', + title: 'Become a Minter', + icon: 'vaadin:thumbs-up', + mwcicon: 'thumb_up', + pluginNumber: 'plugin-dVbRYnJNTs', menus: [], - parent: false, + parent: false + }, + { + url: 'overview-page', + domain: 'core', + page: 'overview-page/index.html', + title: 'Overview Page', + icon: 'vaadin:info-circle', + mwcicon: 'home', + pluginNumber: 'plugin-OgcWeXBWBt', + menus: [], + parent: false + }, + { + url: 'qapps', + domain: 'core', + page: 'q-app/index.html', + title: 'Q-Apps', + icon: 'vaadin:external-browser', + mwcicon: 'apps', + pluginNumber: 'plugin-MpiMASnQsT', + menus: [], + parent: false + }, + { + url: 'websites', + domain: 'core', + page: 'q-website/index.html', + title: 'Websites', + icon: 'vaadin:desktop', + mwcicon: 'desktop_mac', + pluginNumber: 'plugin-shITeUVkLG', + menus: [], + parent: false }, { url: 'lottery', @@ -192,18 +159,48 @@ parentEpml.ready().then(() => { mwcicon: 'token', pluginNumber: 'plugin-TgHRtXRxit', menus: [], - parent: false, + parent: false }, - ]; + { + url: 'data-management', + domain: 'core', + page: 'data-management/index.html', + title: 'Data Management', + icon: 'vaadin:database', + mwcicon: 'storage', + pluginNumber: 'plugin-QtaXNXHvRg', + menus: [], + parent: false + }, + { + url: 'names-market', + domain: 'core', + page: 'names-market/index.html', + title: 'Names Market', + icon: 'vaadin:shop', + mwcicon: 'store', + pluginNumber: 'plugin-VVPhpHMnKM', + menus: [], + parent: false + }, + { + url: 'puzzles', + domain: 'core', + page: 'puzzles/index.html', + title: 'Puzzles', + icon: 'vaadin:puzzle-piece', + mwcicon: 'extension', + pluginNumber: 'plugin-wCGRmXRxht', + menus: [], + parent: false + } + ] const registerPlugins = (pluginInfo) => { parentEpml.request('registerUrl', pluginInfo) - }; + } - const checkNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + const checkNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] parentEpml.subscribe('config', (c) => { config = JSON.parse(c) @@ -221,13 +218,14 @@ parentEpml.ready().then(() => { mwcicon: 'cloud', pluginNumber: 'plugin-TGAunWeWLU', menus: [], - parent: false, - }; + parent: false + } let _pluginUrlsConf = [...pluginUrlsConf, nodeManagementConf] + registerPlugins(_pluginUrlsConf) } else { registerPlugins(pluginUrlsConf) } }) -}) +}) \ No newline at end of file diff --git a/plugins/plugins/core/messaging/chain-messaging/chain-messaging.src.js b/plugins/plugins/core/messaging/chain-messaging/chain-messaging.src.js deleted file mode 100644 index 7bed3eb8..00000000 --- a/plugins/plugins/core/messaging/chain-messaging/chain-messaging.src.js +++ /dev/null @@ -1,96 +0,0 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import isElectron from 'is-electron' - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class ChainMessaging extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - theme: { type: String, reflect: true } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - } - - paper-spinner-lite{ - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } - - #chain-messaging-page { - background: var(--white); - } - - ` - } - - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` -
    -

    Coming Soon!

    -
    - ` - } - - firstUpdated() { - this.changeTheme() - - window.addEventListener('storage', () => { - const checkTheme = localStorage.getItem('qortalTheme') - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } -} - -window.customElements.define('chain-messaging', ChainMessaging) diff --git a/plugins/plugins/core/messaging/chain-messaging/index.html b/plugins/plugins/core/messaging/chain-messaging/index.html deleted file mode 100644 index 1aba3297..00000000 --- a/plugins/plugins/core/messaging/chain-messaging/index.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/plugins/plugins/core/messaging/index.html b/plugins/plugins/core/messaging/index.html deleted file mode 100644 index c1c96954..00000000 --- a/plugins/plugins/core/messaging/index.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/plugins/plugins/core/messaging/messaging.src.js b/plugins/plugins/core/messaging/messaging.src.js deleted file mode 100644 index dfc77b96..00000000 --- a/plugins/plugins/core/messaging/messaging.src.js +++ /dev/null @@ -1,201 +0,0 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import isElectron from 'is-electron' - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class Messaging extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - } - - #page { - background: var(--white); - padding: 12px 24px; - } - - h2 { - margin:0; - font-weight: 400; - } - - h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - .major-title { - color: rgb(3, 169, 244); - margin-top: 1rem; - font-weight: 400; - font-size: 28px; - text-align: center; - } - - .sub-title { - color: rgb(3, 169, 244); - margin-top: .5rem; - font-weight: 400; - text-align: center; - } - - .sub-title:hover { - cursor: pointer; - } - - .sub-url { - font-size: 19px; - text-decoration: underline; - } - - .sub-url:hover { - cursor: pointer; - } - - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - margin-bottom: 1.5rem; - } - - p { - color: var(--black); - } - - ul, ul li { - color: var(--black); - } - ` - } - - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` -
    -
    -

    Welcome to the Qortal Messaging System!

    -

    With this system, you are able to accomplish multiple types of messaging available to you in Qortal:

    -
      -
    • this.getUrl('chain-messaging')}>Chain Based Messaging
      • -
    • this.getUrl('q-chat')}>Q-Chat
      • -
    -
    - -
    -

    this.getUrl('chain-messaging')}>Chain-Based Messaging

    -

    A long-term message that is stored ON CHAIN. - These messages are able to be sent to groups or individual accounts, and are essentially the 'e-mail' of Qortal. - Use these messages if you intend on the message being a PERMANENT message that stays when and where you send it.

    - -
      -
    • There are no @ in Qortal Chain Messaging, only 'registered names'. As the registered names on the chain can only be registered ONCE. Therefore, there are NO DUPLICATES.
      • -
    • Chain Messages LAST FOREVER
      • -
    • Encyption is DEFAULT, unless chosen to be NOT encrypted. (also known as a 'public message' which are readable by an api call from anyone.)
      • -
    • 'Attachments' will be possible in the future, with the use of the Qortal Data System.
      • -
    • Public Messages can be used for 'verification purposes' such as 'copyrights' or 'I did it first' notations. The terms 'copyright' and 'patent' are a thing of the past, if you did it first, put in a public message, and it is by default proven.
      • -
    - -
    - -
    -

    this.getUrl('q-chat')}>Q-Chat

    -

    Is a custom chat system that is UNLIKE ANY OTHER in existence. It is the FIRST OF ITS KIND IN THE WORLD. - It is a real-time, blockchain-based chat system that utilizes a memory-based PoW (Proof Of Work) algorithm, to implement a specialized transaction that is 'temporary', on the Qortal blockchain. - Q-Chat messages will DISSAPEAR AFTER 24 HOURS and therefore are not a great choice for things you wish to be permanent.

    - -
      -
    • In the future, there will be a 'pinning' system, that will allow you to convert, or send messages by default with, the ability to stay forever on the Qortal Blockchain. So that if you DO decide that you like a message enough to keep it forever, you may do so.
      • -
    • Q-chat messages are encrypted (at the moment in June, 2020, Q-chat PM's are encrypted, but the group messages are base58 encoded, meaning they aren't plain text, but if you're smart you can decode them. However, IN THE NEAR FUTURE, ALL MESSAGES REGARDLESS OF GROUP OR PM WILL BE DEFAULT ENCRYPTED WITH PUB/PRIV KEY OF YOUR QORTAL ACCOUNT.
      • -
    • Uses a UNIQUE memory-based PoW algorithm, to send messages FREE (no transaction fee)
      • -
    • Text-based messaging for the future.
      • -
    - -
    -
    - ` - } - - firstUpdated() { - this.changeTheme() - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } - - getUrl(pageId) { - this.onPageNavigation(`/app/${pageId}`) - } - - onPageNavigation(pageUrl) { - parentEpml.request('setPageUrl', pageUrl) - } -} - -window.customElements.define('q-messaging', Messaging) diff --git a/plugins/plugins/core/messaging/q-chat/computePowWorker.src.js b/plugins/plugins/core/messaging/q-chat/computePowWorker.src.js deleted file mode 100644 index b89b9d84..00000000 --- a/plugins/plugins/core/messaging/q-chat/computePowWorker.src.js +++ /dev/null @@ -1,82 +0,0 @@ -import {Sha256} from 'asmcrypto.js' - - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old -} - - - -self.addEventListener('message', async e => { - const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) - postMessage(response) - -}) - - -const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) -const heap = new Uint8Array(memory.buffer) - - - -const computePow = async (chatBytes, path, difficulty) => { - - let response = null - - await new Promise((resolve, reject)=> { - - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); - const chatBytesArray = new Uint8Array(_chatBytesArray); - const chatBytesHash = new Sha256().process(chatBytesArray).finish().result; - const hashPtr = sbrk(32, heap); - const hashAry = new Uint8Array(memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); - - - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = sbrk(workBufferLength, heap); - - - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - // Fetch the file and compile it - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - - // Create the instance. - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - chatBytesArray - } - - resolve() - - }); - - - }) - - return response -} diff --git a/plugins/plugins/core/messaging/q-chat/q-chat-css.src.js b/plugins/plugins/core/messaging/q-chat/q-chat-css.src.js deleted file mode 100644 index 95c8afb9..00000000 --- a/plugins/plugins/core/messaging/q-chat/q-chat-css.src.js +++ /dev/null @@ -1,479 +0,0 @@ -import {css} from 'lit' - -export const qchatStyles = css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - --mdc-dialog-min-width: 750px; - scrollbar-width: thin; - scrollbar-color: #6a6c75 #a1a1a1; - } - - paper-spinner-lite { - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } - - *, - *:before, - *:after { - box-sizing: border-box; - } - - ul { - list-style: none; - padding: 0; - } - - .container { - margin: 0 auto; - width: 100%; - background: var(--white); - } - - .people-list { - width: 20vw; - float: left; - height: 100vh; - overflow-y: hidden; - border-right: 3px #ddd solid; - } - - .people-list .blockedusers { - z-index: 1; - position: absolute; - bottom: 0; - width: 20vw; - background: var(--white); - border-right: 3px #ddd solid; - display: flex; - justify-content: space-between; - gap: 15px; - flex-direction: column; - padding: 5px 30px 0 30px; - } - - .groups-button-container { - position: relative; - } - - .groups-button { - width: 100%; - background-color: rgb(116, 69, 240); - border: none; - color: white; - font-weight: bold; - font-family: Roboto, sans-serif; - letter-spacing: 0.8px; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - border-radius: 5px; - gap: 10px; - padding: 5px 8px; - transition: all 0.1s ease-in-out; - } - - .groups-button-notif { - position: absolute; - top: -10px; - right: -8px; - width: 25px; - border-radius: 50%; - height: 25px; - font-weight: bold; - display: flex; - align-items: center; - justify-content: center; - font-family: Montserrat, sans-serif; - font-size: 16px; - color: black; - background-color: rgb(51, 213, 0); - user-select: none; - transition: all 0.3s ease-in-out 0s; - } - - .groups-button-notif:hover { - cursor: auto; - box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0; - } - - .groups-button-notif:hover + .groups-button-notif-number { - display: block; - opacity: 1; - animation: fadeIn 0.6s; - } - - @keyframes fadeIn { - from { - opacity: 0; - top: -10px; - } - - to { - opacity: 1; - top: -60px; - } - } - - .groups-button-notif-number { - position: absolute; - transform: translateX(-50%); - left: 50%; - width: 150px; - text-align: center; - border-radius: 3px; - padding: 5px 10px; - background-color: white; - color: black; - font-family: Roboto, sans-serif; - letter-spacing: 0.3px; - font-weight: 300; - display: none; - opacity: 0; - top: -60px; - box-shadow: rgb(216 216 216 / 25%) 0 6px 12px -2px, rgb(0 0 0 / 30%) 0 3px 7px -3px; - } - - .groups-button:hover { - cursor: pointer; - filter: brightness(120%); - } - - .people-list .search { - padding-top: 20px; - padding-left: 20px; - padding-right: 20px; - display: flex; - align-items: center; - gap: 10px; - justify-content: space-between; - } - - .center { - margin: 0; - position: absolute; - padding-top: 12px; - left: 50%; - -ms-transform: translateX(-50%); - transform: translateX(-50%); - } - - .people-list .create-chat { - border-radius: 5px; - border: none; - color: #fff; - width: 100%; - font-size: 15px; - text-align: center; - cursor: pointer; - display: flex; - flex: 0; - } - - .people-list .create-chat:hover { - opacity: .8; - box-shadow: 0 3px 5px rgba(0, 0, 0, .2); - } - - .people-list ul { - padding: 0 0 60px 0; - height: 85vh; - overflow-y: auto; - overflow-x: hidden; - } - - .people-list ul::-webkit-scrollbar-track { - background: #a1a1a1; - } - - .people-list ul::-webkit-scrollbar { - width: 11px; - } - - .people-list ul::-webkit-scrollbar-thumb { - background-color: #6a6c75; - border-radius: 6px; - border: 3px solid #a1a1a1; - } - - .chat { - width: 80vw; - height: 100vh; - float: left; - background: var(--white); - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - color: #434651; - box-sizing: border-box; - } - - .chat .new-message-bar { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: space-between; - padding: 0 25px; - font-size: 14px; - font-weight: 500; - top: 0; - position: absolute; - left: 20vw; - right: 0; - z-index: 5; - background: var(--tradehead); - color: var(--white); - border-radius: 0 0 8px 8px; - min-height: 25px; - transition: opacity .15s; - text-transform: capitalize; - opacity: .85; - cursor: pointer; - } - - .chat .new-message-bar:hover { - opacity: .75; - transform: translateY(-1px); - box-shadow: 0 3px 7px rgba(0, 0, 0, .2); - } - - .hide-new-message-bar { - display: none !important; - } - - .chat .chat-history { - position: absolute; - top: 0; - right: 0; - bottom: 100%; - left: 20vw; - border-bottom: 2px solid var(--white); - overflow-y: hidden; - height: 100vh; - box-sizing: border-box; - } - - .chat .chat-message { - padding: 10px; - height: 10%; - display: inline-block; - width: 100%; - background-color: #eee; - } - - .chat .chat-message textarea { - width: 90%; - border: none; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - resize: none; - } - - .chat .chat-message button { - float: right; - color: #94c2ed; - font-size: 16px; - text-transform: uppercase; - border: none; - cursor: pointer; - font-weight: bold; - background: #f2f5f8; - padding: 10px; - margin-top: 4px; - margin-right: 4px; - } - - .chat .chat-message button:hover { - color: #75b1e8; - } - - .online, - .offline, - .me { - margin-right: 3px; - font-size: 10px; - } - - .clearfix:after { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; - } - - .red { - --mdc-theme-primary: red; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - .details { - display: flex; - font-size: 18px; - } - - .title { - font-weight:600; - font-size:12px; - line-height: 32px; - opacity: 0.66; - } - - .textarea { - width: 100%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - height: 120px; - resize: none; - background: #eee; - } - - .dialog-container { - position: relative; - display: flex; - align-items: center; - flex-direction: column; - padding: 0 10px; - gap: 10px; - height: 100%; - } - - .dialog-header { - color: var(--chat-bubble-msg-color); - } - - .dialog-subheader { - color: var(--chat-bubble-msg-color); - } - - .modal-button-row { - display: flex; - align-items: center; - justify-content: space-between; - width: 100%; - } - - .modal-button { - font-family: Roboto, sans-serif; - font-size: 16px; - color: var(--mdc-theme-primary); - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red { - font-family: Roboto, sans-serif; - font-size: 16px; - color: #F44336; - background-color: transparent; - padding: 8px 10px; - border-radius: 5px; - border: none; - transition: all 0.3s ease-in-out; - } - - .modal-button-red:hover { - cursor: pointer; - background-color: #f4433663; - } - - .modal-button:hover { - cursor: pointer; - background-color: #03a8f475; - } - - .name-input { - width: 100%; - outline: 0; - border-width: 0 0 2px; - border-color: var(--mdc-theme-primary); - background-color: transparent; - padding: 10px; - font-family: Roboto, sans-serif; - font-size: 15px; - color: var(--chat-bubble-msg-color); - box-sizing: border-box; - } - - .name-input::selection { - background-color: var(--mdc-theme-primary); - color: white; - } - - .name-input::placeholder { - opacity: 0.9; - color: var(--black); - } - - .search-field { - width: 100%; - position: relative; - } - - .search-icon { - position: absolute; - right: 3px; - color: var(--chat-bubble-msg-color); - transition: all 0.3s ease-in-out; - background: none; - border-radius: 50%; - padding: 6px 3px; - font-size: 21px; - } - - .search-icon:hover { - cursor: pointer; - background: #d7d7d75c; - } - - .search-results-div { - position: absolute; - top: 25px; - right: 25px; - } - .user-verified { - position: absolute; - top: 0; - right: 5px; - display: flex; - align-items: center; - gap: 10px; - color: #04aa2e; - font-size: 13px; - } -` \ No newline at end of file diff --git a/plugins/plugins/core/minting/index.html b/plugins/plugins/core/minting-info/index.html similarity index 100% rename from plugins/plugins/core/minting/index.html rename to plugins/plugins/core/minting-info/index.html diff --git a/plugins/plugins/core/minting-info/minting-info.src.js b/plugins/plugins/core/minting-info/minting-info.src.js new file mode 100644 index 00000000..9f190860 --- /dev/null +++ b/plugins/plugins/core/minting-info/minting-info.src.js @@ -0,0 +1,776 @@ +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { mintingInfoStyles } from '../components/plugins-css' +import isElectron from 'is-electron' +import '@material/mwc-icon' +import '@material/mwc-button' +import '@material/mwc-dialog' +import '@material/mwc-textfield' + +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +class MintingInfo extends LitElement { + static get properties() { + return { + selectedAddress: { type: Object }, + loading: { type: Boolean }, + adminInfo: { type: Array }, + nodeInfo: { type: Array }, + sampleBlock: { type: Array }, + addressInfo: { type: Array }, + addressLevel: { type: Array }, + theme: { type: String, reflect: true }, + tier4Online: { type: Number } + } + } + + static get styles() { + return [mintingInfoStyles] + } + + constructor() { + super() + this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.adminInfo = [] + this.nodeInfo = [] + this.sampleBlock = [] + this.addressInfo = [] + this.addressLevel = [] + this.tier4Online = 0 + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + if (this.renderMintingPage() === 'false') { + return html` +
    +
    + ${translate("mintingpage.mchange1")} +
    +
    +
    +
    +
    + ${translate("mintingpage.mchange2")} +
    +
    +
    +
    + ${translate("mintingpage.mchange3")} +
    +

    ${this._averageBlockTime()} ${translate("mintingpage.mchange25")}

    +
    +
    + ${translate("mintingpage.mchange4")} +
    +

    ${this._timeCalc()} ${translate("mintingpage.mchange26")}

    +
    +
    + ${translate("mintingpage.mchange5")} +
    +

    ${this._dayReward()} QORT

    +
    +
    +
    +
    +
    + ` + } else { + return html` +
    +
    + ${translate("mintingpage.mchange1")} +
    +
    +
    +
    +
    + ${translate("mintingpage.mchange2")} +
    +
    +
    +
    + ${translate("mintingpage.mchange3")} +
    +

    ${this._averageBlockTime()} ${translate("mintingpage.mchange25")}

    +
    +
    + ${translate("mintingpage.mchange4")} +
    +

    ${this._timeCalc()} ${translate("mintingpage.mchange26")}

    +
    +
    + ${translate("mintingpage.mchange5")} +
    +

    ${this._dayReward()} QORT

    +
    +


    +
    + ${this.renderMintingHelp()} +
    +
    +
    +
    + ${translate("mintingpage.mchange15")} +
    +

    ${this._mintingStatus()}

    +
    +
    + ${translate("mintingpage.mchange16")} +
    +

    ${translate("mintingpage.mchange27")} ${this.addressInfo.level}

    +
    +
    + ${translate("mintingpage.mchange17")} +
    +

    ${this._levelUpBlocks()} ${translate("mintingpage.mchange26")}

    +
    +
    +
    + + ${translate("mintingpage.mchange18")} +
    ${this._levelUp()}
    + ${translate("mintingpage.mchange38")} +
    ${this._levelUpDays()}
    + ${translate("mintingpage.mchange29")} ! +     +
    +


    +
    + ${translate("mintingpage.mchange19")} +
    +
    +
    +
    + ${translate("mintingpage.mchange20")} +
    +

    ${this._currentTier()}

    +
    +
    + ${translate("mintingpage.mchange21")} +
    +

    ${this._countLevels()} ${translate("mintingpage.mchange30")}

    +
    +
    + ${translate("mintingpage.mchange22")} +
    +

    ${this._tierPercent()} %

    +
    +
    + ${translate("mintingpage.mchange23")} +
    +

    ${this._countReward()} QORT

    +
    +
    + ${translate("mintingpage.mchange24")} +
    +

    ${this._countRewardDay()} QORT

    +
    +
    +
    + + +
    +

    ${translate("mintingpage.mchange32")}

    +
    +
    +
    +

    ${translate("mintingpage.mchange33")}

    +
    + ${translate("mintingpage.mchange34")} +
    +
    +

    ${translate("mintingpage.mchange35")}

    +
    + ${translate("mintingpage.mchange36")} +
    + ${translate("mintingpage.mchange37")} +
    + ${translate("general.close")} +     +
    + ` + } + } + + async firstUpdated() { + this.changeTheme() + this.changeLanguage() + + await this.getAddressLevel() + + const getAdminInfo = () => { + parentEpml.request('apiCall', { url: `/admin/info` }).then((res) => { + setTimeout(() => { this.adminInfo = res }, 1) + }) + setTimeout(getAdminInfo, 30000) + } + + const getNodeInfo = () => { + parentEpml.request('apiCall', { url: `/admin/status` }).then((res) => { + this.nodeInfo = res + // Now look up the sample block + getSampleBlock() + }) + setTimeout(getNodeInfo, 30000) + } + + const getSampleBlock = () => { + let callBlock = parseFloat(this.nodeInfo.height) - 1440 + parentEpml.request('apiCall', { url: `/blocks/byheight/${callBlock}` }).then((res) => { + setTimeout(() => { this.sampleBlock = res }, 1) + }) + } + + const getAddressInfo = () => { + parentEpml.request('apiCall', { url: `/addresses/${window.parent.reduxStore.getState().app.selectedAddress.address}` }).then((res) => { + setTimeout(() => { this.addressInfo = res }, 1) + }) + setTimeout(getAddressInfo, 30000) + } + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + let configLoaded = false + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + }) + + parentEpml.ready().then(() => { + parentEpml.subscribe('config', async c => { + if (!configLoaded) { + setTimeout(getAdminInfo, 1) + setTimeout(getNodeInfo, 1) + setTimeout(getAddressInfo, 1) + setInterval(this.getAddressLevel, 30000) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) + + parentEpml.imReady() + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + async getAddressLevel() { + this.addressLevel = await parentEpml.request('apiCall', { + url: `/addresses/online/levels` + }) + this.tier4Online = parseFloat(this.addressLevel[7].count) + parseFloat(this.addressLevel[8].count) + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + renderMintingPage() { + if (this.addressInfo.error === 124) { + return 'false' + } else { + return 'true' + } + } + + _averageBlockTime() { + let avgBlockString = (this.adminInfo.currentTimestamp - this.sampleBlock.timestamp).toString() + let averageTimeString = ((avgBlockString / 1000) / 1440).toFixed(2) + let averageBlockTimeString = (averageTimeString).toString() + return '' + averageBlockTimeString + } + + _timeCalc() { + let timeString = (this.adminInfo.currentTimestamp - this.sampleBlock.timestamp).toString() + let averageString = ((timeString / 1000) / 1440).toFixed(2) + let averageBlockDay = (86400 / averageString).toFixed(2) + let averageBlockDayString = (averageBlockDay).toString() + return '' + averageBlockDayString + } + + _dayReward() { + let rewardString = (this._timeCalc() * this._blockReward()).toFixed(2) + let rewardDayString = (rewardString).toString() + return '' + rewardDayString + } + + _mintingStatus() { + if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === true) { + this.cssMinting = 'blue' + return html`${translate('appinfo.minting')}` + } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false) { + this.cssMinting = 'blue' + return html`${translate('appinfo.minting')}` + } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === true) { + this.cssMinting = 'red' + return html`(${translate('appinfo.synchronizing')}... ${this.nodeStatus.syncPercent !== undefined ? this.nodeStatus.syncPercent + '%' : ''})` + } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === false) { + this.cssMinting = 'red' + return html`${translate('mintingpage.mchange9')}` + } else { + return 'No Status' + } + } + + renderMintingHelp() { + if (this._mintingStatus() === 'Not Minting') { + return html` + ${translate('mintingpage.mchange9')} +
    ==>
    + ${translate('mintingpage.mchange7')} +
    + this.shadowRoot.querySelector('#becomeMinterDialog').show()}> + help_outline +  ${translate('mintingpage.mchange31')} + + ` + } else { + return html`${translate('mintingpage.mchange6')}` + } + } + + _levelUpDays() { + let nextBatch = 1000 - (this.nodeInfo.height % 1000) + let countBlocks = this._blocksNeed() - (this.addressInfo.blocksMinted + this.addressInfo.blocksMintedAdjustment) + countBlocks = +countBlocks + 1000 + let countBlocksActual = countBlocks + nextBatch - (countBlocks % 1000) + let countDays = (countBlocksActual / this._timeCalc()).toFixed(2) + let countString = countDays.toString() + return '' + countString + } + + _levelUpBlocks() { + let nextBatch = 1000 - (this.nodeInfo.height % 1000) + let countBlocks = this._blocksNeed() - (this.addressInfo.blocksMinted + this.addressInfo.blocksMintedAdjustment) + countBlocks = +countBlocks + 1000 + let countBlocksActual = countBlocks + nextBatch - (countBlocks % 1000) + let countBlocksString = countBlocksActual.toString() + return '' + countBlocksString + } + + _blocksNeed() { + if (this.addressInfo.level === 0) { + return '7200' + } else if (this.addressInfo.level === 1) { + return '72000' + } else if (this.addressInfo.level === 2) { + return '201600' + } else if (this.addressInfo.level === 3) { + return '374400' + } else if (this.addressInfo.level === 4) { + return '618400' + } else if (this.addressInfo.level === 5) { + return '964000' + } else if (this.addressInfo.level === 6) { + return '1482400' + } else if (this.addressInfo.level === 7) { + return '2173600' + } else if (this.addressInfo.level === 8) { + return '3037600' + } else if (this.addressInfo.level === 9) { + return '4074400' + } + } + + _levelUp() { + if (this.addressInfo.level === 0) { + return '1' + } else if (this.addressInfo.level === 1) { + return '2' + } else if (this.addressInfo.level === 2) { + return '3' + } else if (this.addressInfo.level === 3) { + return '4' + } else if (this.addressInfo.level === 4) { + return '5' + } else if (this.addressInfo.level === 5) { + return '6' + } else if (this.addressInfo.level === 6) { + return '7' + } else if (this.addressInfo.level === 7) { + return '8' + } else if (this.addressInfo.level === 8) { + return '9' + } else if (this.addressInfo.level === 9) { + return '10' + } + } + + _currentTier() { + if (this.addressInfo.level === 0) { + return html`${translate('mintingpage.mchange28')} 0 (${translate('mintingpage.mchange27')} 0)` + } else if (this.addressInfo.level === 1) { + return html`${translate('mintingpage.mchange28')} 1 (${translate('mintingpage.mchange27')} 1 + 2)` + } else if (this.addressInfo.level === 2) { + return html`${translate('mintingpage.mchange28')} 1 (${translate('mintingpage.mchange27')} 1 + 2)` + } else if (this.addressInfo.level === 3) { + return html`${translate('mintingpage.mchange28')} 2 (${translate('mintingpage.mchange27')} 3 + 4)` + } else if (this.addressInfo.level === 4) { + return html`${translate('mintingpage.mchange28')} 2 (${translate('mintingpage.mchange27')} 3 + 4)` + } else if (this.addressInfo.level === 5) { + return html`${translate('mintingpage.mchange28')} 3 (${translate('mintingpage.mchange27')} 5 + 6)` + } else if (this.addressInfo.level === 6) { + return html`${translate('mintingpage.mchange28')} 3 (${translate('mintingpage.mchange27')} 5 + 6)` + } else if (this.addressInfo.level === 7) { + return html`${translate('mintingpage.mchange28')} 4 (${translate('mintingpage.mchange27')} 7 + 8)` + } else if (this.addressInfo.level === 8) { + return html`${translate('mintingpage.mchange28')} 4 (${translate('mintingpage.mchange27')} 7 + 8)` + } else if (this.addressInfo.level === 9) { + return html`${translate('mintingpage.mchange28')} 5 (${translate('mintingpage.mchange27')} 9 + 10)` + } else if (this.addressInfo.level === 10) { + return html`${translate('mintingpage.mchange28')} 5 (${translate('mintingpage.mchange27')} 9 + 10)` + } + } + + _tierPercent() { + if (this.addressInfo.level === 0) { + return '0' + } else if (this.addressInfo.level === 1) { + return '6' + } else if (this.addressInfo.level === 2) { + return '6' + } else if (this.addressInfo.level === 3) { + return '13' + } else if (this.addressInfo.level === 4) { + return '13' + } else if (this.addressInfo.level === 5) { + if (this.tier4Online < 30) { + return '45' + } else { + return '19' + } + } else if (this.addressInfo.level === 6) { + if (this.tier4Online < 30) { + return '45' + } else { + return '19' + } + } else if (this.addressInfo.level === 7) { + if (this.tier4Online < 30) { + return '45' + } else { + return '26' + } + } else if (this.addressInfo.level === 8) { + if (this.tier4Online < 30) { + return '45' + } else { + return '26' + } + } else if (this.addressInfo.level === 9) { + return '32' + } else if (this.addressInfo.level === 10) { + return '32' + } + } + + _blockReward() { + if (this.nodeInfo.height < 259201) { + return '5.00' + } else if (this.nodeInfo.height < 518401) { + return '4.75' + } else if (this.nodeInfo.height < 777601) { + return '4.50' + } else if (this.nodeInfo.height < 1036801) { + return '4.25' + } else if (this.nodeInfo.height < 1296001) { + return '4.00' + } else if (this.nodeInfo.height < 1555201) { + return '3.75' + } else if (this.nodeInfo.height < 1814401) { + return '3.50' + } else if (this.nodeInfo.height < 2073601) { + return '3.25' + } else if (this.nodeInfo.height < 2332801) { + return '3.00' + } else if (this.nodeInfo.height < 2592001) { + return '2.75' + } else if (this.nodeInfo.height < 2851201) { + return '2.50' + } else if (this.nodeInfo.height < 3110401) { + return '2.25' + } else { + return '2.00' + } + } + + _countLevels() { + if (this.addressInfo.level === 0) { + let countTier0 = (this.addressLevel[0].count).toString() + return '' + countTier0 + } else if (this.addressInfo.level === 1) { + let countTier10 = (this.addressLevel[1].count + this.addressLevel[2].count).toString() + return '' + countTier10 + } else if (this.addressInfo.level === 2) { + let countTier11 = (this.addressLevel[1].count + this.addressLevel[2].count).toString() + return '' + countTier11 + } else if (this.addressInfo.level === 3) { + let countTier20 = (this.addressLevel[3].count + this.addressLevel[4].count).toString() + return '' + countTier20 + } else if (this.addressInfo.level === 4) { + let countTier21 = (this.addressLevel[3].count + this.addressLevel[4].count).toString() + return '' + countTier21 + } else if (this.addressInfo.level === 5) { + if (this.tier4Online < 30) { + let countTier30 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() + return '' + countTier30 + } else { + let countTier30 = (this.addressLevel[5].count + this.addressLevel[6].count).toString() + return '' + countTier30 + } + } else if (this.addressInfo.level === 6) { + if (this.tier4Online < 30) { + let countTier31 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() + return '' + countTier31 + } else { + let countTier31 = (this.addressLevel[5].count + this.addressLevel[6].count).toString() + return '' + countTier31 + } + } else if (this.addressInfo.level === 7) { + if (this.tier4Online < 30) { + let countTier40 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() + return '' + countTier40 + } else { + let countTier40 = (this.addressLevel[7].count + this.addressLevel[8].count).toString() + return '' + countTier40 + } + } else if (this.addressInfo.level === 8) { + if (this.tier4Online < 30) { + let countTier40 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() + return '' + countTier40 + } else { + let countTier41 = (this.addressLevel[7].count + this.addressLevel[8].count).toString() + return '' + countTier41 + } + } else if (this.addressInfo.level === 9) { + let countTier50 = (this.addressLevel[9].count + this.addressLevel[10].count).toString() + return '' + countTier50 + } else if (this.addressInfo.level === 10) { + let countTier51 = (this.addressLevel[9].count + this.addressLevel[10].count).toString() + return '' + countTier51 + } + } + + _countReward() { + if (this.addressInfo.level === 0) { + return '0' + } else if (this.addressInfo.level === 1) { + let countReward10 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count)).toFixed(8) + let countReward11 = (countReward10).toString() + return '' + countReward11 + } else if (this.addressInfo.level === 2) { + let countReward20 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count)).toFixed(8) + let countReward21 = (countReward20).toString() + return '' + countReward21 + } else if (this.addressInfo.level === 3) { + let countReward30 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count)).toFixed(8) + let countReward31 = (countReward30).toString() + return '' + countReward31 + } else if (this.addressInfo.level === 4) { + let countReward40 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count)).toFixed(8) + let countReward41 = (countReward40).toString() + return '' + countReward41 + } else if (this.addressInfo.level === 5) { + if (this.tier4Online < 30) { + let countReward50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) + let countReward51 = (countReward50).toString() + return '' + countReward51 + } else { + let countReward50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count)).toFixed(8) + let countReward51 = (countReward50).toString() + return '' + countReward51 + } + } else if (this.addressInfo.level === 6) { + if (this.tier4Online < 30) { + let countReward60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) + let countReward61 = (countReward60).toString() + return '' + countReward61 + } else { + let countReward60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count)).toFixed(8) + let countReward61 = (countReward60).toString() + return '' + countReward61 + } + } else if (this.addressInfo.level === 7) { + if (this.tier4Online < 30) { + let countReward70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) + let countReward71 = (countReward70).toString() + return '' + countReward71 + } else { + let countReward70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) + let countReward71 = (countReward70).toString() + return '' + countReward71 + } + } else if (this.addressInfo.level === 8) { + if (this.tier4Online < 30) { + let countReward80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) + let countReward81 = (countReward80).toString() + return '' + countReward81 + } else { + let countReward80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) + let countReward81 = (countReward80).toString() + return '' + countReward81 + } + } else if (this.addressInfo.level === 9) { + let countReward90 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count)).toFixed(8) + let countReward91 = (countReward90).toString() + return '' + countReward91 + } else if (this.addressInfo.level === 10) { + let countReward100 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count)).toFixed(8) + let countReward101 = (countReward100).toString() + return '' + countReward101 + } + } + + _countRewardDay() { + if (this.addressInfo.level === 0) { + return '0' + } else if (this.addressInfo.level === 1) { + let countRewardDay10 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count) * this._timeCalc()).toFixed(8) + let countRewardDay11 = (countRewardDay10).toString() + return '' + countRewardDay11 + } else if (this.addressInfo.level === 2) { + let countRewardDay20 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count) * this._timeCalc()).toFixed(8) + let countRewardDay21 = (countRewardDay20).toString() + return '' + countRewardDay21 + } else if (this.addressInfo.level === 3) { + let countRewardDay30 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count) * this._timeCalc()).toFixed(8) + let countRewardDay31 = (countRewardDay30).toString() + return '' + countRewardDay31 + } else if (this.addressInfo.level === 4) { + let countRewardDay40 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count) * this._timeCalc()).toFixed(8) + let countRewardDay41 = (countRewardDay40).toString() + return '' + countRewardDay41 + } else if (this.addressInfo.level === 5) { + if (this.tier4Online < 30) { + let countRewardDay50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) + let countRewardDay51 = (countRewardDay50).toString() + return '' + countRewardDay51 + } else { + let countRewardDay50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count) * this._timeCalc()).toFixed(8) + let countRewardDay51 = (countRewardDay50).toString() + return '' + countRewardDay51 + } + } else if (this.addressInfo.level === 6) { + if (this.tier4Online < 30) { + let countRewardDay60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) + let countRewardDay61 = (countRewardDay60).toString() + return '' + countRewardDay61 + } else { + let countRewardDay60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count) * this._timeCalc()).toFixed(8) + let countRewardDay61 = (countRewardDay60).toString() + return '' + countRewardDay61 + } + } else if (this.addressInfo.level === 7) { + if (this.tier4Online < 30) { + let countRewardDay70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) + let countRewardDay71 = (countRewardDay70).toString() + return '' + countRewardDay71 + } else { + let countRewardDay70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) + let countRewardDay71 = (countRewardDay70).toString() + return '' + countRewardDay71 + } + } else if (this.addressInfo.level === 8) { + if (this.tier4Online < 30) { + let countRewardDay80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) + let countRewardDay81 = (countRewardDay80).toString() + return '' + countRewardDay81 + } else { + let countRewardDay80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) + let countRewardDay81 = (countRewardDay80).toString() + return '' + countRewardDay81 + } + } else if (this.addressInfo.level === 9) { + let countRewardDay90 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count) * this._timeCalc()).toFixed(8) + let countRewardDay91 = (countRewardDay90).toString() + return '' + countRewardDay91 + } else if (this.addressInfo.level === 10) { + let countRewardDay100 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count) * this._timeCalc()).toFixed(8) + let countRewardDay101 = (countRewardDay100).toString() + return '' + countRewardDay101 + } + } + + clearSelection() { + window.getSelection().removeAllRanges() + window.parent.getSelection().removeAllRanges() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('minting-info', MintingInfo) \ No newline at end of file diff --git a/plugins/plugins/core/minting/minting-info.src.js b/plugins/plugins/core/minting/minting-info.src.js deleted file mode 100644 index f541a9de..00000000 --- a/plugins/plugins/core/minting/minting-info.src.js +++ /dev/null @@ -1,899 +0,0 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import isElectron from 'is-electron' -import {registerTranslateConfig, translate, use} from '../../../../core/translate' -import '@material/mwc-icon' -import '@material/mwc-button' -import '@material/mwc-dialog' -import '@material/mwc-textfield' - -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class MintingInfo extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - loading: { type: Boolean }, - adminInfo: { type: Array }, - nodeInfo: { type: Array }, - sampleBlock: { type: Array }, - addressInfo: { type: Array }, - addressLevel: { type: Array }, - theme: { type: String, reflect: true }, - tier4Online: { type: Number } - } - } - - static get styles() { - return css` - * { - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - } - - @keyframes moveInBottom { - 0% { - opacity: 0; - transform: translateY(30px); - } - - 100% { - opacity: 1; - transform: translate(0); - } - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - h4 { - font-weight:600; - font-size:20px; - line-height: 28px; - color: var(--black); - } - - .header-title { - display: block; - overflow: hidden; - font-size: 40px; - color: var(--black); - font-weight: 400; - text-align: center; - white-space: pre-wrap; - overflow-wrap: break-word; - word-break: break-word; - cursor: inherit; - margin-top: 2rem; - } - - .level-black { - font-size: 32px; - color: var(--black); - font-weight: 400; - text-align: center; - margin-top: 2rem; - } - - .level-blue { - display: inline-block; - font-size: 32px; - color: #03a9f4; - font-weight: 400; - text-align: center; - margin-top: 2rem; - } - - .sub-main { - position: relative; - text-align: center; - width: 100%; - } - - .center-box { - position: absolute; - width: 100%; - top: 50%; - left: 50%; - transform: translate(-50%, 0%); - text-align: center; - } - - .content-box { - border: 1px solid var(--border); - border-radius: 10px; - padding: 10px 25px; - text-align: center; - display: inline-block; - min-width: 250px; - margin-left: 10px; - margin-bottom: 5px; - } - - .help-icon { - color: #f44336; - } - - .details { - display: flex; - font-size: 18px; - } - - .title { - font-weight:600; - font-size:20px; - line-height: 28px; - opacity: 0.66; - color: #03a9f4; - } - - .sub-title { - font-weight:600; - font-size:20px; - line-height: 24px; - opacity: 0.66; - } - - .input { - width: 90%; - border: none; - display: inline-block; - font-size: 20px; - padding: 10px 20px; - border-radius: 5px; - resize: none; - background: #eee; - } - - .textarea { - width: 90%; - border: none; - display: inline-block; - font-size: 16px; - padding: 10px 20px; - border-radius: 5px; - height: 120px; - resize: none; - background: #eee; - } - - .not-minter { - display: inline-block; - font-size: 32px; - color: #03a9f4; - font-weight: 400; - margin-top: 2rem; - } - - .blue { - color: #03a9f4; - } - - .black { - color: var(--black); - } - - .red { - color: #f44336; - } - - .red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } - - mwc-button.red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } - ` - } - - constructor() { - super() - this.selectedAddress = window.parent.reduxStore.getState().app.selectedAddress.address - this.adminInfo = [] - this.nodeInfo = [] - this.sampleBlock = [] - this.addressInfo = [] - this.addressLevel = [] - this.tier4Online = 0 - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - if (this.renderMintingPage() === "false") { - return html` -
    -
    - ${translate("mintingpage.mchange1")} -
    -
    -
    -
    -
    - ${translate("mintingpage.mchange2")} -
    -

    -
    - ${translate("mintingpage.mchange3")} -
    -

    ${this._averageBlockTime()} ${translate("mintingpage.mchange25")}

    -
    -
    - ${translate("mintingpage.mchange4")} -
    -

    ${this._timeCalc()} ${translate("mintingpage.mchange26")}

    -
    -
    - ${translate("mintingpage.mchange5")} -
    -

    ${this._dayReward()} QORT

    -

    -
    -
    -
    - `} else { - return html` -
    -
    - ${translate("mintingpage.mchange1")} -
    -
    -
    -
    -
    - ${translate("mintingpage.mchange2")} -
    -

    -
    - ${translate("mintingpage.mchange3")} -
    -

    ${this._averageBlockTime()} ${translate("mintingpage.mchange25")}

    -
    -
    - ${translate("mintingpage.mchange4")} -
    -

    ${this._timeCalc()} ${translate("mintingpage.mchange26")}

    -
    -
    - ${translate("mintingpage.mchange5")} -
    -

    ${this._dayReward()} QORT

    -



    -
    - ${this.renderMintingHelp()} -
    -

    -
    - ${translate("mintingpage.mchange15")} -
    -

    ${this._mintingStatus()}

    -
    -
    - ${translate("mintingpage.mchange16")} -
    -

    ${translate("mintingpage.mchange27")} ${this.addressInfo.level}

    -
    -
    - ${translate("mintingpage.mchange17")} -
    -

    ${this._levelUpBlocks()} ${translate("mintingpage.mchange26")}

    -

    -
    - ${translate("mintingpage.mchange18")}
    ${this._levelUp()}
    ${translate("mintingpage.mchange38")}
    ${this._levelUpDays()}
    ${translate("mintingpage.mchange29")} !     -



    -
    - ${translate("mintingpage.mchange19")} -
    -

    -
    - ${translate("mintingpage.mchange20")} -
    -

    ${this._currentTier()}

    -
    -
    - ${translate("mintingpage.mchange21")} -
    -

    ${this._countLevels()} ${translate("mintingpage.mchange30")}

    -
    -
    - ${translate("mintingpage.mchange22")} -
    -

    ${this._tierPercent()} %

    -
    -
    - ${translate("mintingpage.mchange23")} -
    -

    ${this._countReward()} QORT

    -
    -
    - ${translate("mintingpage.mchange24")} -
    -

    ${this._countRewardDay()} QORT

    -
    -
    -
    - - - -
    -

    ${translate("mintingpage.mchange32")}

    -
    -
    -
    -

    ${translate("mintingpage.mchange33")}


    - ${translate("mintingpage.mchange34")} -
    -
    -

    ${translate("mintingpage.mchange35")}


    - ${translate("mintingpage.mchange36")} -
    - ${translate("mintingpage.mchange37")} -
    - ${translate("general.close")} -     - -
    - `} - } - - async firstUpdated() { - this.changeTheme() - this.changeLanguage() - - await this.getAddressLevel() - - const getAdminInfo = () => { - parentEpml.request("apiCall", { url: `/admin/info` }).then((res) => { - setTimeout(() => { this.adminInfo = res; }, 1) - }) - setTimeout(getAdminInfo, 30000) - }; - - const getNodeInfo = () => { - parentEpml.request("apiCall", { url: `/admin/status` }).then((res) => { - this.nodeInfo = res - // Now look up the sample block - getSampleBlock() - }) - setTimeout(getNodeInfo, 30000) - }; - - const getSampleBlock = () => { - let callBlock = parseFloat(this.nodeInfo.height) - 1440 - parentEpml.request("apiCall", { url: `/blocks/byheight/${callBlock}` }).then((res) => { - setTimeout(() => { this.sampleBlock = res }, 1) - }) - } - - const getAddressInfo = () => { - parentEpml.request('apiCall', { url: `/addresses/${window.parent.reduxStore.getState().app.selectedAddress.address}` }).then((res) => { - setTimeout(() => { this.addressInfo = res }, 1) - }) - setTimeout(getAddressInfo, 30000) - } - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - }) - - parentEpml.ready().then(() => { - parentEpml.subscribe("config", async c => { - if (!configLoaded) { - setTimeout(getAdminInfo, 1) - setTimeout(getNodeInfo, 1) - setTimeout(getAddressInfo, 1) - setInterval(this.getAddressLevel, 30000) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - async getAddressLevel() { - this.addressLevel = await parentEpml.request('apiCall', { - url: `/addresses/online/levels` - }) - this.tier4Online = parseFloat(this.addressLevel[7].count) + parseFloat(this.addressLevel[8].count) - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - renderMintingPage() { - if (this.addressInfo.error === 124) { - return "false" - } else { - return "true" - } - } - - _averageBlockTime() { - let avgBlockString = (this.adminInfo.currentTimestamp - this.sampleBlock.timestamp).toString(); - let averageTimeString = ((avgBlockString / 1000) / 1440).toFixed(2) - let averageBlockTimeString = (averageTimeString).toString() - return "" + averageBlockTimeString - } - - _timeCalc() { - let timeString = (this.adminInfo.currentTimestamp - this.sampleBlock.timestamp).toString() - let averageString = ((timeString / 1000) / 1440).toFixed(2) - let averageBlockDay = (86400 / averageString).toFixed(2) - let averageBlockDayString = (averageBlockDay).toString() - return "" + averageBlockDayString - } - - _dayReward() { - let rewardString = (this._timeCalc() * this._blockReward()).toFixed(2) - let rewardDayString = (rewardString).toString() - return "" + rewardDayString - } - - _mintingStatus() { - if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === true) { - this.cssMinting = "blue" - return html`${translate("appinfo.minting")}` - } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false) { - this.cssMinting = "blue" - return html`${translate("appinfo.minting")}` - } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === true) { - this.cssMinting = "red" - return html`(${translate("appinfo.synchronizing")}... ${this.nodeStatus.syncPercent !== undefined ? this.nodeStatus.syncPercent + '%' : ''})` - } else if (this.nodeInfo.isMintingPossible === false && this.nodeInfo.isSynchronizing === false) { - this.cssMinting = "red" - return html`${translate("mintingpage.mchange9")}` - } else { - return "No Status" - } - } - - renderMintingHelp() { - if (this._mintingStatus() === "Not Minting") { - return html`${translate("mintingpage.mchange9")}
    ==>
    ${translate("mintingpage.mchange7")}
    this.shadowRoot.querySelector("#becomeMinterDialog").show()}>help_outline ${translate("mintingpage.mchange31")}` - } else { - return html`${translate("mintingpage.mchange6")}` - } - } - - _levelUpDays() { - let nextBatch = 1000 - (this.nodeInfo.height % 1000) - let countBlocks = this._blocksNeed() - (this.addressInfo.blocksMinted + this.addressInfo.blocksMintedAdjustment) - countBlocks = +countBlocks + 1000 - let countBlocksActual = countBlocks + nextBatch - (countBlocks % 1000) - let countDays = (countBlocksActual / this._timeCalc()).toFixed(2) - let countString = countDays.toString() - return "" + countString - } - - _levelUpBlocks() { - let nextBatch = 1000 - (this.nodeInfo.height % 1000) - let countBlocks = this._blocksNeed() - (this.addressInfo.blocksMinted + this.addressInfo.blocksMintedAdjustment) - countBlocks = +countBlocks + 1000 - let countBlocksActual = countBlocks + nextBatch - (countBlocks % 1000) - let countBlocksString = countBlocksActual.toString() - return "" + countBlocksString - } - - _blocksNeed() { - if (this.addressInfo.level === 0) { - return "7200" - } else if (this.addressInfo.level === 1) { - return "72000" - } else if (this.addressInfo.level === 2) { - return "201600" - } else if (this.addressInfo.level === 3) { - return "374400" - } else if (this.addressInfo.level === 4) { - return "618400" - } else if (this.addressInfo.level === 5) { - return "964000" - } else if (this.addressInfo.level === 6) { - return "1482400" - } else if (this.addressInfo.level === 7) { - return "2173600" - } else if (this.addressInfo.level === 8) { - return "3037600" - } else if (this.addressInfo.level === 9) { - return "4074400" - } - } - - _levelUp() { - if (this.addressInfo.level === 0) { - return "1" - } else if (this.addressInfo.level === 1) { - return "2" - } else if (this.addressInfo.level === 2) { - return "3" - } else if (this.addressInfo.level === 3) { - return "4" - } else if (this.addressInfo.level === 4) { - return "5" - } else if (this.addressInfo.level === 5) { - return "6" - } else if (this.addressInfo.level === 6) { - return "7" - } else if (this.addressInfo.level === 7) { - return "8" - } else if (this.addressInfo.level === 8) { - return "9" - } else if (this.addressInfo.level === 9) { - return "10" - } - } - - _currentTier() { - if (this.addressInfo.level === 0) { - return html`${translate("mintingpage.mchange28")} 0 (${translate("mintingpage.mchange27")} 0)` - } else if (this.addressInfo.level === 1) { - return html`${translate("mintingpage.mchange28")} 1 (${translate("mintingpage.mchange27")} 1 + 2)` - } else if (this.addressInfo.level === 2) { - return html`${translate("mintingpage.mchange28")} 1 (${translate("mintingpage.mchange27")} 1 + 2)` - } else if (this.addressInfo.level === 3) { - return html`${translate("mintingpage.mchange28")} 2 (${translate("mintingpage.mchange27")} 3 + 4)` - } else if (this.addressInfo.level === 4) { - return html`${translate("mintingpage.mchange28")} 2 (${translate("mintingpage.mchange27")} 3 + 4)` - } else if (this.addressInfo.level === 5) { - return html`${translate("mintingpage.mchange28")} 3 (${translate("mintingpage.mchange27")} 5 + 6)` - } else if (this.addressInfo.level === 6) { - return html`${translate("mintingpage.mchange28")} 3 (${translate("mintingpage.mchange27")} 5 + 6)` - } else if (this.addressInfo.level === 7) { - return html`${translate("mintingpage.mchange28")} 4 (${translate("mintingpage.mchange27")} 7 + 8)` - } else if (this.addressInfo.level === 8) { - return html`${translate("mintingpage.mchange28")} 4 (${translate("mintingpage.mchange27")} 7 + 8)` - } else if (this.addressInfo.level === 9) { - return html`${translate("mintingpage.mchange28")} 5 (${translate("mintingpage.mchange27")} 9 + 10)` - } else if (this.addressInfo.level === 10) { - return html`${translate("mintingpage.mchange28")} 5 (${translate("mintingpage.mchange27")} 9 + 10)` - } - } - - _tierPercent() { - if (this.addressInfo.level === 0) { - return "0" - } else if (this.addressInfo.level === 1) { - return "6" - } else if (this.addressInfo.level === 2) { - return "6" - } else if (this.addressInfo.level === 3) { - return "13" - } else if (this.addressInfo.level === 4) { - return "13" - } else if (this.addressInfo.level === 5) { - if (this.tier4Online < 30) { - return "45" - } else { - return "19" - } - } else if (this.addressInfo.level === 6) { - if (this.tier4Online < 30) { - return "45" - } else { - return "19" - } - } else if (this.addressInfo.level === 7) { - if (this.tier4Online < 30) { - return "45" - } else { - return "26" - } - } else if (this.addressInfo.level === 8) { - if (this.tier4Online < 30) { - return "45" - } else { - return "26" - } - } else if (this.addressInfo.level === 9) { - return "32" - } else if (this.addressInfo.level === 10) { - return "32" - } - } - - _blockReward() { - if (this.nodeInfo.height < 259201) { - return "5.00" - } else if (this.nodeInfo.height < 518401) { - return "4.75" - } else if (this.nodeInfo.height < 777601) { - return "4.50" - } else if (this.nodeInfo.height < 1036801) { - return "4.25" - } else if (this.nodeInfo.height < 1296001) { - return "4.00" - } else if (this.nodeInfo.height < 1555201) { - return "3.75" - } else if (this.nodeInfo.height < 1814401) { - return "3.50" - } else if (this.nodeInfo.height < 2073601) { - return "3.25" - } else if (this.nodeInfo.height < 2332801) { - return "3.00" - } else if (this.nodeInfo.height < 2592001) { - return "2.75" - } else if (this.nodeInfo.height < 2851201) { - return "2.50" - } else if (this.nodeInfo.height < 3110401) { - return "2.25" - } else { - return "2.00" - } - } - - _countLevels() { - if (this.addressInfo.level === 0) { - let countTier0 = (this.addressLevel[0].count).toString() - return "" + countTier0 - } else if (this.addressInfo.level === 1) { - let countTier10 = (this.addressLevel[1].count + this.addressLevel[2].count).toString() - return "" + countTier10 - } else if (this.addressInfo.level === 2) { - let countTier11 = (this.addressLevel[1].count + this.addressLevel[2].count).toString() - return "" + countTier11 - } else if (this.addressInfo.level === 3) { - let countTier20 = (this.addressLevel[3].count + this.addressLevel[4].count).toString() - return "" + countTier20 - } else if (this.addressInfo.level === 4) { - let countTier21 = (this.addressLevel[3].count + this.addressLevel[4].count).toString() - return "" + countTier21 - } else if (this.addressInfo.level === 5) { - if (this.tier4Online < 30) { - let countTier30 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() - return "" + countTier30 - } else { - let countTier30 = (this.addressLevel[5].count + this.addressLevel[6].count).toString() - return "" + countTier30 - } - } else if (this.addressInfo.level === 6) { - if (this.tier4Online < 30) { - let countTier31 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() - return "" + countTier31 - } else { - let countTier31 = (this.addressLevel[5].count + this.addressLevel[6].count).toString() - return "" + countTier31 - } - } else if (this.addressInfo.level === 7) { - if (this.tier4Online < 30) { - let countTier40 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() - return "" + countTier40 - } else { - let countTier40 = (this.addressLevel[7].count + this.addressLevel[8].count).toString() - return "" + countTier40 - } - } else if (this.addressInfo.level === 8) { - if (this.tier4Online < 30) { - let countTier40 = (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count).toString() - return "" + countTier40 - } else { - let countTier41 = (this.addressLevel[7].count + this.addressLevel[8].count).toString() - return "" + countTier41 - } - } else if (this.addressInfo.level === 9) { - let countTier50 = (this.addressLevel[9].count + this.addressLevel[10].count).toString() - return "" + countTier50 - } else if (this.addressInfo.level === 10) { - let countTier51 = (this.addressLevel[9].count + this.addressLevel[10].count).toString() - return "" + countTier51 - } - } - - _countReward() { - if (this.addressInfo.level === 0) { - return "0" - } else if (this.addressInfo.level === 1) { - let countReward10 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count)).toFixed(8) - let countReward11 = (countReward10).toString() - return "" + countReward11 - } else if (this.addressInfo.level === 2) { - let countReward20 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count)).toFixed(8) - let countReward21 = (countReward20).toString() - return "" + countReward21 - } else if (this.addressInfo.level === 3) { - let countReward30 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count)).toFixed(8) - let countReward31 = (countReward30).toString() - return "" + countReward31; - } else if (this.addressInfo.level === 4) { - let countReward40 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count)).toFixed(8) - let countReward41 = (countReward40).toString(); - return "" + countReward41; - } else if (this.addressInfo.level === 5) { - if (this.tier4Online< 30) { - let countReward50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) - let countReward51 = (countReward50).toString(); - return "" + countReward51; - } else { - let countReward50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count)).toFixed(8) - let countReward51 = (countReward50).toString(); - return "" + countReward51; - } - } else if (this.addressInfo.level === 6) { - if (this.tier4Online < 30) { - let countReward60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) - let countReward61 = (countReward60).toString() - return "" + countReward61 - } else { - let countReward60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count)).toFixed(8) - let countReward61 = (countReward60).toString() - return "" + countReward61 - } - } else if (this.addressInfo.level === 7) { - if (this.tier4Online < 30) { - let countReward70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) - let countReward71 = (countReward70).toString() - return "" + countReward71 - } else { - let countReward70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) - let countReward71 = (countReward70).toString() - return "" + countReward71 - } - } else if (this.addressInfo.level === 8) { - if (this.tier4Online < 30) { - let countReward80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) - let countReward81 = (countReward80).toString() - return "" + countReward81 - } else { - let countReward80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count)).toFixed(8) - let countReward81 = (countReward80).toString() - return "" + countReward81 - } - } else if (this.addressInfo.level === 9) { - let countReward90 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count)).toFixed(8) - let countReward91 = (countReward90).toString() - return "" + countReward91 - } else if (this.addressInfo.level === 10) { - let countReward100 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count)).toFixed(8) - let countReward101 = (countReward100).toString() - return "" + countReward101 - } - } - - _countRewardDay() { - if (this.addressInfo.level === 0) { - return "0" - } else if (this.addressInfo.level === 1) { - let countRewardDay10 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count) * this._timeCalc()).toFixed(8) - let countRewardDay11 = (countRewardDay10).toString() - return "" + countRewardDay11 - } else if (this.addressInfo.level === 2) { - let countRewardDay20 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[1].count + this.addressLevel[2].count) * this._timeCalc()).toFixed(8) - let countRewardDay21 = (countRewardDay20).toString() - return "" + countRewardDay21 - } else if (this.addressInfo.level === 3) { - let countRewardDay30 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count) * this._timeCalc()).toFixed(8) - let countRewardDay31 = (countRewardDay30).toString() - return "" + countRewardDay31 - } else if (this.addressInfo.level === 4) { - let countRewardDay40 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[3].count + this.addressLevel[4].count) * this._timeCalc()).toFixed(8) - let countRewardDay41 = (countRewardDay40).toString() - return "" + countRewardDay41 - } else if (this.addressInfo.level === 5) { - if (this.tier4Online < 30) { - let countRewardDay50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) - let countRewardDay51 = (countRewardDay50).toString() - return "" + countRewardDay51 - } else { - let countRewardDay50 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count) * this._timeCalc()).toFixed(8) - let countRewardDay51 = (countRewardDay50).toString() - return "" + countRewardDay51 - } - } else if (this.addressInfo.level === 6) { - if (this.tier4Online < 30) { - let countRewardDay60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) - let countRewardDay61 = (countRewardDay60).toString() - return "" + countRewardDay61 - } else { - let countRewardDay60 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count) * this._timeCalc()).toFixed(8) - let countRewardDay61 = (countRewardDay60).toString() - return "" + countRewardDay61 - } - } else if (this.addressInfo.level === 7) { - if (this.tier4Online < 30) { - let countRewardDay70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) - let countRewardDay71 = (countRewardDay70).toString() - return "" + countRewardDay71 - } else { - let countRewardDay70 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) - let countRewardDay71 = (countRewardDay70).toString() - return "" + countRewardDay71 - } - } else if (this.addressInfo.level === 8) { - if (this.tier4Online < 30) { - let countRewardDay80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[5].count + this.addressLevel[6].count + this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) - let countRewardDay81 = (countRewardDay80).toString() - return "" + countRewardDay81 - } else { - let countRewardDay80 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[7].count + this.addressLevel[8].count) * this._timeCalc()).toFixed(8) - let countRewardDay81 = (countRewardDay80).toString() - return "" + countRewardDay81 - } - } else if (this.addressInfo.level === 9) { - let countRewardDay90 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count) * this._timeCalc()).toFixed(8) - let countRewardDay91 = (countRewardDay90).toString() - return "" + countRewardDay91 - } else if (this.addressInfo.level === 10) { - let countRewardDay100 = ((this._blockReward() / 100 * this._tierPercent()) / (this.addressLevel[9].count + this.addressLevel[10].count) * this._timeCalc()).toFixed(8) - let countRewardDay101 = (countRewardDay100).toString() - return "" + countRewardDay101 - } - } - - clearSelection() { - window.getSelection().removeAllRanges() - window.parent.getSelection().removeAllRanges() - } - - isEmptyArray(arr) { - if (!arr) return true - return arr.length === 0 - } -} - -window.customElements.define('minting-info', MintingInfo) diff --git a/plugins/plugins/core/name-registration/name-registration.src.js b/plugins/plugins/core/name-registration/name-registration.src.js index 426d8b29..235f265c 100644 --- a/plugins/plugins/core/name-registration/name-registration.src.js +++ b/plugins/plugins/core/name-registration/name-registration.src.js @@ -1,7 +1,8 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { warningModal } from '../../utils/classes' +import { nameRegistrationStyles } from '../components/plugins-css' import isElectron from 'is-electron' import '@material/mwc-button' import '@material/mwc-dialog' @@ -9,943 +10,766 @@ import '@material/mwc-formfield' import '@material/mwc-icon' import '@material/mwc-icon-button' import '@material/mwc-textfield' -import '@polymer/paper-spinner/paper-spinner-lite.js' import '@polymer/paper-progress/paper-progress.js' +import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/button' +import '@vaadin/grid' import '@vaadin/icon' import '@vaadin/icons' -import '@vaadin/grid' import '@vaadin/text-field' -import {warningModal} from '../../utils/warning-modal.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class NameRegistration extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - qortWalletBalance: { type: Number }, - names: { type: Array }, - marketSellNames: { type: Array }, - recipientPublicKey: { type: String }, - selectedAddress: { type: Object }, - btnDisable: { type: Boolean }, - isLoading: { type: Boolean }, - registerNameLoading: { type: Boolean }, - error: { type: Boolean }, - message: { type: String }, - removeError: { type: Boolean }, - removeMessage: { type: String }, - fee: { type: Number }, - updateFee: { type: Number }, - sellFee: { type: Number }, - cancelSellFee: { type: Number }, - toSellName: { type: String }, - toSellPrice: { type: String }, - toCancelSellName: { type: String }, - toUpdateName: { type: String }, - errorMessage: { type: String }, - successMessage: { type: String } - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + qortWalletBalance: { type: Number }, + names: { type: Array }, + marketSellNames: { type: Array }, + recipientPublicKey: { type: String }, + selectedAddress: { type: Object }, + btnDisable: { type: Boolean }, + isLoading: { type: Boolean }, + registerNameLoading: { type: Boolean }, + error: { type: Boolean }, + message: { type: String }, + removeError: { type: Boolean }, + removeMessage: { type: String }, + fee: { type: Number }, + updateFee: { type: Number }, + sellFee: { type: Number }, + cancelSellFee: { type: Number }, + toSellName: { type: String }, + toSellPrice: { type: String }, + toCancelSellName: { type: String }, + toUpdateName: { type: String }, + errorMessage: { type: String }, + successMessage: { type: String } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 1024px; - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [nameRegistrationStyles] + } - [hidden] { - display: hidden !important; - visibility: none !important; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.qortWalletBalance = 0 + this.selectedAddress = {} + this.names = [] + this.marketSellNames = [] + this.recipientPublicKey = '' + this.btnDisable = false + this.isLoading = false + this.registerNameLoading = false + this.fee = 0.01 + this.updateFee = 0.01 + this.sellFee = 0.01 + this.cancelSellFee = 0.01 + this.toSellName = '' + this.toUpdateName = '' + this.toSellPrice = '' + this.toCancelSellName = '' + this.errorMessage = '' + this.successMessage = '' + } - #name-registration-page { - background: var(--white); - padding: 12px 24px; - } + render() { + return html` +
    +
    +

    ${translate("sidemenu.sm2")}

    + + this.shadowRoot.querySelector('#registerNameDialog').show()}> + add + ${translate("registernamepage.nchange2")} + +
    +
    +

    ${translate("registernamepage.nchange3")}

    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }}> + + + { + render(html`${this.renderAvatarButton(data.item)}`, root) + }}> + { + render(html`${this.renderUpdateNameButton(data.item)}`, root) + }}> + { + if (this.marketSellNames.some(e => e.owner === this.selectedAddress.address)) { + render(html`${this.renderCancelSellNameButton(data.item)}`, root) + } else { + render(html`${this.renderSellNameButton(data.item)}`, root) + } + }}> + + ${(this.isEmptyArray(this.names) && !this.isLoading) ? html` + ${translate("registernamepage.nchange8")} + `: ''} + ${this.isLoading ? html` + + ` : ''} +
    + +
    +

    ${translate("registernamepage.nchange9")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +
    + + ${translate("registernamepage.nchange11")}   + + + + ${this.message} +
    + + ${translate("registernamepage.nchange13")} ${this.fee} QORT. + +
    + + ${translate("registernamepage.nchange14")} + + + ${translate("general.close")} + +     + +
    +

    ${translate("publishpage.pchange2")} ${translate("login.name")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +

    + + +

    +
    + + ${this.message} +
    + + ${translate("walletpage.wchange21")} ${this.updateFee} QORT. + +
    + + ${translate("publishpage.pchange2")} ${translate("login.name")} + + + ${translate("general.close")} + +     + +
    +
    +

    ${translate("registernamepage.nchange19")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.sellFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.createSellName()}> + + ${translate("registernamepage.nchange19")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    +

    ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")}

    +
    +
    +
    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.cancelSellFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.createCancelSellName()}> + + ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    + warning +

    ${translate("registernamepage.nchange35")}

    +

    ${translate("registernamepage.nchange36")}

    +
    + this.closeBuyErrorNameDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + warning +

    ${translate("registernamepage.nchange37")}

    +

    ${translate("registernamepage.nchange38")}

    +
    + this.closeBuyErrorPriceDialog()} + class="red" + > + ${translate("general.close")} + +     +
    + ` + } - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - } + firstUpdated() { + this.changeTheme() + this.changeLanguage() + this.unitFee() + this.unitUpdateFee() + this.unitSellFee() + this.unitCancelSellFee() - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - img { - border-radius: 25%; - max-width: 42px; - height: 100%; - max-height: 42px; - } - - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } - - .red { - --mdc-theme-primary: #F44336; - } - - .green { - --mdc-theme-primary: #198754; - } - - .warning { - --mdc-theme-primary: #f0ad4e; - } - - .buttons { - text-align: right; - } - - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - .spinner { - width: 100%; - display: flex; - justify-content: center; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - #pages { - display: flex; - flex-wrap: wrap; - padding: 10px 5px 5px 5px; - margin: 0px 20px 20px 20px; - } - - #pages > button { - user-select: none; - padding: 5px; - margin: 0 5px; - border-radius: 10%; - border: 0; - background: transparent; - font: inherit; - outline: none; - cursor: pointer; - color: var(--black); - } - - #pages > button:not([disabled]):hover, - #pages > button:focus { - color: #ccc; - background-color: #eee; - } - - #pages > button[selected] { - font-weight: bold; - color: var(--white); - background-color: #ccc; - } - - #pages > button[disabled] { - opacity: 0.5; - cursor: default; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .successBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid green; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .errorBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid red; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .manage-group-dialog { - min-height: 300px; - min-width: 350px; - box-sizing: border-box; - position: relative; - } - - .btn-clear-success { - --mdc-icon-button-size: 32px; - color: red; + const fetchNames = () => { + this.isLoading = true + parentEpml.request('apiCall', { + url: `/names/address/${this.selectedAddress.address}?limit=0&reverse=true` + }).then(res => { + setTimeout(() => { this.names = res }, 1) + this.isLoading = false + }) + setTimeout(fetchNames, this.config.user.nodeSettings.pingInterval) } - .btn-clear-error { - --mdc-icon-button-size: 32px; - color: green; + const fetchMarketSellNames = async () => { + await parentEpml.request('apiCall', { + url: `/names/forsale?limit=0&reverse=true` + }).then(res => { + this.marketSellNames = res + }) + setTimeout(fetchMarketSellNames, 180000) } - .error-icon { - font-size: 48px; - color: red; - } - ` - } + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.qortWalletBalance = 0 - this.selectedAddress = {} - this.names = [] - this.marketSellNames = [] - this.recipientPublicKey = '' - this.btnDisable = false - this.isLoading = false - this.registerNameLoading = false - this.fee = 0.001 - this.updateFee = 0.001 - this.sellFee = 0.001 - this.cancelSellFee = 0.001 - this.toSellName = '' - this.toUpdateName = '' - this.toSellPrice = '' - this.toCancelSellName = '' - this.errorMessage = '' - this.successMessage = '' - } + use(checkLanguage) - render() { - return html` -
    -
    -

    ${translate("sidemenu.sm2")}

    - this.shadowRoot.querySelector('#registerNameDialog').show()}>add${translate("registernamepage.nchange2")} -
    + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) -
    -

    ${translate("registernamepage.nchange3")}

    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }}> - - - { - render(html`${this.renderAvatarButton(data.item)}`, root) - }}> - { - render(html`${this.renderUpdateNameButton(data.item)}`, root) - }}> - { - if (this.marketSellNames.some(e => e.owner === this.selectedAddress.address)) { - render(html`${this.renderCancelSellNameButton(data.item)}`, root) - } else { - render(html`${this.renderSellNameButton(data.item)}`, root) - } - }}> - - ${(this.isEmptyArray(this.names) && !this.isLoading) ? html` - ${translate("registernamepage.nchange8")} - `: ''} - ${this.isLoading ? html` - - ` : ''} -
    + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - -
    -

    ${translate("registernamepage.nchange9")}

    -

    -
    -

    - - -

    -

    - - -

    -
    - - ${translate("registernamepage.nchange11")}   - - - - ${this.message} -
    - - ${translate("registernamepage.nchange13")} ${this.fee} QORT. - -
    - - ${translate("registernamepage.nchange14")} - - - ${translate("general.close")} - -     + let configLoaded = false - -
    -

    ${translate("publishpage.pchange2")} ${translate("login.name")}

    -

    -
    -

    - - -

    -

    - - -

    -

    - - -

    -
    - - ${this.message} -
    - - ${translate("walletpage.wchange21")} ${this.updateFee} QORT. - -
    - - ${translate("publishpage.pchange2")} ${translate("login.name")} - - - ${translate("general.close")} - -     + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(fetchNames, 1) + setTimeout(fetchMarketSellNames, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) + parentEpml.imReady() + this.clearConsole() + setInterval(() => { + this.clearConsole() + }, 60000) + } - -
    -
    -

    ${translate("registernamepage.nchange19")}

    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.sellFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.createSellName()}> - - ${translate("registernamepage.nchange19")} - -
    -
    -
    - - ${translate("general.close")} - -     + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - -
    -
    -

    ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")}

    -
    -
    -
    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.cancelSellFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.createCancelSellName()}> - - ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")} - -
    -
    -
    - - ${translate("general.close")} - -     + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } - -
    - warning -

    ${translate("registernamepage.nchange35")}

    -

    ${translate("registernamepage.nchange36")}

    -
    - this.closeBuyErrorNameDialog()} - class="red" - > - ${translate("general.close")} - -     + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - -
    - warning -

    ${translate("registernamepage.nchange37")}

    -

    ${translate("registernamepage.nchange38")}

    -
    - this.closeBuyErrorPriceDialog()} - class="red" - > - ${translate("general.close")} - -     -
    - ` - } + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - firstUpdated() { - this.changeTheme() - this.changeLanguage() - this.unitFee() - this.unitUpdateFee() - this.unitSellFee() - this.unitCancelSellFee() + async updateQortWalletBalance() { + let qortAddress = window.parent.reduxStore.getState().app.selectedAddress.address - const fetchNames = () => { - this.isLoading = true - parentEpml.request('apiCall', { - url: `/names/address/${this.selectedAddress.address}?limit=0&reverse=true` - }).then(res => { - setTimeout(() => { this.names = res }, 1) - this.isLoading = false - }) - setTimeout(fetchNames, this.config.user.nodeSettings.pingInterval) - } + await parentEpml.request('apiCall', { + url: `/addresses/balance/${qortAddress}`, + }).then((res) => { + this.qortWalletBalance = res + }) + } - const fetchMarketSellNames = async () => { - await parentEpml.request('apiCall', { - url: `/names/forsale?limit=0&reverse=true` - }).then(res => { - this.marketSellNames = res - }) - setTimeout(fetchMarketSellNames, 180000) - } + renderClearSuccess() { + let strSuccessValue = this.successMessage + if (strSuccessValue === '') { + return html`` + } else { + return html` +
    + ${this.successMessage} + + + +
    +
    +

    ${translate("walletpage.wchange43")}

    +
    + ` + } + } - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + renderClearError() { + let strErrorValue = this.errorMessage + if (strErrorValue === '') { + return html`` + } else { + return html` +
    + ${this.errorMessage} + + + +
    +
    +

    ${translate("walletpage.wchange44")}

    +
    + ` + } + } - use(checkLanguage) + renderCoreText() { + return html`${translate('registernamepage.nchange16')}` + } - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + renderSuccessText() { + return html`${translate('registernamepage.nchange18')}` + } - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + renderSuccessUpdateText() { + return html`${translate('registernamepage.nchange47')}` + } - let configLoaded = false + renderSellSuccessText() { + return html`${translate('registernamepage.nchange32')}` + } - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(fetchNames, 1) - setTimeout(fetchMarketSellNames, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } + renderCancelSuccessText() { + return html`${translate('registernamepage.nchange33')}` + } - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + renderBuySuccessText() { + return html`${translate('registernamepage.nchange34')}` + } - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } + renderFailText() { + return html`${translate('registernamepage.nchange17')}` + } - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + renderAvatar(nameObj) { + let name = nameObj.name + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true}` + return html`` + } - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + renderAvatarButton(nameObj) { + return html` this.uploadAvatar(nameObj)}>perm_identity ${translate('registernamepage.nchange15')}` + } - async updateQortWalletBalance() { - let qortAddress = window.parent.reduxStore.getState().app.selectedAddress.address + async uploadAvatar(nameObj) { + let name = nameObj.name + window.location.href = `../qdn/publish/index.html?service=THUMBNAIL&identifier=qortal_avatar&name=${name}&uploadType=file&category=Avatar&showName=false&showService=false&showIdentifier=false` + } - await parentEpml.request('apiCall', { - url: `/addresses/balance/${qortAddress}`, - }).then((res) => { - this.qortWalletBalance = res - }) - } + renderSellNameButton(nameObj) { + return html` this.openSellNameDialog(nameObj)}>sell ${translate('registernamepage.nchange19')}` + } - renderClearSuccess() { - let strSuccessValue = this.successMessage - if (strSuccessValue === "") { - return html`` - } else { - return html` -
    - ${this.successMessage} - -
    -
    -

    ${translate("walletpage.wchange43")}

    -
    - ` - } - } + openSellNameDialog(nameObj) { + this.toSellName = '' + this.toSellPrice = '' + this.shadowRoot.getElementById('toSellName').value = '' + this.shadowRoot.getElementById('toSellPrice').value = '' + this.toSellName = nameObj.name + this.toSellPrice = '5' + this.shadowRoot.querySelector('#sellNameDialog').show() + } - renderClearError() { - let strErrorValue = this.errorMessage - if (strErrorValue === "") { - return html`` - } else { - return html` -
    - ${this.errorMessage} - -
    -
    -

    ${translate("walletpage.wchange44")}

    -
    - ` - } - } + closeSellNameDialog() { + this.shadowRoot.querySelector('#sellNameDialog').close() + this.toSellName = '' + this.toSellPrice = '' + this.shadowRoot.getElementById('toSellName').value = '' + this.shadowRoot.getElementById('toSellPrice').value = '' + } - renderCoreText() { - return html`${translate("registernamepage.nchange16")}` - } + renderUpdateNameButton(nameObj) { + return html` this.openUpdateNameDialog(nameObj)}>update ${translate('publishpage.pchange2')} ${translate('login.name')}` + } - renderSuccessText() { - return html`${translate("registernamepage.nchange18")}` - } + async openUpdateNameDialog(nameObj) { + const res = await warningModal.showModalAndWaitPublish({ message: get('registernamepage.nchange48') }) - renderSuccessUpdateText() { - return html`${translate("registernamepage.nchange47")}` - } + if (res.action !== 'accept') { + this.closeUpdateNameDialog() + return + } - renderSellSuccessText() { - return html`${translate("registernamepage.nchange32")}` - } + this.toUpdateName = '' + this.shadowRoot.getElementById('oldNameInput').value = '' + this.shadowRoot.getElementById('newNameInput').value = '' + this.shadowRoot.getElementById('newDescInput').value = '' + this.toUpdateName = nameObj.name + this.shadowRoot.querySelector('#updateNameDialog').show() + } - renderCancelSuccessText() { - return html`${translate("registernamepage.nchange33")}` - } + closeUpdateNameDialog() { + this.shadowRoot.querySelector('#updateNameDialog').close() + this.toUpdateName = '' + this.shadowRoot.getElementById('oldNameInput').value = '' + this.shadowRoot.getElementById('newNameInput').value = '' + this.shadowRoot.getElementById('newDescInput').value = '' + } - renderBuySuccessText() { - return html`${translate("registernamepage.nchange34")}` - } + renderCancelSellNameButton(nameObj) { + return html` this.openCancelSellNameDialog(nameObj)}>cancel ${translate('registernamepage.nchange20')}` + } - renderFailText() { - return html`${translate("registernamepage.nchange17")}` - } + openCancelSellNameDialog(nameObj) { + this.toCancelSellName = '' + this.shadowRoot.getElementById('toCancelSellName').value = '' + this.toCancelSellName = nameObj.name + this.shadowRoot.querySelector('#cancelSellNameDialog').show() + } - renderAvatar(nameObj) { - let name = nameObj.name - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } + closeCancelSellNameDialog() { + this.shadowRoot.querySelector('#cancelSellNameDialog').close() + this.toCancelSellName = '' + this.shadowRoot.getElementById('toCancelSellName').value = '' + } - renderAvatarButton(nameObj) { - return html` this.uploadAvatar(nameObj)}>perm_identity ${translate("registernamepage.nchange15")}` - } + async openCheckFunds() { + await this.updateQortWalletBalance() - async uploadAvatar(nameObj) { - let name = nameObj.name - window.location.href = `../qdn/publish/index.html?service=THUMBNAIL&identifier=qortal_avatar&name=${name}&uploadType=file&category=Avatar&showName=false&showService=false&showIdentifier=false` - } + const myFunds = this.round(parseFloat(this.qortWalletBalance)) + const myBuyPrice = this.round(parseFloat(this.toBuyPrice)) - renderSellNameButton(nameObj) { - return html` this.openSellNameDialog(nameObj)}>sell ${translate("registernamepage.nchange19")}` - } + if (Number(myFunds) < Number(myBuyPrice)) { + this.shadowRoot.querySelector('#buyErrorPriceDialog').show() + } else { + this.createBuyName() + } + } - openSellNameDialog(nameObj) { - this.toSellName = '' - this.toSellPrice = '' - this.shadowRoot.getElementById("toSellName").value = '' - this.shadowRoot.getElementById("toSellPrice").value = '' - this.toSellName = nameObj.name - this.toSellPrice = '5' - this.shadowRoot.querySelector('#sellNameDialog').show() - } + closeBuyErrorNameDialog() { + this.shadowRoot.querySelector('#buyErrorNameDialog').close() + } - closeSellNameDialog() { - this.shadowRoot.querySelector('#sellNameDialog').close() - this.toSellName = '' - this.toSellPrice = '' - this.shadowRoot.getElementById("toSellName").value = '' - this.shadowRoot.getElementById("toSellPrice").value = '' - } + closeBuyErrorPriceDialog() { + this.shadowRoot.querySelector('#buyErrorPriceDialog').close() + } - renderUpdateNameButton(nameObj) { - return html` this.openUpdateNameDialog(nameObj)}>update ${translate("publishpage.pchange2")} ${translate("login.name")}` - } + async unitFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=REGISTER_NAME` - async openUpdateNameDialog(nameObj) { - const res = await warningModal.showModalAndWaitPublish( - { - message: get('registernamepage.nchange48') - } - ); - if (res.action !== 'accept'){ - this.closeUpdateNameDialog() - return - } - this.toUpdateName = '' - this.shadowRoot.getElementById("oldNameInput").value = '' - this.shadowRoot.getElementById("newNameInput").value = '' - this.shadowRoot.getElementById("newDescInput").value = '' - this.toUpdateName = nameObj.name - this.shadowRoot.querySelector('#updateNameDialog').show() - } + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.fee = (Number(json) / 1e8).toFixed(2) + }) + } - closeUpdateNameDialog() { - this.shadowRoot.querySelector('#updateNameDialog').close() - this.toUpdateName = '' - this.shadowRoot.getElementById("oldNameInput").value = '' - this.shadowRoot.getElementById("newNameInput").value = '' - this.shadowRoot.getElementById("newDescInput").value = '' - } + async unitUpdateFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=UPDATE_NAME` - renderCancelSellNameButton(nameObj) { - return html` this.openCancelSellNameDialog(nameObj)}>cancel ${translate("registernamepage.nchange20")}` - } + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.updateFee = (Number(json) / 1e8).toFixed(8) + }) + } - openCancelSellNameDialog(nameObj) { - this.toCancelSellName = '' - this.shadowRoot.getElementById("toCancelSellName").value = '' - this.toCancelSellName = nameObj.name - this.shadowRoot.querySelector('#cancelSellNameDialog').show() - } + async unitSellFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=SELL_NAME` - closeCancelSellNameDialog() { - this.shadowRoot.querySelector('#cancelSellNameDialog').close() - this.toCancelSellName = '' - this.shadowRoot.getElementById("toCancelSellName").value = '' - } + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.sellFee = (Number(json) / 1e8).toFixed(8) + }) + } - async openCheckFunds() { - await this.updateQortWalletBalance() + async unitCancelSellFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_SELL_NAME` - const myFunds = this.round(parseFloat(this.qortWalletBalance)) - const myBuyPrice = this.round(parseFloat(this.toBuyPrice)) + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.cancelSellFee = (Number(json) / 1e8).toFixed(8) + }) + } - if (Number(myFunds) < Number(myBuyPrice)) { - this.shadowRoot.querySelector('#buyErrorPriceDialog').show() - } else { - this.createBuyName() - } - } + async registerName(e) { + this.error = false + this.message = '' + const feeInput = this.fee + const nameInput = this.shadowRoot.getElementById('nameInput').value + const descInput = this.shadowRoot.getElementById('descInput').value - closeBuyErrorNameDialog() { - this.shadowRoot.querySelector('#buyErrorNameDialog').close() - } + // Check for valid... + this.registerNameLoading = true - closeBuyErrorPriceDialog() { - this.shadowRoot.querySelector('#buyErrorPriceDialog').close() - } - - async unitFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=REGISTER_NAME` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.fee = (Number(json) / 1e8).toFixed(2) - }) - } - - async unitUpdateFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=UPDATE_NAME` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.updateFee = (Number(json) / 1e8).toFixed(8) - }) - } - - async unitSellFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=SELL_NAME` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.sellFee = (Number(json) / 1e8).toFixed(8) - }) - } - - async unitCancelSellFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_SELL_NAME` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.cancelSellFee = (Number(json) / 1e8).toFixed(8) - }) - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } - - async registerName(e) { - this.error = false - this.message = '' - const feeInput = this.fee - const nameInput = this.shadowRoot.getElementById("nameInput").value - const descInput = this.shadowRoot.getElementById("descInput").value - - // Check for valid... - this.registerNameLoading = true - - // Get Last Ref - const getLastRef = async () => { + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - // Get Account Details - const validateName = async () => { + // Get Account Details + const validateName = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/names/${nameInput}` }) - }; + } - const validateReceiver = async () => { - let nameInfo = await validateName() - let lastRef = await getLastRef() + const validateReceiver = async () => { + let nameInfo = await validateName() + let lastRef = await getLastRef() - if (nameInfo.error === 401) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } else { - this.error = true - this.message = this.renderFailText() - } - } + if (nameInfo.error === 401) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } else { + this.error = true + this.message = this.renderFailText() + } + } - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let dialogyou = get("transactions.namedialog1") - let dialogonpress = get("transactions.namedialog2") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let dialogyou = get('transactions.namedialog1') + let dialogonpress = get('transactions.namedialog2') return await parentEpml.request('transaction', { type: 3, nonce: this.selectedAddress.nonce, @@ -958,77 +782,77 @@ class NameRegistration extends LitElement { dialogonpress: dialogonpress, } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderSuccessText() - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.message = this.renderSuccessText() + this.error = false + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - await validateReceiver() + await validateReceiver() - this.registerNameLoading = false - } + this.registerNameLoading = false + } - async updateName() { - this.error = false - this.message = '' - const updateFeeInput = this.updateFee - const oldNameInput = this.shadowRoot.getElementById("oldNameInput").value - const newNameInput = this.shadowRoot.getElementById("newNameInput").value - const newDescInput = this.shadowRoot.getElementById("newDescInput").value + async updateName() { + this.error = false + this.message = '' + const updateFeeInput = this.updateFee + const oldNameInput = this.shadowRoot.getElementById('oldNameInput').value + const newNameInput = this.shadowRoot.getElementById('newNameInput').value + const newDescInput = this.shadowRoot.getElementById('newDescInput').value - // Get Last Ref - const getLastRef = async () => { + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - // Get Account Details - const validateName = async () => { + // Get Account Details + const validateName = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/names/${newNameInput}` }) - } + } - const validateReceiver = async () => { - let nameInfo = await validateName() - let lastRef = await getLastRef() + const validateReceiver = async () => { + let nameInfo = await validateName() + let lastRef = await getLastRef() - if (nameInfo.error === 401) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } else { - this.error = true - this.message = this.renderFailText() - } - } + if (nameInfo.error === 401) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } else { + this.error = true + this.message = this.renderFailText() + } + } - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - const myOldName = oldNameInput - const myNewName = newNameInput - const myNewDesc = newDescInput - const myLastRef = lastRef - const myFee = updateFeeInput - let dialogUpdateName1 = get("registernamepage.nchange43") - let dialogUpdateName2 = get("registernamepage.nchange44") - let dialogUpdateName3 = get("registernamepage.nchange45") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + const myOldName = oldNameInput + const myNewName = newNameInput + const myNewDesc = newDescInput + const myLastRef = lastRef + const myFee = updateFeeInput + let dialogUpdateName1 = get('registernamepage.nchange43') + let dialogUpdateName2 = get('registernamepage.nchange44') + let dialogUpdateName3 = get('registernamepage.nchange45') return await parentEpml.request('transaction', { type: 4, nonce: this.selectedAddress.nonce, @@ -1043,54 +867,54 @@ class NameRegistration extends LitElement { dialogUpdateName3: dialogUpdateName3 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.message = this.renderSuccessUpdateText() - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.message = this.renderSuccessUpdateText() + this.error = false + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - await validateReceiver() - } + await validateReceiver() + } - async createSellName() { - const name = this.shadowRoot.getElementById("toSellName").value - const price = this.shadowRoot.getElementById("toSellPrice").value - const sellFeeInput = this.sellFee - this.isLoading = true - this.btnDisable = true + async createSellName() { + const name = this.shadowRoot.getElementById('toSellName').value + const price = this.shadowRoot.getElementById('toSellPrice').value + const sellFeeInput = this.sellFee + this.isLoading = true + this.btnDisable = true - const getLastRef = async () => { + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myName = name - const myPrice = price - const myLastRef = lastRef - const myFee = sellFeeInput - const mySellNameDialog1 = get("registernamepage.nchange26") - const mySellNameDialog2 = get("registernamepage.nchange27") - const mySellNameDialog3 = get("registernamepage.nchange28") + const makeTransactionRequest = async (lastRef) => { + const myName = name + const myPrice = price + const myLastRef = lastRef + const myFee = sellFeeInput + const mySellNameDialog1 = get('registernamepage.nchange26') + const mySellNameDialog2 = get('registernamepage.nchange27') + const mySellNameDialog3 = get('registernamepage.nchange28') return await parentEpml.request('transaction', { type: 5, @@ -1105,58 +929,58 @@ class NameRegistration extends LitElement { sellNameDialog3: mySellNameDialog3 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById("toSellName").value = '' - this.shadowRoot.getElementById("toSellPrice").value = '' - this.toSellName = '' - this.toSellPrice = '' - this.errorMessage = '' - this.successMessage = this.renderSellSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('toSellName').value = '' + this.shadowRoot.getElementById('toSellPrice').value = '' + this.toSellName = '' + this.toSellPrice = '' + this.errorMessage = '' + this.successMessage = this.renderSellSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + await validateReceiver() + } - async createCancelSellName() { - const name = this.shadowRoot.getElementById("toCancelSellName").value - const cancelSellFeeInput = this.cancelSellFee - this.isLoading = true - this.btnDisable = true + async createCancelSellName() { + const name = this.shadowRoot.getElementById('toCancelSellName').value + const cancelSellFeeInput = this.cancelSellFee + this.isLoading = true + this.btnDisable = true - const getLastRef = async () => { + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myName = name - const myLastRef = lastRef - const myFee = cancelSellFeeInput - const myCancelSellNameDialog1 = get("registernamepage.nchange30") - const myCancelSellNameDialog2 = get("registernamepage.nchange31") + const makeTransactionRequest = async (lastRef) => { + const myName = name + const myLastRef = lastRef + const myFee = cancelSellFeeInput + const myCancelSellNameDialog1 = get('registernamepage.nchange30') + const myCancelSellNameDialog2 = get('registernamepage.nchange31') return await parentEpml.request('transaction', { type: 6, @@ -1169,39 +993,45 @@ class NameRegistration extends LitElement { cancelSellNameDialog2: myCancelSellNameDialog2 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById("toCancelSellName").value = '' - this.toCancelSellName = '' - this.errorMessage = '' - this.successMessage = this.renderCancelSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('toCancelSellName').value = '' + this.toCancelSellName = '' + this.errorMessage = '' + this.successMessage = this.renderCancelSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + await validateReceiver() + } - round(number) { + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + } } -window.customElements.define('name-registration', NameRegistration) +window.customElements.define('name-registration', NameRegistration) \ No newline at end of file diff --git a/plugins/plugins/core/names-market/names-market.src.js b/plugins/plugins/core/names-market/names-market.src.js index 8730b4a3..08eb7af2 100644 --- a/plugins/plugins/core/names-market/names-market.src.js +++ b/plugins/plugins/core/names-market/names-market.src.js @@ -1,9 +1,9 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { namesMarketStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import '../components/qortal-info-view.js' +import '../components/qortal-info-view' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-formfield' @@ -19,1068 +19,823 @@ import '@vaadin/icons' import '@vaadin/grid' import '@vaadin/text-field' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class NamesMarket extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - qortWalletBalance: { type: Number }, - marketSellNames: { type: Array }, - marketSoldNames: { type: Array }, - filteredItems: { type: Array }, - filteredSoldItems: { type: Array }, - searchSellNames: { type: Array }, - recipientPublicKey: { type: String }, - selectedAddress: { type: Object }, - btnDisable: { type: Boolean }, - isLoading: { type: Boolean }, - error: { type: Boolean }, - message: { type: String }, - removeError: { type: Boolean }, - removeMessage: { type: String }, - cancelSellFee: { type: Number }, - buyFee: { type: Number }, - toCancelSellName: { type: String }, - toBuyName: { type: String }, - toBuyPrice: { type: String }, - toBuySeller: { type: String }, - errorMessage: { type: String }, - successMessage: { type: String } - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + qortWalletBalance: { type: Number }, + marketSellNames: { type: Array }, + marketSoldNames: { type: Array }, + filteredItems: { type: Array }, + filteredSoldItems: { type: Array }, + searchSellNames: { type: Array }, + recipientPublicKey: { type: String }, + selectedAddress: { type: Object }, + btnDisable: { type: Boolean }, + isLoading: { type: Boolean }, + error: { type: Boolean }, + message: { type: String }, + removeError: { type: Boolean }, + removeMessage: { type: String }, + cancelSellFee: { type: Number }, + buyFee: { type: Number }, + toCancelSellName: { type: String }, + toBuyName: { type: String }, + toBuyPrice: { type: String }, + toBuySeller: { type: String }, + errorMessage: { type: String }, + successMessage: { type: String } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 1024px; - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [namesMarketStyles] + } - [hidden] { - display: hidden !important; - visibility: none !important; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.qortWalletBalance = 0 + this.selectedAddress = {} + this.marketSellNames = [] + this.marketSoldNames = [] + this.filteredItems = [] + this.filteredSoldItems = [] + this.searchSellNames = [] + this.recipientPublicKey = '' + this.btnDisable = false + this.isLoading = false + this.cancelSellFee = 0.001 + this.buyFee = 0.001 + this.toCancelSellName = '' + this.toBuyName = '' + this.toBuyPrice = '' + this.toBuySeller = '' + this.errorMessage = '' + this.successMessage = '' + } - #name-registration-page { - background: var(--white); - padding: 12px 24px; - } + render() { + return html` +
    + + + + +
    +
    +
    + + +
    + + + { + render(html` this.openSellerInfo(data.item.owner)}>${data.item.owner}`, root) + }}> + + { + if (data.item.owner === this.selectedAddress.address) { + render(html`${this.renderCancelSellNameButton(data.item)}`, root) + } else { + render(html`${this.renderBuyNameButton(data.item)}`, root) + } + }}> + +
    + ${(this.isEmptyArray(this.marketSellNames) && !this.isLoading) ? html` + ${translate("registernamepage.nchange24")} + `: ''} + ${this.isLoading ? html` + + ` : ''} +
    +
    +
    +
    + + + { + render(html` this.openSellerInfo(data.item.seller)}>${data.item.seller}`, root) + }}> + { + render(html` this.openSellerInfo(data.item.creatorAddress)}>${data.item.creatorAddress}`, root) + }}> + + { + render(html` + + sell +  ${translate("tradepage.tchange31")} + + `, root) + }}> + +
    + ${(this.isEmptyArray(this.marketSoldNames) && !this.isLoading) ? html` + ${translate("registernamepage.nchange24")} + `: ''} + ${this.isLoading ? html` + + ` : ''} +
    +
    +
    + +
    +
    +

    ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")}

    +
    +
    +
    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.cancelSellFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.createCancelSellName()}> + + ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    +

    ${translate("registernamepage.nchange21")}

    +
    +
    +
    +

    + + +

    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.buyFee} QORT

    +
    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.isLoading ? html` + + ` : ''} +
    +
    + this.openCheckFunds()}> + + ${translate("registernamepage.nchange21")} + +
    +
    +
    + + ${translate("general.close")} + +     + +
    + warning +

    ${translate("registernamepage.nchange35")}

    +

    ${translate("registernamepage.nchange36")}

    +
    + this.closeBuyErrorNameDialog()} + class="red" + > + ${translate("general.close")} + +     + +
    + warning +

    ${translate("registernamepage.nchange37")}

    +

    ${translate("registernamepage.nchange38")}

    +
    + this.closeBuyErrorPriceDialog()} + class="red" + > + ${translate("general.close")} + +     +
    + + ` + } - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - margin-bottom: 10px; - margin-top: 10px; - } + firstUpdated() { + this.changeTheme() + this.changeLanguage() + this.unitCancelSellFee() + this.unitBuyFee() - h2 { - margin:0; - } + setTimeout(() => { + this.displayTabContent('sell') + }, 0) - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - img { - border-radius: 25%; - max-width: 42px; - height: 100%; - max-height: 42px; - } - - #tabs-height { - --mdc-tab-height: 50px; - } - - #tabs-1-content { - height: 100%; - padding-bottom: 10px; - } - - mwc-tab-bar { - --mdc-text-transform: none; - --mdc-tab-color-default: var(--black); - --mdc-tab-text-label-color-default: var(--black); - } - - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } - - .red { - --mdc-theme-primary: #F44336; - } - - .green { - --mdc-theme-primary: #198754; - } - - .warning { - --mdc-theme-primary: #f0ad4e; - } - - .sellerAddress { - color: var(--mdc-theme-primary); - cursor: pointer; - } - - .buyerAddress { - color: #198754; - cursor: pointer; - } - - .sold { - color: #F44336; - --mdc-icon-size: 16px; - padding-top: 10px; - } - - .buttons { - text-align: right; - } - - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - .spinner { - width: 100%; - display: flex; - justify-content: center; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - #pages { - display: flex; - flex-wrap: wrap; - padding: 10px 5px 5px 5px; - margin: 0px 20px 20px 20px; - } - - #pages > button { - user-select: none; - padding: 5px; - margin: 0 5px; - border-radius: 10%; - border: 0; - background: transparent; - font: inherit; - outline: none; - cursor: pointer; - color: var(--black); - } - - #pages > button:not([disabled]):hover, - #pages > button:focus { - color: #ccc; - background-color: #eee; - } - - #pages > button[selected] { - font-weight: bold; - color: var(--white); - background-color: #ccc; - } - - #pages > button[disabled] { - opacity: 0.5; - cursor: default; - } - - #pagesSold { - display: flex; - flex-wrap: wrap; - padding: 10px 5px 5px 5px; - margin: 0px 20px 20px 20px; - } - - #pagesSold > button { - user-select: none; - padding: 5px; - margin: 0 5px; - border-radius: 10%; - border: 0; - background: transparent; - font: inherit; - outline: none; - cursor: pointer; - color: var(--black); - } - - #pagesSold > button:not([disabled]):hover, - #pagesSold > button:focus { - color: #ccc; - background-color: #eee; - } - - #pagesSold > button[selected] { - font-weight: bold; - color: var(--white); - background-color: #ccc; - } - - #pagesSold > button[disabled] { - opacity: 0.5; - cursor: default; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .successBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid green; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .errorBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid red; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .manage-group-dialog { - min-height: 300px; - min-width: 350px; - box-sizing: border-box; - position: relative; - } - - .btn-clear-success { - --mdc-icon-button-size: 32px; - color: red; + const fetchMarketSellNames = async () => { + this.isLoading = true + await parentEpml.request('apiCall', { + url: `/names/forsale?limit=0&reverse=true` + }).then(res => { + this.marketSellNames = res + }) + await this.updatePageSize() + this.isLoading = false + setTimeout(fetchMarketSellNames, 180000) } - .btn-clear-error { - --mdc-icon-button-size: 32px; - color: green; + const fetchMarketSoldNames = async () => { + this.isLoading = true + await parentEpml.request('apiCall', { + url: `/transactions/search?txType=BUY_NAME&confirmationStatus=BOTH&limit=0&reverse=true` + }).then(res => { + this.marketSoldNames = res + }) + await this.updatePageSoldSize() + this.isLoading = false + setTimeout(fetchMarketSoldNames, 300000) } - .error-icon { - font-size: 48px; - color: red; - } - ` - } - - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.qortWalletBalance = 0 - this.selectedAddress = {} - this.marketSellNames = [] - this.marketSoldNames = [] - this.filteredItems = [] - this.filteredSoldItems = [] - this.searchSellNames = [] - this.recipientPublicKey = '' - this.btnDisable = false - this.isLoading = false - this.cancelSellFee = 0.001 - this.buyFee = 0.001 - this.toCancelSellName = '' - this.toBuyName = '' - this.toBuyPrice = '' - this.toBuySeller = '' - this.errorMessage = '' - this.successMessage = '' - } - - render() { - return html` -
    - - - - - -
    -
    -
    - - -
    - - - { - render(html` this.openSellerInfo(data.item.owner)}>${data.item.owner}`, root) - }}> - - { - if (data.item.owner === this.selectedAddress.address) { - render(html`${this.renderCancelSellNameButton(data.item)}`, root) - } else { - render(html`${this.renderBuyNameButton(data.item)}`, root) - } - }}> - -
    - ${(this.isEmptyArray(this.marketSellNames) && !this.isLoading) ? html` - ${translate("registernamepage.nchange24")} - `: ''} - ${this.isLoading ? html` - - ` : ''} -
    -
    -
    -
    - - - { - render(html` this.openSellerInfo(data.item.seller)}>${data.item.seller}`, root) - }}> - { - render(html` this.openSellerInfo(data.item.creatorAddress)}>${data.item.creatorAddress}`, root) - }}> - - { - render(html`sell ${translate("tradepage.tchange31")}`, root) - }}> - -
    - ${(this.isEmptyArray(this.marketSoldNames) && !this.isLoading) ? html` - ${translate("registernamepage.nchange24")} - `: ''} - ${this.isLoading ? html` - - ` : ''} -
    -
    -
    - - -
    -
    -

    ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")}

    -
    -
    -
    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.cancelSellFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.createCancelSellName()}> - - ${translate("registernamepage.nchange20")} ${translate("registernamepage.nchange5")} - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    -

    ${translate("registernamepage.nchange21")}

    -
    -
    -
    -

    - - -

    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.buyFee} QORT

    -
    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.isLoading ? html`` : ''} -
    -
    - this.openCheckFunds()}> - - ${translate("registernamepage.nchange21")} - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("registernamepage.nchange35")}

    -

    ${translate("registernamepage.nchange36")}

    -
    - this.closeBuyErrorNameDialog()} - class="red" - > - ${translate("general.close")} - -     - - -
    - warning -

    ${translate("registernamepage.nchange37")}

    -

    ${translate("registernamepage.nchange38")}

    -
    - this.closeBuyErrorPriceDialog()} - class="red" - > - ${translate("general.close")} - -     -
    - - ` - } - - firstUpdated() { - - this.changeTheme() - this.changeLanguage() - this.unitCancelSellFee() - this.unitBuyFee() - - setTimeout(() => { - this.displayTabContent('sell') - }, 0) - - const fetchMarketSellNames = async () => { - this.isLoading = true - await parentEpml.request('apiCall', { - url: `/names/forsale?limit=0&reverse=true` - }).then(res => { - this.marketSellNames = res - }) - await this.updatePageSize() - this.isLoading = false - setTimeout(fetchMarketSellNames, 180000) - } - - const fetchMarketSoldNames = async () => { - this.isLoading = true - await parentEpml.request('apiCall', { - url: `/transactions/search?txType=BUY_NAME&confirmationStatus=BOTH&limit=0&reverse=true` - }).then(res => { - this.marketSoldNames = res - }) - await this.updatePageSoldSize() - this.isLoading = false - setTimeout(fetchMarketSoldNames, 300000) - } - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(fetchMarketSellNames, 1) - setTimeout(fetchMarketSoldNames, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - displayTabContent(tab) { - const tabSellContent = this.shadowRoot.getElementById('tab-sell-content') - const tabSoldContent = this.shadowRoot.getElementById('tab-sold-content') - tabSellContent.style.display = (tab === 'sell') ? 'block' : 'none' - tabSoldContent.style.display = (tab === 'sold') ? 'block' : 'none' - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - async updatePageSize() { - this.filteredItems = [] - this.marketSellNames.sort((a, b) => parseFloat(a.salePrice) - parseFloat(b.salePrice)) - this.filteredItems = this.marketSellNames - await this.setPages() - await this.updateItemsFromPage(1, true) - } - - async setPages() { - this.namesGrid = this.shadowRoot.querySelector(`#marketSellNames`) - this.pagesControl = this.shadowRoot.querySelector('#pages') - this.pages = undefined - } - - async updatePageSizeSearch() { - this.filteredItems = [] - this.searchSellNames.sort((a, b) => parseFloat(a.salePrice) - parseFloat(b.salePrice)) - this.filteredItems = this.searchSellNames - await this.setPagesSearch() - await this.updateItemsFromPage(1, true) - } - - async setPagesSearch() { - this.namesGrid = this.shadowRoot.querySelector(`#marketSellNames`) - this.pagesControl = this.shadowRoot.querySelector('#pages') - this.pages = undefined - } - - async updatePageSoldSize() { - this.filteredSoldItems = [] - this.marketSoldNames.sort((b, a) => parseFloat(a.amount) - parseFloat(b.amount)) - this.filteredSoldItems = this.marketSoldNames - await this.setSoldPages() - await this.updateItemsSoldFromPage(1, true) - } - - async setSoldPages() { - this.namesSoldGrid = this.shadowRoot.querySelector(`#marketSoldNames`) - this.pagesSoldControl = this.shadowRoot.querySelector('#pagesSold') - this.soldPages = undefined - } - - async updateItemsFromPage(page, changeNames = false) { - if (page === undefined) { - return - } - - changeNames === true ? (this.pagesControl.innerHTML = '') : null - - if (!this.pages) { - this.pages = Array.apply(null, { length: Math.ceil(this.filteredItems.length / this.namesGrid.pageSize) }).map((item, index) => { - return index + 1 - }) - - const prevBtn = document.createElement('button') - prevBtn.textContent = '<' - prevBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage - 1) - }) - this.pagesControl.appendChild(prevBtn) - - this.pages.forEach((pageNumber) => { - const pageBtn = document.createElement('button') - pageBtn.textContent = pageNumber - pageBtn.addEventListener('click', (e) => { - this.updateItemsFromPage(parseInt(e.target.textContent)) - }) - if (pageNumber === page) { - pageBtn.setAttribute('selected', true) - } - this.pagesControl.appendChild(pageBtn) - }) - - const nextBtn = window.document.createElement('button') - nextBtn.textContent = '>' - nextBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage + 1) - }) - this.pagesControl.appendChild(nextBtn) - } - - const buttons = Array.from(this.pagesControl.children) - buttons.forEach((btn, index) => { - if (parseInt(btn.textContent) === page) { - btn.setAttribute('selected', true) - } else { - btn.removeAttribute('selected') - } - if (index === 0) { - if (page === 1) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - if (index === buttons.length - 1) { - if (page === this.pages.length) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - }) - let start = (page - 1) * this.namesGrid.pageSize - let end = page * this.namesGrid.pageSize - - this.namesGrid.items = this.filteredItems.slice(start, end) - } - - async updateItemsSoldFromPage(pageSold, changeSoldNames = false) { - if (pageSold === undefined) { - return - } - - changeSoldNames === true ? (this.pagesSoldControl.innerHTML = '') : null - - if (!this.soldPages) { - this.soldPages = Array.apply(null, { length: Math.ceil(this.filteredSoldItems.length / this.namesSoldGrid.pageSize) }).map((item, index) => { - return index + 1 - }) - - const prevBtn = document.createElement('button') - prevBtn.textContent = '<' - prevBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesSoldControl.querySelector('[selected]').textContent) - this.updateItemsSoldFromPage(selectedPage - 1) - }) - this.pagesSoldControl.appendChild(prevBtn) - - this.soldPages.forEach((pageNumber) => { - const pageBtn = document.createElement('button') - pageBtn.textContent = pageNumber - pageBtn.addEventListener('click', (e) => { - this.updateItemsSoldFromPage(parseInt(e.target.textContent)) - }) - if (pageNumber === pageSold) { - pageBtn.setAttribute('selected', true) - } - this.pagesSoldControl.appendChild(pageBtn) - }) - - const nextBtn = window.document.createElement('button') - nextBtn.textContent = '>' - nextBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesSoldControl.querySelector('[selected]').textContent) - this.updateItemsSoldFromPage(selectedPage + 1) - }) - this.pagesSoldControl.appendChild(nextBtn) - } - - const buttons = Array.from(this.pagesSoldControl.children) - - buttons.forEach((btn, index) => { - if (parseInt(btn.textContent) === pageSold) { - btn.setAttribute('selected', true) - } else { - btn.removeAttribute('selected') - } - if (index === 0) { - if (pageSold === 1) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - if (index === buttons.length - 1) { - if (pageSold === this.soldPages.length) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - }) - let start = (pageSold - 1) * this.namesSoldGrid.pageSize - let end = pageSold * this.namesSoldGrid.pageSize - - this.namesSoldGrid.items = this.filteredSoldItems.slice(start, end) - } - - async updateQortWalletBalance() { - let qortAddress = window.parent.reduxStore.getState().app.selectedAddress.address - - await parentEpml.request('apiCall', { - url: `/addresses/balance/${qortAddress}`, - }).then((res) => { - this.qortWalletBalance = res - }) - } - - renderClearSuccess() { - let strSuccessValue = this.successMessage - if (strSuccessValue === "") { - return html`` - } else { - return html` -
    - ${this.successMessage} - -
    -
    -

    ${translate("walletpage.wchange43")}

    -
    - ` - } - } - - renderClearError() { - let strErrorValue = this.errorMessage - if (strErrorValue === "") { - return html`` - } else { - return html` -
    - ${this.errorMessage} - -
    -
    -

    ${translate("walletpage.wchange44")}

    -
    - ` - } - } - - renderCoreText() { - return html`${translate("registernamepage.nchange16")}` - } - - renderSuccessText() { - return html`${translate("registernamepage.nchange18")}` - } - - renderSuccessUpdateText() { - return html`${translate("registernamepage.nchange47")}` - } - - renderSellSuccessText() { - return html`${translate("registernamepage.nchange32")}` - } - - renderCancelSuccessText() { - return html`${translate("registernamepage.nchange33")}` - } - - renderBuySuccessText() { - return html`${translate("registernamepage.nchange34")}` - } - - renderFailText() { - return html`${translate("registernamepage.nchange17")}` - } - - renderAvatar(nameObj) { - let name = nameObj.name - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } - - renderCancelSellNameButton(nameObj) { - return html` this.openCancelSellNameDialog(nameObj)}>cancel ${translate("registernamepage.nchange20")}` - } - - openCancelSellNameDialog(nameObj) { - this.toCancelSellName = '' - this.shadowRoot.getElementById("toCancelSellName").value = '' - this.toCancelSellName = nameObj.name - this.shadowRoot.querySelector('#cancelSellNameDialog').show() - } - - closeCancelSellNameDialog() { - this.shadowRoot.querySelector('#cancelSellNameDialog').close() - this.toCancelSellName = '' - this.shadowRoot.getElementById("toCancelSellName").value = '' - } - - renderBuyNameButton(nameObj) { - return html` this.openCheck(nameObj)}>shop ${translate("registernamepage.nchange21")}` - } - - openCheck(nameObj) { - const _name = nameObj.name - const _seller = nameObj.owner - const _price = nameObj.salePrice - if (this.isEmptyArray(this.names) === true) { - this.openBuyNameDialog(_name, _seller, _price) - } else { - this.shadowRoot.querySelector('#buyErrorNameDialog').show() - } - } - - openBuyNameDialog(_name, _seller, _price) { - this.toBuyName = '' - this.toBuyPrice = '' - this.toBuySeller = '' - this.shadowRoot.getElementById("toBuyName").value = '' - this.shadowRoot.getElementById("toBuyPrice").value = '' - this.shadowRoot.getElementById("toBuySeller").value = '' - this.toBuyName = _name - this.toBuyPrice = _price - this.toBuySeller = _seller - this.shadowRoot.querySelector('#buyNameDialog').show() - } - - closeBuyNameDialog() { - this.toBuyName = '' - this.toBuyPrice = '' - this.toBuySeller = '' - this.shadowRoot.getElementById("toBuyName").value = '' - this.shadowRoot.getElementById("toBuyPrice").value = '' - this.shadowRoot.getElementById("toBuySeller").value = '' - this.shadowRoot.querySelector('#buyNameDialog').close() - } - - async openCheckFunds() { - await this.updateQortWalletBalance() - - const myFunds = this.round(parseFloat(this.qortWalletBalance)) - const myBuyPrice = this.round(parseFloat(this.toBuyPrice)) - - if (Number(myFunds) < Number(myBuyPrice)) { - this.shadowRoot.querySelector('#buyErrorPriceDialog').show() - } else { - this.createBuyName() - } - } - - openSellerInfo(address) { - let sendInfoAddress = address - const infoDialog = this.shadowRoot.querySelector('qortal-info-view') - infoDialog.openUserInfo(sendInfoAddress) - } - - closeBuyErrorNameDialog() { - this.shadowRoot.querySelector('#buyErrorNameDialog').close() - } - - closeBuyErrorPriceDialog() { - this.shadowRoot.querySelector('#buyErrorPriceDialog').close() - } - - async unitCancelSellFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_SELL_NAME` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.cancelSellFee = (Number(json) / 1e8).toFixed(8) - }) - } - - async unitBuyFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=BUY_NAME` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.buyFee = (Number(json) / 1e8).toFixed(8) - }) - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } - - async createCancelSellName() { - const name = this.shadowRoot.getElementById("toCancelSellName").value - const cancelSellFeeInput = this.cancelSellFee - this.isLoading = true - this.btnDisable = true - - const getLastRef = async () => { + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + let configLoaded = false + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(fetchMarketSellNames, 1) + setTimeout(fetchMarketSoldNames, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) + + parentEpml.imReady() + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + displayTabContent(tab) { + const tabSellContent = this.shadowRoot.getElementById('tab-sell-content') + const tabSoldContent = this.shadowRoot.getElementById('tab-sold-content') + tabSellContent.style.display = (tab === 'sell') ? 'block' : 'none' + tabSoldContent.style.display = (tab === 'sold') ? 'block' : 'none' + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + async updatePageSize() { + this.filteredItems = [] + this.marketSellNames.sort((a, b) => parseFloat(a.salePrice) - parseFloat(b.salePrice)) + this.filteredItems = this.marketSellNames + await this.setPages() + await this.updateItemsFromPage(1, true) + } + + async setPages() { + this.namesGrid = this.shadowRoot.querySelector(`#marketSellNames`) + this.pagesControl = this.shadowRoot.querySelector('#pages') + this.pages = undefined + } + + async updatePageSizeSearch() { + this.filteredItems = [] + this.searchSellNames.sort((a, b) => parseFloat(a.salePrice) - parseFloat(b.salePrice)) + this.filteredItems = this.searchSellNames + await this.setPagesSearch() + await this.updateItemsFromPage(1, true) + } + + async setPagesSearch() { + this.namesGrid = this.shadowRoot.querySelector(`#marketSellNames`) + this.pagesControl = this.shadowRoot.querySelector('#pages') + this.pages = undefined + } + + async updatePageSoldSize() { + this.filteredSoldItems = [] + this.marketSoldNames.sort((b, a) => parseFloat(a.amount) - parseFloat(b.amount)) + this.filteredSoldItems = this.marketSoldNames + await this.setSoldPages() + await this.updateItemsSoldFromPage(1, true) + } + + async setSoldPages() { + this.namesSoldGrid = this.shadowRoot.querySelector(`#marketSoldNames`) + this.pagesSoldControl = this.shadowRoot.querySelector('#pagesSold') + this.soldPages = undefined + } + + async updateItemsFromPage(page, changeNames = false) { + if (page === undefined) { + return + } + + changeNames === true ? (this.pagesControl.innerHTML = '') : null + + if (!this.pages) { + this.pages = Array.apply(null, { length: Math.ceil(this.filteredItems.length / this.namesGrid.pageSize) }).map((item, index) => { + return index + 1 + }) + + const prevBtn = document.createElement('button') + prevBtn.textContent = '<' + prevBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage - 1) + }) + this.pagesControl.appendChild(prevBtn) + + this.pages.forEach((pageNumber) => { + const pageBtn = document.createElement('button') + pageBtn.textContent = pageNumber + pageBtn.addEventListener('click', (e) => { + this.updateItemsFromPage(parseInt(e.target.textContent)) + }) + if (pageNumber === page) { + pageBtn.setAttribute('selected', true) + } + this.pagesControl.appendChild(pageBtn) + }) + + const nextBtn = window.document.createElement('button') + nextBtn.textContent = '>' + nextBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage + 1) + }) + this.pagesControl.appendChild(nextBtn) + } + + const buttons = Array.from(this.pagesControl.children) + buttons.forEach((btn, index) => { + if (parseInt(btn.textContent) === page) { + btn.setAttribute('selected', true) + } else { + btn.removeAttribute('selected') + } + if (index === 0) { + if (page === 1) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + if (index === buttons.length - 1) { + if (page === this.pages.length) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + }) + let start = (page - 1) * this.namesGrid.pageSize + let end = page * this.namesGrid.pageSize + + this.namesGrid.items = this.filteredItems.slice(start, end) + } + + async updateItemsSoldFromPage(pageSold, changeSoldNames = false) { + if (pageSold === undefined) { + return + } + + changeSoldNames === true ? (this.pagesSoldControl.innerHTML = '') : null + + if (!this.soldPages) { + this.soldPages = Array.apply(null, { length: Math.ceil(this.filteredSoldItems.length / this.namesSoldGrid.pageSize) }).map((item, index) => { + return index + 1 + }) + + const prevBtn = document.createElement('button') + prevBtn.textContent = '<' + prevBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesSoldControl.querySelector('[selected]').textContent) + this.updateItemsSoldFromPage(selectedPage - 1) + }) + this.pagesSoldControl.appendChild(prevBtn) + + this.soldPages.forEach((pageNumber) => { + const pageBtn = document.createElement('button') + pageBtn.textContent = pageNumber + pageBtn.addEventListener('click', (e) => { + this.updateItemsSoldFromPage(parseInt(e.target.textContent)) + }) + if (pageNumber === pageSold) { + pageBtn.setAttribute('selected', true) + } + this.pagesSoldControl.appendChild(pageBtn) + }) + + const nextBtn = window.document.createElement('button') + nextBtn.textContent = '>' + nextBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesSoldControl.querySelector('[selected]').textContent) + this.updateItemsSoldFromPage(selectedPage + 1) + }) + this.pagesSoldControl.appendChild(nextBtn) + } + + const buttons = Array.from(this.pagesSoldControl.children) + + buttons.forEach((btn, index) => { + if (parseInt(btn.textContent) === pageSold) { + btn.setAttribute('selected', true) + } else { + btn.removeAttribute('selected') + } + if (index === 0) { + if (pageSold === 1) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + if (index === buttons.length - 1) { + if (pageSold === this.soldPages.length) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + }) + let start = (pageSold - 1) * this.namesSoldGrid.pageSize + let end = pageSold * this.namesSoldGrid.pageSize + + this.namesSoldGrid.items = this.filteredSoldItems.slice(start, end) + } + + async updateQortWalletBalance() { + let qortAddress = window.parent.reduxStore.getState().app.selectedAddress.address + + await parentEpml.request('apiCall', { + url: `/addresses/balance/${qortAddress}`, + }).then((res) => { + this.qortWalletBalance = res + }) + } + + renderClearSuccess() { + let strSuccessValue = this.successMessage + if (strSuccessValue === '') { + return html`` + } else { + return html` +
    + ${this.successMessage} + + + +
    +
    +

    ${translate("walletpage.wchange43")}

    +
    + ` + } + } + + renderClearError() { + let strErrorValue = this.errorMessage + if (strErrorValue === '') { + return html`` + } else { + return html` +
    + ${this.errorMessage} + + + +
    +
    +

    ${translate("walletpage.wchange44")}

    +
    + ` + } + } + + renderCoreText() { + return html`${translate('registernamepage.nchange16')}` + } + + renderSuccessText() { + return html`${translate('registernamepage.nchange18')}` + } + + renderSuccessUpdateText() { + return html`${translate('registernamepage.nchange47')}` + } + + renderSellSuccessText() { + return html`${translate('registernamepage.nchange32')}` + } + + renderCancelSuccessText() { + return html`${translate('registernamepage.nchange33')}` + } + + renderBuySuccessText() { + return html`${translate('registernamepage.nchange34')}` + } + + renderFailText() { + return html`${translate('registernamepage.nchange17')}` + } + + renderAvatar(nameObj) { + let name = nameObj.name + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true}` + return html`` + } + + renderCancelSellNameButton(nameObj) { + return html` this.openCancelSellNameDialog(nameObj)}>cancel ${translate('registernamepage.nchange20')}` + } + + openCancelSellNameDialog(nameObj) { + this.toCancelSellName = '' + this.shadowRoot.getElementById('toCancelSellName').value = '' + this.toCancelSellName = nameObj.name + this.shadowRoot.querySelector('#cancelSellNameDialog').show() + } + + closeCancelSellNameDialog() { + this.shadowRoot.querySelector('#cancelSellNameDialog').close() + this.toCancelSellName = '' + this.shadowRoot.getElementById('toCancelSellName').value = '' + } + + renderBuyNameButton(nameObj) { + return html` this.openCheck(nameObj)}>shop ${translate('registernamepage.nchange21')}` + } + + openCheck(nameObj) { + const _name = nameObj.name + const _seller = nameObj.owner + const _price = nameObj.salePrice + if (this.isEmptyArray(this.names) === true) { + this.openBuyNameDialog(_name, _seller, _price) + } else { + this.shadowRoot.querySelector('#buyErrorNameDialog').show() + } + } + + openBuyNameDialog(_name, _seller, _price) { + this.toBuyName = '' + this.toBuyPrice = '' + this.toBuySeller = '' + this.shadowRoot.getElementById('toBuyName').value = '' + this.shadowRoot.getElementById('toBuyPrice').value = '' + this.shadowRoot.getElementById('toBuySeller').value = '' + this.toBuyName = _name + this.toBuyPrice = _price + this.toBuySeller = _seller + this.shadowRoot.querySelector('#buyNameDialog').show() + } + + closeBuyNameDialog() { + this.toBuyName = '' + this.toBuyPrice = '' + this.toBuySeller = '' + this.shadowRoot.getElementById('toBuyName').value = '' + this.shadowRoot.getElementById('toBuyPrice').value = '' + this.shadowRoot.getElementById('toBuySeller').value = '' + this.shadowRoot.querySelector('#buyNameDialog').close() + } + + async openCheckFunds() { + await this.updateQortWalletBalance() + + const myFunds = this.round(parseFloat(this.qortWalletBalance)) + const myBuyPrice = this.round(parseFloat(this.toBuyPrice)) + + if (Number(myFunds) < Number(myBuyPrice)) { + this.shadowRoot.querySelector('#buyErrorPriceDialog').show() + } else { + this.createBuyName() + } + } + + openSellerInfo(address) { + let sendInfoAddress = address + const infoDialog = this.shadowRoot.querySelector('qortal-info-view') + infoDialog.openUserInfo(sendInfoAddress) + } + + closeBuyErrorNameDialog() { + this.shadowRoot.querySelector('#buyErrorNameDialog').close() + } + + closeBuyErrorPriceDialog() { + this.shadowRoot.querySelector('#buyErrorPriceDialog').close() + } + + async unitCancelSellFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=CANCEL_SELL_NAME` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.cancelSellFee = (Number(json) / 1e8).toFixed(8) + }) + } + + async unitBuyFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=BUY_NAME` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.buyFee = (Number(json) / 1e8).toFixed(8) + }) + } + + async createCancelSellName() { + const name = this.shadowRoot.getElementById('toCancelSellName').value + const cancelSellFeeInput = this.cancelSellFee + this.isLoading = true + this.btnDisable = true + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myName = name - const myLastRef = lastRef - const myFee = cancelSellFeeInput - const myCancelSellNameDialog1 = get("registernamepage.nchange30") - const myCancelSellNameDialog2 = get("registernamepage.nchange31") + const makeTransactionRequest = async (lastRef) => { + const myName = name + const myLastRef = lastRef + const myFee = cancelSellFeeInput + const myCancelSellNameDialog1 = get('registernamepage.nchange30') + const myCancelSellNameDialog2 = get('registernamepage.nchange31') return await parentEpml.request('transaction', { type: 6, @@ -1093,61 +848,61 @@ class NamesMarket extends LitElement { cancelSellNameDialog2: myCancelSellNameDialog2 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById("toCancelSellName").value = '' - this.toCancelSellName = '' - this.errorMessage = '' - this.successMessage = this.renderCancelSuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('toCancelSellName').value = '' + this.toCancelSellName = '' + this.errorMessage = '' + this.successMessage = this.renderCancelSuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + await validateReceiver() + } - createBuyName() { - const name = this.shadowRoot.getElementById("toBuyName").value - const price = this.shadowRoot.getElementById("toBuyPrice").value - const seller = this.shadowRoot.getElementById("toBuySeller").value - const buyFeeInput = this.buyFee - this.isLoading = true - this.btnDisable = true + createBuyName() { + const name = this.shadowRoot.getElementById('toBuyName').value + const price = this.shadowRoot.getElementById('toBuyPrice').value + const seller = this.shadowRoot.getElementById('toBuySeller').value + const buyFeeInput = this.buyFee + this.isLoading = true + this.btnDisable = true - const getLastRef = async () => { + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - } + } - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + getTxnRequestResponse(myTransaction) + } - const makeTransactionRequest = async (lastRef) => { - const myName = name - const myPrice = price - const mySeller = seller - const myLastRef = lastRef - const myFee = buyFeeInput - const myBuyNameDialog1 = get("registernamepage.nchange39") - const myBuyNameDialog2 = get("registernamepage.nchange27") - const myBuyNameDialog3 = get("registernamepage.nchange40") + const makeTransactionRequest = async (lastRef) => { + const myName = name + const myPrice = price + const mySeller = seller + const myLastRef = lastRef + const myFee = buyFeeInput + const myBuyNameDialog1 = get('registernamepage.nchange39') + const myBuyNameDialog2 = get('registernamepage.nchange27') + const myBuyNameDialog3 = get('registernamepage.nchange40') return await parentEpml.request('transaction', { type: 7, @@ -1163,43 +918,49 @@ class NamesMarket extends LitElement { buyNameDialog3: myBuyNameDialog3 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById("toBuyName").value = '' - this.shadowRoot.getElementById("toBuyPrice").value = '' - this.shadowRoot.getElementById("toBuySeller").value = '' - this.toBuyName = '' - this.toBuyPrice = '' - this.toBuySeller = '' - this.errorMessage = '' - this.successMessage = this.renderBuySuccessText() - this.isLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.isLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - validateReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('toBuyName').value = '' + this.shadowRoot.getElementById('toBuyPrice').value = '' + this.shadowRoot.getElementById('toBuySeller').value = '' + this.toBuyName = '' + this.toBuyPrice = '' + this.toBuySeller = '' + this.errorMessage = '' + this.successMessage = this.renderBuySuccessText() + this.isLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.isLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + validateReceiver() + } - round(number) { + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + } } -window.customElements.define('names-market', NamesMarket) +window.customElements.define('names-market', NamesMarket) \ No newline at end of file diff --git a/plugins/plugins/core/node-management/node-management.src.js b/plugins/plugins/core/node-management/node-management.src.js index 57a1ac12..b1c2eeeb 100644 --- a/plugins/plugins/core/node-management/node-management.src.js +++ b/plugins/plugins/core/node-management/node-management.src.js @@ -1,593 +1,526 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { nodeManagementStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import '@polymer/paper-spinner/paper-spinner-lite.js' import '@material/mwc-icon' import '@material/mwc-textfield' import '@material/mwc-button' import '@material/mwc-dialog' +import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) -const parentEpml = new Epml({ type: "WINDOW", source: window.parent }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class NodeManagement extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - upTime: { type: String }, - mintingAccounts: { type: Array }, - peers: { type: Array }, - addMintingAccountLoading: { type: Boolean }, - removeMintingAccountLoading: { type: Boolean }, - addPeerLoading: { type: Boolean }, - confPeerLoading: { type: Boolean }, - addMintingAccountKey: { type: String }, - removeMintingAccountKey: { type: String }, - addPeerMessage: { type: String }, - confPeerMessage: { type: String }, - addMintingAccountMessage: { type: String }, - removeMintingAccountMessage: { type: String }, - nodeConfig: { type: Object }, - nodeDomain: { type: String }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + loading: { type: Boolean }, + upTime: { type: String }, + mintingAccounts: { type: Array }, + peers: { type: Array }, + addMintingAccountLoading: { type: Boolean }, + removeMintingAccountLoading: { type: Boolean }, + addPeerLoading: { type: Boolean }, + confPeerLoading: { type: Boolean }, + addMintingAccountKey: { type: String }, + removeMintingAccountKey: { type: String }, + addPeerMessage: { type: String }, + confPeerMessage: { type: String }, + addMintingAccountMessage: { type: String }, + removeMintingAccountMessage: { type: String }, + nodeConfig: { type: Object }, + nodeDomain: { type: String }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [nodeManagementStyles] + } - paper-spinner-lite { - height: 24px; - width: 24px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 2px; - } + constructor() { + super() + this.upTime = '' + this.mintingAccounts = [] + this.peers = [] + this.addPeerLoading = false + this.confPeerLoading = false + this.addMintingAccountLoading = false + this.removeMintingAccountLoading = false + this.addMintingAccountKey = '' + this.addPeerMessage = '' + this.confPeerMessage = '' + this.addMintingAccountMessage = '' + this.config = { + user: { + node: {} + } + } + this.nodeConfig = {} + this.nodeDomain = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - #node-management-page { - background: var(--white); - } + render() { + return html` +
    +
    +

    ${translate("nodepage.nchange1")} ${this.nodeDomain}

    + ${this.renderButtons()} +
    ${translate("nodepage.nchange2")} ${this.upTime}     +

    +
    +
    +

    ${translate("nodepage.nchange3")}

    + this.shadowRoot.getElementById('addMintingAccountDialog').show()}> + add + ${translate("nodepage.nchange4")} + +
    + + + + { + render(html` + this.removeMintingAccount(data.item.publicKey)}> + create +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + ${this.isEmptyArray(this.mintingAccounts) ? html`${translate("nodepage.nchange13")}` : ''} +
    +
    +
    +
    +

    + ${translate("nodepage.nchange14")} + (${this.peers.length}) +

    + this.shadowRoot.getElementById('addPeerDialog').show()}> + add +  ${translate("nodepage.nchange15")} + +
    + + + + + + { + render(html` + this.removePeer(data.item.address, data.index)}> + delete +  ${translate("nodepage.nchange12")} + + this.forceSyncPeer(data.item.address, data.index)}> +  ${translate("nodepage.nchange23")} + + `, root) + }}> + + ${this.isEmptyArray(this.peers) ? html`${translate("nodepage.nchange24")}` : ''} +
    +
    +
    +
    + +
    ${translate("nodepage.nchange16")}
    +
    + +
    + + + +
    + + ${translate("nodepage.nchange8")} + + + ${translate("general.close")} + +     + +
    ${translate("nodepage.nchange5")}
    +
    + +
    + + ${this.addMintingAccountMessage}  + + + ${translate("nodepage.nchange7")}   + + +
    + + ${translate("nodepage.nchange8")} + + + ${translate("general.close")} + +     + +
    ${translate("tour.tour18")}
    +
    +
    ${translate("nodepage.nchange37")}
    + + ${translate("general.continue")} + + + ${translate("login.lp4")} + +     + ` + } - mwc-textfield { - width: 100%; - } + firstUpdated() { + this.changeTheme() + this.changeLanguage() + this.updateMintingAccounts() - .red { - --mdc-theme-primary: #F44336; - } + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - .green { - --mdc-theme-primary: #198754; - } + use(checkLanguage) - .red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - mwc-button.red-button { - --mdc-theme-primary: red; - --mdc-theme-on-primary: white; - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - .node-card { - padding: 12px 24px; - background: var(--white); - border-radius: 2px; - box-shadow: 11; - } + // Calculate HH MM SS from Milliseconds... + const convertMsToTime = (milliseconds) => { + let day, hour, minute, seconds + seconds = Math.floor(milliseconds / 1000) + minute = Math.floor(seconds / 60) + seconds = seconds % 60 + hour = Math.floor(minute / 60) + minute = minute % 60 + day = Math.floor(hour / 24) + hour = hour % 24 + if (isNaN(day)) { + return 'offline' + } + return day + 'd ' + hour + 'h ' + minute + 'm' + } - h2 { - margin: 0; - } + const getNodeUpTime = () => { + this.upTime = '' + parentEpml.request('apiCall', { + url: `/admin/uptime` + }).then((res) => { + this.upTime = convertMsToTime(res) + }) + setTimeout(getNodeUpTime, 60000) + } - h2, - h3, - h4, - h5 { - color: var(--black); - font-weight: 400; - } + const updatePeers = () => { + this.peers = [] + parentEpml.request('apiCall', { + url: `/peers` + }).then((res) => { + this.peers = res + }) + setTimeout(updatePeers, 60000) + } - .sblack { - color: var(--black); - } + const getNodeConfig = () => { + this.nodeConfig = {} + this.nodeDomain = '' + parentEpml.request('getNodeConfig').then((res) => { + this.nodeConfig = res + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + this.nodeDomain = myNode.domain + ':' + myNode.port + }) + setTimeout(getNodeConfig, 60000) + } - [hidden] { - display: hidden !important; - visibility: none !important; - } + let configLoaded = false - .details { - display: flex; - font-size: 18px; - } - ` - } + parentEpml.ready().then(() => { + parentEpml.subscribe('config', async c => { + if (!configLoaded) { + setTimeout(getNodeUpTime, 1) + setTimeout(updatePeers, 1) + setTimeout(this.updateMintingAccounts, 1) + setTimeout(getNodeConfig, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) + parentEpml.imReady() - constructor() { - super() - this.upTime = "" - this.mintingAccounts = [] - this.peers = [] - this.addPeerLoading = false - this.confPeerLoading = false - this.addMintingAccountLoading = false - this.removeMintingAccountLoading = false - this.addMintingAccountKey = "" - this.addPeerMessage = "" - this.confPeerMessage = "" - this.addMintingAccountMessage = "" - this.config = { - user: { - node: {}, - }, - } - this.nodeConfig = {} - this.nodeDomain = "" - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + this.clearConsole() - render() { - return html` -
    -
    -

    ${translate("nodepage.nchange1")} ${this.nodeDomain}

    - ${this.renderButtons()} -
    ${translate("nodepage.nchange2")} ${this.upTime}     -

    -
    -
    -

    ${translate("nodepage.nchange3")}

    - this.shadowRoot.getElementById('addMintingAccountDialog').show()}> - add - ${translate("nodepage.nchange4")} - -
    - - - - { - render(html` - this.removeMintingAccount(data.item.publicKey)}> - create ${translate("nodepage.nchange12")} - - `, root) - }}> - - ${this.isEmptyArray(this.mintingAccounts) ? html`${translate("nodepage.nchange13")}` : ""} -

    -
    -
    -

    - ${translate("nodepage.nchange14")} - (${this.peers.length}) -

    - this.shadowRoot.getElementById('addPeerDialog').show()}>add ${translate("nodepage.nchange15")} -
    - - - - - - { - render(html` - this.removePeer(data.item.address, data.index)}> - delete ${translate("nodepage.nchange12")} - - this.forceSyncPeer(data.item.address, data.index)}> -  ${translate("nodepage.nchange23")} - - `, root) - }}> - - ${this.isEmptyArray(this.peers) ? html`${translate("nodepage.nchange24")}` : ""} -

    -
    -
    + setInterval(() => { + this.clearConsole() + }, 60000) + } - -
    ${translate("nodepage.nchange16")}

    - -
    - - - -
    - - ${translate("nodepage.nchange8")} - - - ${translate("general.close")} - -     + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - -
    ${translate("nodepage.nchange5")}

    - -
    - - ${this.addMintingAccountMessage}  - - - ${translate("nodepage.nchange7")}   - - -
    - - ${translate("nodepage.nchange8")} - - - ${translate("general.close")} - -     + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } - -
    ${translate("tour.tour18")}

    -
    ${translate("nodepage.nchange37")}
    - - ${translate("general.continue")} - - - ${translate("login.lp4")} - -     - ` - } + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - firstUpdated() { - this.changeTheme() - this.changeLanguage() - this.updateMintingAccounts() + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + renderErr1Text() { + return html`${translate('nodepage.nchange27')}` + } - use(checkLanguage) + renderErr2Text() { + return html`${translate('nodepage.nchange28')}` + } - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + forceSyncPeer(peerAddress, rowIndex) { + parentEpml.request('apiCall', { + url: `/admin/forcesync?apiKey=${this.getApiKey()}`, + method: 'POST', + body: peerAddress + }).then((res) => { + let snackString = get('nodepage.nchange25') + parentEpml.request('showSnackBar', `${snackString}` + peerAddress) + }) + } - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + removePeer(peerAddress, rowIndex) { + parentEpml.request('apiCall', { + url: `/peers?apiKey=${this.getApiKey()}`, + method: 'DELETE', + body: peerAddress + }).then((res) => { + let snackString = get('nodepage.nchange26') + parentEpml.request('showSnackBar', `${snackString}` + peerAddress) + this.peers.splice(rowIndex, 1) + }) + } - // Calculate HH MM SS from Milliseconds... - const convertMsToTime = (milliseconds) => { - let day, hour, minute, seconds - seconds = Math.floor(milliseconds / 1000) - minute = Math.floor(seconds / 60) - seconds = seconds % 60 - hour = Math.floor(minute / 60) - minute = minute % 60 - day = Math.floor(hour / 24) - hour = hour % 24 - if (isNaN(day)) { - return "offline" - } - return day + "d " + hour + "h " + minute + "m" - } + renderButtons() { + if (!isElectron()) { + return html` + this.stopNode()}>dangerous ${translate("nodepage.nchange31")} + this.openBootstrapDialog()}>restart_alt ${translate("tour.tour18")} + this.restartNode()}>360 ${translate("nodepage.nchange33")} + ` + } else { + if (this.upTime === "offline") { + return html` this.startNode()}>play_circle ${translate("nodepage.nchange35")}` + } else { + return html` + this.stopNode()}>stop_circle ${translate("nodepage.nchange31")} + this.openBootstrapDialog()}>restart_alt ${translate("tour.tour18")} + this.restartNode()}>360 ${translate("nodepage.nchange33")} + ` + } + } + } - const getNodeUpTime = () => { - this.upTime = "" - parentEpml.request("apiCall", { - url: `/admin/uptime` - }).then((res) => { - this.upTime = convertMsToTime(res) - }) - setTimeout(getNodeUpTime, 60000) - } + startNode() { + if (!isElectron()) { + } else { + window.parent.electronAPI.startCore() + let startString = get('nodepage.nchange36') + parentEpml.request('showSnackBar', `${startString}`) + this.upTime = 'starting node' + } + } - const updatePeers = () => { - this.peers = [] - parentEpml.request("apiCall", { - url: `/peers` - }).then((res) => { - this.peers = res - }) - setTimeout(updatePeers, 60000) - } + stopNode() { + parentEpml.request('apiCall', { + url: `/admin/stop?apiKey=${this.getApiKey()}`, + method: 'GET' + }).then((res) => { + if (res === true) { + let snackString = get('nodepage.nchange32') + parentEpml.request('showSnackBar', `${snackString}`) + this.upTime = 'offline' + } else { + let snackString = get('walletpage.wchange44') + parentEpml.request('showSnackBar', `${snackString}`) + } + }) + } - const getNodeConfig = () => { - this.nodeConfig = {} - this.nodeDomain = "" - parentEpml.request("getNodeConfig").then((res) => { - this.nodeConfig = res - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - this.nodeDomain = myNode.domain + ":" + myNode.port - }) - setTimeout(getNodeConfig, 60000) - } + restartNode() { + parentEpml.request('apiCall', { + url: `/admin/restart?apiKey=${this.getApiKey()}`, + method: 'GET' + }).then((res) => { + if (res === true) { + let snackString = get('nodepage.nchange34') + parentEpml.request('showSnackBar', `${snackString}`) + this.upTime = 'restarting node' + } else { + let snackString = get('walletpage.wchange44') + parentEpml.request('showSnackBar', `${snackString}`) + } + }) + } - let configLoaded = false + bootstrapNode() { + parentEpml.request('apiCall', { + url: `/admin/bootstrap/?apiKey=${this.getApiKey()}`, + method: 'GET' + }).then((res) => { + if (res === true) { + this.shadowRoot.getElementById('bootstrapDialog').close() + let snackString = get('tour.tour22') + parentEpml.request('showSnackBar', `${snackString}`) + } else { + let snackString = get('walletpage.wchange44') + parentEpml.request('showSnackBar', `${snackString}`) + } + }) + } - parentEpml.ready().then(() => { - parentEpml.subscribe("config", async c => { - if (!configLoaded) { - setTimeout(getNodeUpTime, 1) - setTimeout(updatePeers, 1) - setTimeout(this.updateMintingAccounts, 1) - setTimeout(getNodeConfig, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() + openBootstrapDialog() { + this.shadowRoot.getElementById('bootstrapDialog').show() + } - this.clearConsole() + closeBootstrapDialog() { + this.shadowRoot.getElementById('bootstrapDialog').close() + } - setInterval(() => { - this.clearConsole() - }, 60000) - } + async addPeer() { + this.addPeerLoading = true + const addPeerAddress = this.shadowRoot.getElementById('addPeerAddress').value + await parentEpml.request('apiCall', { + url: `/peers?apiKey=${this.getApiKey()}`, + method: 'POST', + body: addPeerAddress + }).then((res) => { + if (res === true) { + let trueString = get('walletpage.wchange52') + parentEpml.request('showSnackBar', `${trueString}`) + this.addPeerLoading = false + this.shadowRoot.getElementById('addPeerAddress').value = '' + this.shadowRoot.getElementById('addPeerDialog').close() + } else if (res === false || res.error === 123) { + let falseString = get('tabmenu.tm41') + parentEpml.request('showSnackBar', `${falseString}`) + this.addPeerLoading = false + } + }) + } - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + closeAddPeerDialog() { + this.addPeerLoading = false + this.shadowRoot.getElementById('addPeerAddress').value = '' + this.shadowRoot.getElementById('addPeerDialog').close() + } - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } + addMintingAccount() { + this.addMintingAccountLoading = true + this.addMintingAccountMessage = 'Loading...' - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + this.addMintingAccountKey = this.shadowRoot.querySelector('#addMintingAccountKey').value - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + parentEpml.request('apiCall', { + url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, + method: 'POST', + body: this.addMintingAccountKey + }).then((res) => { + if (res === true) { + this.updateMintingAccounts() + this.addMintingAccountKey = '' + this.addMintingAccountMessage = this.renderErr1Text() + this.addMintingAccountLoading = false + } else { + this.addMintingAccountKey = '' + this.addMintingAccountMessage = this.renderErr2Text() // Corrected an error here thanks to crow (-_-) + this.addMintingAccountLoading = false + } + }) + } - renderErr1Text() { - return html`${translate("nodepage.nchange27")}` - } + updateMintingAccounts() { + this.mintingAccounts = [] + parentEpml.request('apiCall', { + url: `/admin/mintingaccounts` + }).then((res) => { + this.mintingAccounts = res + }) + } - renderErr2Text() { - return html`${translate("nodepage.nchange28")}` - } + removeMintingAccount(publicKey) { + this.removeMintingAccountLoading = true - forceSyncPeer(peerAddress, rowIndex) { - parentEpml.request("apiCall", { - url: `/admin/forcesync?apiKey=${this.getApiKey()}`, - method: "POST", - body: peerAddress - }).then((res) => { - let snackString = get("nodepage.nchange25") - parentEpml.request('showSnackBar', `${snackString}` + peerAddress) - }) - } + parentEpml.request('apiCall', { + url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, + method: 'DELETE', + body: publicKey + }).then((res) => { + if (res === true) { + this.updateMintingAccounts() + this.removeMintingAccountLoading = false + let snackString = get('nodepage.nchange29') + parentEpml.request('showSnackBar', `${snackString}`) + } else { + this.removeMintingAccountLoading = false + let snackString = get('nodepage.nchange30') + parentEpml.request('showSnackBar', `${snackString}`) + } + }) + } - removePeer(peerAddress, rowIndex) { - parentEpml - .request("apiCall", { - url: `/peers?apiKey=${this.getApiKey()}`, - method: "DELETE", - body: peerAddress - }) - .then((res) => { - let snackString = get("nodepage.nchange26") - parentEpml.request('showSnackBar', `${snackString}` + peerAddress) - this.peers.splice(rowIndex, 1) - }) - } - - renderButtons() { - if (!isElectron()) { - return html` this.stopNode()}>dangerous ${translate("nodepage.nchange31")} - this.openBootstrapDialog()}>restart_alt ${translate("tour.tour18")} - this.restartNode()}>360 ${translate("nodepage.nchange33")}` - } else { - if (this.upTime === "offline") { - return html` this.startNode()}>play_circle ${translate("nodepage.nchange35")}` - } else { - return html` this.stopNode()}>stop_circle ${translate("nodepage.nchange31")} - this.openBootstrapDialog()}>restart_alt ${translate("tour.tour18")} - this.restartNode()}>360 ${translate("nodepage.nchange33")}` - } - } - } - - startNode() { - if (!isElectron()) { - } else { - window.parent.electronAPI.startCore() - let startString = get("nodepage.nchange36") - parentEpml.request('showSnackBar', `${startString}`) - this.upTime = "starting node" - } - } - - stopNode() { - parentEpml.request("apiCall", { - url: `/admin/stop?apiKey=${this.getApiKey()}`, - method: "GET" - }).then((res) => { - if (res === true) { - let snackString = get("nodepage.nchange32") - parentEpml.request('showSnackBar', `${snackString}`) - this.upTime = "offline" - } else { - let snackString = get("walletpage.wchange44") - parentEpml.request('showSnackBar', `${snackString}`) - } - }) - } - - restartNode() { - parentEpml.request("apiCall", { - url: `/admin/restart?apiKey=${this.getApiKey()}`, - method: "GET" - }).then((res) => { - if (res === true) { - let snackString = get("nodepage.nchange34") - parentEpml.request('showSnackBar', `${snackString}`) - this.upTime = "restarting node" - } else { - let snackString = get("walletpage.wchange44") - parentEpml.request('showSnackBar', `${snackString}`) - } - }) - } - - bootstrapNode() { - parentEpml.request("apiCall", { - url: `/admin/bootstrap/?apiKey=${this.getApiKey()}`, - method: "GET" - }).then((res) => { - if (res === true) { - this.shadowRoot.getElementById('bootstrapDialog').close() - let snackString = get("tour.tour22") - parentEpml.request('showSnackBar', `${snackString}`) - } else { - let snackString = get("walletpage.wchange44") - parentEpml.request('showSnackBar', `${snackString}`) - } - }) - } - - openBootstrapDialog() { - this.shadowRoot.getElementById('bootstrapDialog').show() - } - - closeBootstrapDialog() { - this.shadowRoot.getElementById('bootstrapDialog').close() - } - - async addPeer() { - this.addPeerLoading = true - const addPeerAddress = this.shadowRoot.getElementById('addPeerAddress').value - await parentEpml.request("apiCall", { - url: `/peers?apiKey=${this.getApiKey()}`, - method: "POST", - body: addPeerAddress - }).then((res) => { - if (res === true) { - let trueString = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${trueString}`) - this.addPeerLoading = false - this.shadowRoot.getElementById('addPeerAddress').value = '' - this.shadowRoot.getElementById('addPeerDialog').close() - } else if (res === false || res.error === 123) { - let falseString = get("tabmenu.tm41") - parentEpml.request('showSnackBar', `${falseString}`) - this.addPeerLoading = false - } - }) - } - - closeAddPeerDialog() { - this.addPeerLoading = false - this.shadowRoot.getElementById('addPeerAddress').value = '' - this.shadowRoot.getElementById('addPeerDialog').close() - } - - addMintingAccount() { - this.addMintingAccountLoading = true - this.addMintingAccountMessage = "Loading..." - - this.addMintingAccountKey = this.shadowRoot.querySelector("#addMintingAccountKey").value - - parentEpml.request("apiCall", { - url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, - method: "POST", - body: this.addMintingAccountKey - }).then((res) => { - if (res === true) { - this.updateMintingAccounts() - this.addMintingAccountKey = "" - this.addMintingAccountMessage = this.renderErr1Text() - this.addMintingAccountLoading = false - } else { - this.addMintingAccountKey = "" - this.addMintingAccountMessage = this.renderErr2Text() // Corrected an error here thanks to crow (-_-) - this.addMintingAccountLoading = false - } - }) - } - - updateMintingAccounts() { - this.mintingAccounts = [] - parentEpml.request("apiCall", { - url: `/admin/mintingaccounts` - }).then((res) => { - this.mintingAccounts = res - }) - } - - removeMintingAccount(publicKey) { - this.removeMintingAccountLoading = true - - parentEpml.request("apiCall", { - url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, - method: "DELETE", - body: publicKey - }).then((res) => { - if (res === true) { - this.updateMintingAccounts() - this.removeMintingAccountLoading = false - let snackString = get("nodepage.nchange29") - parentEpml.request('showSnackBar', `${snackString}`) - } else { - this.removeMintingAccountLoading = false - let snackString = get("nodepage.nchange30") - parentEpml.request('showSnackBar', `${snackString}`) - } - }) - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - isEmptyArray(arr) { - if (!arr) return true - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define("node-management", NodeManagement) +window.customElements.define('node-management', NodeManagement) \ No newline at end of file diff --git a/plugins/plugins/core/overview-page/overview-page-css.js b/plugins/plugins/core/overview-page/overview-page-css.js deleted file mode 100644 index e619ae67..00000000 --- a/plugins/plugins/core/overview-page/overview-page-css.js +++ /dev/null @@ -1,745 +0,0 @@ -import {css} from 'lit' - -export const overviewStyle = css` -*, -*::before, -*::after { - box-sizing: border-box; -} - -@-ms-viewport { - width: device-width; -} - -figcaption, -footer, -main, -nav, -section { - display: block; -} - -[tabindex='-1']:focus { - outline: 0 !important; -} - -hr { - overflow: visible; - box-sizing: content-box; - height: 0; -} - -h2, -h3, -h5 { - margin-top: 0; - margin-bottom: .5rem; -} - -p { - margin-top: 0; - margin-bottom: 1rem; -} - -dfn { - font-style: italic; -} - -strong { - font-weight: bolder; -} - -a { - text-decoration: none; - color: #5e72e4; - background-color: transparent; - -webkit-text-decoration-skip: objects; -} - -a:hover { - text-decoration: none; - color: #233dd2; -} - -a:not([href]):not([tabindex]) { - text-decoration: none; - color: inherit; -} - -a:not([href]):not([tabindex]):hover, -a:not([href]):not([tabindex]):focus { - text-decoration: none; - color: inherit; -} - -a:not([href]):not([tabindex]):focus { - outline: 0; -} - -img { - vertical-align: middle; - border-style: none; - height: 128px; - width: 128px; -} - -caption { - padding-top: 1rem; - padding-bottom: 1rem; - caption-side: bottom; - text-align: left; - color: #8898aa; -} - -button { - border-radius: 0; -} - -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; -} - -input, -button { - font-family: inherit; - font-size: inherit; - line-height: inherit; - margin: 0; -} - -button, -input { - overflow: visible; -} - -button { - text-transform: none; -} - -button, -[type='reset'], -[type='submit'] { - -webkit-appearance: button; -} - -button::-moz-focus-inner, -[type='button']::-moz-focus-inner, -[type='reset']::-moz-focus-inner, -[type='submit']::-moz-focus-inner { - padding: 0; - border-style: none; -} - -input[type='radio'], -input[type='checkbox'] { - box-sizing: border-box; - padding: 0; -} - -input[type='date'], -input[type='time'], -input[type='datetime-local'], -input[type='month'] { - -webkit-appearance: listbox; -} - -legend { - font-size: 1.5rem; - line-height: inherit; - display: block; - width: 100%; - max-width: 100%; - margin-bottom: .5rem; - padding: 0; - white-space: normal; - color: inherit; -} - -[type='number']::-webkit-inner-spin-button, -[type='number']::-webkit-outer-spin-button { - height: auto; -} - -[type='search'] { - outline-offset: -2px; - -webkit-appearance: none; -} - -[type='search']::-webkit-search-cancel-button, -[type='search']::-webkit-search-decoration { - -webkit-appearance: none; -} - -::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; -} - -[hidden] { - display: none !important; -} - -h2, -h3, -h4, -h5, -.h2, -.h3, -.h4, -.h5 { - font-family: inherit; - font-weight: 600; - line-height: 1.5; - margin-bottom: .5rem; - color: var(--black); -} - -h2, -.h2 { - font-size: 1.25rem; -} - -h3, -.h3 { - font-size: 1.0625rem; -} - -h4, -.h4 { - font-size: 1.0625rem; -} - -h5, -.h5 { - font-size: .8125rem; -} - -hr { - margin-top: 2rem; - margin-bottom: 2rem; - border: 0; - border-top: 1px solid var(--app-hr); -} - -.btn { - font-size: 1rem; - font-weight: 600; - line-height: 1.5; - display: inline-block; - padding: .625rem 1.25rem; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; - text-align: center; - vertical-align: middle; - white-space: nowrap; - border: 1px solid transparent; - border-radius: .375rem; - cursor: none; -} - -@media screen and (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } -} - -.btn:hover, -.btn:focus { - text-decoration: none; - cursor: none; -} - -.btn:focus { - outline: 0; - box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); -} - -.btn:disabled { - opacity: .65; - box-shadow: none; -} - -.opacity06 { - opacity: .6; -} - -.btn:not(:disabled):not(.disabled) { - cursor: none; -} - -.btn:not(:disabled):not(.disabled):active { - box-shadow: none; -} - -.btn:not(:disabled):not(.disabled):active:focus { - box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08), none; -} - -.btn-info { - color: #fff; - border-color: #03a9f4; - background-color: #03a9f4; - box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); -} - -.btn-info:hover { - color: #fff; - border-color: #03a9f4; - background-color: #03a9f4; -} - -.btn-info:focus { - box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(17, 205, 239, .5); -} - -.btn-info:disabled { - color: #fff; - border-color: #03a9f4; - background-color: #03a9f4; -} - -.btn-info:not(:disabled):not(.disabled):active { - color: #fff; - border-color: #03a9f4; - background-color: #03a9f4; -} - -.btn-info:not(:disabled):not(.disabled):active:focus { - box-shadow: none, 0 0 0 0 rgba(17, 205, 239, .5); -} - -.btn-sm { - font-size: 2rem; - line-height: 1.5; - padding: .25rem .5rem; - border-radius: .375rem; -} - -.card { - position: relative; - margin: auto; - display: flex; - flex-direction: column; - min-width: 0; - max-width: 60%; - word-wrap: break-word; - border-bottom-left-radius: 25px; - border-bottom-right-radius: 25px; - border: 1px solid var(--black); - background-color: var(--white); - -} - -.card>hr { - margin-right: 0; - margin-left: 0; -} - -.card-body { - padding: 1rem; - flex: 1 1 auto; -} - -.card-header { - margin-bottom: 0; - padding: 1.25rem 1.5rem; - border-left: 1px solid var(--black); - border-top: 1px solid var(--black); - border-right: 1px solid var(--black); - border-bottom: 1px solid rgba(0, 0, 0, .05); - background-color: var(--white); -} - - - -@keyframes progress-bar-stripes { - from { - background-position: 1rem 0; - } - - to { - background-position: 0 0; - } -} - -.bg-default { - background-color: #172b4d !important; -} - -a.bg-default:hover, -a.bg-default:focus, -button.bg-default:hover, -button.bg-default:focus { - background-color: #0b1526 !important; -} - -.border-0 { - border: 0 !important; -} - -.rounded-circle { - border-radius: 50% !important; -} - -.d-flex { - display: flex !important; -} - -.justify-content-center { - justify-content: center !important; -} - -.justify-content-between { - justify-content: space-between !important; -} - -.align-items-center { - align-items: center !important; -} - -@media (min-width: 1200px) { - .justify-content-xl-between { - justify-content: space-between !important; - } -} - -.float-right { - float: right !important; -} - -.shadow, -.card-profile-image img { - box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important; -} - -.mr-2 { - margin-right: .5rem !important; -} - -.mt-4, -.my-4 { - margin-top: 1.5rem !important; -} - -.mr-4 { - margin-right: 1.5rem !important; -} - -.my-4 { - margin-bottom: 1.5rem !important; -} - -.mb-5 { - margin-bottom: 3rem !important; -} - -.mt-7 { - margin-top: 6rem !important; -} - -.pt-0 { - padding-top: 0 !important; -} - -.pb-0 { - padding-bottom: 0 !important; -} - -.pt-8 { - padding-top: 8rem !important; -} - -.m-auto { - margin: auto !important; -} - -@media (min-width: 768px) { - .mt-md-5 { - margin-top: 3rem !important; - } - - .mt-md-3 { - margin-top: 1.5rem !important; - } - - .mt-md-1 { - margin-top: 0.5rem !important; - } - - .pt-md-4 { - padding-top: 1rem !important; - } - - .pb-md-4 { - padding-bottom: 1rem !important; - } -} - -@media (min-width: 1200px) { - .mb-xl-0 { - margin-bottom: 0 !important; - } -} - -.text-center { - text-align: center !important; -} - -.font-weight-light { - font-weight: 300 !important; -} - -@media print { - - *, - *::before, - *::after { - box-shadow: none !important; - text-shadow: none !important; - } - - a:not(.btn) { - text-decoration: underline; - } - - img { - page-break-inside: avoid; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } - - @page { - size: a3; - } -} - -@keyframes floating-lg { - 0% { - transform: translateY(0px); - } - - 50% { - transform: translateY(15px); - } - - 100% { - transform: translateY(0px); - } -} - -@keyframes floating { - 0% { - transform: translateY(0px); - } - - 50% { - transform: translateY(10px); - } - - 100% { - transform: translateY(0px); - } -} - -@keyframes floating-sm { - 0% { - transform: translateY(0px); - } - - 50% { - transform: translateY(5px); - } - - 100% { - transform: translateY(0px); - } -} - -[class*='shadow'] { - transition: all .15s ease; -} - -.font-weight-300 { - font-weight: 300 !important; -} - -.btn { - font-size: .875rem; - position: relative; - transition: all .15s ease; - letter-spacing: .025em; - text-transform: none; - will-change: transform; -} - -.btn:hover { - cursor: none; - box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08); -} - -.btn:not(:last-child) { - margin-right: .5rem; -} - -.btn i:not(:first-child) { - margin-left: .5rem; -} - -.btn i:not(:last-child) { - margin-right: .5rem; -} - -.btn-sm { - font-size: 1rem; -} - -[class*='btn-outline-'] { - border-width: 1px; -} - -.card-profile-image { - position: relative; -} - -.card-profile-image img { - position: absolute; - left: 50%; - max-width: 180px; - transition: all .15s ease; - transform: translate(-50%, -30%); - border-radius: .375rem; -} - -.card-profile-stats { - padding: 0.5rem 0; -} - -.card-profile-stats>div { - margin-right: 1rem; - padding: .875rem; - text-align: center; -} - -.card-profile-stats>div:last-child { - margin-right: 0; -} - -.card-profile-stats>div .heading { - font-size: 1rem; - font-weight: bold; - display: block; - color: var(--black); -} - -.card-profile-stats>div .description { - font-size: 1rem; - color: #03a9f4; -} - -.main-content { - position: relative; -} - -.footer { - padding: 2.5rem 0; - background: #f7fafc; -} - -.footer .copyright { - font-size: .875rem; -} - -@media (min-width: 768px) { - @keyframes show-navbar-dropdown { - 0% { - transition: visibility .25s, opacity .25s, transform .25s; - transform: translate(0, 10px) perspective(200px) rotateX(-2deg); - opacity: 0; - } - - 100% { - transform: translate(0, 0); - opacity: 1; - } - } - - @keyframes hide-navbar-dropdown { - from { - opacity: 1; - } - - to { - transform: translate(0, 10px); - opacity: 0; - } - } -} - -@keyframes show-navbar-collapse { - 0% { - transform: scale(.95); - transform-origin: 100% 0; - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } -} - -@keyframes hide-navbar-collapse { - from { - transform: scale(1); - transform-origin: 100% 0; - opacity: 1; - } - - to { - transform: scale(.95); - opacity: 0; - } -} - -p { - font-size: 1rem; - font-weight: 300; - line-height: 1.7; - color: var(--black); -} - -.description { - font-size: 1rem; -} - -.heading { - font-size: .95rem; - font-weight: 600; - letter-spacing: .025em; - text-transform: uppercase; -} - -@media (max-width: 768px) { - .btn { - margin-bottom: 10px; - } -} - -.red { - color: #C6011F; -} -` diff --git a/plugins/plugins/core/overview-page/overview-page.src.js b/plugins/plugins/core/overview-page/overview-page.src.js index 11baf6f3..1c8a266a 100644 --- a/plugins/plugins/core/overview-page/overview-page.src.js +++ b/plugins/plugins/core/overview-page/overview-page.src.js @@ -1,19 +1,21 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import {overviewStyle} from './overview-page-css.js' -import {asyncReplace} from 'lit/directives/async-replace.js' +import { html, LitElement } from 'lit' +import { asyncReplace } from 'lit/directives/async-replace.js' +import { Epml } from '../../../epml' +import { overviewPageStyles, startMintingNowStyles, myButtonStyles } from '../components/plugins-css' import isElectron from 'is-electron' - import "@material/mwc-button" import '@material/mwc-dialog' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/button' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + async function* countDown(count, callback) { while (count > 0) { yield count-- @@ -24,343 +26,348 @@ async function* countDown(count, callback) { } } -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class OverviewPage extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - nodeConfig: { type: Object }, - accountInfo: { type: Object }, - nodeInfo: { type: Array }, - coreInfo: { type: Array }, - imageUrl: { type: String }, - myBalance: { type: Number }, - listAccounts: { type: Array }, - check1: { type: Boolean }, - check2: { type: Boolean } - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + nodeConfig: { type: Object }, + accountInfo: { type: Object }, + nodeInfo: { type: Array }, + coreInfo: { type: Array }, + imageUrl: { type: String }, + myBalance: { type: Number }, + listAccounts: { type: Array }, + check1: { type: Boolean }, + check2: { type: Boolean } + } + } - static styles = [overviewStyle] + static get styles() { + return [overviewPageStyles] + } - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.nodeConfig = {} - this.accountInfo = { - names: [], - addressInfo: {} - } - this.nodeInfo = [] - this.coreInfo = [] - this.imageUrl = '' - this.myBalance = 0 - this.listAccounts = [] - this.check1 = false - this.check2 = false - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.nodeConfig = {} + this.accountInfo = { + names: [], + addressInfo: {} + } + this.nodeInfo = [] + this.coreInfo = [] + this.imageUrl = '' + this.myBalance = 0 + this.listAccounts = [] + this.check1 = false + this.check2 = false + } - render() { - return html` -
    -
    -
    -
    -
    -
    -
    -
    - ${this.getAvatar()} -
    -
    -
    -
    -
    - ${translate("walletprofile.minterlevel")} ${this.accountInfo.addressInfo.level} - ${this.renderMintingStatus()} -
    -
    -
    -
    -

    ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : ''}

    -
    - ${this.accountInfo.addressInfo.address} -
    -
    - ${translate("explorerpage.exp2")}: ${this.myBalance} QORT -
    -
    -
    -
    -
    -
    - ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment} - ${translate("walletprofile.blocksminted")} -
    -
    -
    -
    -
    -
    -

    ${translate("walletprofile.wp3")}

    -
    -
    -
    -
    - ${this.coreInfo.buildVersion ? this.coreInfo.buildVersion : ''} - ${translate("appinfo.coreversion")} -
    -
    - ${this.nodeInfo.height ? this.nodeInfo.height : ''} - ${translate("appinfo.blockheight")} -
    -
    - ${this.nodeInfo.numberOfConnections ? this.nodeInfo.numberOfConnections : ''} - ${translate("appinfo.peers")} -
    -
    - ${this.renderSyncStatus()} - ${translate("walletprofile.wp5")} -
    -
    -
    -
    -
    -
    - ${translate("appinfo.uiversion")}: ${this.nodeConfig.version ? this.nodeConfig.version : ''} -
    -
    -
    -
    -
    -
    -
    - ` - } + render() { + return html` +
    +
    +
    +
    +
    +
    +
    +
    + ${this.getAvatar()} +
    +
    +
    +
    +
    + ${translate("walletprofile.minterlevel")} ${this.accountInfo.addressInfo.level} + ${this.renderMintingStatus()} +
    +
    +
    +
    +

    ${this.accountInfo.names.length !== 0 ? this.accountInfo.names[0].name : ''}

    +
    + ${this.accountInfo.addressInfo.address} +
    +
    + ${translate("explorerpage.exp2")}: ${this.myBalance} QORT +
    +
    +
    +
    +
    +
    + ${this.accountInfo.addressInfo.blocksMinted + this.accountInfo.addressInfo.blocksMintedAdjustment} + ${translate("walletprofile.blocksminted")} +
    +
    +
    +
    +
    +
    +

    ${translate("walletprofile.wp3")}

    +
    +
    +
    +
    + ${this.coreInfo.buildVersion ? this.coreInfo.buildVersion : ''} + ${translate("appinfo.coreversion")} +
    +
    + ${this.nodeInfo.height ? this.nodeInfo.height : ''} + ${translate("appinfo.blockheight")} +
    +
    + ${this.nodeInfo.numberOfConnections ? this.nodeInfo.numberOfConnections : ''} + ${translate("appinfo.peers")} +
    +
    + ${this.renderSyncStatus()} + ${translate("walletprofile.wp5")} +
    +
    +
    +
    +
    +
    + ${translate("appinfo.uiversion")}: ${this.nodeConfig.version ? this.nodeConfig.version : ''} +
    +
    +
    +
    +
    +
    +
    + ` + } - async firstUpdated() { - this.changeTheme() - this.changeLanguage() + async firstUpdated() { + this.changeTheme() + this.changeLanguage() - this.nodeConfig = window.parent.reduxStore.getState().app.nodeConfig - this.accountInfo = window.parent.reduxStore.getState().app.accountInfo + this.nodeConfig = window.parent.reduxStore.getState().app.nodeConfig + this.accountInfo = window.parent.reduxStore.getState().app.accountInfo - await this.getNodeInfo() - await this.getCoreInfo() - await this.getBalanceInfo() - await this.getMintingKeysList() + await this.getNodeInfo() + await this.getCoreInfo() + await this.getBalanceInfo() + await this.getMintingKeysList() - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - use(checkLanguage) + use(checkLanguage) - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - setInterval(() => { - this.refreshItems() - }, 60000) + setInterval(() => { + this.refreshItems() + }, 60000) - setInterval(() => { - this.getAvatar() - }, 180000) + setInterval(() => { + this.getAvatar() + }, 180000) - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } + this.clearConsole() + setInterval(() => { + this.clearConsole() + }, 60000) + } - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - renderMyErrorMsg1() { - return html`${translate("startminting.smchange1")}` - } + renderMyErrorMsg1() { + return html`${translate("startminting.smchange1")}` + } - async refreshItems() { - this.nodeConfig = window.parent.reduxStore.getState().app.nodeConfig - this.accountInfo = window.parent.reduxStore.getState().app.accountInfo - await this.getNodeInfo() - await this.getCoreInfo() - await this.getBalanceInfo() - await this.getMintingKeysList() - } + async refreshItems() { + this.nodeConfig = window.parent.reduxStore.getState().app.nodeConfig + this.accountInfo = window.parent.reduxStore.getState().app.accountInfo + await this.getNodeInfo() + await this.getCoreInfo() + await this.getBalanceInfo() + await this.getMintingKeysList() + } - async getMintingKeysList() { - this.check1 = false - this.check2 = false - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeStatus = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const statusUrl = `${nodeStatus}/admin/mintingaccounts` + async getMintingKeysList() { + this.check1 = false + this.check2 = false + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeStatus = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const statusUrl = `${nodeStatus}/admin/mintingaccounts` - try { - const res = await fetch(statusUrl) + try { + const res = await fetch(statusUrl) this.listAccounts = await res.json() - const addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo - const address = window.parent.reduxStore.getState().app.selectedAddress.address - const findMyMintingAccount = this.listAccounts.find((myKey) => myKey.mintingAccount === address) - const findMyMintingRecipient = this.listAccounts.find((myKey) => myKey.recipientAccount === address) - const findRemovedSponsorsKey = this.listAccounts.filter((my) => my.address) + const addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo + const address = window.parent.reduxStore.getState().app.selectedAddress.address + const findMyMintingAccount = this.listAccounts.find((myKey) => myKey.mintingAccount === address) + const findMyMintingRecipient = this.listAccounts.find((myKey) => myKey.recipientAccount === address) + const findRemovedSponsorsKey = this.listAccounts.filter((my) => my.address) - this.check1 = findMyMintingAccount !== undefined; + this.check1 = findMyMintingAccount !== undefined - this.check2 = findMyMintingRecipient !== undefined; + this.check2 = findMyMintingRecipient !== undefined - if (findRemovedSponsorsKey.length > 0) { - this.removeBlankKey(findRemovedSponsorsKey.publicKey) - } else { - } - } catch (error) { - this.errorMsg = this.renderMyErrorMsg1() - } - } + if (findRemovedSponsorsKey.length > 0) { + this.removeBlankKey(findRemovedSponsorsKey.publicKey) + } else { + } + } catch (error) { + this.errorMsg = this.renderMyErrorMsg1() + } + } - removeBlankKey(myPublicKey) { - parentEpml.request("apiCall", { - url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, - method: "DELETE", - body: myPublicKey, - }).then((res) => { - if (res === true) { - console.log('REMOVED BLANK KEY') - } else { - } - }) - } + removeBlankKey(myPublicKey) { + parentEpml.request("apiCall", { + url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, + method: "DELETE", + body: myPublicKey, + }).then((res) => { + if (res === true) { + console.log('REMOVED BLANK KEY') + } else { + } + }) + } - renderMintingStatus() { - const addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo - const myMintingKey = addressInfo?.error !== 124 && +addressInfo?.level > 0 + renderMintingStatus() { + const addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo + const myMintingKey = addressInfo?.error !== 124 && +addressInfo?.level > 0 - if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === true && this.check1 === true && this.check2 === true && addressInfo.level > 0) { - this.cssStatus = '' - return html`${translate("walletprofile.wp1")}` - } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false && this.check1 === true && this.check2 === true && addressInfo.level > 0) { - this.cssStatus = '' - return html`${translate("walletprofile.wp1")}` - } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false && this.check1 === false && this.check2 === true && addressInfo.level == 0 && addressInfo.blocksMinted < 7200) { - this.cssStatus = '' - return html`${translate("becomeMinterPage.bchange12")}` - } else if (this.check1 === false && this.check2 === false && myMintingKey === true) { - return html`` - } else if (myMintingKey === false) { - return html`` - } - } + if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === true && this.check1 === true && this.check2 === true && addressInfo.level > 0) { + this.cssStatus = '' + return html`${translate("walletprofile.wp1")}` + } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false && this.check1 === true && this.check2 === true && addressInfo.level > 0) { + this.cssStatus = '' + return html`${translate("walletprofile.wp1")}` + } else if (this.nodeInfo.isMintingPossible === true && this.nodeInfo.isSynchronizing === false && this.check1 === false && this.check2 === true && addressInfo.level == 0 && addressInfo.blocksMinted < 7200) { + this.cssStatus = '' + return html`${translate("becomeMinterPage.bchange12")}` + } else if (this.check1 === false && this.check2 === false && myMintingKey === true) { + return html`` + } else if (myMintingKey === false) { + return html`` + } + } - renderSyncStatus() { - if (this.nodeInfo.isSynchronizing === true) { - this.cssStatus2 = 'red' - return html`${translate("appinfo.synchronizing")}... ${this.nodeInfo.syncPercent !== undefined ? this.nodeInfo.syncPercent + '%' : ''}` - } else if (this.nodeInfo.isSynchronizing === false) { - this.cssStatus2 = '' - return html`${translate("walletprofile.wp4")}` - } - } + renderSyncStatus() { + if (this.nodeInfo.isSynchronizing === true) { + this.cssStatus2 = 'red' + return html`${translate("appinfo.synchronizing")}... ${this.nodeInfo.syncPercent !== undefined ? this.nodeInfo.syncPercent + '%' : ''}` + } else if (this.nodeInfo.isSynchronizing === false) { + this.cssStatus2 = '' + return html`${translate("walletprofile.wp4")}` + } + } - getAvatar() { - if (this.accountInfo.names.length === 0) { - return html`` - } else { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const avatarUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${avatarUrl}/arbitrary/THUMBNAIL/${this.accountInfo.names[0].name}/qortal_avatar?async=true}` - return html`` - } - } + getAvatar() { + if (this.accountInfo.names.length === 0) { + return html`` + } else { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const avatarUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${avatarUrl}/arbitrary/THUMBNAIL/${this.accountInfo.names[0].name}/qortal_avatar?async=true}` + return html`` + } + } - async getNodeInfo() { - const infoNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const infoNodeUrl = infoNode.protocol + '://' + infoNode.domain + ':' + infoNode.port - const nodeUrl = `${infoNodeUrl}/admin/status` - await fetch(nodeUrl).then(response => { - return response.json() - }) - .then(data => { - this.nodeInfo = data - }) - .catch(err => { - console.error('Request failed', err) - }) - } + async getNodeInfo() { + const infoNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const infoNodeUrl = infoNode.protocol + '://' + infoNode.domain + ':' + infoNode.port + const nodeUrl = `${infoNodeUrl}/admin/status` + await fetch(nodeUrl).then(response => { + return response.json() + }).then(data => { + this.nodeInfo = data + }).catch(err => { + console.error('Request failed', err) + }) + } - async getCoreInfo() { - const infoCore = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const infoCoreUrl = infoCore.protocol + '://' + infoCore.domain + ':' + infoCore.port - const coreUrl = `${infoCoreUrl}/admin/info` - await fetch(coreUrl).then(response => { - return response.json() - }) - .then(data => { - this.coreInfo = data - }) - .catch(err => { - }) - } + async getCoreInfo() { + const infoCore = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const infoCoreUrl = infoCore.protocol + '://' + infoCore.domain + ':' + infoCore.port + const coreUrl = `${infoCoreUrl}/admin/info` + await fetch(coreUrl).then(response => { + return response.json() + }).then(data => { + this.coreInfo = data + }).catch(err => { + }) + } - async getBalanceInfo() { - const infoBalance = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const infoBalanceUrl = infoBalance.protocol + '://' + infoBalance.domain + ':' + infoBalance.port - const balanceUrl = `${infoBalanceUrl}/addresses/balance/${this.accountInfo.addressInfo.address}` - await fetch(balanceUrl).then(response => { - return response.json() - }) - .then(data => { - this.myBalance = data - }) - .catch(err => { - }) - } + async getBalanceInfo() { + const infoBalance = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const infoBalanceUrl = infoBalance.protocol + '://' + infoBalance.domain + ':' + infoBalance.port + const balanceUrl = `${infoBalanceUrl}/addresses/balance/${this.accountInfo.addressInfo.address}` + await fetch(balanceUrl).then(response => { + return response.json() + }).then(data => { + this.myBalance = data + }).catch(err => { + }) + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } + window.customElements.define('overview-page', OverviewPage) class StartMintingNow extends LitElement { @@ -376,137 +383,7 @@ class StartMintingNow extends LitElement { } static get styles() { - return [css` - p, h1 { - color: var(--black) - } - .dialogCustom { - position: fixed; - z-index: 10000; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - top: 0px; - bottom: 0px; - left: 0px; - width: 100vw; - } - .dialogCustomInner { - width: 300px; - min-height: 400px; - background-color: var(--white); - box-shadow: var(--mdc-dialog-box-shadow, 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)); - padding: 20px 24px; - border-radius: 4px; - } - .dialogCustomInner ul { - padding-left: 0px - } - .dialogCustomInner li { - margin-bottom: 10px; - } - .start-minting-wrapper { - z-index: 10; - } - .dialog-header h1 { - font-size: 18px; - } - .row { - display: flex; - width: 100%; - align-items: center; - } - .modalFooter { - width: 100%; - display: flex; - justify-content: flex-end; - } - .hide { - visibility: hidden - } - .inactiveText { - opacity: .60 - } - .column { - display: flex; - flex-direction: column; - width: 100%; - } - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - .smallLoading { - border-width: 0.6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) - rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - .word-break { - word-break:break-all; - } - .dialog-container { - width: 300px; - min-height: 300px; - max-height: 75vh; - padding: 5px; - display: flex; - align-items: flex-start; - flex-direction: column; - } - .between { - justify-content: space-between; - } - .no-width { - width: auto - } - .between p { - margin: 0; - padding: 0; - color: var(--black); - } - .marginLoader { - margin-left: 10px; - } - .marginRight { - margin-right: 10px; - } - .warning{ - display: flex; - flex-grow: 1 - } - .message-error { - color: var(--error); - } - `] + return [startMintingNowStyles] } constructor() { @@ -515,7 +392,7 @@ class StartMintingNow extends LitElement { this.errorMsg = '' this.openDialogRewardShare = false this.status = 0 - this.privateRewardShareKey = "" + this.privateRewardShareKey = '' } render() { @@ -527,19 +404,19 @@ class StartMintingNow extends LitElement { } renderErrorMsg1() { - return html`${translate("startminting.smchange1")}` + return html`${translate('startminting.smchange1')}` } renderErrorMsg2() { - return html`${translate("startminting.smchange2")}` + return html`${translate('startminting.smchange2')}` } renderErrorMsg3() { - return html`${translate("startminting.smchange3")}` + return html`${translate('startminting.smchange3')}` } renderErrorMsg4() { - return html`${translate("startminting.smchange4")}` + return html`${translate('startminting.smchange4')}` } async getMintingAcccounts() { @@ -579,10 +456,7 @@ class StartMintingNow extends LitElement { } try { - if ( - findMintingAccountFromOtherUser && - findMintingAccountFromOtherUser?.publicKey[0] - ) { + if (findMintingAccountFromOtherUser && findMintingAccountFromOtherUser?.publicKey[0]) { await removeMintingAccount( findMintingAccountFromOtherUser?.publicKey[0] ) @@ -708,8 +582,8 @@ class StartMintingNow extends LitElement { const findMintingAccountsFromUser = this.mintingAccountData.filter((ma) => ma.recipientAccount === address && ma.mintingAccount === address) - if(findMintingAccountsFromUser.length > 2) { - this.errorMsg = translate("startminting.smchange10") + if (findMintingAccountsFromUser.length > 2) { + this.errorMsg = translate('startminting.smchange10') return } @@ -725,7 +599,8 @@ class StartMintingNow extends LitElement { return html` ${isMinterButKeyMintingKeyNotAssigned ? html`
    - { await startMinting() @@ -736,9 +611,7 @@ class StartMintingNow extends LitElement { >
    - - ${this.openDialogRewardShare ? html`
    @@ -806,7 +679,7 @@ class StartMintingNow extends LitElement { > ${translate("general.close")} - ` : '' } + ` : ''}
    ` : ""} @@ -819,7 +692,27 @@ class StartMintingNow extends LitElement { `} ` } + + firstUpdated() { + // ... + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } + window.customElements.define('start-minting-now', StartMintingNow) class MyButton extends LitElement { @@ -829,42 +722,43 @@ class MyButton extends LitElement { label: { type: String } } - static styles = css` - vaadin-button { - font-size: 1rem; - font-weight: 600; - height: 35px; - margin: 0; - cursor: pointer; - min-width: 80px; - min-height: 35px; - background-color: #03a9f4; - color: white; - } - - vaadin-button:hover { - opacity: 0.9; - } - ` + static get styles() { + return [myButtonStyles] + } constructor() { super() - this.onClick = () => {} + this.onClick = () => { } this.isLoading = false this.label = '' } render() { return html` - - ${this.isLoading === false - ? html`${this.label}` - : html``} + + ${this.isLoading === false ? html`${this.label}` : html``} ` } + + firstUpdated() { + // ... + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -customElements.define('my-button', MyButton) + +window.customElements.define('my-button', MyButton) \ No newline at end of file diff --git a/plugins/plugins/core/puzzles/puzzles.src.js b/plugins/plugins/core/puzzles/puzzles.src.js index cc78269f..8d81d108 100644 --- a/plugins/plugins/core/puzzles/puzzles.src.js +++ b/plugins/plugins/core/puzzles/puzzles.src.js @@ -1,11 +1,11 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { puzzlesStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {registerTranslateConfig, translate, use} from '../../../../core/translate' -import nacl from '../../../../crypto/api/deps/nacl-fast.js' -import Base58 from '../../../../crypto/api/deps/Base58.js' -import publicKeyToAddress from '../../../../crypto/api/wallet/publicKeyToAddress.js' +import nacl from '../../../../crypto/api/deps/nacl-fast' +import Base58 from '../../../../crypto/api/deps/Base58' +import publicKeyToAddress from '../../../../crypto/api/wallet/publicKeyToAddress' import '@material/mwc-icon' import '@material/mwc-button' import '@material/mwc-textfield' @@ -14,148 +14,89 @@ import '@material/mwc-slider' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) -const DEFAULT_FEE = 0.001 -const PAYMENT_TX_TYPE = 2 - class Puzzles extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - invalid: { type: Boolean }, - puzzles: { type: Array }, - solved: { type: Object }, - selectedAddress: { type: Object }, - selectedPuzzle: { type: Object }, - error: { type: Boolean }, - message: { type: String }, - theme: { type: String, reflect: true } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); + static get properties() { + return { + loading: { type: Boolean }, + invalid: { type: Boolean }, + puzzles: { type: Array }, + solved: { type: Object }, + selectedAddress: { type: Object }, + selectedPuzzle: { type: Object }, + error: { type: Boolean }, + message: { type: String }, + theme: { type: String, reflect: true } } + } - #puzzle-page { - background: var(--white); - padding: 12px 24px; - } + static get styles() { + return [puzzlesStyles] + } - h2 { - margin:0; - } + constructor() { + super() + this.loading = false + this.invalid = true + this.puzzles = [] + this.solved = {} + this.selectedAddress = {} + this.selectedPuzzle = {} + this.error = false + this.message = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - .red { - --mdc-theme-primary: #F44336; - } - - .clue { - font-family: "Lucida Console", "Courier New", monospace; - font-size: smaller; - } - - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - margin-bottom: 2em; - } - - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - .spinner { - width: 100%; - display: flex; - justify-content: center; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - ` - } - - constructor() { - super() - this.loading = false - this.invalid = true - this.puzzles = [] - this.solved = {} - this.selectedAddress = {} - this.selectedPuzzle = {} - this.error = false - this.message = '' - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` + render() { + return html`

    ${translate("puzzlepage.pchange1")}

    -
    - - { - if (data.item.isSolved) { - render(html`${translate("puzzlepage.pchange3")}
    ${data.item.winner}    `, root) - } else { - render(html`${data.item.reward} QORT`, root) - } - }}> -     - - - { +
    + + { + if (data.item.isSolved) { + render(html`${translate("puzzlepage.pchange3")}
    ${data.item.winner}    `, root) + } else { + render(html`${data.item.reward} QORT`, root) + } + }}> +     + + + { render(html`${data.item.clue}`, root) - }}> - { - if (data.item.isSolved) { - render(html``, root) - } else { - render(html` this.guessPuzzle(data.item)}>queue ${translate("puzzlepage.pchange8")}`, root) - } - }}> -     - ${this.loading ? html` - - ` : ''} - - + }}> + + { + if (data.item.isSolved) { + render(html``, root) + } else { + render(html` + this.guessPuzzle(data.item)}> + queue +  ${translate("puzzlepage.pchange8")} + + `, root) + } + }}> + + + ${this.loading ? html` + + ` : ''} +
    +
    ${translate("puzzlepage.pchange9")} ${this.selectedPuzzle.reward} QORT:

    ${translate("puzzlepage.pchange4")}: ${this.selectedPuzzle.name}
    @@ -172,303 +113,315 @@ class Puzzles extends LitElement { style="margin-top:12px;" ?active="${this.loading}" alt="Checking puzzle guess" - > + > - ${this.message} + ${this.message}
    - - ${translate("puzzlepage.pchange15")} + > + ${translate("puzzlepage.pchange15")} - ${translate("general.close")} + > + ${translate("general.close")}
    ` - } + } - firstUpdated() { - this.changeTheme() - this.changeLanguage() + firstUpdated() { + this.changeTheme() + this.changeLanguage() - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - use(checkLanguage) + use(checkLanguage) - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - const textBox = this.shadowRoot.getElementById("puzzleGuess") + const textBox = this.shadowRoot.getElementById('puzzleGuess') - // keep track of input validity so we can enabled/disable submit button - textBox.validityTransform = (newValue, nativeValidity) => { - this.invalid = !nativeValidity.valid - return nativeValidity - } + // keep track of input validity so we can enabled/disable submit button + textBox.validityTransform = (newValue, nativeValidity) => { + this.invalid = !nativeValidity.valid + return nativeValidity + } - const getPuzzleGroupMembers = async () => { - return await parentEpml.request('apiCall', { - url: `/groups/members/165` - }) - } + const getPuzzleGroupMembers = async () => { + return await parentEpml.request('apiCall', { + url: `/groups/members/165` + }) + } - const getBalance = async (address) => { - return await parentEpml.request('apiCall', { - url: `/addresses/balance/${address}` - }) - } + const getBalance = async (address) => { + return await parentEpml.request('apiCall', { + url: `/addresses/balance/${address}` + }) + } - const getName = async (memberAddress) => { - let _names = await parentEpml.request('apiCall', { - url: `/names/address/${memberAddress}` - }) + const getName = async (memberAddress) => { + let _names = await parentEpml.request('apiCall', { + url: `/names/address/${memberAddress}` + }) - if (_names.length === 0) return ""; + if (_names.length === 0) return '' - return _names[0].name - } + return _names[0].name + } - const getNameInfo = async (name) => { - // We have to explicitly encode '#' to stop them being interpreted as in-page references - name = name.replaceAll('#', '%23') + const getNameInfo = async (name) => { + // We have to explicitly encode '#' to stop them being interpreted as in-page references + name = name.replaceAll('#', '%23') - return await parentEpml.request('apiCall', { - url: `/names/${name}` - }) - } + return await parentEpml.request('apiCall', { + url: `/names/${name}` + }) + } - const getFirstOutgoingPayment = async (sender) => { - let _payments = await parentEpml.request('apiCall', { - url: `/transactions/search?confirmationStatus=CONFIRMED&limit=20&txType=PAYMENT&address=${sender}` - }) + const getFirstOutgoingPayment = async (sender) => { + let _payments = await parentEpml.request('apiCall', { + url: `/transactions/search?confirmationStatus=CONFIRMED&limit=20&txType=PAYMENT&address=${sender}` + }) - return _payments.find(payment => payment.creatorAddress === sender) - } + return _payments.find(payment => payment.creatorAddress === sender) + } - const updatePuzzles = async () => { - this.loading = true; - let _puzzleGroupMembers = await getPuzzleGroupMembers() + const updatePuzzles = async () => { + this.loading = true + let _puzzleGroupMembers = await getPuzzleGroupMembers() - let _puzzles = [] + let _puzzles = [] - await Promise.all(_puzzleGroupMembers.members - .sort((a, b) => b.joined - a.joined) - .map(async (member) => { - let _puzzleAddress = member.member + await Promise.all(_puzzleGroupMembers.members + .sort((a, b) => b.joined - a.joined) + .map(async (member) => { + let _puzzleAddress = member.member - if (member.isAdmin) return + if (member.isAdmin) return - // Already solved? No need to refresh info - if (this.solved[_puzzleAddress]) { - _puzzles.push(this.solved[_puzzleAddress]) - return - } + // Already solved? No need to refresh info + if (this.solved[_puzzleAddress]) { + _puzzles.push(this.solved[_puzzleAddress]) + return + } - let _name = await getName(_puzzleAddress) - // No name??? - if (_name === "") return + let _name = await getName(_puzzleAddress) + // No name??? + if (_name === '') return - let _reward = await getBalance(_puzzleAddress) - let _isSolved = _reward < 1.0; - let _nameInfo = await getNameInfo(_name) + let _reward = await getBalance(_puzzleAddress) + let _isSolved = _reward < 1.0 + let _nameInfo = await getNameInfo(_name) - let _nameData = JSON.parse(_nameInfo.data) + let _nameData = JSON.parse(_nameInfo.data) - let _puzzle = { - reward: _reward, - address: _puzzleAddress, - name: _name, - description: _nameData.description, - isSolved: _isSolved - } + let _puzzle = { + reward: _reward, + address: _puzzleAddress, + name: _name, + description: _nameData.description, + isSolved: _isSolved + } - if (_nameData.clue) - _puzzle.clue = _nameData.clue; + if (_nameData.clue) + _puzzle.clue = _nameData.clue - if (_isSolved) { - // Info on winner - let _payment = await getFirstOutgoingPayment(_puzzleAddress) - _puzzle.winner = _payment.recipient - // Does winner have a name? - let _winnerName = await getName(_puzzle.winner) - if (_winnerName) _puzzle.winner = _winnerName - // Add to 'solved' map to prevent info refresh as it'll never change - this.solved[_puzzleAddress] = _puzzle - } + if (_isSolved) { + // Info on winner + let _payment = await getFirstOutgoingPayment(_puzzleAddress) + _puzzle.winner = _payment.recipient + // Does winner have a name? + let _winnerName = await getName(_puzzle.winner) + if (_winnerName) _puzzle.winner = _winnerName + // Add to 'solved' map to prevent info refresh as it'll never change + this.solved[_puzzleAddress] = _puzzle + } - _puzzles.push(_puzzle); - })) + _puzzles.push(_puzzle) + })) - this.puzzles = _puzzles; - this.loading = false; + this.puzzles = _puzzles + this.loading = false - setTimeout(updatePuzzles, 60000) - } + setTimeout(updatePuzzles, 60000) + } - let configLoaded = false + let configLoaded = false - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(updatePuzzles, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(updatePuzzles, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + parentEpml.imReady() - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } + this.clearConsole() - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + setInterval(() => { + this.clearConsole() + }, 60000) + } - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - renderErr1Text() { - return html`${translate("puzzlepage.pchange16")}` - } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } - renderErr2Text() { - return html`${translate("puzzlepage.pchange17")}` - } + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - async guessPuzzle(puzzle) { - this.selectedPuzzle = puzzle - this.shadowRoot.getElementById("puzzleGuess").value = '' - this.shadowRoot.getElementById("puzzleGuess").checkValidity() - this.message = '' - this.invalid = true + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - this.shadowRoot.querySelector('#puzzleGuessDialog').show() - } + renderErr1Text() { + return html`${translate('puzzlepage.pchange16')}` + } - async submitPuzzleGuess(e) { - this.loading = true - this.error = false + renderErr2Text() { + return html`${translate('puzzlepage.pchange17')}` + } - // Check for valid guess - const guess = this.shadowRoot.getElementById("puzzleGuess").value + async guessPuzzle(puzzle) { + this.selectedPuzzle = puzzle + this.shadowRoot.getElementById('puzzleGuess').value = '' + this.shadowRoot.getElementById('puzzleGuess').checkValidity() + this.message = '' + this.invalid = true - let _rawGuess = Base58.decode(guess) - let _keyPair = nacl.sign.keyPair.fromSeed(_rawGuess) + this.shadowRoot.querySelector('#puzzleGuessDialog').show() + } - let _guessAddress = publicKeyToAddress(_keyPair.publicKey) + async submitPuzzleGuess(e) { + this.loading = true + this.error = false - if (_guessAddress !== this.selectedPuzzle.address) { - this.error = true - this.message = this.renderErr1Text() - this.loading = false - return - } + // Check for valid guess + const guess = this.shadowRoot.getElementById('puzzleGuess').value - // Get Last Ref - const getLastRef = async (address) => { + let _rawGuess = Base58.decode(guess) + let _keyPair = nacl.sign.keyPair.fromSeed(_rawGuess) + + let _guessAddress = publicKeyToAddress(_keyPair.publicKey) + + if (_guessAddress !== this.selectedPuzzle.address) { + this.error = true + this.message = this.renderErr1Text() + this.loading = false + return + } + + // Get Last Ref + const getLastRef = async (address) => { return await parentEpml.request('apiCall', { url: `/addresses/lastreference/${address}` }) - } + } - let lastRef = await getLastRef(_guessAddress) - let amount = this.selectedPuzzle.reward - DEFAULT_FEE; - let recipientAddress = this.selectedAddress.address - let txnParams = { - recipient: recipientAddress, - amount: amount, - lastReference: lastRef, - fee: DEFAULT_FEE - } + let lastRef = await getLastRef(_guessAddress) + let amount = this.selectedPuzzle.reward - 0.01 + let recipientAddress = this.selectedAddress.address + let txnParams = { + recipient: recipientAddress, + amount: amount, + lastReference: lastRef, + fee: 0.01 + } - // Mostly copied from qortal-ui-core/src/plugins/routes.js - let txnResponse = await parentEpml.request('standaloneTransaction', { - type: 2, - keyPair: { - publicKey: _keyPair.publicKey, - privateKey: _keyPair.secretKey - }, - params: txnParams - }) + // Mostly copied from qortal-ui-core/src/plugins/routes.js + let txnResponse = await parentEpml.request('standaloneTransaction', { + type: 2, + keyPair: { + publicKey: _keyPair.publicKey, + privateKey: _keyPair.secretKey + }, + params: txnParams + }) - if (txnResponse.success) { - this.message = this.renderErr2Text() - } else { - this.error = true - if (txnResponse.data) { - this.message = "Error while claiming reward: " + txnResponse.data.message - } else { - this.message = "Error while claiming reward: " + txnResponse.message - } - } + if (txnResponse.success) { + this.message = this.renderErr2Text() + } else { + this.error = true + if (txnResponse.data) { + this.message = 'Error while claiming reward: ' + txnResponse.data.message + } else { + this.message = 'Error while claiming reward: ' + txnResponse.message + } + } - this.loading = false - } + this.loading = false + } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('puzzles-info', Puzzles) +window.customElements.define('puzzles-info', Puzzles) \ No newline at end of file diff --git a/plugins/plugins/core/q-app/q-apps.src.js b/plugins/plugins/core/q-app/q-apps.src.js index 593f508f..fe98c187 100644 --- a/plugins/plugins/core/q-app/q-apps.src.js +++ b/plugins/plugins/core/q-app/q-apps.src.js @@ -1,1591 +1,1189 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { qAppsStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import '@polymer/paper-spinner/paper-spinner-lite.js' -import '@polymer/paper-dialog/paper-dialog.js' -import '@polymer/paper-icon-button/paper-icon-button.js' import '@polymer/iron-icons/iron-icons.js' import '@material/mwc-icon' import '@material/mwc-button' import '@material/mwc-tab-bar' +import '@polymer/paper-dialog/paper-dialog.js' +import '@polymer/paper-icon-button/paper-icon-button.js' +import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/text-field' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class QApps extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - appsArray: { type: Array }, - followedNames: { type: Array }, - blockedNames: { type: Array }, - searchResources: { type: Array }, - followedResources: { type: Array }, - blockedResources: { type: Array }, - isLoading: {type: Boolean}, - relayMode: { type: Boolean }, - service: { type: String }, - identifier: { type: String }, - searchName: { type: String }, - textStatus: { type: String }, - textProgress: { type: String }, - appIconUrl: { type: String }, - appTitle: { type: String }, - appPublisher: { type: String }, - appDescription: { type: String }, - appTags: { type: String }, - appStatus: { type: String }, - appFollow: { type: String }, - appBlock: { type: String }, - theme: { type: String, reflect: true } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-button-disabled-fill-color: rgba(3, 169, 244, 0.5); - --mdc-theme-surface: var(--white); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - h2 { - margin: 0; - } - - h3 { - margin: 10px 0; - } - - h4 { - margin: 0; - } - - h5 { - margin: 5px 0; - font-size: 14px; - } - - h6 { - margin: 5px 0; - text-transform: uppercase; - color: var(--black); - font-weight: 600; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - p { - font-size: 14px; - line-height: 21px; - color: var(--black); - } - - span { - font-size: 14px; - word-break: break-all; - } - - #tabs-1 { - --mdc-tab-height: 50px; - } - - #tabs-1-content { - height: 100%; - padding-bottom: 10px; - } - - mwc-tab-bar { - --mdc-text-transform: none; - --mdc-tab-color-default: var(--black); - --mdc-tab-text-label-color-default: var(--black); - } - - #apps-list-page { - background: var(--white); - padding: 12px 24px; - } - - .search { - display: inline; - width: 50%; - align-items: center; - } - - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - .spinner { - width: 100%; - display: flex; - justify-content: center; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - paper-dialog.progress { - width: auto; - max-width: 50vw; - height: auto; - max-height: 30vh; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - text-align:center; - padding: 15px; - line-height: 1.6; - overflow: hidden; - } - - paper-dialog.close-progress { - min-width: 550px; - max-width: 550px; - height: auto; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - text-align:center; - padding: 15px; - font-size: 17px; - font-weight: 500; - line-height: 20px; - overflow: hidden; - } - - paper-dialog.search { - min-width: 550px; - max-width: 550px; - min-height: auto; - max-height: 700px; - background-color: var(--white); - color: var(--black); - line-height: 1.6; - overflow: auto; - border: 1px solid var(--black); - border-radius: 10px; - padding: 15px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - paper-dialog.appinfo { - width: auto; - max-width: 450px; - height: auto; - background-color: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 5px; - overflow-y: auto; - } - - .relay-mode-notice { - margin: auto; - margin-top: 20px; - text-align: center; - word-break: normal; - font-size: 14px; - line-height: 20px; - color: var(--relaynodetxt); - } - - .lds-roller { - display: inline-block; - position: relative; - width: 80px; - height: 80px; - } - - .lds-roller div { - animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - transform-origin: 40px 40px; - } - - .lds-roller div:after { - content: " "; - display: block; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - background: var(--black); - margin: -4px 0 0 -4px; - } - - .lds-roller div:nth-child(1) { - animation-delay: -0.036s; - } - - .lds-roller div:nth-child(1):after { - top: 63px; - left: 63px; - } - - .lds-roller div:nth-child(2) { - animation-delay: -0.072s; - } - - .lds-roller div:nth-child(2):after { - top: 68px; - left: 56px; - } - - .lds-roller div:nth-child(3) { - animation-delay: -0.108s; - } - - .lds-roller div:nth-child(3):after { - top: 71px; - left: 48px; - } - - .lds-roller div:nth-child(4) { - animation-delay: -0.144s; - } - - .lds-roller div:nth-child(4):after { - top: 72px; - left: 40px; - } - - .lds-roller div:nth-child(5) { - animation-delay: -0.18s; - } - - .lds-roller div:nth-child(5):after { - top: 71px; - left: 32px; - } - - .lds-roller div:nth-child(6) { - animation-delay: -0.216s; - } - - .lds-roller div:nth-child(6):after { - top: 68px; - left: 24px; - } - - .lds-roller div:nth-child(7) { - animation-delay: -0.252s; - } - - .lds-roller div:nth-child(7):after { - top: 63px; - left: 17px; - } - - .lds-roller div:nth-child(8) { - animation-delay: -0.288s; - } - - .lds-roller div:nth-child(8):after { - top: 56px; - left: 12px; - } - - @keyframes lds-roller { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } - } - - .grid-container { - display: grid; - grid-template-columns: repeat(6, 1fr); - gap: 10px; - } - - .grid-container-search { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 10px; - } - - .container { - height: 84px; - width: 84px; - overflow: hidden; - margin: 10px auto; - border-radius: 25%; - border: 1px solid var(--black); - transition: all 0.3s ease-in-out; - box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); - background: linear-gradient(315deg, #045de9 0%, #09c6f9 74%); - } - - img { - cursor: pointer; - position: relative; - border-radius: 25%; - display: block; - height: 64px; - width: 64px; - object-fit: cover; - margin: 10px auto; - transition: all 0.3s ease; - } - - .round-icon { - margin-top: -87px; - margin-left: 69px; - width: 16px; - height: 16px; - border-radius: 50%; - border: 1px solid #64dd17; - background-color: #76ff03; - } - - .myapptitle { - display: flex; - justify-content: center; - max-height: 32px; - overflow: hidden; - text-overflow: ellipsis; - color: var(--black); - font-size: 17px; - font-weight: 500; - padding: 10px; - line-height: 20px; - margin-top: -10px; - text-align: center; - } - - @media (min-width: 400px) { - .grid-container { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 10px; - } - } - - @media (min-width: 640px) { - .grid-container { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 10px; - } - } - - @media (min-width: 767px) { - .grid-container { - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 10px; - } - } - - @media (min-width: 1024px) { - .grid-container { - display: grid; - grid-template-columns: repeat(5, 1fr); - gap: 10px; - } - } - - @media (min-width: 1280px) { - .grid-container { - display: grid; - grid-template-columns: repeat(6, 1fr); - gap: 10px; - } - } - - @media (min-width: 1600px) { - .grid-container { - display: grid; - grid-template-columns: repeat(7, 1fr); - gap: 10px; - } - } - - @media (min-width: 1920px) { - .grid-container { - display: grid; - grid-template-columns: repeat(8, 1fr); - gap: 10px; - } - } - - .card-container { - background-color: var(--white); - color: var(--black); - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .card-container .block { - color: rgb(3, 169, 244); - background-color: transparent; - border-radius: 3px; - border: 1px solid rgb(3, 169, 244); - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - left: 30px; - } - - .card-container .block:hover { - color: #FFF; - background-color: rgb(3, 169, 244); - cursor: pointer; - } - - .card-container .close { - color: #df3636; - background-color: transparent; - border-radius: 3px; - border: 1px solid #df3636; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - right: 30px; - } - - .card-container .close:hover { - color: #FFF; - background-color: #df3636; - cursor: pointer; - } - - .card-container img { - height: 96px; - width: 96px; - } - - .buttons { - display: flex; - justify-content: space-between; - margin: 10px; - } - - button.primary { - background-color: transparent; - border: 1px solid rgb(3, 169, 244); - border-radius: 3px; - color: rgb(3, 169, 244); - font-family: Montserrat, sans-serif; - font-weight: 500; - padding: 10px 25px; - } - - button.primary:hover { - background-color: rgb(3, 169, 244); - color: #FFF; - cursor: pointer; - } - - button.secondary { - background-color: transparent; - border: 1px solid #198754; - border-radius: 3px; - color: #198754; - font-family: Montserrat, sans-serif; - font-weight: 500; - padding: 10px 25px; - } - - button.secondary:hover { - background-color: #198754; - color: #FFF; - cursor: pointer; - } - - .tags { - background-color: var(--white); - text-align: left; - padding: 10px; - margin-top: 10px; - } - - .tags ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .tags ul li { - border: 1px solid rgb(3, 169, 244); - border-radius: 3px; - display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; - } - - .close-download { - color: var(--black); - font-size: 14px; - font-weight: bold; - position: absolute; - top: -15px; - right: -15px; - } - - .close-download:hover { - color: #df3636; - } - ` - } - - constructor() { - super() - this.selectedAddress = {} - this.appsArray = [] - this.followedNames = [] - this.blockedNames = [] - this.searchResources = [] - this.followedResources = [] - this.blockedResources = [] - this.isLoading = false - this.relayMode = false - this.service = "APP" - this.identifier = '' - this.searchName = '' - this.textStatus = '' - this.textProgress = '' - this.appIconUrl = '' - this.appTitle = '' - this.appPublisher = '' - this.appDescription = '' - this.appTags = '' - this.appStatus = '' - this.appFollow = '' - this.appBlock = '' - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` -
    - - - - - -
    -
    -
    -

    ${translate("appspage.schange1")}

    -

    ${this.renderSearchButton()}

    -

    ${this.renderPublishButton()}

    -
    -
    - ${this.isLoading ? html` - - ` : ''} - ${this.renderRelayModeText()} -
    -
    -
    -

    ${translate("appspage.schange11")}

    -

    ${this.renderSearchButton()}

    -

    ${this.renderPublishButton()}

    -
    -
    - ${this.isLoading ? html` - - ` : ''} - ${this.isEmptyArray(this.followedResources) ? html`
    ${translate("appspage.schange13")}
    ` : ''} - ${this.renderRelayModeText()} -
    -
    -
    -

    ${translate("appspage.schange14")}

    -

    ${this.renderSearchButton()}

    -

    ${this.renderPublishButton()}

    -
    -
    - ${this.isLoading ? html` - - ` : ''} - ${this.isEmptyArray(this.blockedResources) ? html`
    ${translate("appspage.schange16")}
    ` : ''} - ${this.renderRelayModeText()} -
    -
    -
    - -
    -
    - - - - -
    -
    - -     - - -
    -

    ${translate("appspage.schange41")}

    -

    ${this.textProgress}

    -     - - ${translate("appspage.schange43")} - - -
    - ${this.appBlock} - this.closeAppInfoDialog()}>${translate("general.close")} - -

    ${this.appTitle}

    -
    ${translate("appspage.schange7")}: ${this.appPublisher}
    -

    ${this.appDescription}

    -
    -
    TAGS
    -
      -
    • ${this.appTags}
      • -
    -
    -
    - ${this.appStatus} - ${this.appFollow} -
    -
    -     - -
    - ${this.appBlock} - this.closeBlockedInfoDialog()}>${translate("general.close")} - -

    ${this.appTitle}

    -
    ${translate("appspage.schange7")}: ${this.appPublisher}
    -

    ${this.appDescription}

    -
    -
    TAGS
    -
      -
    • ${this.appTags}
      • -
    -
    -
    -     - ` - } - - firstUpdated() { - this.changeTheme() - this.changeLanguage() - - setTimeout(() => { - this.displayTabContent('browse') - }, 0) - - const getFollowedNames = async () => { + static get properties() { + return { + selectedAddress: { type: Object }, + appsArray: { type: Array }, + followedNames: { type: Array }, + blockedNames: { type: Array }, + searchResources: { type: Array }, + followedResources: { type: Array }, + blockedResources: { type: Array }, + isLoading: { type: Boolean }, + relayMode: { type: Boolean }, + service: { type: String }, + identifier: { type: String }, + searchName: { type: String }, + textStatus: { type: String }, + textProgress: { type: String }, + appIconUrl: { type: String }, + appTitle: { type: String }, + appPublisher: { type: String }, + appDescription: { type: String }, + appTags: { type: String }, + appStatus: { type: String }, + appFollow: { type: String }, + appBlock: { type: String }, + theme: { type: String, reflect: true } + } + } + + static get styles() { + return [qAppsStyles] + } + + constructor() { + super() + this.selectedAddress = {} + this.appsArray = [] + this.followedNames = [] + this.blockedNames = [] + this.searchResources = [] + this.followedResources = [] + this.blockedResources = [] + this.isLoading = false + this.relayMode = false + this.identifier = '' + this.searchName = '' + this.textStatus = '' + this.textProgress = '' + this.appIconUrl = '' + this.appTitle = '' + this.appPublisher = '' + this.appDescription = '' + this.appTags = '' + this.appStatus = '' + this.appFollow = '' + this.appBlock = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + return html` +
    + + + + + +
    +
    +
    +

    ${translate("appspage.schange1")}

    +

    ${this.renderSearchButton()}

    +

    ${this.renderPublishButton()}

    +
    +
    + ${this.isLoading ? html` + + ` : ''} + ${this.renderRelayModeText()} +
    +
    +
    +

    ${translate("appspage.schange11")}

    +

    ${this.renderSearchButton()}

    +

    ${this.renderPublishButton()}

    +
    +
    + ${this.isLoading ? html` + + ` : ''} + ${this.isEmptyArray(this.followedResources) ? html` +
    ${translate("appspage.schange13")}
    + ` : ''} + ${this.renderRelayModeText()} +
    +
    +
    +

    ${translate("appspage.schange14")}

    +

    ${this.renderSearchButton()}

    +

    ${this.renderPublishButton()}

    +
    +
    + ${this.isLoading ? html` + + ` : ''} + ${this.isEmptyArray(this.blockedResources) ? html` +
    ${translate("appspage.schange16")}
    + ` : ''} + ${this.renderRelayModeText()} +
    +
    +
    + +
    +
    + + + + +
    +
    + +     + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    ${translate("appspage.schange41")}

    +

    ${this.textProgress}

    +     + + ${translate("appspage.schange43")} + + +
    + ${this.appBlock} + this.closeAppInfoDialog()}>${translate("general.close")} + +

    ${this.appTitle}

    +
    + ${translate("appspage.schange7")}: ${this.appPublisher}
    +

    ${this.appDescription}

    +
    +
    TAGS
    +
      +
    • ${this.appTags}
      • +
    +
    +
    + ${this.appStatus} + ${this.appFollow} +
    +
    +     + +
    + ${this.appBlock} + this.closeBlockedInfoDialog()}>${translate("general.close")} + +

    ${this.appTitle}

    +
    + ${translate("appspage.schange7")}: ${this.appPublisher}
    +

    ${this.appDescription}

    +
    +
    TAGS
    +
      +
    • ${this.appTags}
      • +
    +
    +
    +     + ` + } + + firstUpdated() { + this.changeTheme() + this.changeLanguage() + + setTimeout(() => { + this.displayTabContent('browse') + }, 0) + + const getFollowedNames = async () => { this.followedNames = await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.getApiKey()}` }) - setTimeout(getFollowedNames, 60000) - } + setTimeout(getFollowedNames, 60000) + } - const getBlockedNames = async () => { + const getBlockedNames = async () => { this.blockedNames = await parentEpml.request('apiCall', { url: `/lists/blockedNames?apiKey=${this.getApiKey()}` }) - setTimeout(getBlockedNames, 60000) - } + setTimeout(getBlockedNames, 60000) + } - const getRelayMode = async () => { + const getRelayMode = async () => { this.relayMode = await parentEpml.request('apiCall', { url: `/arbitrary/relaymode?apiKey=${this.getApiKey()}` }) - setTimeout(getRelayMode, 600000) - } + setTimeout(getRelayMode, 600000) + } - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - use(checkLanguage) + use(checkLanguage) - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - let configLoaded = false + let configLoaded = false - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(getFollowedNames, 1) - setTimeout(getBlockedNames, 1) - setTimeout(getRelayMode, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - setInterval(() => { - this.getAppsArrayData() - }, 600000) - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(getFollowedNames, 1) + setTimeout(getBlockedNames, 1) + setTimeout(getRelayMode, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } + parentEpml.imReady() - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + this.clearConsole() - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + setInterval(() => { + this.clearConsole() + }, 60000) - async displayTabContent(tab) { - const tabBrowseContent = this.shadowRoot.getElementById('tab-browse-content') - const tabFollowedContent = this.shadowRoot.getElementById('tab-followed-content') - const tabBlockedContent = this.shadowRoot.getElementById('tab-blocked-content') - if (tab === 'browse') { - tabBrowseContent.style.display = 'block' - tabFollowedContent.style.display = 'none' - tabBlockedContent.style.display = 'none' - await this.getAppsArrayData() - } else if (tab === 'followed') { - tabBrowseContent.style.display = 'none' - tabFollowedContent.style.display = 'block' - tabBlockedContent.style.display = 'none' - await this.getFollowedNamesRefresh() - await this.getFollowedNamesResource() - } else if (tab === 'blocked') { - tabBrowseContent.style.display = 'none' - tabFollowedContent.style.display = 'none' - tabBlockedContent.style.display = 'block' - await this.getBlockedNamesRefresh() - await this.getBlockedNamesResource() - } - } + setInterval(() => { + this.getAppsArrayData() + }, 600000) + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + async displayTabContent(tab) { + const tabBrowseContent = this.shadowRoot.getElementById('tab-browse-content') + const tabFollowedContent = this.shadowRoot.getElementById('tab-followed-content') + const tabBlockedContent = this.shadowRoot.getElementById('tab-blocked-content') + + if (tab === 'browse') { + tabBrowseContent.style.display = 'block' + tabFollowedContent.style.display = 'none' + tabBlockedContent.style.display = 'none' + await this.getAppsArrayData() + } else if (tab === 'followed') { + tabBrowseContent.style.display = 'none' + tabFollowedContent.style.display = 'block' + tabBlockedContent.style.display = 'none' + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + } else if (tab === 'blocked') { + tabBrowseContent.style.display = 'none' + tabFollowedContent.style.display = 'none' + tabBlockedContent.style.display = 'block' + await this.getBlockedNamesRefresh() + await this.getBlockedNamesResource() + } + } + + async getAppsArrayData() { + this.isLoading = true + this.appsArray = [] - getAppsArrayData = async () => { - this.isLoading = true - this.appsArray = [] this.appsArray = await parentEpml.request('apiCall', { url: `/arbitrary/resources?service=APP&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&excludeblocked=true` }) - this.isLoading = false - this.renderAppGrid() - } - renderAppGrid() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const gridContainer = this.shadowRoot.getElementById('apps-container') - this.shadowRoot.getElementById('apps-container').innerHTML = '' + this.isLoading = false + this.renderAppGrid() + } - this.appsArray.forEach(item => { - const name = item.name - let title - if (item.metadata != null) { - if (item.metadata.title != null) { - title = item.metadata.title - } - } else { - title = item.name - } - let description - if (item.metadata != null) { - if (item.metadata.description != null) { - description = item.metadata.description - } - } else { - description = item.name - } - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - let tags = 'No Tags' - if (item.metadata != null) { - if (item.metadata.tags != null && item.metadata.tags.length > 0) { - tags = item.metadata.tags.join(", ") - } - } - const status1 = item.status.description - const status2 = item.status.status + renderAppGrid() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const gridContainer = this.shadowRoot.getElementById('apps-container') + this.shadowRoot.getElementById('apps-container').innerHTML = '' - const openDialog = () => {this.openAppInfoDialog(url, title, name, description, tags, status1, status2)} + this.appsArray.forEach(item => { + const name = item.name - let clickTimeout - let isDoubleClick = false + let title - const widgetElement = document.createElement('div') + if (item.metadata != null) { + if (item.metadata.title != null) { + title = item.metadata.title + } + } else { + title = item.name + } - const myImage = document.createElement('img') - myImage.src = `${url}` - myImage.onerror = function() { - myImage.src = '/img/incognito.png' - } - myImage.addEventListener('click', function() { - clickTimeout = setTimeout(function() { - if (!isDoubleClick) { - openDialog() - } - isDoubleClick = false - }, 250) - }) - myImage.addEventListener('dblclick', function() { - clearTimeout(clickTimeout) - isDoubleClick = true - window.location.href = `../qdn/browser/index.html?name=${item.name}&service=APP` - }) + let description - const myStatus = document.createElement('div') - myStatus.classList.add('round-icon') + if (item.metadata != null) { + if (item.metadata.description != null) { + description = item.metadata.description + } + } else { + description = item.name + } - const myContainer = document.createElement('div') - myContainer.classList.add('container') - myContainer.appendChild(myImage) - if (item.status.description === "Published but not yet downloaded" || item.status.status === "MISSING_DATA") { - } else if (item.status.description === "Ready" || item.status.status === "DOWNLOADED") { - myContainer.appendChild(myStatus) - } + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - const myAppTitle = document.createElement('div') - myAppTitle.classList.add('myapptitle') - myAppTitle.textContent = title + let tags = 'No Tags' - widgetElement.appendChild(myContainer) - widgetElement.appendChild(myAppTitle) + if (item.metadata != null) { + if (item.metadata.tags != null && item.metadata.tags.length > 0) { + tags = item.metadata.tags.join(', ') + } + } - gridContainer.appendChild(widgetElement) - }) - } + const status1 = item.status.description + const status2 = item.status.status + const openDialog = () => { this.openAppInfoDialog(url, title, name, description, tags, status1, status2) } + + let clickTimeout + let isDoubleClick = false + + const widgetElement = document.createElement('div') + const myImage = document.createElement('img') + + myImage.src = `${url}` + + myImage.onerror = function () { + myImage.src = '/img/incognito.png' + } + + myImage.addEventListener('click', function () { + clickTimeout = setTimeout(function () { + if (!isDoubleClick) { + openDialog() + } + isDoubleClick = false + }, 250) + }) + + myImage.addEventListener('dblclick', function () { + clearTimeout(clickTimeout) + isDoubleClick = true + window.location.href = `../qdn/browser/index.html?name=${item.name}&service=APP` + }) + + const myStatus = document.createElement('div') + + myStatus.classList.add('round-icon') + + const myContainer = document.createElement('div') + + myContainer.classList.add('container') + myContainer.appendChild(myImage) + + if (item.status.description === 'Published but not yet downloaded' || item.status.status === 'MISSING_DATA') { + } else if (item.status.description === 'Ready' || item.status.status === 'DOWNLOADED') { + myContainer.appendChild(myStatus) + } + + const myAppTitle = document.createElement('div') + + myAppTitle.classList.add('myapptitle') + myAppTitle.textContent = title + + widgetElement.appendChild(myContainer) + widgetElement.appendChild(myAppTitle) + + gridContainer.appendChild(widgetElement) + }) + } + + async getFollowedNamesRefresh() { + this.isLoading = true - getFollowedNamesRefresh = async () => { - this.isLoading = true this.followedNames = await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.getApiKey()}` }) - this.isLoading = false - } - getFollowedNamesResource = async () => { - this.isLoading = true + this.isLoading = false + } + + async getFollowedNamesResource() { + this.isLoading = true + this.followedResources = await parentEpml.request('apiCall', { - url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=followedNames` + url: `/arbitrary/resources?service=APP&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=followedNames` }) - this.isLoading = false - this.renderFollowedAppsGrid() - } - renderFollowedAppsGrid() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const gridContainer = this.shadowRoot.getElementById('followed-container') - this.shadowRoot.getElementById('followed-container').innerHTML = '' + this.isLoading = false - this.followedResources.forEach(item => { - const name = item.name - let title - if (item.metadata != null) { - if (item.metadata.title != null) { - title = item.metadata.title - } - } else { - title = item.name - } - let description - if (item.metadata != null) { - if (item.metadata.description != null) { - description = item.metadata.description - } - } else { - description = item.name - } - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - let tags = 'No Tags' - if (item.metadata != null) { - if (item.metadata.tags != null && item.metadata.tags.length > 0) { - tags = item.metadata.tags.join(", ") - } - } - const status1 = item.status.description - const status2 = item.status.status + this.renderFollowedAppsGrid() + } - const openDialog = () => {this.openAppInfoDialog(url, title, name, description, tags, status1, status2)} + renderFollowedAppsGrid() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const gridContainer = this.shadowRoot.getElementById('followed-container') - let clickTimeout - let isDoubleClick = false + this.shadowRoot.getElementById('followed-container').innerHTML = '' - const widgetElement = document.createElement('div') + this.followedResources.forEach(item => { + const name = item.name - const myImage = document.createElement('img') - myImage.src = `${url}` - myImage.onerror = function() { - myImage.src = '/img/incognito.png' - } - myImage.addEventListener('click', function() { - clickTimeout = setTimeout(function() { - if (!isDoubleClick) { - openDialog() - } - isDoubleClick = false - }, 250) - }) - myImage.addEventListener('dblclick', function() { - clearTimeout(clickTimeout) - isDoubleClick = true - window.location.href = `../qdn/browser/index.html?name=${item.name}&service=APP` - }) + let title - const myStatus = document.createElement('div') - myStatus.classList.add('round-icon') + if (item.metadata != null) { + if (item.metadata.title != null) { + title = item.metadata.title + } + } else { + title = item.name + } - const myContainer = document.createElement('div') - myContainer.classList.add('container') - myContainer.appendChild(myImage) - if (item.status.description === "Published but not yet downloaded" || item.status.status === "MISSING_DATA") { - } else if (item.status.description === "Ready" || item.status.status === "DOWNLOADED") { - myContainer.appendChild(myStatus) - } + let description - const myAppTitle = document.createElement('div') - myAppTitle.classList.add('myapptitle') - myAppTitle.textContent = title + if (item.metadata != null) { + if (item.metadata.description != null) { + description = item.metadata.description + } + } else { + description = item.name + } - widgetElement.appendChild(myContainer) - widgetElement.appendChild(myAppTitle) + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - gridContainer.appendChild(widgetElement) - }) - } + let tags = 'No Tags' + + if (item.metadata != null) { + if (item.metadata.tags != null && item.metadata.tags.length > 0) { + tags = item.metadata.tags.join(', ') + } + } + + const status1 = item.status.description + const status2 = item.status.status + const openDialog = () => { this.openAppInfoDialog(url, title, name, description, tags, status1, status2) } + + let clickTimeout + let isDoubleClick = false + + const widgetElement = document.createElement('div') + const myImage = document.createElement('img') + + myImage.src = `${url}` + + myImage.onerror = function () { + myImage.src = '/img/incognito.png' + } + + myImage.addEventListener('click', function () { + clickTimeout = setTimeout(function () { + if (!isDoubleClick) { + openDialog() + } + isDoubleClick = false + }, 250) + }) + + myImage.addEventListener('dblclick', function () { + clearTimeout(clickTimeout) + isDoubleClick = true + window.location.href = `../qdn/browser/index.html?name=${item.name}&service=APP` + }) + + const myStatus = document.createElement('div') + + myStatus.classList.add('round-icon') + + const myContainer = document.createElement('div') + + myContainer.classList.add('container') + myContainer.appendChild(myImage) + + if (item.status.description === 'Published but not yet downloaded' || item.status.status === 'MISSING_DATA') { + } else if (item.status.description === 'Ready' || item.status.status === 'DOWNLOADED') { + myContainer.appendChild(myStatus) + } + + const myAppTitle = document.createElement('div') + + myAppTitle.classList.add('myapptitle') + myAppTitle.textContent = title + + widgetElement.appendChild(myContainer) + widgetElement.appendChild(myAppTitle) + + gridContainer.appendChild(widgetElement) + }) + } + + async getBlockedNamesRefresh() { + this.isLoading = true - getBlockedNamesRefresh = async () => { - this.isLoading = true this.blockedNames = await parentEpml.request('apiCall', { url: `/lists/blockedNames?apiKey=${this.getApiKey()}` }) - this.isLoading = false - } - getBlockedNamesResource = async () => { - this.isLoading = true - this.blockedResources = [] + this.isLoading = false + } + + async getBlockedNamesResource() { + this.isLoading = true + this.blockedResources = [] + this.blockedResources = await parentEpml.request('apiCall', { - url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=blockedNames` + url: `/arbitrary/resources?service=APP&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=blockedNames` }) - this.isLoading = false - this.renderBlockedAppsGrid() - } - renderBlockedAppsGrid() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const gridContainer = this.shadowRoot.getElementById('blocked-container') - this.shadowRoot.getElementById('blocked-container').innerHTML = '' + this.isLoading = false + this.renderBlockedAppsGrid() + } - this.blockedResources.forEach(item => { - const name = item.name - let title - if (item.metadata != null) { - if (item.metadata.title != null) { - title = item.metadata.title - } - } else { - title = item.name - } - let description - if (item.metadata != null) { - if (item.metadata.description != null) { - description = item.metadata.description - } - } else { - description = item.name - } - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - let tags = 'No Tags' - if (item.metadata != null) { - if (item.metadata.tags != null && item.metadata.tags.length > 0) { - tags = item.metadata.tags.join(", ") - } - } - const status1 = item.status.description - const status2 = item.status.status + renderBlockedAppsGrid() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const gridContainer = this.shadowRoot.getElementById('blocked-container') + this.shadowRoot.getElementById('blocked-container').innerHTML = '' - const openDialog = () => {this.openBlockedInfoDialog(url, title, name, description, tags, status1, status2)} + this.blockedResources.forEach(item => { + const name = item.name - let clickTimeout - let isDoubleClick = false + let title - const widgetElement = document.createElement('div') + if (item.metadata != null) { + if (item.metadata.title != null) { + title = item.metadata.title + } + } else { + title = item.name + } - const myImage = document.createElement('img') - myImage.src = `${url}` - myImage.onerror = function() { - myImage.src = '/img/incognito.png' - } - myImage.addEventListener('click', function() { - clickTimeout = setTimeout(function() { - if (!isDoubleClick) { - openDialog() - } - isDoubleClick = false - }, 250) - }) - myImage.addEventListener('dblclick', function() { - clearTimeout(clickTimeout) - isDoubleClick = true - }) + let description - const myStatus = document.createElement('div') - myStatus.classList.add('round-icon') + if (item.metadata != null) { + if (item.metadata.description != null) { + description = item.metadata.description + } + } else { + description = item.name + } - const myContainer = document.createElement('div') - myContainer.classList.add('container') - myContainer.appendChild(myImage) - if (item.status.description === "Published but not yet downloaded" || item.status.status === "MISSING_DATA") { - } else if (item.status.description === "Ready" || item.status.status === "DOWNLOADED") { - myContainer.appendChild(myStatus) - } + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - const myAppTitle = document.createElement('div') - myAppTitle.classList.add('myapptitle') - myAppTitle.textContent = title + let tags = 'No Tags' - widgetElement.appendChild(myContainer) - widgetElement.appendChild(myAppTitle) + if (item.metadata != null) { + if (item.metadata.tags != null && item.metadata.tags.length > 0) { + tags = item.metadata.tags.join(', ') + } + } - gridContainer.appendChild(widgetElement) - }) - } + const status1 = item.status.description + const status2 = item.status.status + const openDialog = () => { this.openBlockedInfoDialog(url, title, name, description, tags, status1, status2) } - openAppInfoDialog(url, title, name, description, tags, status1, status2) { - this.appIconUrl = '' - this.appTitle = '' - this.appPublisher = '' - this.appDescription = '' - this.appTags = '' - this.appStatus = '' - this.appFollow = '' - this.appBlock = '' - this.appIconUrl = url - this.appTitle = title - this.appPublisher = name - this.appDescription = description - this.appTags = tags - if (status1 === "Published but not yet downloaded" || status2 === "MISSING_DATA") { - this.appStatus = html`` - } else if (status1 === "Ready" || status2 === "DOWNLOADED") { - this.appStatus = html`` - } else { - this.appStatus = html`` - } - if (this.followedNames.indexOf(name) === -1) { - this.appFollow = html`` - } else { - this.appFollow = html`` - } - if (this.blockedNames.indexOf(name) === -1) { - this.appBlock = html` this.blockName(name)}>${translate("appspage.schange31")}` - } else { - this.appBlock = html` this.unblockName(name)}>${translate("appspage.schange32")}` - } - this.shadowRoot.getElementById('appInfoDialog').open() - } + let clickTimeout + let isDoubleClick = false - closeAppInfoDialog() { - this.shadowRoot.getElementById('appInfoDialog').close() - this.appIconUrl = '' - this.appTitle = '' - this.appPublisher = '' - this.appDescription = '' - this.appTags = '' - this.appStatus = '' - this.appFollow = '' - this.appBlock = '' - } + const widgetElement = document.createElement('div') + const myImage = document.createElement('img') - openBlockedInfoDialog(url, title, name, description, tags, status1, status2) { - this.appIconUrl = '' - this.appTitle = '' - this.appPublisher = '' - this.appDescription = '' - this.appTags = '' - this.appStatus = '' - this.appFollow = '' - this.appBlock = '' - this.appIconUrl = url - this.appTitle = title - this.appPublisher = name - this.appDescription = description - this.appTags = tags - if (this.blockedNames.indexOf(name) === -1) { - this.appBlock = html` this.blockName(name)}>${translate("appspage.schange31")}` - } else { - this.appBlock = html` this.unblockName(name)}>${translate("appspage.schange32")}` - } - this.shadowRoot.getElementById('blockedInfodDialog').open() - } + myImage.src = `${url}` - closeBlockedInfoDialog() { - this.shadowRoot.getElementById('blockedInfodDialog').close() - this.appIconUrl = '' - this.appTitle = '' - this.appPublisher = '' - this.appDescription = '' - this.appTags = '' - this.appStatus = '' - this.appFollow = '' - this.appBlock = '' - } + myImage.onerror = function () { + myImage.src = '/img/incognito.png' + } - renderSearchButton() { - return html` this.openSearchDialog()}>search${translate("appspage.schange4")}` - } + myImage.addEventListener('click', function () { + clickTimeout = setTimeout(function () { + if (!isDoubleClick) { + openDialog() + } + isDoubleClick = false + }, 250) + }) - async doSearch(e) { - await this.searchResult() - } + myImage.addEventListener('dblclick', function () { + clearTimeout(clickTimeout) + isDoubleClick = true + }) - searchListener(e) { - if (e.key === 'Enter') { - this.doSearch(e) - } - } + const myStatus = document.createElement('div') - async searchResult() { - let searchName = this.shadowRoot.getElementById('searchName').value - if (searchName.length === 0) { - let err1string = get("appspage.schange34") - parentEpml.request('showSnackBar', `${err1string}`) - } else { - const searchResourcesRes = await parentEpml.request('apiCall', { - url: `/arbitrary/resources/search?service=${this.service}&query=${searchName}&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&excludeblocked=true` - }) - if (this.isEmptyArray(searchResourcesRes)) { - let err2string = get("appspage.schange17") - parentEpml.request('showSnackBar', `${err2string}`) - } else { - this.searchResources = searchResourcesRes - this.renderSearchAppsGrid() - } - } - } + myStatus.classList.add('round-icon') - renderSearchAppsGrid() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const gridContainer = this.shadowRoot.getElementById('search-container') - this.shadowRoot.getElementById('search-container').innerHTML = '' + const myContainer = document.createElement('div') - this.searchResources.forEach(item => { - const name = item.name - const title = item.metadata.title - const description = item.metadata.description - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - let tags = 'No Tags' - if (item.metadata.tags != null && item.metadata.tags.length > 0) { - tags = item.metadata.tags.join(", ") - } - const status1 = item.status.description - const status2 = item.status.status + myContainer.classList.add('container') + myContainer.appendChild(myImage) - const openDialog = () => {this.openAppInfoDialog(url, title, name, description, tags, status1, status2)} + if (item.status.description === 'Published but not yet downloaded' || item.status.status === 'MISSING_DATA') { + } else if (item.status.description === 'Ready' || item.status.status === 'DOWNLOADED') { + myContainer.appendChild(myStatus) + } - let clickTimeout - let isDoubleClick = false + const myAppTitle = document.createElement('div') - const widgetElement = document.createElement('div') + myAppTitle.classList.add('myapptitle') + myAppTitle.textContent = title - const myImage = document.createElement('img') - myImage.src = `${url}` - myImage.onerror = function() { - myImage.src = '/img/incognito.png' - } - myImage.addEventListener('click', function() { - clickTimeout = setTimeout(function() { - if (!isDoubleClick) { - openDialog() - } - isDoubleClick = false - }, 250) - }) - myImage.addEventListener('dblclick', function() { - clearTimeout(clickTimeout) - isDoubleClick = true - window.location.href = `../qdn/browser/index.html?name=${item.name}&service=APP` - }) + widgetElement.appendChild(myContainer) + widgetElement.appendChild(myAppTitle) - const myStatus = document.createElement('div') - myStatus.classList.add('round-icon') + gridContainer.appendChild(widgetElement) + }) + } - const myContainer = document.createElement('div') - myContainer.classList.add('container') - myContainer.appendChild(myImage) - if (item.status.description === "Published but not yet downloaded" || item.status.status === "MISSING_DATA") { - } else if (item.status.description === "Ready" || item.status.status === "DOWNLOADED") { - myContainer.appendChild(myStatus) - } + openAppInfoDialog(url, title, name, description, tags, status1, status2) { + this.appIconUrl = '' + this.appTitle = '' + this.appPublisher = '' + this.appDescription = '' + this.appTags = '' + this.appStatus = '' + this.appFollow = '' + this.appBlock = '' + this.appIconUrl = url + this.appTitle = title + this.appPublisher = name + this.appDescription = description + this.appTags = tags - const myAppTitle = document.createElement('div') - myAppTitle.classList.add('myapptitle') - myAppTitle.textContent = item.metadata.title + if (status1 === 'Published but not yet downloaded' || status2 === 'MISSING_DATA') { + this.appStatus = html`` + } else if (status1 === 'Ready' || status2 === 'DOWNLOADED') { + this.appStatus = html`` + } else { + this.appStatus = html`` + } - widgetElement.appendChild(myContainer) - widgetElement.appendChild(myAppTitle) + if (this.followedNames.indexOf(name) === -1) { + this.appFollow = html`` + } else { + this.appFollow = html`` + } - gridContainer.appendChild(widgetElement) - }) - this.shadowRoot.getElementById('searchAppDialog').notifyResize() - } + if (this.blockedNames.indexOf(name) === -1) { + this.appBlock = html` this.blockName(name)}>${translate('appspage.schange31')}` + } else { + this.appBlock = html` this.unblockName(name)}>${translate('appspage.schange32')}` + } - openSearchDialog() { - this.searchResources = [] - this.shadowRoot.getElementById('searchName').value = '' - this.shadowRoot.getElementById('search-container').innerHTML = '' - this.shadowRoot.getElementById('searchAppDialog').open() - } + this.shadowRoot.getElementById('appInfoDialog').open() + } - closeSearchDialog() { - this.searchResources = [] - this.shadowRoot.getElementById('searchName').value = '' - this.shadowRoot.getElementById('search-container').innerHTML = '' - this.shadowRoot.getElementById('searchAppDialog').close() - } + closeAppInfoDialog() { + this.shadowRoot.getElementById('appInfoDialog').close() + this.appIconUrl = '' + this.appTitle = '' + this.appPublisher = '' + this.appDescription = '' + this.appTags = '' + this.appStatus = '' + this.appFollow = '' + this.appBlock = '' + } - renderRelayModeText() { - if (this.relayMode === true) { - return html`
    ${translate("appspage.schange18")} "relayModeEnabled": false ${translate("appspage.schange19")} settings.json
    ` - } else if (this.relayMode === false) { - return html`
    ${translate("appspage.schange20")} "relayModeEnabled": true ${translate("appspage.schange19")} settings.json
    ` - } - } + openBlockedInfoDialog(url, title, name, description, tags, status1, status2) { + this.appIconUrl = '' + this.appTitle = '' + this.appPublisher = '' + this.appDescription = '' + this.appTags = '' + this.appStatus = '' + this.appFollow = '' + this.appBlock = '' + this.appIconUrl = url + this.appTitle = title + this.appPublisher = name + this.appDescription = description + this.appTags = tags - renderPublishButton() { - if (this.followedNames == null || !Array.isArray(this.followedNames)) { - return html`` - } - return html` this.publishApp()}>add${translate("appspage.schange21")}` - } + if (this.blockedNames.indexOf(name) === -1) { + this.appBlock = html` this.blockName(name)}>${translate('appspage.schange31')}` + } else { + this.appBlock = html` this.unblockName(name)}>${translate('appspage.schange32')}` + } - publishApp() { - window.location.href = `../qdn/publish/index.html?service=${this.service}&identifier=${this.identifier}&uploadType=zip&category=app&showName=true&showService=false&showIdentifier=false&showMetadata=true` - } + this.shadowRoot.getElementById('blockedInfodDialog').open() + } - async downloadApp(appname) { - this.showChunks(appname) - await parentEpml.request('apiCall', { - url: `/arbitrary/resource/status/APP/${appname}?build=true&apiKey=${this.getApiKey()}` - }) - } + closeBlockedInfoDialog() { + this.shadowRoot.getElementById('blockedInfodDialog').close() + this.appIconUrl = '' + this.appTitle = '' + this.appPublisher = '' + this.appDescription = '' + this.appTags = '' + this.appStatus = '' + this.appFollow = '' + this.appBlock = '' + } - showChunks(appname) { - this.shadowRoot.getElementById('downloadProgressDialog').open() - const checkStatus = async () => { - const service = this.service - const name = appname + renderSearchButton() { + return html` this.openSearchDialog()}>search${translate('appspage.schange4')}` + } - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/resource/status/${service}/${name}?build=true&apiKey=${this.getApiKey()}` + async doSearch(e) { + await this.searchResult() + } - this.textStatus = 'Loading...' + searchListener(e) { + if (e.key === 'Enter') { + this.doSearch(e) + } + } - this.btnDisabled = true + async searchResult() { + let searchName = this.shadowRoot.getElementById('searchName').value + if (searchName.length === 0) { + let err1string = get('appspage.schange34') + parentEpml.request('showSnackBar', `${err1string}`) + } else { + const searchResourcesRes = await parentEpml.request('apiCall', { + url: `/arbitrary/resources/search?service=APP&query=${searchName}&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&excludeblocked=true` + }) - let timerDownload + if (this.isEmptyArray(searchResourcesRes)) { + let err2string = get('appspage.schange17') + parentEpml.request('showSnackBar', `${err2string}`) + } else { + this.searchResources = searchResourcesRes + this.renderSearchAppsGrid() + } + } + } - const response = await fetch(url, { - method: 'GET', - headers: { - 'Content-Type': 'application/json' - } - }) + renderSearchAppsGrid() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const gridContainer = this.shadowRoot.getElementById('search-container') - const status = await response.json() + this.shadowRoot.getElementById('search-container').innerHTML = '' - if (status.id === "UNSUPPORTED") { - this.textProgress = '' - clearTimeout(timerDownload) - this.textStatus = status.description - } else if (status.id === "BLOCKED") { - this.textProgress = '' - this.textStatus = name + " is blocked so content cannot be served" - clearTimeout(timerDownload) - timerDownload = setTimeout(checkStatus, 5000) - } else if (status.id === "READY") { - clearTimeout(timerDownload) - this.textStatus = '' - this.textProgress = '' - this.shadowRoot.getElementById('downloadProgressDialog').close() - this.closeAppInfoDialog() - await this.getAppsArrayData() - await this.getFollowedNamesRefresh() - await this.getFollowedNamesResource() - this.updateComplete.then(() => this.requestUpdate()) - } else if (status.id === "BUILDING") { - this.textProgress = '' - this.textStatus = status.description - clearTimeout(timerDownload) - timerDownload = setTimeout(checkStatus, 1000) - } else if (status.id === "BUILD_FAILED") { - this.textProgress = '' - clearTimeout(timerDownload) - this.textStatus = status.description - } else if (status.id === "NOT_STARTED") { - this.textProgress = '' - this.textStatus = status.description - clearTimeout(timerDownload) - timerDownload = setTimeout(checkStatus, 1000) - } else if (status.id === "DOWNLOADING") { - this.textStatus = status.description - let progressString = get("appspage.schange42") - this.textProgress = progressString + ": " + status.localChunkCount + " / " + status.totalChunkCount - clearTimeout(timerDownload) - timerDownload = setTimeout(checkStatus, 1000) - } else if (status.id === "MISSING_DATA") { - this.textProgress = '' - this.textStatus = status.description - clearTimeout(timerDownload) - timerDownload = setTimeout(checkStatus, 5000) - } else if (status.id === "DOWNLOADED") { - this.textProgress = '' - this.textStatus = status.description - clearTimeout(timerDownload) - timerDownload = setTimeout(checkStatus, 1000) - } - } - checkStatus() - } + this.searchResources.forEach(item => { + const name = item.name + const title = item.metadata.title + const description = item.metadata.description + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - async closeDownloadProgressDialog() { - const closeDelay = ms => new Promise(res => setTimeout(res, ms)) - this.shadowRoot.getElementById('downloadProgressDialog').close() - this.shadowRoot.getElementById('closeProgressDialog').open() - await closeDelay(3000) - this.shadowRoot.getElementById('closeProgressDialog').close() - this.closeAppInfoDialog() - } + let tags = 'No Tags' - async followName(appName) { - let name = appName - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + if (item.metadata.tags != null && item.metadata.tags.length > 0) { + tags = item.metadata.tags.join(', ') + } - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) + const status1 = item.status.description + const status2 = item.status.status + const openDialog = () => { this.openAppInfoDialog(url, title, name, description, tags, status1, status2) } - if (ret === true) { - this.followedNames = this.followedNames.filter(item => item != name) - this.followedNames.push(name) - this.closeAppInfoDialog() - await this.getFollowedNamesRefresh() - await this.getFollowedNamesResource() - } else { - let err3string = get("appspage.schange22") - parentEpml.request('showSnackBar', `${err3string}`) - } - return ret - } + let clickTimeout + let isDoubleClick = false - async unfollowName(appName) { - let name = appName - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + const widgetElement = document.createElement('div') + const myImage = document.createElement('img') - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) + myImage.src = `${url}` - if (ret === true) { - this.followedNames = this.followedNames.filter(item => item != name) - this.closeAppInfoDialog() - await this.getFollowedNamesRefresh() - await this.getFollowedNamesResource() - } else { - let err4string = get("appspage.schange23") - parentEpml.request('showSnackBar', `${err4string}`) - } - return ret - } + myImage.onerror = function () { + myImage.src = '/img/incognito.png' + } - async blockName(appName) { - let name = appName - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + myImage.addEventListener('click', function () { + clickTimeout = setTimeout(function () { + if (!isDoubleClick) { + openDialog() + } + isDoubleClick = false + }, 250) + }) - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) + myImage.addEventListener('dblclick', function () { + clearTimeout(clickTimeout) + isDoubleClick = true + window.location.href = `../qdn/browser/index.html?name=${item.name}&service=APP` + }) - if (ret === true) { - this.blockedNames = this.blockedNames.filter(item => item != name) - this.blockedNames.push(name) - this.closeAppInfoDialog() - await this.getAppsArrayData() - await this.getBlockedNamesRefresh() - await this.getBlockedNamesResource() - } else { - let err5string = get("appspage.schange24") - parentEpml.request('showSnackBar', `${err5string}`) - } - return ret - } + const myStatus = document.createElement('div') - async unblockName(appName) { - let name = appName - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) + myStatus.classList.add('round-icon') - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) + const myContainer = document.createElement('div') - if (ret === true) { - this.blockedNames = this.blockedNames.filter(item => item != name) - this.closeBlockedInfoDialog() - await this.getBlockedNamesRefresh() - await this.getBlockedNamesResource() - } else { - let err6string = get("appspage.schange25") - parentEpml.request('showSnackBar', `${err6string}`) - } - return ret - } + myContainer.classList.add('container') + myContainer.appendChild(myImage) - renderSize(size) { - if (size === null) { - return html`` - } - let sizeReadable = this.bytesToSize(size) - return html`${sizeReadable}` - } + if (item.status.description === 'Published but not yet downloaded' || item.status.status === 'MISSING_DATA') { + } else if (item.status.description === 'Ready' || item.status.status === 'DOWNLOADED') { + myContainer.appendChild(myStatus) + } - bytesToSize(bytes) { - var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB'] - if (bytes == 0) return '0 bytes' - var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))) - return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i] - } + const myAppTitle = document.createElement('div') - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + myAppTitle.classList.add('myapptitle') + myAppTitle.textContent = item.metadata.title + + widgetElement.appendChild(myContainer) + widgetElement.appendChild(myAppTitle) + + gridContainer.appendChild(widgetElement) + }) + + this.shadowRoot.getElementById('searchAppDialog').notifyResize() + } + + openSearchDialog() { + this.searchResources = [] + this.shadowRoot.getElementById('searchName').value = '' + this.shadowRoot.getElementById('search-container').innerHTML = '' + this.shadowRoot.getElementById('searchAppDialog').open() + } + + closeSearchDialog() { + this.searchResources = [] + this.shadowRoot.getElementById('searchName').value = '' + this.shadowRoot.getElementById('search-container').innerHTML = '' + this.shadowRoot.getElementById('searchAppDialog').close() + } + + renderRelayModeText() { + if (this.relayMode === true) { + return html`
    ${translate('appspage.schange18')} "relayModeEnabled": false ${translate('appspage.schange19')} settings.json
    ` + } else if (this.relayMode === false) { + return html`
    ${translate('appspage.schange20')} "relayModeEnabled": true ${translate('appspage.schange19')} settings.json
    ` + } + } + + renderPublishButton() { + if (this.followedNames == null || !Array.isArray(this.followedNames)) { + return html`` + } else { + return html` this.publishApp()}>add${translate('appspage.schange21')}` + } + } + + publishApp() { + window.location.href = `../qdn/publish/index.html?service=APP&identifier=${this.identifier}&uploadType=zip&category=app&showName=true&showService=false&showIdentifier=false&showMetadata=true` + } + + async downloadApp(appname) { + this.showChunks(appname) + + await parentEpml.request('apiCall', { + url: `/arbitrary/resource/status/APP/${appname}?build=true&apiKey=${this.getApiKey()}` + }) + } + + showChunks(appname) { + this.shadowRoot.getElementById('downloadProgressDialog').open() + + const checkStatus = async () => { + const service = 'APP' + const name = appname + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/resource/status/${service}/${name}?build=true` + + this.textStatus = 'Loading...' + + this.btnDisabled = true + + let timerDownload + + const response = await fetch(url, { + method: 'GET', + headers: { + 'Content-Type': 'application/json' + } + }) + + const status = await response.json() + + if (status.id === 'UNSUPPORTED') { + this.textProgress = '' + clearTimeout(timerDownload) + this.textStatus = status.description + } else if (status.id === 'BLOCKED') { + this.textProgress = '' + this.textStatus = name + ' is blocked so content cannot be served' + clearTimeout(timerDownload) + timerDownload = setTimeout(checkStatus, 5000) + } else if (status.id === 'READY') { + clearTimeout(timerDownload) + this.textStatus = '' + this.textProgress = '' + this.shadowRoot.getElementById('downloadProgressDialog').close() + this.closeAppInfoDialog() + await this.getAppsArrayData() + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + this.updateComplete.then(() => this.requestUpdate()) + } else if (status.id === 'BUILDING') { + this.textProgress = '' + this.textStatus = status.description + clearTimeout(timerDownload) + timerDownload = setTimeout(checkStatus, 1000) + } else if (status.id === 'BUILD_FAILED') { + this.textProgress = '' + clearTimeout(timerDownload) + this.textStatus = status.description + } else if (status.id === 'NOT_STARTED') { + this.textProgress = '' + this.textStatus = status.description + clearTimeout(timerDownload) + timerDownload = setTimeout(checkStatus, 1000) + } else if (status.id === 'DOWNLOADING') { + this.textStatus = status.description + let progressString = get('appspage.schange42') + this.textProgress = progressString + ': ' + status.localChunkCount + ' / ' + status.totalChunkCount + clearTimeout(timerDownload) + timerDownload = setTimeout(checkStatus, 1000) + } else if (status.id === 'MISSING_DATA') { + this.textProgress = '' + this.textStatus = status.description + clearTimeout(timerDownload) + timerDownload = setTimeout(checkStatus, 5000) + } else if (status.id === 'DOWNLOADED') { + this.textProgress = '' + this.textStatus = status.description + clearTimeout(timerDownload) + timerDownload = setTimeout(checkStatus, 1000) + } + } + + checkStatus() + } + + async closeDownloadProgressDialog() { + const closeDelay = ms => new Promise(res => setTimeout(res, ms)) + this.shadowRoot.getElementById('downloadProgressDialog').close() + this.shadowRoot.getElementById('closeProgressDialog').open() + await closeDelay(3000) + this.shadowRoot.getElementById('closeProgressDialog').close() + this.closeAppInfoDialog() + } + + async followName(appName) { + let name = appName + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + this.followedNames = this.followedNames.filter(item => item != name) + this.followedNames.push(name) + this.closeAppInfoDialog() + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + } else { + let err3string = get('appspage.schange22') + parentEpml.request('showSnackBar', `${err3string}`) + } + + return ret + } + + async unfollowName(appName) { + let name = appName + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + this.followedNames = this.followedNames.filter(item => item != name) + this.closeAppInfoDialog() + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + } else { + let err4string = get('appspage.schange23') + parentEpml.request('showSnackBar', `${err4string}`) + } + + return ret + } + + async blockName(appName) { + let name = appName + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + this.blockedNames = this.blockedNames.filter(item => item != name) + this.blockedNames.push(name) + this.closeAppInfoDialog() + await this.getAppsArrayData() + await this.getBlockedNamesRefresh() + await this.getBlockedNamesResource() + } else { + let err5string = get('appspage.schange24') + parentEpml.request('showSnackBar', `${err5string}`) + } + + return ret + } + + async unblockName(appName) { + let name = appName + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + this.blockedNames = this.blockedNames.filter(item => item != name) + this.closeBlockedInfoDialog() + await this.getBlockedNamesRefresh() + await this.getBlockedNamesResource() + } else { + let err6string = get('appspage.schange25') + parentEpml.request('showSnackBar', `${err6string}`) + } + + return ret + } + + renderSize(size) { + if (size === null) { + return html`` + } + + let sizeReadable = this.bytesToSize(size) + + return html`${sizeReadable}` + } + + bytesToSize(bytes) { + var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB'] + if (bytes == 0) return '0 bytes' + var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))) + return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i] + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('q-apps', QApps) +window.customElements.define('q-apps', QApps) \ No newline at end of file diff --git a/plugins/plugins/core/messaging/q-chat/index.html b/plugins/plugins/core/q-chat/index.html similarity index 100% rename from plugins/plugins/core/messaging/q-chat/index.html rename to plugins/plugins/core/q-chat/index.html diff --git a/plugins/plugins/core/messaging/q-chat/q-chat.src.js b/plugins/plugins/core/q-chat/q-chat.src.js similarity index 74% rename from plugins/plugins/core/messaging/q-chat/q-chat.src.js rename to plugins/plugins/core/q-chat/q-chat.src.js index 202f2cbf..a2cdfd96 100644 --- a/plugins/plugins/core/messaging/q-chat/q-chat.src.js +++ b/plugins/plugins/core/q-chat/q-chat.src.js @@ -1,25 +1,23 @@ -import {html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {passiveSupport} from 'passive-events-support/src/utils' -import {Epml} from '../../../../epml.js' -import {get, translate} from '../../../../../core/translate' -import {qchatStyles} from './q-chat-css.src.js' -import {Editor, Extension} from '@tiptap/core' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { passiveSupport } from 'passive-events-support/src/utils' +import { Editor, Extension } from '@tiptap/core' +import { qchatStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import WebWorker from 'web-worker:./computePowWorker.src.js' +import WebWorker from 'web-worker:./computePowWorker' import StarterKit from '@tiptap/starter-kit' -import Underline from '@tiptap/extension-underline'; +import Underline from '@tiptap/extension-underline' import Placeholder from '@tiptap/extension-placeholder' import Highlight from '@tiptap/extension-highlight' -import snackbar from '../../components/snackbar.js' import ShortUniqueId from 'short-unique-id' - -import '../../components/ChatWelcomePage.js' -import '../../components/ChatHead.js' -import '../../components/ChatPage.js' -import '../../components/WrapperModal.js' -import '../../components/ChatSearchResults.js' -import '../../components/ChatGroupsModal.js' +import snackbar from '../components/snackbar' +import '../components/ChatWelcomePage' +import '../components/ChatHead' +import '../components/ChatPage' +import '../components/WrapperModal' +import '../components/ChatSearchResults' +import '../components/ChatGroupsModal' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-icon' @@ -28,9 +26,16 @@ import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' import '@vaadin/tooltip' -passiveSupport({ events: ['touchstart'] }) +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +passiveSupport({ events: ['touchstart'] }) + class Chat extends LitElement { static get properties() { return { @@ -46,23 +51,23 @@ class Chat extends LitElement { theme: { type: String, reflect: true }, blockedUsers: { type: Array }, blockedUserList: { type: Array }, - privateMessagePlaceholder: { type: String}, + privateMessagePlaceholder: { type: String }, imageFile: { type: Object }, activeChatHeadUrl: { type: String }, openPrivateMessage: { type: Boolean }, - userFound: { type: Array}, + userFound: { type: Array }, userFoundModalOpen: { type: Boolean }, userSelected: { type: Object }, - editor: {type: Object}, + editor: { type: Object }, groupInvites: { type: Array }, - loggedInUserName: {type: String}, - loggedInUserAddress: {type: String}, - openDialogGroupsModal: {type: Boolean} + loggedInUserName: { type: String }, + loggedInUserAddress: { type: String }, + openDialogGroupsModal: { type: Boolean } } } static get styles() { - return [qchatStyles]; + return [qchatStyles] } constructor() { @@ -74,7 +79,7 @@ class Chat extends LitElement { } } } - this.chatTitle = "" + this.chatTitle = '' this.chatHeads = [] this.chatHeadsObj = {} this.chatId = '' @@ -90,7 +95,7 @@ class Chat extends LitElement { this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' this.blockedUsers = [] this.blockedUserList = [] - this.privateMessagePlaceholder = "" + this.privateMessagePlaceholder = '' this.imageFile = null this.activeChatHeadUrl = '' this.openPrivateMessage = false @@ -98,126 +103,9 @@ class Chat extends LitElement { this.userFoundModalOpen = false this.userSelected = {} this.groupInvites = [] - this.loggedInUserName = "" + this.loggedInUserName = '' this.openDialogGroupsModal = false this.uid = new ShortUniqueId() - - } - - async setActiveChatHeadUrl(url) { - this.activeChatHeadUrl = url - this.requestUpdate() - } - - resetChatEditor(){ - this.editor.commands.setContent('') - } - - async getUpdateCompleteTextEditor() { - await super.getUpdateComplete() - const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')) - await Promise.all(marginElements.map(el => el.updateComplete)) - const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')) - await Promise.all(marginElements2.map(el => el.updateComplete)) - return true - } - - async connectedCallback() { - super.connectedCallback() - await this.getUpdateCompleteTextEditor() - - const elementChatId = this.shadowRoot.getElementById('messageBox').shadowRoot.getElementById('privateMessage') - this.editor = new Editor({ - onUpdate: ()=> { - this.shadowRoot.getElementById('messageBox').getMessageSize(this.editor.getJSON()) - }, - element: elementChatId, - extensions: [ - StarterKit, - Underline, - Highlight, - Placeholder.configure({ - placeholder: 'Write something …', - }), - Extension.create({ - addKeyboardShortcuts:()=> { - return { - 'Enter': ()=> { - const chatTextEditor = this.shadowRoot.getElementById('messageBox') - chatTextEditor.sendMessageFunc({ - }) - return true - } - } - } - }) - ] - }) - - this.unsubscribeStore = window.parent.reduxStore.subscribe(() => { - try { - const currentState = window.parent.reduxStore.getState() - - if(window.parent.location && window.parent.location.search) { - const queryString = window.parent.location.search - const params = new URLSearchParams(queryString) - const chat = params.get("chat") - if(chat && chat !== this.activeChatHeadUrl){ - let url = window.parent.location.href - let newUrl = url.split("?")[0] - window.parent.history.pushState({}, "", newUrl) - this.setActiveChatHeadUrl(chat) - } - } - if(currentState.app.accountInfo && currentState.app.accountInfo.names && currentState.app.accountInfo.names.length > 0 && this.loggedInUserName !== currentState.app.accountInfo.names[0].name){ - this.loggedInUserName = currentState.app.accountInfo.names[0].name - } - if(currentState.app.accountInfo && currentState.app.accountInfo.addressInfo && currentState.app.accountInfo.addressInfo.address && this.loggedInUserAddress !== currentState.app.accountInfo.addressInfo.address){ - this.loggedInUserAddress = currentState.app.accountInfo.addressInfo.address - } - } catch (error) { /* empty */ } - }) - } - - disconnectedCallback() { - super.disconnectedCallback() - this.editor.destroy() - this.unsubscribeStore() - } - - updatePlaceholder(editor, text) { - editor.extensionManager.extensions.forEach((extension) => { - if (extension.name === "placeholder") { - - extension.options["placeholder"] = text - editor.commands.focus('end') - } - }) - } - - setOpenDialogGroupsModal(val){ - this.openDialogGroupsModal = val - } - - openTabToGroupManagement(){ - window.parent.reduxStore.dispatch( - window.parent.reduxAction.setNewTab({ - url: `group-management`, - id: this.uid.rnd(), - myPlugObj: { - "url": "group-management", - "domain": "core", - "page": "group-management/index.html", - "title": "Group Management", - "icon": "vaadin:group", - "mwcicon": "group", - "pluginNumber": "plugin-fJZNpyLGTl", - "menus": [], - "parent": false - }, - openExisting: true - }) - ); } render() { @@ -261,7 +149,7 @@ class Chat extends LitElement {
    -
      +
        ${this.isEmptyArray(this.chatHeads) ? this.renderLoadingText() : this.renderChatHead(this.chatHeads)}
    @@ -277,13 +165,14 @@ class Chat extends LitElement { { - this.resetChatEditor() - this.openPrivateMessage = false - this.shadowRoot.getElementById('sendTo').value = "" + this.resetChatEditor(); + this.openPrivateMessage = false; + this.shadowRoot.getElementById('sendTo').value = ''; this.userFoundModalOpen = false; - this.userFound = [] + this.userFound = []; }} - style=${this.openPrivateMessage ? "visibility:visible;z-index:50" : "visibility: hidden;z-index:-100;position: relative"}> + style=${this.openPrivateMessage ? "visibility:visible;z-index:50" : "visibility: hidden;z-index:-100;position: relative"} + >
    @@ -298,32 +187,24 @@ class Chat extends LitElement { ?disabled=${this.isLoading} id="sendTo" placeholder="${translate("chatpage.cchange7")}" - value=${this.userSelected.name ? this.userSelected.name: ''} + value=${this.userSelected.name ? this.userSelected.name : ''} @keypress=${() => { - this.userSelected = {} + this.userSelected = {}; this.requestUpdate() }} /> - ${this.userSelected.name ? ( - html` + ${this.userSelected.name ? + (html`
    -

    ${translate("chatpage.cchange38")}

    +

    ${translate("chatpage.cchange38")}

    - ` - ) : ( - html` - - - ` - )} + `) + : (html` + + `) + }
    - this.updatePlaceholder(editor, value)} + .updatePlaceholder=${(editor, value) => this.updatePlaceholder(editor, value)} > -
    @@ -365,13 +245,13 @@ class Chat extends LitElement {
    { - this.userSelected = result + this.userSelected = result; this.userFound = []; - this.userFoundModalOpen = false + this.userFoundModalOpen = false; }} .closeFunc=${() => { - this.userFoundModalOpen = false - this.userFound = [] + this.userFoundModalOpen = false; + this.userFound = []; }} .searchResults=${this.userFound} ?isOpen=${this.userFoundModalOpen} @@ -381,7 +261,6 @@ class Chat extends LitElement {
    -
    @@ -392,26 +271,20 @@ class Chat extends LitElement { { if (data.item.name === "No registered name") { - render(html`${translate("chatpage.cchange15")}`, root) + render(html`${translate("chatpage.cchange15")}`, root); } else { - render(html`${data.item.name}`, root) + render(html`${data.item.name}`, root); } }}> { - render(html`${this.renderUnblockButton(data.item)}`, root) + render(html`${this.renderUnblockButton(data.item)}`, root); }}> - ${this.isEmptyArray(this.blockedUserList) ? html` - ${translate("chatpage.cchange14")} - `: ''} - + ${this.isEmptyArray(this.blockedUserList) ? html`${translate("chatpage.cchange14")}`: ''} + ${translate("general.close")} @@ -425,9 +298,12 @@ class Chat extends LitElement { this.getLocalBlockedList() const getBlockedUsers = async () => { - this.blockedUsers = await parentEpml.request('apiCall', { + let blockedUsers = await parentEpml.request('apiCall', { url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}` }) + + this.blockedUsers = blockedUsers + setTimeout(getBlockedUsers, 60000) } @@ -442,14 +318,12 @@ class Chat extends LitElement { this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation) - const runFunctionsAfterPageLoad = () => { + const runFunctionsAfterPageLoad = async () => { // Functions to exec after render while waiting for page info... - // getDataFromURL() - try { let key = `${window.parent.reduxStore.getState().app.selectedAddress.address.substr(0, 10)}_chat-heads` let localChatHeads = localStorage.getItem(key) - this.setChatHeads(JSON.parse(localChatHeads)) + await this.setChatHeads(JSON.parse(localChatHeads)) } catch (e) { // TODO: Could add error handling in case there's a weird one... (-_-) return @@ -458,6 +332,7 @@ class Chat extends LitElement { // Clear Interval... if (this.selectedAddress.address !== undefined) { clearInterval(runFunctionsAfterPageLoadInterval) + return } } @@ -471,13 +346,17 @@ class Chat extends LitElement { } else { this.theme = 'light' } + document.querySelector('html').setAttribute('theme', this.theme) }) - if (!isElectron()) { /* empty */ } else { + if (!isElectron()) { + // ... + } else { window.addEventListener('contextmenu', (event) => { // Check if the clicked element has the class let target = event.target + while (target !== null) { if (target.classList && target.classList.contains('customContextMenuDiv')) { // Your custom context menu logic @@ -496,7 +375,6 @@ class Chat extends LitElement { let configLoaded = false parentEpml.ready().then(() => { - parentEpml.subscribe('config', c => { if (!configLoaded) { setTimeout(getBlockedUsers, 1) @@ -504,18 +382,20 @@ class Chat extends LitElement { } this.config = JSON.parse(c) }) + parentEpml.subscribe('chat_heads', chatHeads => { chatHeads = JSON.parse(chatHeads) this.getChatHeadFromState(chatHeads) }) + parentEpml.subscribe('side_effect_action', async sideEffectActionParam => { const sideEffectAction = JSON.parse(sideEffectActionParam) - if(sideEffectAction && sideEffectAction.type === 'openPrivateChat') { + if (sideEffectAction && sideEffectAction.type === 'openPrivateChat') { const name = sideEffectAction.data.name const address = sideEffectAction.data.address - if(this.chatHeadsObj.direct && this.chatHeadsObj.direct.find(item=> item.address === address)){ - await this.setActiveChatHeadUrl(`direct/${address}`) + if (this.chatHeadsObj.direct && this.chatHeadsObj.direct.find(item => item.address === address)) { + this.setActiveChatHeadUrl(`direct/${address}`) window.parent.reduxStore.dispatch( window.parent.reduxAction.setSideEffectAction(null)) } else { @@ -526,9 +406,9 @@ class Chat extends LitElement { window.parent.reduxStore.dispatch( window.parent.reduxAction.setSideEffectAction(null)) } - } }) + parentEpml.request('apiCall', { url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}` }).then(res => { @@ -536,48 +416,174 @@ class Chat extends LitElement { this.requestUpdate() }) }) + parentEpml.imReady() + this.clearConsole() + setInterval(() => { this.clearConsole() }, 60000) } + async setActiveChatHeadUrl(url) { + this.activeChatHeadUrl = url + this.requestUpdate() + } + + resetChatEditor() { + this.editor.commands.setContent('') + } + + async getUpdateCompleteTextEditor() { + await super.getUpdateComplete() + const marginElements = Array.from(this.shadowRoot.querySelectorAll('chat-text-editor')) + await Promise.all(marginElements.map(el => el.updateComplete)) + const marginElements2 = Array.from(this.shadowRoot.querySelectorAll('wrapper-modal')) + await Promise.all(marginElements2.map(el => el.updateComplete)) + return true + } + + async connectedCallback() { + super.connectedCallback() + + await this.getUpdateCompleteTextEditor() + + const elementChatId = this.shadowRoot.getElementById('messageBox').shadowRoot.getElementById('privateMessage') + this.editor = new Editor({ + onUpdate: () => { + this.shadowRoot.getElementById('messageBox').getMessageSize(this.editor.getJSON()) + }, + element: elementChatId, + extensions: [ + StarterKit, + Underline, + Highlight, + Placeholder.configure({ + placeholder: 'Write something …' + }), + Extension.create({ + addKeyboardShortcuts: () => { + return { + 'Enter': () => { + const chatTextEditor = this.shadowRoot.getElementById('messageBox') + chatTextEditor.sendMessageFunc({ }) + return true + } + } + } + }) + ] + }) + + this.unsubscribeStore = window.parent.reduxStore.subscribe(() => { + try { + const currentState = window.parent.reduxStore.getState() + + if (window.parent.location && window.parent.location.search) { + const queryString = window.parent.location.search + const params = new URLSearchParams(queryString) + const chat = params.get("chat") + if (chat && chat !== this.activeChatHeadUrl) { + let url = window.parent.location.href + let newUrl = url.split("?")[0] + window.parent.history.pushState({}, "", newUrl) + this.setActiveChatHeadUrl(chat) + } + } + + if (currentState.app.accountInfo && currentState.app.accountInfo.names && currentState.app.accountInfo.names.length > 0 && this.loggedInUserName !== currentState.app.accountInfo.names[0].name) { + this.loggedInUserName = currentState.app.accountInfo.names[0].name + } + + if (currentState.app.accountInfo && currentState.app.accountInfo.addressInfo && currentState.app.accountInfo.addressInfo.address && this.loggedInUserAddress !== currentState.app.accountInfo.addressInfo.address) { + this.loggedInUserAddress = currentState.app.accountInfo.addressInfo.address + } + } catch (error) { /* empty */ } + }) + } + + disconnectedCallback() { + super.disconnectedCallback() + this.editor.destroy() + this.unsubscribeStore() + } + + updatePlaceholder(editor, text) { + editor.extensionManager.extensions.forEach((extension) => { + if (extension.name === 'placeholder') { + extension.options['placeholder'] = text + editor.commands.focus('end') + } + }) + } + + setOpenDialogGroupsModal(val) { + this.openDialogGroupsModal = val + } + + openTabToGroupManagement() { + window.parent.reduxStore.dispatch( + window.parent.reduxAction.setNewTab({ + url: `group-management`, + id: this.uid.rnd(), + myPlugObj: { + 'url': 'group-management', + 'domain': 'core', + 'page': 'group-management/index.html', + 'title': 'Group Management', + 'icon': 'vaadin:group', + 'mwcicon': 'group', + 'pluginNumber': 'plugin-fJZNpyLGTl', + 'menus': [], + 'parent': false + }, + openExisting: true + }) + ) + } + clearConsole() { - if (!isElectron()) { /* empty */ } else { + if (!isElectron()) { + // ... + } else { console.clear() window.parent.electronAPI.clearCache() } } setOpenPrivateMessage(props) { - this.openPrivateMessage = props.open; - this.shadowRoot.getElementById("sendTo").value = props.name + this.openPrivateMessage = props.open + this.shadowRoot.getElementById('sendTo').value = props.name } async userSearch() { const nameValue = this.shadowRoot.getElementById('sendTo').value - if(!nameValue) { + + if (!nameValue) { this.userFound = [] this.userFoundModalOpen = true return } + try { const result = await parentEpml.request('apiCall', { type: 'api', url: `/names/${nameValue}` }) + if (result.error === 401) { this.userFound = [] } else { this.userFound = [ ...this.userFound, - result, - ]; + result + ] } - this.userFoundModalOpen = true; + + this.userFoundModalOpen = true } catch (error) { - let err4string = get("chatpage.cchange35"); + let err4string = get('chatpage.cchange35') parentEpml.request('showSnackBar', `${err4string}`) } } @@ -587,9 +593,10 @@ class Chat extends LitElement { } async _sendMessage(outSideMsg, msg) { - this.isLoading = true; + this.isLoading = true const trimmedMessage = msg + if (/^\s*$/.test(trimmedMessage)) { this.isLoading = false } else { @@ -600,7 +607,7 @@ class Chat extends LitElement { version: 3 } const stringifyMessageObject = JSON.stringify(messageObject) - await this.sendMessage(stringifyMessageObject) + this.sendMessage(stringifyMessageObject) } } @@ -617,19 +624,22 @@ class Chat extends LitElement { let myNameRes = await parentEpml.request('apiCall', { type: 'api', url: `/names/${receiverName}` - }); + }) + if (myNameRes.error === 401) { - myRes = false; + myRes = false } else { myRes = myNameRes } - return myRes; + + return myRes } catch (error) { - return "" + return '' } } const myNameRes = await validateName(_recipient) + if (!myNameRes) { recipient = _recipient } else { @@ -637,8 +647,8 @@ class Chat extends LitElement { } const getAddressPublicKey = async () => { - let isEncrypted; - let _publicKey; + let isEncrypted + let _publicKey let addressPublicKey = await parentEpml.request('apiCall', { type: 'api', @@ -647,22 +657,26 @@ class Chat extends LitElement { if (addressPublicKey.error === 102) { _publicKey = false - let err4string = get("chatpage.cchange19") + let err4string = get('chatpage.cchange19') parentEpml.request('showSnackBar', `${err4string}`) this.isLoading = false } else if (addressPublicKey !== false) { isEncrypted = 1 _publicKey = addressPublicKey - await sendMessageRequest(isEncrypted, _publicKey) + sendMessageRequest(isEncrypted, _publicKey) } else { - let err4string = get("chatpage.cchange39") + let err4string = get('chatpage.cchange39') parentEpml.request('showSnackBar', `${err4string}`) this.isLoading = false } } + let _reference = new Uint8Array(64) - window.crypto.getRandomValues(_reference); + + window.crypto.getRandomValues(_reference) + let reference = window.parent.Base58.encode(_reference) + const sendMessageRequest = async (isEncrypted, _publicKey) => { let chatResponse = await parentEpml.request('chat', { type: 18, @@ -679,17 +693,20 @@ class Chat extends LitElement { isText: 1 } }) - await _computePow(chatResponse) + + _computePow(chatResponse) } const _computePow = async (chatBytes) => { const difficulty = this.balance < 4 ? 18 : 8 const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' const worker = new WebWorker() + let nonce = null let chatBytesArray = null + await new Promise((res) => { - worker.postMessage({chatBytes, path, difficulty}) + worker.postMessage({ chatBytes, path, difficulty }) worker.onmessage = e => { worker.terminate() chatBytesArray = e.data.chatBytesArray @@ -703,26 +720,27 @@ class Chat extends LitElement { chatBytesArray: chatBytesArray, chatNonce: nonce }) + getSendChatResponse(_response) } const getSendChatResponse = (response) => { if (response === true) { this.setActiveChatHeadUrl(`direct/${recipient}`) - this.shadowRoot.getElementById('sendTo').value = "" + this.shadowRoot.getElementById('sendTo').value = '' this.openPrivateMessage = false - this.resetChatEditor(); + this.resetChatEditor() } else if (response.error) { parentEpml.request('showSnackBar', response.message) } else { - let err2string = get("chatpage.cchange21") + let err2string = get('chatpage.cchange21') parentEpml.request('showSnackBar', `${err2string}`) } this.isLoading = false } - // Exec.. - await getAddressPublicKey() + + getAddressPublicKey() } insertImage(file) { @@ -730,7 +748,8 @@ class Chat extends LitElement { this.imageFile = file return } - parentEpml.request('showSnackBar', get("chatpage.cchange28")) + + parentEpml.request('showSnackBar', get('chatpage.cchange28')) } renderLoadingText() { @@ -738,12 +757,12 @@ class Chat extends LitElement { } renderSendText() { - return html`${translate("chatpage.cchange9")}` + return html`${translate('chatpage.cchange9')}` } relMessages() { setTimeout(() => { - window.location.href = window.location.href.split( '#' )[0] + window.location.href = window.location.href.split('#')[0] }, 500) } @@ -752,7 +771,7 @@ class Chat extends LitElement { const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port const blockedAddressesUrl = `${nodeUrl}/lists/blockedAddresses?apiKey=${this.getApiKey()}` - localStorage.removeItem("MessageBlockedAddresses") + localStorage.removeItem('MessageBlockedAddresses') var hidelist = [] @@ -762,7 +781,8 @@ class Chat extends LitElement { data.map(item => { hidelist.push(item) }) - localStorage.setItem("MessageBlockedAddresses", JSON.stringify(hidelist)) + + localStorage.setItem('MessageBlockedAddresses', JSON.stringify(hidelist)) this.blockedUserList = hidelist }) @@ -774,7 +794,7 @@ class Chat extends LitElement { const blockedAddressesUrl = `${nodeUrl}/lists/blockedAddresses?apiKey=${this.getApiKey()}` const err1string = 'No registered name' - localStorage.removeItem("ChatBlockedAddresses") + localStorage.removeItem('ChatBlockedAddresses') var obj = [] @@ -786,18 +806,21 @@ class Chat extends LitElement { name: err1string, owner: item } + fetch(`${nodeUrl}/names/address/${item}?limit=0&reverse=true`).then(res => { return res.json() }).then(jsonRes => { - if(jsonRes.length) { - jsonRes.map (item => { + if (jsonRes.length) { + jsonRes.map(item => { obj.push(item) }) } else { obj.push(noName) } - localStorage.setItem("ChatBlockedAddresses", JSON.stringify(obj)) - this.blockedUserList = JSON.parse(localStorage.getItem("ChatBlockedAddresses") || "[]") + + localStorage.setItem('ChatBlockedAddresses', JSON.stringify(obj)) + + this.blockedUserList = JSON.parse(localStorage.getItem('ChatBlockedAddresses') || '[]') }) }) }) @@ -805,12 +828,14 @@ class Chat extends LitElement { async getPendingGroupInvites() { const myAddress = window.parent.reduxStore.getState().app.selectedAddress.address + try { - this.groupInvites = await parentEpml.request('apiCall', { + let pendingGroupInvites = await parentEpml.request('apiCall', { url: `/groups/invites/${myAddress}` - }); + }) + this.groupInvites = pendingGroupInvites } catch (error) { - let err4string = get("chatpage.cchange61"); + let err4string = get('chatpage.cchange61') parentEpml.request('showSnackBar', `${err4string}`) } } @@ -822,7 +847,7 @@ class Chat extends LitElement { owner ] - let ownersJsonString = JSON.stringify({ "items": items }) + let ownersJsonString = JSON.stringify({ 'items': items }) let ret = await parentEpml.request('apiCall', { url: `/lists/blockedAddresses?apiKey=${this.getApiKey()}`, @@ -836,26 +861,26 @@ class Chat extends LitElement { if (ret === true) { this.blockedUsers = this.blockedUsers.filter(item => item != owner) this.getChatBlockedList() - this.blockedUserList = JSON.parse(localStorage.getItem("ChatBlockedAddresses") || "[]") - let err2string = get("chatpage.cchange16") + this.blockedUserList = JSON.parse(localStorage.getItem('ChatBlockedAddresses') || '[]') + let err2string = get('chatpage.cchange16') snackbar.add({ labelText: `${err2string}`, dismiss: true }) this.relMessages() - } - else { - let err3string = get("chatpage.cchange17") + } else { + let err3string = get('chatpage.cchange17') snackbar.add({ labelText: `${err3string}`, dismiss: true }) } + return ret } renderUnblockButton(websiteObj) { - return html`` + return html`` } changeTheme() { @@ -874,20 +899,21 @@ class Chat extends LitElement { myAddress=${JSON.stringify(this.selectedAddress)} .setOpenPrivateMessage=${(val) => this.setOpenPrivateMessage(val)} > - ` + + ` } renderChatHead(chatHeadArr) { return chatHeadArr.map(eachChatHead => { - return html` this.setActiveChatHeadUrl(val)} chatInfo=${JSON.stringify(eachChatHead)}>` + return html` this.setActiveChatHeadUrl(val)} chatInfo=${JSON.stringify(eachChatHead)}>` }) } renderChatPage() { // Check for the chat ID from and render chat messages // Else render Welcome to Q-CHat - // TODO: DONE: Do the above in the ChatPage + return html` this.setOpenPrivateMessage(val)} - .setActiveChatHeadUrl=${(val)=> this.setActiveChatHeadUrl(val)} + .setActiveChatHeadUrl=${(val) => this.setActiveChatHeadUrl(val)} balance=${this.balance} loggedInUserName=${this.loggedInUserName} loggedInUserAddress=${this.loggedInUserAddress} @@ -905,16 +931,48 @@ class Chat extends LitElement { ` } - setChatHeads(chatObj) { - const chatObjGroups = Array.isArray(chatObj.groups) ? chatObj.groups : [] + async getOwnerName(newGroupId) { + try { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + + const response = await fetch(`${nodeUrl}/groups/${newGroupId}`) + const data = await response.json() + + const res = await fetch(`${nodeUrl}/names/address/${data.owner}?limit=0&reverse=true`) + const jsonRes = await res.json() + + let goName = 'undefined' + + if (jsonRes.length) { + jsonRes.forEach(item => { + goName = item.name + }) + } + + return goName + } catch (error) { + console.error('Error fetching name', error) + throw error + } + } + + async setChatHeads(chatObj) { + const chatObjGroups = Array.isArray(chatObj.groups) ? chatObj.groups : [] const chatObjDirect = Array.isArray(chatObj.direct) ? chatObj.direct : [] - let groupList = chatObjGroups.map(group => group.groupId === 0 ? { - groupId: group.groupId, url: `group/${group.groupId}`, - groupName: "Qortal General Chat", + let groupList = await Promise.all(chatObjGroups.map(async group => group.groupId === 0 ? { + groupId: group.groupId, + url: `group/${group.groupId}`, + groupName: 'Qortal General Chat', timestamp: group.timestamp === undefined ? 2 : group.timestamp, - sender: group.sender } : { ...group, timestamp: group.timestamp === undefined ? 1 : group.timestamp, url: `group/${group.groupId}` - }) + sender: group.sender + } : { + ...group, + timestamp: group.timestamp === undefined ? 1 : group.timestamp, + url: `group/${group.groupId}`, + ownerName: group.ownerName === undefined ? await this.getOwnerName(group.groupId) : 'undefined' + })) let directList = chatObjDirect.map(dc => { return { ...dc, url: `direct/${dc.address}` } @@ -925,6 +983,7 @@ class Chat extends LitElement { } groupList.sort(compareNames) + let chatHeadMasterList = [...groupList, ...directList] const compareArgs = (a, b) => { @@ -934,12 +993,12 @@ class Chat extends LitElement { this.chatHeads = chatHeadMasterList.sort(compareArgs) } - getChatHeadFromState(chatObj) { + async getChatHeadFromState(chatObj) { if (chatObj === undefined) { - + return } else { this.chatHeadsObj = chatObj - this.setChatHeads(chatObj) + await this.setChatHeads(chatObj) } } @@ -951,23 +1010,13 @@ class Chat extends LitElement { parentEpml.request('setPageUrl', pageUrl) } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } - scrollToBottom() { const viewElement = this.shadowRoot.querySelector('chat-page').shadowRoot.querySelector('chat-scroller').shadowRoot.getElementById('viewElement') - const chatScrollerElement = this.shadowRoot.querySelector('chat-page').shadowRoot.querySelector('chat-scroller') + if (chatScrollerElement && chatScrollerElement.disableAddingNewMessages) { const chatPageElement = this.shadowRoot.querySelector('chat-page') - if(chatPageElement && chatPageElement.getLastestMessages) + if (chatPageElement && chatPageElement.getLastestMessages) chatPageElement.getLastestMessages() } else { viewElement.scroll({ top: viewElement.scrollHeight, left: 0, behavior: 'smooth' }) @@ -981,6 +1030,21 @@ class Chat extends LitElement { hideNewMessageBar() { this.shadowRoot.getElementById('newMessageBar').classList.add('hide-new-message-bar') } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('q-chat', Chat) +window.customElements.define('q-chat', Chat) \ No newline at end of file diff --git a/plugins/plugins/core/qdn/index.html b/plugins/plugins/core/q-website/index.html similarity index 94% rename from plugins/plugins/core/qdn/index.html rename to plugins/plugins/core/q-website/index.html index da9c4777..e1ef8b98 100644 --- a/plugins/plugins/core/qdn/index.html +++ b/plugins/plugins/core/q-website/index.html @@ -48,8 +48,8 @@ - - + + diff --git a/plugins/plugins/core/q-website/q-websites.src.js b/plugins/plugins/core/q-website/q-websites.src.js new file mode 100644 index 00000000..0bb07ed9 --- /dev/null +++ b/plugins/plugins/core/q-website/q-websites.src.js @@ -0,0 +1,976 @@ +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { qWebsitesStyles } from '../components/plugins-css' +import isElectron from 'is-electron' +import '@material/mwc-dialog' +import '@material/mwc-icon' +import '@material/mwc-button' +import '@material/mwc-tab-bar' +import '@material/mwc-textfield' +import '@vaadin/button' +import '@vaadin/grid' +import '@vaadin/icon' +import '@vaadin/icons' +import '@vaadin/text-field' + +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' +registerTranslateConfig({ + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) +}) + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +class QWebsites extends LitElement { + static get properties() { + return { + identifier: { type: String }, + loading: { type: Boolean }, + resources: { type: Array }, + pageRes: { type: Array }, + followedNames: { type: Array }, + blockedNames: { type: Array }, + relayMode: { type: Boolean }, + selectedAddress: { type: Object }, + searchName: { type: String }, + searchResources: { type: Array }, + followedResources: { type: Array }, + blockedResources: { type: Array }, + theme: { type: String, reflect: true } + } + } + + static get styles() { + return [qWebsitesStyles] + } + + constructor() { + super() + this.identifier = '' + this.selectedAddress = {} + this.resources = [] + this.pageRes = [] + this.followedNames = [] + this.blockedNames = [] + this.relayMode = false + this.isLoading = false + this.searchName = '' + this.searchResources = [] + this.followedResources = [] + this.blockedResources = [] + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } + + render() { + return html` +
    + + + + + +
    +
    +
    +

    ${translate("websitespage.schange1")}

    +

    ${this.renderSearchButton()}

    +

    ${this.renderPublishButton()}

    +
    +

    ${translate("websitespage.schange9")}

    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }}> + + { + render(html`${this.renderInfo(data.item)}`, root) + }}> + + { + render(html`${this.renderPublishedBy(data.item)}`, root) + }}> + + { + render(html`${this.renderFollowUnfollowButton(data.item)}`, root); + }}> + + { + render(html`${this.renderBlockUnblockButton(data.item)}`, root); + }}> + + +
    + ${this.pageRes == null ? html` + Loading... + ` : ''} + ${this.isEmptyArray(this.pageRes) ? html` + ${translate("websitespage.schange10")} + ` : ''} + ${this.renderRelayModeText()} +
    +
    +
    +

    ${translate("websitespage.schange11")}

    +

    ${this.renderSearchButton()}

    +

    ${this.renderPublishButton()}

    +
    +

    ${translate("websitespage.schange12")}

    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }}> + + { + render(html`${this.renderInfo(data.item)}`, root) + }}> + + { + render(html`${this.renderPublishedBy(data.item)}`, root) + }}> + + { + render(html`${this.renderFollowUnfollowButtonTab(data.item)}`, root); + }}> + + + ${this.followedResources == null ? html` + Loading... + ` : ''} + ${this.isEmptyArray(this.followedResources) ? html` + ${translate("websitespage.schange13")} + ` : ''} + ${this.renderRelayModeText()} +
    +
    +
    +

    ${translate("websitespage.schange14")}

    +

    ${this.renderSearchButton()}

    +

    ${this.renderPublishButton()}

    +
    +

    ${translate("websitespage.schange15")}

    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }}> + + { + render(html`${this.renderInfo(data.item)}`, root) + }}> + + { + render(html`${this.renderPublishedBy(data.item)}`, root) + }}> + + { + render(html`${this.renderBlockUnblockButtonTab(data.item)}`, root); + }}> + + + ${this.blockedResources == null ? html` + Loading... + ` : ''} + ${this.isEmptyArray(this.blockedResources) ? html` + ${translate("websitespage.schange16")} + ` : ''} + ${this.renderRelayModeText()} +
    +
    +
    + +

    ${translate("websitespage.schange4")}

    + +
    + + { + render(html`${this.renderAvatar(data.item)}`, root) + }}> + + { + render(html`${this.renderPublishedBy(data.item)}`, root) + }}> + + { + render(html`${this.renderFollowUnfollowButton(data.item)}`, root); + }}> + + { + render(html`${this.renderBlockUnblockButton(data.item)}`, root); + }}> + + +     + ` + } + + firstUpdated() { + this.changeTheme() + this.changeLanguage() + this.showWebsites() + + setTimeout(() => { + this.displayTabContent('browse') + }, 0) + + const getFollowedNames = async () => { + this.followedNames = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}` + }) + setTimeout(getFollowedNames, 60000) + } + + const getBlockedNames = async () => { + this.blockedNames = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}` + }) + setTimeout(getBlockedNames, 60000) + } + + const getRelayMode = async () => { + this.relayMode = await parentEpml.request('apiCall', { + url: `/arbitrary/relaymode?apiKey=${this.getApiKey()}` + }) + setTimeout(getRelayMode, 600000) + } + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + let configLoaded = false + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) + + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(getFollowedNames, 1) + setTimeout(getBlockedNames, 1) + setTimeout(getRelayMode, 1) + setTimeout(this.getFollowedNamesResource, 1) + setTimeout(this.getBlockedNamesResource, 1) + setInterval(this.getArbitraryResources, 900000) + configLoaded = true + } + + this.config = JSON.parse(c) + }) + }) + + parentEpml.imReady() + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + renderCatText() { + return html`${translate('websitespage.schange26')}` + } + + async displayTabContent(tab) { + const tabBrowseContent = this.shadowRoot.getElementById('tab-browse-content') + const tabFollowedContent = this.shadowRoot.getElementById('tab-followed-content') + const tabBlockedContent = this.shadowRoot.getElementById('tab-blocked-content') + + if (tab === 'browse') { + tabBrowseContent.style.display = 'block' + tabFollowedContent.style.display = 'none' + tabBlockedContent.style.display = 'none' + await this.refreshWebsites() + } else if (tab === 'followed') { + tabBrowseContent.style.display = 'none' + tabFollowedContent.style.display = 'block' + tabBlockedContent.style.display = 'none' + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + } else if (tab === 'blocked') { + tabBrowseContent.style.display = 'none' + tabFollowedContent.style.display = 'none' + tabBlockedContent.style.display = 'block' + await this.getBlockedNamesRefresh() + await this.getBlockedNamesResource() + } + } + + searchListener(e) { + if (e.key === 'Enter') { + this.doSearch(e) + } + } + + async getResourcesGrid() { + this.resourcesGrid = this.shadowRoot.querySelector('#resourcesGrid') + this.pagesControl = this.shadowRoot.querySelector('#pages') + this.pages = undefined + } + + async getArbitraryResources() { + this.resources = await parentEpml.request('apiCall', { + url: `/arbitrary/resources?service=WEBSITE&default=true&limit=0&reverse=false&includestatus=false&includemetadata=false&excludeblocked=true` + }) + } + + async getFollowedNamesResource() { + this.followedResources = await parentEpml.request('apiCall', { + url: `/arbitrary/resources?service=WEBSITE&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=followedNames` + }) + } + + async getFollowedNamesRefresh() { + this.followedNames = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}` + }) + } + + async getBlockedNamesResource() { + this.blockedResources = await parentEpml.request('apiCall', { + url: `/arbitrary/resources?service=WEBSITE&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=blockedNames` + }) + } + + async getBlockedNamesRefresh() { + this.blockedNames = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}` + }) + } + + async getData(offset) { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + + let jsonOffsetUrl = `${nodeUrl}/arbitrary/resources?service=WEBSITE&default=true&limit=20&offset=${offset}&reverse=false&includestatus=true&includemetadata=true&excludeblocked=true` + + const jsonOffsetRes = await fetch(jsonOffsetUrl) + + this.pageRes = await jsonOffsetRes.json() + } + + async updateItemsFromPage(page) { + if (page === undefined) { + return + } + + if (!this.pages) { + this.pages = Array.apply(null, { length: Math.ceil(this.resources.length / 20) }).map((item, index) => { + return index + 1 + }) + + let offset = 0 + + const prevBtn = document.createElement('button') + prevBtn.textContent = '<' + prevBtn.addEventListener('click', () => { + if (parseInt(this.pagesControl.querySelector('[selected]').textContent) > 1) { + offset = (parseInt(this.pagesControl.querySelector('[selected]').textContent) - 2) * 20 + } else { + offset = 0 + } + this.getData(offset) + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage - 1) + }) + this.pagesControl.appendChild(prevBtn) + + this.pages.forEach((pageNumber) => { + const pageBtn = document.createElement('button') + pageBtn.textContent = pageNumber + let offset = 0 + pageBtn.addEventListener('click', (e) => { + if (parseInt(e.target.textContent) > 1) { + offset = (parseInt(e.target.textContent) - 1) * 20 + } else { + offset = 0 + } + this.getData(offset) + this.updateItemsFromPage(parseInt(e.target.textContent)) + }) + if (pageNumber === page) { + pageBtn.setAttribute('selected', true) + } + this.pagesControl.appendChild(pageBtn) + }) + + const nextBtn = window.document.createElement('button') + nextBtn.textContent = '>' + nextBtn.addEventListener('click', () => { + if (parseInt(this.pagesControl.querySelector('[selected]').textContent) >= 1) { + offset = ((parseInt(this.pagesControl.querySelector('[selected]').textContent) + 1) * 20) - 20 + } else { + offset = 0 + } + + this.getData(offset) + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage + 1) + }) + + this.pagesControl.appendChild(nextBtn) + } + + const buttons = Array.from(this.pagesControl.children) + buttons.forEach((btn, index) => { + if (parseInt(btn.textContent) === page) { + btn.setAttribute('selected', true) + } else { + btn.removeAttribute('selected') + } + + if (index === 0) { + if (page === 1) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + + if (index === buttons.length - 1) { + if (page === this.pages.length) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + }) + } + + async showWebsites() { + await this.getData(0) + await this.getArbitraryResources() + await this.getResourcesGrid() + await this.updateItemsFromPage(1, true) + } + + async refreshWebsites() { + await this.getData(0) + await this.getArbitraryResources() + await this.updateItemsFromPage(1, true) + } + + doSearch(e) { + this.searchResult() + } + + async searchResult() { + let searchName = this.shadowRoot.getElementById('searchName').value + + if (searchName.length === 0) { + let err1string = get('websitespage.schange34') + parentEpml.request('showSnackBar', `${err1string}`) + } else { + let searchResources = await parentEpml.request('apiCall', { + url: `/arbitrary/resources/search?service=WEBSITE&query=${searchName}&default=true&limit=5&reverse=false&includestatus=true&includemetadata=true` + }) + if (this.isEmptyArray(searchResources)) { + let err2string = get('websitespage.schange17') + parentEpml.request('showSnackBar', `${err2string}`) + } else { + this.searchResources = searchResources + } + } + } + + renderAvatar(websiteObj) { + let name = websiteObj.name + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true}` + return html`` + } + + renderRelayModeText() { + if (this.relayMode === true) { + return html`
    ${translate('websitespage.schange18')} "relayModeEnabled": false ${translate('websitespage.schange19')} settings.json
    ` + } else if (this.relayMode === false) { + return html`
    ${translate('websitespage.schange20')} "relayModeEnabled": true ${translate('websitespage.schange19')} settings.json
    ` + } else { + return html`` + } + } + + renderPublishButton() { + // Only show the publish button if we have admin permissions on this node + // We can check the followed names array to achieve this + if (this.followedNames == null || !Array.isArray(this.followedNames)) { + return html`` + } else { + return html` this.publishWebsite()}>add${translate('websitespage.schange21')}` + } + } + + renderSearchButton() { + return html` this.openSearchDialog()}>search${translate('websitespage.schange4')}` + } + + openSearchDialog() { + this.searchResources = [] + this.shadowRoot.getElementById('searchName').value = '' + this.shadowRoot.getElementById('searchWebsiteDialog').show() + } + + publishWebsite() { + window.location.href = `../qdn/publish/index.html?service=WEBSITE&identifier=${this.identifier}&uploadType=zip&category=Website&showName=true&showService=false&showIdentifier=false&showMetadata=true` + } + + async followName(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully followed - add to local list + // Remove it first by filtering the list - doing it this way ensures the UI updates + // immediately, as apposed to only adding if it doesn't already exist + this.followedNames = this.followedNames.filter(item => item != name) + this.followedNames.push(name) + } else { + let err3string = get('websitespage.schange22') + parentEpml.request('showSnackBar', `${err3string}`) + } + + return ret + } + + async followNameTab(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully followed - add to local list + // Remove it first by filtering the list - doing it this way ensures the UI updates + // immediately, as apposed to only adding if it doesn't already exist + this.followedNames = this.followedNames.filter(item => item != name) + this.followedNames.push(name) + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + } else { + let err3string = get('websitespage.schange22') + parentEpml.request('showSnackBar', `${err3string}`) + } + + return ret + } + + async unfollowName(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unfollowed - remove from local list + this.followedNames = this.followedNames.filter(item => item != name) + } else { + let err4string = get('websitespage.schange23') + parentEpml.request('showSnackBar', `${err4string}`) + } + + return ret + } + + async unfollowNameTab(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unfollowed - remove from local list + this.followedNames = this.followedNames.filter(item => item != name) + await this.getFollowedNamesRefresh() + await this.getFollowedNamesResource() + } else { + let err4string = get('websitespage.schange23') + parentEpml.request('showSnackBar', `${err4string}`) + } + + return ret + } + + async blockName(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully blocked - add to local list + // Remove it first by filtering the list - doing it this way ensures the UI updates + // immediately, as apposed to only adding if it doesn't already exist + this.blockedNames = this.blockedNames.filter(item => item != name) + this.blockedNames.push(name) + } else { + let err5string = get('websitespage.schange24') + parentEpml.request('showSnackBar', `${err5string}`) + } + + return ret + } + + async blockNameTab(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully blocked - add to local list + // Remove it first by filtering the list - doing it this way ensures the UI updates + // immediately, as apposed to only adding if it doesn't already exist + this.blockedNames = this.blockedNames.filter(item => item != name) + this.blockedNames.push(name) + await this.getBlockedNamesRefresh() + await this.getBlockedNamesResource() + } else { + let err5string = get('websitespage.schange24') + parentEpml.request('showSnackBar', `${err5string}`) + } + + return ret + } + + async unblockName(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unblocked - remove from local list + this.blockedNames = this.blockedNames.filter(item => item != name) + } else { + let err6string = get('websitespage.schange25') + parentEpml.request('showSnackBar', `${err6string}`) + } + + return ret + } + + async unblockNameTab(websiteObj) { + let name = websiteObj.name + + let items = [ + name + ] + + let namesJsonString = JSON.stringify({ 'items': items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + + if (ret === true) { + // Successfully unblocked - remove from local list + this.blockedNames = this.blockedNames.filter(item => item != name) + await this.getBlockedNamesRefresh() + await this.getBlockedNamesResource() + } else { + let err6string = get('websitespage.schange25') + parentEpml.request('showSnackBar', `${err6string}`) + } + + return ret + } + + renderInfo(websiteObj) { + let name = websiteObj.name + let title = name + let description = '' + let categoryName = this.renderCatText() + let tags = '' + let sizeReadable = '' + + if (websiteObj.metadata != null) { + title = websiteObj.metadata.title + description = websiteObj.metadata.description + categoryName = websiteObj.metadata.categoryName + if (websiteObj.metadata.tags != null && websiteObj.metadata.tags.length > 0) { + tags = 'Tags: ' + websiteObj.metadata.tags.join(', ') + } + } + + if (websiteObj.size != null) { + sizeReadable = this.bytesToSize(websiteObj.size) + } + + return html` +
    + ${title} +
    +
    ${description}
    +
    + ${categoryName}  + ${tags.length > 0 ? " | " : ""}  + ${tags}  + ${sizeReadable.length > 0 ? " | " : ""}  + ${translate("websitespage.schange27")}: ${sizeReadable} +
    + ` + } + + renderPublishedBy(websiteObj) { + return html` +
    ${websiteObj.name}
    +
    + ${translate('websitespage.schange28')}: ${websiteObj.status.title} +
    + ` + } + + renderSize(websiteObj) { + if (websiteObj.size === null) { + return html`` + } + + let sizeReadable = this.bytesToSize(websiteObj.size) + + return html`${sizeReadable}` + } + + renderFollowUnfollowButton(websiteObj) { + let name = websiteObj.name + + // Only show the follow/unfollow button if we have permission to modify the list on this node + if (this.followedNames == null || !Array.isArray(this.followedNames)) { + return html`` + } + + if (this.followedNames.indexOf(name) === -1) { + // render follow button + return html` this.followName(websiteObj)}>add_to_queue ${translate('websitespage.schange29')}` + } else { + // render unfollow button + return html` this.unfollowName(websiteObj)}>remove_from_queue ${translate('websitespage.schange30')}` + } + } + + renderFollowUnfollowButtonTab(websiteObj) { + let name = websiteObj.name + + // Only show the follow/unfollow button if we have permission to modify the list on this node + if (this.followedNames == null || !Array.isArray(this.followedNames)) { + return html`` + } + + if (this.followedNames.indexOf(name) === -1) { + // render follow button + return html` this.followNameTab(websiteObj)}>add_to_queue ${translate('websitespage.schange29')}` + } else { + // render unfollow button + return html` this.unfollowNameTab(websiteObj)}>remove_from_queue ${translate('websitespage.schange30')}` + } + } + + renderBlockUnblockButton(websiteObj) { + let name = websiteObj.name + + // Only show the block/unblock button if we have permission to modify the list on this node + if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { + return html`` + } + + if (this.blockedNames.indexOf(name) === -1) { + // render block button + return html` this.blockName(websiteObj)}>block ${translate('websitespage.schange31')}` + } else { + // render unblock button + return html` this.unblockName(websiteObj)}>radio_button_unchecked ${translate('websitespage.schange32')}` + } + } + + renderBlockUnblockButtonTab(websiteObj) { + let name = websiteObj.name + + // Only show the block/unblock button if we have permission to modify the list on this node + if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { + return html`` + } + + if (this.blockedNames.indexOf(name) === -1) { + // render block button + return html` this.blockNameTab(websiteObj)}>block ${translate('websitespage.schange31')}` + } else { + // render unblock button + return html` this.unblockNameTab(websiteObj)}>radio_button_unchecked ${translate('websitespage.schange32')}` + } + } + + bytesToSize(bytes) { + var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB'] + if (bytes == 0) return '0 bytes' + var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))) + return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i] + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('q-websites', QWebsites) \ No newline at end of file diff --git a/plugins/plugins/core/qdn/browser/browser.src.js b/plugins/plugins/core/qdn/browser/browser.src.js index 8d0c5ad5..60fb6e53 100644 --- a/plugins/plugins/core/qdn/browser/browser.src.js +++ b/plugins/plugins/core/qdn/browser/browser.src.js @@ -1,19 +1,8 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml' -import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import ShortUniqueId from 'short-unique-id'; -import FileSaver from 'file-saver' -import * as actions from '../../components/qdn-action-types' -import '@material/mwc-button' -import '@material/mwc-icon' -import '@material/mwc-checkbox' -import WebWorker from 'web-worker:./computePowWorkerFile.src.js' -import WebWorkerChat from 'web-worker:./computePowWorker.src.js' -import {publishData} from '../../../utils/publish-image.js' -import {Loader} from '../../../utils/loader.js'; -import {QORT_DECIMALS} from '../../../../../crypto/api/constants' -import {mimeToExtensionMap} from '../../components/qdn-action-constants'; +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { Loader, publishData } from '../../../utils/classes' +import { QORT_DECIMALS } from '../../../../../crypto/api/constants' +import { mimeToExtensionMap } from '../../components/qdn-action-constants' import { base64ToUint8Array, decryptDeprecatedSingle, @@ -22,13 +11,25 @@ import { fileToBase64, uint8ArrayStartsWith, uint8ArrayToBase64 -} from '../../components/qdn-action-encryption'; +} from '../../components/qdn-action-encryption' +import { webBrowserStyles, webBrowserModalStyles } from '../../components/plugins-css' +import * as actions from '../../components/qdn-action-types' +import isElectron from 'is-electron' +import ShortUniqueId from 'short-unique-id' +import FileSaver from 'file-saver' +import WebWorker from 'web-worker:./computePowWorkerFile.js' +import WebWorkerChat from 'web-worker:./computePowWorker.js' +import '@material/mwc-button' +import '@material/mwc-icon' +import '@material/mwc-checkbox' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }); +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class WebBrowser extends LitElement { static get properties() { @@ -60,77 +61,7 @@ class WebBrowser extends LitElement { } static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-checkbox-unchecked-color: var(--black); - --mdc-theme-on-surface: var(--black); - --mdc-checkbox-disabled-color: var(--black); - --mdc-checkbox-ink-color: var(--black); - } - - #websitesWrapper paper-button { - float: right; - } - - #websitesWrapper .buttons { - width: auto !important; - } - - .address-bar { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100px; - background-color: var(--white); - height: 36px; - } - - .address-bar-button mwc-icon { - width: 20px; - } - - .iframe-container { - position: absolute; - top: 36px; - left: 0; - right: 0; - bottom: 0; - border-top: 1px solid var(--black); - } - - .iframe-container iframe { - display: block; - width: 100%; - height: 100%; - border: none; - background-color: var(--white); - } - - input[type='text'] { - margin: 0; - padding: 2px 0 0 20px; - border: 0; - height: 34px; - font-size: 16px; - background-color: var(--white); - } - input { - outline: none - } - - - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } - - .float-right { - float: right; - } - `; + return [webBrowserStyles] } constructor() { @@ -142,15 +73,8 @@ class WebBrowser extends LitElement { const urlParams = new URLSearchParams(window.location.search) this.name = urlParams.get('name') this.service = urlParams.get('service') - this.identifier = - urlParams.get('identifier') != null - ? urlParams.get('identifier') - : null - this.path = - urlParams.get('path') != null - ? (urlParams.get('path').startsWith('/') ? '' : '/') + - urlParams.get('path') - : '' + this.identifier = urlParams.get('identifier') != null ? urlParams.get('identifier') : null + this.path = urlParams.get('path') != null ? (urlParams.get('path').startsWith('/') ? '' : '/') + urlParams.get('path') : '' this.preview = urlParams.get('preview') this.link = urlParams.get('link') this.dev = urlParams.get('dev') @@ -166,9 +90,11 @@ class WebBrowser extends LitElement { displayUrl = 'qortal://app/development' } else { displayUrl = 'qortal://' + this.service + '/' + this.name + if (this.identifier && this.identifier != 'null' && this.identifier != 'default') { displayUrl = displayUrl.concat('/' + this.identifier) } + if (this.path != null && this.path != '/') { displayUrl = displayUrl.concat(this.path) } @@ -178,8 +104,9 @@ class WebBrowser extends LitElement { const getFollowedNames = async () => { this.followedNames = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + url: `/lists/followedNames?apiKey=${this.getApiKey()}` }) + setTimeout( getFollowedNames, this.config.user.nodeSettings.pingInterval @@ -188,8 +115,9 @@ class WebBrowser extends LitElement { const getBlockedNames = async () => { this.blockedNames = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + url: `/lists/blockedNames?apiKey=${this.getApiKey()}` }) + setTimeout( getBlockedNames, this.config.user.nodeSettings.pingInterval @@ -197,12 +125,8 @@ class WebBrowser extends LitElement { } const render = () => { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - const nodeUrl = - myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port if (this.preview != null && this.preview.length > 0) { // In preview mode we access the preview URL path directly @@ -211,10 +135,7 @@ class WebBrowser extends LitElement { this.url = `${this.link}` } else { // Normal mode - - this.url = `${nodeUrl}/render/${this.service}/${this.name}${this.path != null ? this.path : '' - }?theme=${this.theme}&identifier=${(this.identifier != null && this.identifier != 'null') ? this.identifier : '' - }` + this.url = `${nodeUrl}/render/${this.service}/${this.name}${this.path != null ? this.path : ''}?theme=${this.theme}&identifier=${(this.identifier != null && this.identifier != 'null') ? this.identifier : ''}` } } @@ -231,7 +152,10 @@ class WebBrowser extends LitElement { parentEpml.ready().then(() => { parentEpml.subscribe('selected_address', async (selectedAddress) => { selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + + if (!selectedAddress || Object.entries(selectedAddress).length === 0) { + return + } this.selectedAddress = selectedAddress this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet @@ -241,6 +165,7 @@ class WebBrowser extends LitElement { this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet }) + parentEpml.subscribe('config', (c) => { this.config = JSON.parse(c) if (!configLoaded) { @@ -253,119 +178,28 @@ class WebBrowser extends LitElement { }) } - async extractComponents(url) { - if (!url.startsWith("qortal://")) { - return null - } - - url = url.replace(/^(qortal\:\/\/)/, "") - if (url.includes("/")) { - let parts = url.split("/") - const service = parts[0].toUpperCase() - parts.shift() - const name = parts[0] - parts.shift() - let identifier - if (parts.length > 0) { - identifier = parts[0] // Do not shift yet - // Check if a resource exists with this service, name and identifier combination - let responseObj = await parentEpml.request('apiCall', { - url: `/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${this.getApiKey()}` - }) - - if (responseObj.totalChunkCount > 0) { - // Identifier exists, so don't include it in the path - parts.shift() - } - else { - identifier = null - } - } - const path = parts.join("/") - const components = {} - components["service"] = service - components["name"] = name - components["identifier"] = identifier - components["path"] = path - return components - } - - return null - } - - async _handleKeyDown(e) { - if (e.key === 'Enter') { - let newQuery = e.target.value - if (newQuery.endsWith('/')) { - newQuery = newQuery.slice(0, -1) - } - const res = await this.extractComponents(newQuery) - if (!res) return - const { service, name, identifier, path } = res - let query = `?service=${service}` - if (name) { - query = query + `&name=${name}` - } - if (identifier) { - query = query + `&identifier=${identifier}` - } - if (path) { - query = query + `&path=${path}` - } - window.location = window.location.origin + window.location.pathname + query - } - } - - async linkOpenNewTab(link) { - - let newQuery = link - if (newQuery.endsWith('/')) { - newQuery = newQuery.slice(0, -1) - } - const res = await this.extractComponents(newQuery) - if (!res) return - const { service, name, identifier, path } = res - let query = `?service=${service}` - if (name) { - query = query + `&name=${name}` - } - if (identifier) { - query = query + `&identifier=${identifier}` - } - if (path) { - query = query + `&path=${path}` - } - - window.parent.reduxStore.dispatch(window.parent.reduxAction.setNewTab({ - url: `qdn/browser/index.html${query}`, - id: this.uid.rnd(), - myPlugObj: { - "url": service === 'WEBSITE' ? "websites" : "qapps", - "domain": "core", - "page": `qdn/browser/index.html${query}`, - "title": name, - "icon": service === 'WEBSITE' ? 'vaadin:desktop' : 'vaadin:external-browser', - "mwcicon": service === 'WEBSITE' ? 'desktop_mac' : 'open_in_browser', - "menus": [], - "parent": false - } - })) - - } - render() { - return html`
    - this.goBack()} title="${translate('general.back')}" class="address-bar-button">arrow_back_ios - this.goForward()} title="${translate('browserpage.bchange1')}" class="address-bar-button">arrow_forward_ios - this.refresh()} title="${translate('browserpage.bchange2')}" class="address-bar-button">refresh - this.goBackToList()} title="${translate('browserpage.bchange3')}" class="address-bar-button">home + this.goBack()} title="${translate('general.back')}" class="address-bar-button"> + arrow_back_ios + + this.goForward()} title="${translate('browserpage.bchange1')}" class="address-bar-button"> + arrow_forward_ios + + this.refresh()} title="${translate('browserpage.bchange2')}" class="address-bar-button"> + refresh + + this.goBackToList()} title="${translate('browserpage.bchange3')}" class="address-bar-button"> + home + ${this.renderFullScreen()} - this.delete()} title="${translate('browserpage.bchange4')} ${this.service} ${this.name} ${translate('browserpage.bchange5')}" class="address-bar-button float-right">delete + this.delete()} title="${translate('browserpage.bchange4')} ${this.service} ${this.name} ${translate('browserpage.bchange5')}" class="address-bar-button float-right"> + delete + ${this.renderBlockUnblockButton()} ${this.renderFollowUnfollowButton()}
    @@ -376,358 +210,7 @@ class WebBrowser extends LitElement {
    - `; - } - - renderFullScreen() { - if (window.innerHeight == screen.height) { - return html` - this.exitFullScreen()} - title="${translate('browserpage.bchange38')}" - class="address-bar-button float-right" - > - fullscreen_exit - - ` - } else { - return html` - this.goFullScreen()} - title="${translate('browserpage.bchange37')}" - class="address-bar-button float-right" - > - fullscreen - - ` - } - } - - goFullScreen() { - var elem = this.shadowRoot.getElementById('websitesWrapper') - - if (elem.requestFullscreen) { - elem.requestFullscreen() - } else if (elem.mozRequestFullScreen) { - elem.mozRequestFullScreen() - } else if (elem.webkitRequestFullscreen) { - elem.webkitRequestFullscreen() - } else if (elem.msRequestFullscreen) { - elem.msRequestFullscreen() - } - - this.renderFullScreen() - } - - exitFullScreen() { - if (document.exitFullscreen) { - document.exitFullscreen() - } else if (document.mozCancelFullScreen) { - document.mozCancelFullScreen() - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen() - } else if (document.msExitFullscreen) { - document.msExitFullscreen() - } - - this.renderFullScreen() - } - - async unitJoinFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=JOIN_GROUP` - const response = await fetch(url) - if (!response.ok) { - throw new Error('Error when fetching join fee') - } - - const data = await response.json() - return (Number(data) / 1e8).toFixed(8) - } - - async deployAtFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=DEPLOY_AT` - const response = await fetch(url) - if (!response.ok) { - throw new Error('Error when fetching join fee') - } - - const data = await response.json() - return (Number(data) / 1e8).toFixed(8) - } - - async getArbitraryFee() { - const timestamp = Date.now() - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` - const response = await fetch(url) - if (!response.ok) { - throw new Error('Error when fetching arbitrary fee') - } - const data = await response.json() - const arbitraryFee = (Number(data) / 1e8).toFixed(8) - return { - timestamp, - fee: Number(data), - feeToShow: arbitraryFee - } - } - async sendQortFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` - const response = await fetch(url) - if (!response.ok) { - throw new Error('Error when fetching join fee') - } - - const data = await response.json() - return (Number(data) / 1e8).toFixed(8) - } - - async unitVoteFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=VOTE_ON_POLL` - const response = await fetch(url) - if (!response.ok) { - throw new Error('Error when fetching vote fee') - } - - const data = await response.json() - return (Number(data) / 1e8).toFixed(8) - } - - async unitCreatePollFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=CREATE_POLL` - const response = await fetch(url) - if (!response.ok) { - throw new Error('Error when fetching vote fee') - } - - const data = await response.json() - return (Number(data) / 1e8).toFixed(8) - } - - async _joinGroup(groupId, groupName) { - const joinFeeInput = await this.unitJoinFee() - const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.selectedAddress.address}` - }) - } - - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - return getTxnRequestResponse(myTransaction) - } - - const makeTransactionRequest = async (lastRef) => { - let groupdialog1 = get("transactions.groupdialog1") - let groupdialog2 = get("transactions.groupdialog2") - return await parentEpml.request('transaction', { - type: 31, - nonce: this.selectedAddress.nonce, - params: { - fee: joinFeeInput, - registrantAddress: this.selectedAddress.address, - rGroupName: groupName, - rGroupId: groupId, - lastReference: lastRef, - groupdialog1: groupdialog1, - groupdialog2: groupdialog2 - }, - apiVersion: 2 - }) - } - - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - throw new Error(txnResponse.message) - } else if (txnResponse.success === true && !txnResponse.data.error) { - return txnResponse.data - } else if (txnResponse.data && txnResponse.data.message) { - throw new Error(txnResponse.data.message) - } else { - throw new Error('Server error. Could not perform action.') - } - } - return await validateReceiver() - - } - - async _deployAt(name, description, tags, creationBytes, amount, assetId, atType) { - const deployAtFee = await this.deployAtFee() - const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.selectedAddress.address}` - }) - } - - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - return getTxnRequestResponse(myTransaction) - } - - const makeTransactionRequest = async (lastRef) => { - let deployAtdialog1 = get("transactions.deployAtdialog1") - let deployAtdialog2 = get("transactions.deployAtdialog2") - let deployAtdialog3 = get("transactions.deployAtdialog3") - let deployAtdialog4 = get("walletpage.wchange12") - return await parentEpml.request('transaction', { - type: 16, - nonce: this.selectedAddress.nonce, - params: { - fee: deployAtFee, - rName: name, - rDescription: description, - rTags: tags, - rAmount: amount, - rAssetId: assetId, - rCreationBytes: creationBytes, - atType: atType, - lastReference: lastRef, - atDeployDialog1: deployAtdialog1, - atDeployDialog2: deployAtdialog2, - atDeployDialog3: deployAtdialog3, - atDeployDialog4: deployAtdialog4 - }, - apiVersion: 2 - }) - } - - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - throw new Error(txnResponse.message) - } else if (txnResponse.success === true && !txnResponse.data.error) { - return txnResponse.data - } else if (txnResponse.data && txnResponse.data.message) { - throw new Error(txnResponse.data.message) - } else { - throw new Error('Server error. Could not perform action.') - } - } - return await validateReceiver() - - } - - async _voteOnPoll(pollName, optionIndex) { - const voteFeeInput = await this.unitVoteFee() - const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.selectedAddress.address}` - }) - } - - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - return getTxnRequestResponse(myTransaction) - } - - const makeTransactionRequest = async (lastRef) => { - let votedialog1 = get("transactions.votedialog1") - let votedialog2 = get("transactions.votedialog2") - let feeDialog = get("walletpage.wchange12") - - return await parentEpml.request('transaction', { - type: 9, - nonce: this.selectedAddress.nonce, - params: { - fee: voteFeeInput, - voterAddress: this.selectedAddress.address, - rPollName: pollName, - rOptionIndex: optionIndex, - lastReference: lastRef, - votedialog1: votedialog1, - votedialog2: votedialog2, - feeDialog - }, - apiVersion: 2 - }) - } - - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - throw new Error(txnResponse.message) - } else if (txnResponse.success === true && !txnResponse.data.error) { - return txnResponse.data - } else if (txnResponse.data && txnResponse.data.message) { - throw new Error(txnResponse.data.message) - } else { - throw new Error('Server error. Could not perform action.') - } - } - return await validateReceiver() - - } - - async _createPoll(pollName, pollDescription, options, pollOwnerAddress) { - const voteFeeInput = await this.unitCreatePollFee() - const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.selectedAddress.address}` - }) - } - - const validateReceiver = async () => { - let lastRef = await getLastRef() - let myTransaction = await makeTransactionRequest(lastRef) - return getTxnRequestResponse(myTransaction) - } - - const makeTransactionRequest = async (lastRef) => { - let votedialog3 = get("transactions.votedialog3") - let votedialog4 = get("transactions.votedialog4") - let votedialog5 = get("transactions.votedialog5") - let votedialog6 = get("transactions.votedialog6") - let feeDialog = get("walletpage.wchange12") - - return await parentEpml.request('transaction', { - type: 8, - nonce: this.selectedAddress.nonce, - params: { - fee: voteFeeInput, - ownerAddress: pollOwnerAddress, - rPollName: pollName, - rPollDesc: pollDescription, - rOptions: options, - lastReference: lastRef, - votedialog3: votedialog3, - votedialog4: votedialog4, - votedialog5: votedialog5, - votedialog6: votedialog6, - feeDialog - }, - apiVersion: 2 - }) - } - - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - throw new Error(txnResponse.message) - } else if (txnResponse.success === true && !txnResponse.data.error) { - return txnResponse.data - } else if (txnResponse.data && txnResponse.data.message) { - throw new Error(txnResponse.data.message) - } else { - throw new Error('Server error. Could not perform action.') - } - } - return await validateReceiver() - + ` } firstUpdated() { @@ -752,6 +235,7 @@ class WebBrowser extends LitElement { } else { this.theme = 'light' } + document.querySelector('html').setAttribute('theme', this.theme) }) @@ -764,12 +248,7 @@ class WebBrowser extends LitElement { } window.addEventListener('message', async (event) => { - if ( - event == null || - event.data == null || - event.data.length == 0 || - event.data.action == null - ) { + if (event == null || event.data == null || event.data.length == 0 || event.data.action == null) { return } @@ -778,7 +257,6 @@ class WebBrowser extends LitElement { switch (data.action) { case actions.GET_USER_ACCOUNT: { - let skip = false if (window.parent.reduxStore.getState().app.qAPPAutoAuth) { skip = true @@ -829,16 +307,14 @@ class WebBrowser extends LitElement { if (encryptDataResponse) { data64 = encryptDataResponse response = JSON.stringify(encryptDataResponse) - break; + break } else { dataSentBack['error'] = "Unable to encrypt" response = JSON.stringify(dataSentBack) break } - } catch (error) { - const data = {} data['error'] = error.message || "Error in encrypting data" response = JSON.stringify(data) @@ -847,9 +323,7 @@ class WebBrowser extends LitElement { } case actions.DECRYPT_DATA: { - const { encryptedData, publicKey } = data - try { let data = {} if (!encryptedData) { @@ -861,19 +335,14 @@ class WebBrowser extends LitElement { const uint8Array = base64ToUint8Array(encryptedData) const startsWithQortalEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalEncryptedData") if (startsWithQortalEncryptedData) { - if (!publicKey) { data['error'] = `Missing fields: publicKey` response = JSON.stringify(data) break } - - const decryptedDataToBase64 = decryptDeprecatedSingle(uint8Array, publicKey) response = JSON.stringify(decryptedDataToBase64) break - - } const startsWithQortalGroupEncryptedData = uint8ArrayStartsWith(uint8Array, "qortalGroupEncryptedData") if (startsWithQortalGroupEncryptedData) { @@ -884,12 +353,10 @@ class WebBrowser extends LitElement { break } - data['error'] = "Unable to decrypt" response = JSON.stringify(data) break } catch (error) { - const data = {} data['error'] = error.message || "Error in decrypting data" response = JSON.stringify(data) @@ -900,13 +367,11 @@ class WebBrowser extends LitElement { case actions.GET_LIST_ITEMS: { const requiredFields = ['list_name'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -928,14 +393,11 @@ class WebBrowser extends LitElement { } ) } - - if (res1 && res1.action === 'accept' || skip) { - try { const list = await parentEpml.request('apiCall', { type: 'api', - url: `/lists/${data.list_name}?apiKey=${this.getApiKey()}`, + url: `/lists/${data.list_name}?apiKey=${this.getApiKey()}` }) response = JSON.stringify(list) @@ -946,7 +408,6 @@ class WebBrowser extends LitElement { } finally { break } - } else { const data = {} data['error'] = "User declined to share list" @@ -958,13 +419,11 @@ class WebBrowser extends LitElement { case actions.ADD_LIST_ITEMS: { const requiredFields = ['list_name', 'items'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -982,14 +441,11 @@ class WebBrowser extends LitElement { items: items } ) - if (res && res.action === 'accept') { - try { const body = { items: items, } - const bodyToString = JSON.stringify(body) response = await parentEpml.request('apiCall', { type: 'api', @@ -997,8 +453,8 @@ class WebBrowser extends LitElement { url: `/lists/${list_name}?apiKey=${this.getApiKey()}`, body: bodyToString, headers: { - 'Content-Type': 'application/json', - }, + 'Content-Type': 'application/json' + } }) } catch (error) { const data = {} @@ -1007,7 +463,6 @@ class WebBrowser extends LitElement { } finally { break } - } else { const data = {} data['error'] = "User declined add to list" @@ -1019,13 +474,11 @@ class WebBrowser extends LitElement { case actions.DELETE_LIST_ITEM: { const requiredFields = ['list_name', 'item'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1043,24 +496,20 @@ class WebBrowser extends LitElement { item: item } ) - if (res && res.action === 'accept') { - try { const body = { - items: [item], + items: [item] } - const bodyToString = JSON.stringify(body) - response = await parentEpml.request('apiCall', { type: 'api', method: 'DELETE', url: `/lists/${list_name}?apiKey=${this.getApiKey()}`, body: bodyToString, headers: { - 'Content-Type': 'application/json', - }, + 'Content-Type': 'application/json' + } }) } catch (error) { const data = {} @@ -1069,7 +518,6 @@ class WebBrowser extends LitElement { } finally { break } - } else { const data = {} data['error'] = "User declined add to list" @@ -1089,13 +537,9 @@ class WebBrowser extends LitElement { actions.GET_FRIENDS_LIST ) } - - if (res1 && res1.action === 'accept' || skip) { - try { let list = JSON.parse(localStorage.getItem('friends-my-friend-list') || "[]") - list = list.map((friend) => friend.name || "") response = JSON.stringify(list) } catch (error) { @@ -1103,9 +547,7 @@ class WebBrowser extends LitElement { data['error'] = "Error in retrieving friends list" response = JSON.stringify(data) } - break - } else { const data = {} data['error'] = "User declined to share friends list" @@ -1122,39 +564,30 @@ class WebBrowser extends LitElement { this.displayUrl = translate("appspage.schange40") return } - let url = 'qortal://' + data.service + '/' + data.name - this.path = - data.path != null - ? (data.path.startsWith('/') ? '' : '/') + data.path - : null - if ( - data.identifier != null && - data.identifier != '' && - data.identifier != 'default' - ) + this.path = data.path != null ? (data.path.startsWith('/') ? '' : '/') + data.path : null + if (data.identifier != null && data.identifier != '' && data.identifier != 'default') { url = url.concat('/' + data.identifier) - if (this.path != null && this.path != '/') + } + if (this.path != null && this.path != '/') { url = url.concat(this.path) + } this.name = data.name this.service = data.service this.identifier = data.identifier this.displayUrl = url - const frame = window.frameElement - let tabId = "" + let tabId = '' if (frame && frame.dataset.id) { tabId = frame.dataset.id } - if (data.name === 'Q-Mail') { localStorage.setItem("Q-Mail-last-visited", Date.now()) - } window.parent.reduxStore.dispatch(window.parent.reduxAction.addTabInfo({ name: data.name, service: data.service, - id: tabId ? tabId : "" + id: tabId ? tabId : '' })) return @@ -1168,27 +601,23 @@ class WebBrowser extends LitElement { response['error'] = 'missing count' break } - window.parent.reduxStore.dispatch(window.parent.reduxAction.setTabNotifications({ name: this.name, count: count })) response = true break - } case actions.PUBLISH_QDN_RESOURCE: { // optional fields: encrypt:boolean recipientPublicKey:string const requiredFields = ['service', 'name'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1221,7 +650,6 @@ class WebBrowser extends LitElement { if (data.identifier == null) { identifier = 'default' } - if (data.encrypt && (!data.publicKeys || (Array.isArray(data.publicKeys) && data.publicKeys.length === 0))) { let data = {} data['error'] = "Encrypting data requires public keys" @@ -1239,7 +667,6 @@ class WebBrowser extends LitElement { } const getArbitraryFee = await this.getArbitraryFee() feeAmount = getArbitraryFee.fee - if (data.encrypt) { try { const encryptDataResponse = encryptDataGroup({ @@ -1248,7 +675,6 @@ class WebBrowser extends LitElement { if (encryptDataResponse) { data64 = encryptDataResponse } - } catch (error) { const obj = {} obj['error'] = error.message || 'Upload failed due to failed encryption' @@ -1257,7 +683,6 @@ class WebBrowser extends LitElement { } } - const res2 = await showModalAndWait( actions.PUBLISH_QDN_RESOURCE, { @@ -1298,7 +723,6 @@ class WebBrowser extends LitElement { withFee: res2.userData.isWithFee === true, feeAmount: feeAmount }) - response = JSON.stringify(resPublish) worker.terminate() } catch (error) { @@ -1330,7 +754,6 @@ class WebBrowser extends LitElement { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1368,7 +791,6 @@ class WebBrowser extends LitElement { feeAmount: getArbitraryFee.feeToShow } ) - if (res2.action === 'reject') { response = '{"error": "User declined request"}' break @@ -1380,13 +802,11 @@ class WebBrowser extends LitElement { try { const requiredFields = ['service', 'name'] const missingFields = [] - requiredFields.forEach((field) => { if (!resource[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1396,7 +816,6 @@ class WebBrowser extends LitElement { }) continue } - if (!resource.file && !resource.data64) { const errorMsg = 'No data or file was submitted' failedPublishesIdentifiers.push({ @@ -1405,7 +824,6 @@ class WebBrowser extends LitElement { }) continue } - const service = resource.service const name = resource.name let identifier = resource.identifier @@ -1422,7 +840,6 @@ class WebBrowser extends LitElement { if (resource.identifier == null) { identifier = 'default' } - if (!data.encrypt && service.endsWith("_PRIVATE")) { const errorMsg = "Only encrypted data can go into private services" failedPublishesIdentifiers.push({ @@ -1434,18 +851,14 @@ class WebBrowser extends LitElement { if (data.file) { data64 = await fileToBase64(data.file) } - - if (data.encrypt) { try { - const encryptDataResponse = encryptDataGroup({ data64, publicKeys: data.publicKeys }) if (encryptDataResponse) { data64 = encryptDataResponse } - } catch (error) { const errorMsg = error.message || 'Upload failed due to failed encryption' failedPublishesIdentifiers.push({ @@ -1454,15 +867,12 @@ class WebBrowser extends LitElement { }) continue } - } if (resource.file && !data.encrypt) { data64 = await fileToBase64(resource.file) } - const worker = new WebWorker() try { - await publishData({ registeredName: encodeURIComponent(name), file: data64, @@ -1486,12 +896,11 @@ class WebBrowser extends LitElement { withFee: res2.userData.isWithFee === true, feeAmount: feeAmount }) - worker.terminate() await new Promise((res) => { setTimeout(() => { res() - }, 1000); + }, 1000) }) } catch (error) { worker.terminate() @@ -1501,16 +910,12 @@ class WebBrowser extends LitElement { identifier: resource.identifier }) } - } catch (error) { failedPublishesIdentifiers.push({ reason: "Unknown error", identifier: resource.identifier }) } - - - } this.loader.hide() if (failedPublishesIdentifiers.length > 0) { @@ -1523,23 +928,18 @@ class WebBrowser extends LitElement { this.loader.hide() break } - response = true break - - } case actions.VOTE_ON_POLL: { const requiredFields = ['pollName', 'optionIndex'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field] && data[field] !== 0) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1548,15 +948,13 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - const pollName = data.pollName const optionIndex = data.optionIndex - let pollInfo = null try { pollInfo = await parentEpml.request("apiCall", { type: "api", - url: `/polls/${encodeURIComponent(pollName)}`, + url: `/polls/${encodeURIComponent(pollName)}` }) } catch (error) { const errorMsg = (error && error.message) || 'Poll not found' @@ -1565,7 +963,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - if (!pollInfo || pollInfo.error) { const errorMsg = (pollInfo && pollInfo.message) || 'Poll not found' let obj = {} @@ -1573,7 +970,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - try { this.loader.show() const resVoteOnPoll = await this._voteOnPoll(pollName, optionIndex) @@ -1585,20 +981,17 @@ class WebBrowser extends LitElement { } finally { this.loader.hide() } - break } case actions.CREATE_POLL: { const requiredFields = ['pollName', 'pollDescription', 'pollOptions', 'pollOwnerAddress'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1607,12 +1000,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - const pollName = data.pollName const pollDescription = data.pollDescription const pollOptions = data.pollOptions const pollOwnerAddress = data.pollOwnerAddress - try { this.loader.show() const resCreatePoll = await this._createPoll(pollName, pollDescription, pollOptions, pollOwnerAddress) @@ -1624,7 +1015,6 @@ class WebBrowser extends LitElement { } finally { this.loader.hide() } - break } @@ -1635,7 +1025,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - try { await this.linkOpenNewTab(data.qortalLink) response = true @@ -1647,12 +1036,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - } case actions.NOTIFICATIONS_PERMISSION: { try { - const res = await showModalAndWait( actions.NOTIFICATIONS_PERMISSION, { @@ -1667,11 +1054,9 @@ class WebBrowser extends LitElement { response = false break } - } catch (error) { break } - } case actions.SEND_LOCAL_NOTIFICATION: { @@ -1685,7 +1070,6 @@ class WebBrowser extends LitElement { const interval = appInfo.interval if (lastNotification && interval) { const timeDifference = Date.now() - lastNotification - if (timeDifference > interval) { parentEpml.request('showNotification', { title, type: "qapp-local-notification", sound: '', url, options: { body: message, icon, badge: icon } @@ -1706,29 +1090,25 @@ class WebBrowser extends LitElement { } else { throw new Error(`invalid data`) } - } catch (error) { const obj = {} obj['error'] = error.message || "error in pushing notification" response = JSON.stringify(obj) break - } - } + case actions.SEND_CHAT_MESSAGE: { const message = data.message const recipient = data.destinationAddress const groupId = data.groupId const isRecipient = !groupId const sendMessage = async (messageText, chatReference) => { - let _reference = new Uint8Array(64) window.crypto.getRandomValues(_reference) let reference = window.parent.Base58.encode(_reference) const sendMessageRequest = async () => { let chatResponse - if (isRecipient) { chatResponse = await parentEpml.request('chat', { type: 18, @@ -1746,10 +1126,7 @@ class WebBrowser extends LitElement { isText: 1 } }) - - } - if (!isRecipient) { chatResponse = await parentEpml.request('chat', { type: 181, @@ -1767,20 +1144,15 @@ class WebBrowser extends LitElement { isText: 1 } }) - - } - return await _computePow(chatResponse) } - const _computePow = async (chatBytes) => { const difficulty = 8 const path = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' const worker = new WebWorkerChat() let nonce = null let chatBytesArray = null - await new Promise((res) => { worker.postMessage({ chatBytes, path, difficulty }) worker.onmessage = e => { @@ -1789,17 +1161,14 @@ class WebBrowser extends LitElement { res() } }) - let _response = await parentEpml.request('sign_chat', { nonce: this.selectedAddress.nonce, chatBytesArray: chatBytesArray, chatNonce: nonce, apiVersion: 2 }) - return getSendChatResponse(_response) } - const getSendChatResponse = (res) => { if (res.signature) { return res @@ -1809,22 +1178,18 @@ class WebBrowser extends LitElement { throw new Error('ERROR: Could not send message') } } - return await sendMessageRequest() } - const result = await showModalAndWait( actions.SEND_CHAT_MESSAGE ) if (result.action === "accept") { let hasPublicKey = true - if (isRecipient) { const res = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/publickey/${recipient}` }) - if (res.error === 102) { this._publicKey.key = '' this._publicKey.hasPubKey = false @@ -1838,46 +1203,27 @@ class WebBrowser extends LitElement { hasPublicKey = false } } - - if (!hasPublicKey && isRecipient) { response = '{"error": "Cannot send an encrypted message to this user since they do not have their publickey on chain."}' break } - - - const tiptapJson = { type: 'doc', - content: [ - { - type: 'paragraph', - content: [ - { - type: 'text', - text: message, - }, - - ], - }, - ], + content: [{ + type: 'paragraph', + content: [{ + type: 'text', + text: message + }] + }] } - const messageObject = { messageText: tiptapJson, images: [''], repliedTo: '', version: 3 } - const stringifyMessageObject = JSON.stringify(messageObject) - // if (this.balance < 4) { - // this.myTrimmedMeassage = '' - // this.myTrimmedMeassage = stringifyMessageObject - // this.shadowRoot.getElementById('confirmDialog').open() - // } else { - // this.sendMessage(stringifyMessageObject, typeMessage) - // } try { this.loader.show() response = await sendMessage(stringifyMessageObject) @@ -1892,9 +1238,7 @@ class WebBrowser extends LitElement { response = '{"error": "Request could not be fulfilled"}' } finally { this.loader.hide() - } - } else { response = '{"error": "User declined request"}' } @@ -1909,13 +1253,11 @@ class WebBrowser extends LitElement { case actions.JOIN_GROUP: { const requiredFields = ['groupId'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1925,13 +1267,11 @@ class WebBrowser extends LitElement { break } const groupId = data.groupId - - let groupInfo = null try { groupInfo = await parentEpml.request("apiCall", { type: "api", - url: `/groups/${groupId}`, + url: `/groups/${groupId}` }) } catch (error) { const errorMsg = (error && error.message) || 'Group not found' @@ -1940,7 +1280,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - if (!groupInfo || groupInfo.error) { const errorMsg = (groupInfo && groupInfo.message) || 'Group not found' let obj = {} @@ -1948,7 +1287,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - try { this.loader.show() const resJoinGroup = await this._joinGroup(groupId, groupInfo.groupName) @@ -1960,7 +1298,6 @@ class WebBrowser extends LitElement { } finally { this.loader.hide() } - // Params: data.groupId // TODO: prompt user to join group. If they confirm, sign+process a JOIN_GROUP transaction // then set the response string from the core to the `response` variable (defined above) @@ -1970,16 +1307,13 @@ class WebBrowser extends LitElement { case actions.SAVE_FILE: { try { - const requiredFields = ['filename', 'blob'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -1988,25 +1322,18 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - - - const filename = data.filename const blob = data.blob - const res = await showModalAndWait( actions.SAVE_FILE, { filename } ) - if (res.action === 'reject') { response = '{"error": "User declined request"}' break - } - const mimeType = blob.type || data.mimeType let backupExention = filename.split('.').pop() if (backupExention) { @@ -2033,7 +1360,6 @@ class WebBrowser extends LitElement { } } } - try { const fileHandle = await self.showSaveFilePicker({ suggestedName: filename, @@ -2041,10 +1367,8 @@ class WebBrowser extends LitElement { { description: mimeType, ...fileHandleOptions - }, + } ] - - }) const writeFile = async (fileHandle, contents) => { const writable = await fileHandle.createWritable() @@ -2061,7 +1385,6 @@ class WebBrowser extends LitElement { } FileSaver.saveAs(blob, filename) } - response = JSON.stringify(true) } catch (error) { const obj = {} @@ -2071,16 +1394,14 @@ class WebBrowser extends LitElement { break } - case 'DEPLOY_AT': { + case actions.DEPLOY_AT: { const requiredFields = ['name', 'description', 'tags', 'creationBytes', 'amount', 'assetId', 'type'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field] && data[field] !== 0) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -2089,11 +1410,8 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - - try { this.loader.show() - const resDeployAt = await this._deployAt(data.name, data.description, data.tags, data.creationBytes, data.amount, data.assetId, data.type) response = JSON.stringify(resDeployAt) } catch (error) { @@ -2106,27 +1424,23 @@ class WebBrowser extends LitElement { break } - case 'GET_PROFILE_DATA': { + case actions.GET_PROFILE_DATA: { const defaultProperties = ['tagline', 'bio', 'wallets'] - const requiredFields = ['property']; - const missingFields = []; - + const requiredFields = ['property'] + const missingFields = [] requiredFields.forEach((field) => { if (!data[field] && data[field] !== 0) { - missingFields.push(field); + missingFields.push(field) } - }); - + }) if (missingFields.length > 0) { - const missingFieldsString = missingFields.join(', '); + const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` - let data = {}; - data['error'] = errorMsg; - response = JSON.stringify(data); + let data = {} + data['error'] = errorMsg + response = JSON.stringify(data) break } - - try { const profileData = window.parent.reduxStore.getState().app.profileData if (!profileData) { @@ -2137,25 +1451,22 @@ class WebBrowser extends LitElement { if (propertyIndex !== -1) { const requestedData = profileData[property] if (requestedData) { - response = JSON.stringify(requestedData); + response = JSON.stringify(requestedData) break } else { throw new Error('Cannot find requested data') } } - if (property.includes('-private')) { const resPrivateProperty = await showModalAndWait( actions.GET_PROFILE_DATA, { - property - } - ); - + property + } + ) if (resPrivateProperty.action === 'accept') { - const requestedData = profileData.customData[property] if (requestedData) { - response = JSON.stringify(requestedData); + response = JSON.stringify(requestedData) break } else { throw new Error('Cannot find requested data') @@ -2166,42 +1477,38 @@ class WebBrowser extends LitElement { } else { const requestedData = profileData.customData[property] if (requestedData) { - response = JSON.stringify(requestedData); + response = JSON.stringify(requestedData) break } else { throw new Error('Cannot find requested data') } } - } catch (error) { - const obj = {}; - obj['error'] = error.message || 'Failed to join the group.'; - response = JSON.stringify(obj); + const obj = {} + obj['error'] = error.message || 'Failed to join the group.' + response = JSON.stringify(obj) } finally { - this.loader.hide(); + this.loader.hide() } - break; + break } - case 'SET_PROFILE_DATA': { - const requiredFields = ['property', 'data']; - const missingFields = []; + case actions.SET_PROFILE_DATA: { + const requiredFields = ['property', 'data'] + const missingFields = [] requiredFields.forEach((field) => { if (!data[field] && data[field] !== 0) { - missingFields.push(field); + missingFields.push(field) } - }); - + }) if (missingFields.length > 0) { - const missingFieldsString = missingFields.join(', '); + const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` - let data = {}; - data['error'] = errorMsg; - response = JSON.stringify(data); + let data = {} + data['error'] = errorMsg + response = JSON.stringify(data) break } - - try { const property = data.property const payload = data.data @@ -2209,16 +1516,12 @@ class WebBrowser extends LitElement { const fee = await this.getArbitraryFee() const resSetPrivateProperty = await showModalAndWait( actions.SET_PROFILE_DATA, { - property, - fee: fee.feeToShow - } - ); - - + property, + fee: fee.feeToShow + } + ) if (resSetPrivateProperty.action !== 'accept') throw new Error('User declined permission') - //dispatch event and wait until I get a response to continue - // Create and dispatch custom event const customEvent = new CustomEvent('qortal-request-set-profile-data', { detail: { @@ -2226,102 +1529,91 @@ class WebBrowser extends LitElement { payload, uniqueId } - }); - window.parent.dispatchEvent(customEvent); - + }) + window.parent.dispatchEvent(customEvent) // Wait for response event const res = await new Promise((resolve, reject) => { function handleResponseEvent(event) { // Handle the data from the event, if any - const responseData = event.detail; + const responseData = event.detail if (responseData && responseData.uniqueId !== uniqueId) return // Clean up by removing the event listener once we've received the response - window.removeEventListener('qortal-request-set-profile-data-response', handleResponseEvent); + window.removeEventListener('qortal-request-set-profile-data-response', handleResponseEvent) if (responseData.response === 'saved') { - resolve(responseData); + resolve(responseData) } else { - reject(new Error('not saved')); + reject(new Error('not saved')) } } - // Set up an event listener to wait for the response - window.addEventListener('qortal-request-set-profile-data-response', handleResponseEvent); - }); + window.addEventListener('qortal-request-set-profile-data-response', handleResponseEvent) + }) if (!res.response) throw new Error('Failed to set property') - response = JSON.stringify(res.response); - + response = JSON.stringify(res.response) } catch (error) { - const obj = {}; - obj['error'] = error.message || 'Failed to set property.'; - response = JSON.stringify(obj); + const obj = {} + obj['error'] = error.message || 'Failed to set property.' + response = JSON.stringify(obj) } finally { - this.loader.hide(); + this.loader.hide() } - break; + break } - case 'OPEN_PROFILE': { - const requiredFields = ['name']; - const missingFields = []; - + case actions.OPEN_PROFILE: { + const requiredFields = ['name'] + const missingFields = [] requiredFields.forEach((field) => { if (!data[field] && data[field] !== 0) { - missingFields.push(field); + missingFields.push(field) } - }); - + }) if (missingFields.length > 0) { - const missingFieldsString = missingFields.join(', '); + const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` - let data = {}; - data['error'] = errorMsg; - response = JSON.stringify(data); + let data = {} + data['error'] = errorMsg + response = JSON.stringify(data) break } - - try { const customEvent = new CustomEvent('open-visiting-profile', { detail: data.name - }); - window.parent.dispatchEvent(customEvent); - response = JSON.stringify(true); + }) + window.parent.dispatchEvent(customEvent) + response = JSON.stringify(true) } catch (error) { - const obj = {}; - obj['error'] = error.message || 'Failed to open profile'; - response = JSON.stringify(obj); + const obj = {} + obj['error'] = error.message || 'Failed to open profile' + response = JSON.stringify(obj) } - break; + break } - case actions.GET_USER_WALLET: { - const requiredFields = ['coin']; - const missingFields = []; - + const requiredFields = ['coin'] + const missingFields = [] requiredFields.forEach((field) => { if (!data[field]) { - missingFields.push(field); + missingFields.push(field) } - }); - + }) if (missingFields.length > 0) { - const missingFieldsString = missingFields.join(', '); + const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` - let data = {}; - data['error'] = errorMsg; - response = JSON.stringify(data); + let data = {} + data['error'] = errorMsg + response = JSON.stringify(data) break } const res3 = await showModalAndWait( actions.GET_USER_WALLET - ); - + ) if (res3.action === 'accept') { - let coin = data.coin; - let userWallet = {}; - let arrrAddress = ""; + let coin = data.coin + let userWallet = {} + let arrrAddress = "" if (coin === "ARRR") { arrrAddress = await parentEpml.request('apiCall', { url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, @@ -2360,24 +1652,22 @@ class WebBrowser extends LitElement { default: break } - response = JSON.stringify(userWallet); - break; + response = JSON.stringify(userWallet) + break } else if (res3.action === 'reject') { - response = '{"error": "User declined request"}'; + response = '{"error": "User declined request"}' } - break; + break } case actions.GET_WALLET_BALANCE: { const requiredFields = ['coin'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -2393,7 +1683,6 @@ class WebBrowser extends LitElement { const res3 = await showModalAndWait( actions.GET_WALLET_BALANCE ) - if (res3.action === 'accept') { let coin = data.coin if (coin === "QORT") { @@ -2401,7 +1690,7 @@ class WebBrowser extends LitElement { try { this.loader.show() response = await parentEpml.request('apiCall', { - url: `/addresses/balance/${qortAddress}?apiKey=${this.getApiKey()}`, + url: `/addresses/balance/${qortAddress}?apiKey=${this.getApiKey()}` }) @@ -2417,7 +1706,6 @@ class WebBrowser extends LitElement { } else { let _url = `` let _body = null - switch (coin) { case 'BTC': _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` @@ -2451,7 +1739,7 @@ class WebBrowser extends LitElement { const res = await parentEpml.request('apiCall', { url: _url, method: 'POST', - body: _body, + body: _body }) if (isNaN(Number(res))) { const data = {} @@ -2474,19 +1762,17 @@ class WebBrowser extends LitElement { } else if (res3.action === 'reject') { response = '{"error": "User declined request"}' } - break } + case actions.GET_USER_WALLET_INFO: { const requiredFields = ['coin'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -2495,23 +1781,17 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - const userWallet = await showModalAndWait( actions.GET_USER_WALLET ) - if (userWallet.action === 'accept') { - let coin = data.coin; - let walletKeys = this.getUserWallet(coin); - + let coin = data.coin + let walletKeys = this.getUserWallet(coin) let _url = `/crosschain/` + data.coin.toLowerCase() + `/addressinfos?apiKey=${this.getApiKey()}` - let _body = { - xpub58: walletKeys['publickey'] - } - + let _body = { xpub58: walletKeys['publickey'] } try { this.loader.show() - const bodyToString = JSON.stringify(_body); + const bodyToString = JSON.stringify(_body) const res = await parentEpml.request('apiCall', { url: _url, method: 'POST', @@ -2519,9 +1799,9 @@ class WebBrowser extends LitElement { 'Accept': '*/*', 'Content-Type': 'application/json' }, - body: bodyToString, + body: bodyToString }) - response = JSON.stringify(res); + response = JSON.stringify(res) } catch (error) { console.error(error) const data = {} @@ -2534,20 +1814,16 @@ class WebBrowser extends LitElement { } else if (userWallet.action === 'reject') { response = '{"error": "User declined request"}' } - break } - case actions.GET_CROSSCHAIN_SERVER_INFO: { const requiredFields = ['coin'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -2556,7 +1832,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - let _url = `/crosschain/` + data.coin.toLowerCase() + `/serverinfos` try { this.loader.show() @@ -2567,30 +1842,27 @@ class WebBrowser extends LitElement { 'Accept': '*/*' } }) - response = JSON.stringify(res.servers); + response = JSON.stringify(res.servers) } catch (error) { - console.error(error) - const data = {} + console.error(error) + const data = {} data['error'] = error.message || 'Error in retrieving server info' - response = JSON.stringify(data) - return - } finally { - this.loader.hide() - } - + response = JSON.stringify(data) + return + } finally { + this.loader.hide() + } break } case actions.GET_TX_ACTIVITY_SUMMARY: { const requiredFields = ['coin'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -2599,9 +1871,8 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - try { - let coin = data.coin; + let coin = data.coin response = await parentEpml.request('apiCall', { type: 'api', method: 'POST', @@ -2609,7 +1880,7 @@ class WebBrowser extends LitElement { headers: { 'Accept': '*/*', 'Content-Type': 'application/json' - }, + } }) } catch (error) { const data = {} @@ -2620,11 +1891,87 @@ class WebBrowser extends LitElement { } } + case actions.GET_FOREIGN_FEE: { + const requiredFields = ['coin','type'] + const missingFields = [] + requiredFields.forEach((field) => { + if (!data[field]) { + missingFields.push(field) + } + }) + if (missingFields.length > 0) { + const missingFieldsString = missingFields.join(', ') + const errorMsg = `Missing fields: ${missingFieldsString}` + let data = {} + data['error'] = errorMsg + response = JSON.stringify(data) + break + } + try { + let coin = data.coin; + let type = data.type; + response = await parentEpml.request('apiCall', { + type: 'api', + method: 'GET', + url: `/crosschain/${coin}/${type}?apiKey=${this.getApiKey()}`, + headers: { + 'Accept': '*/*', + 'Content-Type': 'application/json' + }, + }) + } catch (error) { + const data = {} + data['error'] = "Error in get foreign fee" + response = JSON.stringify(data) + } finally { + break + } + } + + case actions.UPDATE_FOREIGN_FEE: { + const requiredFields = ['coin','type'] + const missingFields = [] + requiredFields.forEach((field) => { + if (!data[field]) { + missingFields.push(field) + } + }) + if (missingFields.length > 0) { + const missingFieldsString = missingFields.join(', ') + const errorMsg = `Missing fields: ${missingFieldsString}` + let data = {} + data['error'] = errorMsg + response = JSON.stringify(data) + break + } + try { + let coin = data.coin; + let type = data.type; + let value = data.value; + response = await parentEpml.request('apiCall', { + type: 'api', + method: 'POST', + url: `/crosschain/${coin}/update${type}?apiKey=${this.getApiKey()}`, + headers: { + 'Accept': '*/*', + 'Content-Type': 'application/json' + }, + body: `${value}` + }) + } catch (error) { + const data = {} + data['error'] = "Error in update foreign fee" + response = JSON.stringify(data) + } finally { + break + } + } + case actions.GET_DAY_SUMMARY: { try { response = await parentEpml.request('apiCall', { type: 'api', - url: `/admin/summary?apiKey=${this.getApiKey()}`, + url: `/admin/summary?apiKey=${this.getApiKey()}` }) } catch (error) { const data = {} @@ -2638,13 +1985,11 @@ class WebBrowser extends LitElement { case actions.SEND_COIN: { const requiredFields = ['coin', 'destinationAddress', 'amount'] const missingFields = [] - requiredFields.forEach((field) => { if (!data[field]) { missingFields.push(field) } }) - if (missingFields.length > 0) { const missingFieldsString = missingFields.join(', ') const errorMsg = `Missing fields: ${missingFieldsString}` @@ -2654,9 +1999,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(data) break } - let checkCoin = data.coin - if (checkCoin === "QORT") { // Params: data.coin, data.destinationAddress, data.amount, data.fee // TODO: prompt user to send. If they confirm, call `POST /crosschain/:coin/send`, or for QORT, broadcast a PAYMENT transaction @@ -2665,11 +2008,9 @@ class WebBrowser extends LitElement { const amount = Number(data.amount) const recipient = data.destinationAddress const coin = data.coin - const walletBalance = await parentEpml.request('apiCall', { - url: `/addresses/balance/${this.myAddress.address}`, + url: `/addresses/balance/${this.myAddress.address}` }) - if (isNaN(Number(walletBalance))) { let errorMsg = "Failed to Fetch QORT Balance. Try again!" let failedMsg = get("walletpage.wchange33") + " QORT " + get("general.balance") @@ -2680,18 +2021,15 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const myRef = await parentEpml.request("apiCall", { type: "api", - url: `/addresses/lastreference/${this.myAddress.address}`, + url: `/addresses/lastreference/${this.myAddress.address}` }) - const transformDecimals = (Number(walletBalance) * QORT_DECIMALS).toFixed(0) const walletBalanceDecimals = Number(transformDecimals) const amountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(transformDecimals) / 1e8).toFixed(8) const fee = await this.sendQortFee() - if (amountDecimals + (fee * QORT_DECIMALS) > walletBalanceDecimals) { let errorMsg = "Insufficient Funds!" let failedMsg = get("walletpage.wchange26") @@ -2702,7 +2040,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - if (amount <= 0) { let errorMsg = "Invalid Amount!" await showErrorAndWait("INVALID_AMOUNT", errorMsg) @@ -2711,7 +2048,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - if (recipient.length === 0) { let errorMsg = "Receiver cannot be empty!" await showErrorAndWait("NO_RECEIVER", errorMsg) @@ -2720,7 +2056,6 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -2731,7 +2066,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -2740,14 +2074,12 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - const validateName = async (receiverName) => { let myRes let myNameRes = await parentEpml.request('apiCall', { type: 'api', - url: `/names/${receiverName}`, + url: `/names/${receiverName}` }) - if (myNameRes.error === 401) { myRes = false } else { @@ -2755,21 +2087,17 @@ class WebBrowser extends LitElement { } return myRes } - const validateAddress = async (receiverAddress) => { return await window.parent.validateAddress(receiverAddress) } - const validateReceiver = async (recipient) => { let lastRef = myRef let isAddress - try { isAddress = await validateAddress(recipient) } catch (err) { isAddress = false } - if (isAddress) { let myTransaction = await makeTransactionRequest(recipient, lastRef) return getTxnRequestResponse(myTransaction) @@ -2787,26 +2115,22 @@ class WebBrowser extends LitElement { } } } - const getName = async (recipient) => { try { const getNames = await parentEpml.request("apiCall", { type: "api", url: `/names/address/${recipient}` }) - if (getNames.length > 0) { return getNames[0].name } else { return '' } } catch (error) { - return "" + return '' } } - this.loader.show() - const makeTransactionRequest = async (receiver, lastRef) => { let myReceiver = receiver let mylastRef = lastRef @@ -2832,7 +2156,6 @@ class WebBrowser extends LitElement { apiVersion: 2 }) } - const getTxnRequestResponse = (txnResponse) => { if (txnResponse.success === false && txnResponse.message) { this.loader.hide() @@ -2844,9 +2167,7 @@ class WebBrowser extends LitElement { this.loader.hide() throw new Error('Error: could not send coin') } - } - try { response = await validateReceiver(recipient) } catch (error) { @@ -2863,13 +2184,11 @@ class WebBrowser extends LitElement { const coin = data.coin const xprv58 = this.btcWallet.derivedMasterPrivateKey const feePerByte = data.fee ? data.fee : this.btcFeePerByte - const btcWalletBalance = await parentEpml.request('apiCall', { url: `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}`, method: 'POST', body: `${this.btcWallet.derivedMasterPublicKey}` }) - if (isNaN(Number(btcWalletBalance))) { this.loader.hide() let errorMsg = "Failed to Fetch BTC Balance. Try again!" @@ -2881,12 +2200,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const btcWalletBalanceDecimals = Number(btcWalletBalance) const btcAmountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(btcWalletBalance) / 1e8).toFixed(8) const fee = feePerByte * 500 // default 0.00050000 - if (btcAmountDecimals + (fee * QORT_DECIMALS) > btcWalletBalanceDecimals) { this.loader.hide() let errorMsg = "Insufficient Funds!" @@ -2898,9 +2215,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - this.loader.hide() - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -2911,7 +2226,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -2920,9 +2234,7 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - this.loader.show() - const makeRequest = async () => { const opts = { xprv58: xprv58, @@ -2932,7 +2244,6 @@ class WebBrowser extends LitElement { } return await parentEpml.request('sendBtc', opts) } - const manageResponse = (response) => { if (response.length === 64) { this.loader.hide() @@ -2953,7 +2264,6 @@ class WebBrowser extends LitElement { throw new Error(response) } } - try { const res = await makeRequest() manageResponse(res) @@ -2972,13 +2282,11 @@ class WebBrowser extends LitElement { const coin = data.coin const xprv58 = this.ltcWallet.derivedMasterPrivateKey const feePerByte = data.fee ? data.fee : this.ltcFeePerByte - const ltcWalletBalance = await parentEpml.request('apiCall', { url: `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}`, method: 'POST', body: `${this.ltcWallet.derivedMasterPublicKey}` }) - if (isNaN(Number(ltcWalletBalance))) { this.loader.hide() let errorMsg = "Failed to Fetch LTC Balance. Try again!" @@ -2990,12 +2298,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const ltcWalletBalanceDecimals = Number(ltcWalletBalance) const ltcAmountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(ltcWalletBalance) / 1e8).toFixed(8) const fee = feePerByte * 1000 // default 0.00030000 - if (ltcAmountDecimals + (fee * QORT_DECIMALS) > ltcWalletBalanceDecimals) { this.loader.hide() let errorMsg = "Insufficient Funds!" @@ -3007,9 +2313,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - this.loader.hide() - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -3020,7 +2324,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -3029,9 +2332,7 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - this.loader.show() - const makeRequest = async () => { const opts = { xprv58: xprv58, @@ -3041,7 +2342,6 @@ class WebBrowser extends LitElement { } return await parentEpml.request('sendLtc', opts) } - const manageResponse = (response) => { if (response.length === 64) { this.loader.hide() @@ -3062,7 +2362,6 @@ class WebBrowser extends LitElement { throw new Error(response) } } - try { const res = await makeRequest() manageResponse(res) @@ -3081,13 +2380,11 @@ class WebBrowser extends LitElement { const coin = data.coin const xprv58 = this.dogeWallet.derivedMasterPrivateKey const feePerByte = data.fee ? data.fee : this.dogeFeePerByte - const dogeWalletBalance = await parentEpml.request('apiCall', { url: `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}`, method: 'POST', body: `${this.dogeWallet.derivedMasterPublicKey}` }) - if (isNaN(Number(dogeWalletBalance))) { this.loader.hide() let errorMsg = "Failed to Fetch DOGE Balance. Try again!" @@ -3099,12 +2396,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const dogeWalletBalanceDecimals = Number(dogeWalletBalance) const dogeAmountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(dogeWalletBalance) / 1e8).toFixed(8) const fee = feePerByte * 5000 // default 0.05000000 - if (dogeAmountDecimals + (fee * QORT_DECIMALS) > dogeWalletBalanceDecimals) { this.loader.hide() let errorMsg = "Insufficient Funds!" @@ -3116,9 +2411,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - this.loader.hide() - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -3129,7 +2422,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -3138,9 +2430,7 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - this.loader.show() - const makeRequest = async () => { const opts = { xprv58: xprv58, @@ -3150,7 +2440,6 @@ class WebBrowser extends LitElement { } return await parentEpml.request('sendDoge', opts) } - const manageResponse = (response) => { if (response.length === 64) { this.loader.hide() @@ -3171,7 +2460,6 @@ class WebBrowser extends LitElement { throw new Error(response) } } - try { const res = await makeRequest() manageResponse(res) @@ -3190,13 +2478,11 @@ class WebBrowser extends LitElement { const coin = data.coin const xprv58 = this.dgbWallet.derivedMasterPrivateKey const feePerByte = data.fee ? data.fee : this.dgbFeePerByte - const dgbWalletBalance = await parentEpml.request('apiCall', { url: `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}`, method: 'POST', body: `${this.dgbWallet.derivedMasterPublicKey}` }) - if (isNaN(Number(dgbWalletBalance))) { this.loader.hide() let errorMsg = "Failed to Fetch DGB Balance. Try again!" @@ -3208,12 +2494,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const dgbWalletBalanceDecimals = Number(dgbWalletBalance) const dgbAmountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(dgbWalletBalance) / 1e8).toFixed(8) const fee = feePerByte * 500 // default 0.00005000 - if (dgbAmountDecimals + (fee * QORT_DECIMALS) > dgbWalletBalanceDecimals) { this.loader.hide() let errorMsg = "Insufficient Funds!" @@ -3225,9 +2509,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - this.loader.hide() - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -3238,7 +2520,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -3247,9 +2528,7 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - this.loader.show() - const makeRequest = async () => { const opts = { xprv58: xprv58, @@ -3259,7 +2538,6 @@ class WebBrowser extends LitElement { } return await parentEpml.request('sendDgb', opts) } - const manageResponse = (response) => { if (response.length === 64) { this.loader.hide() @@ -3280,7 +2558,6 @@ class WebBrowser extends LitElement { throw new Error(response) } } - try { const res = await makeRequest() manageResponse(res) @@ -3299,13 +2576,11 @@ class WebBrowser extends LitElement { const coin = data.coin const xprv58 = this.rvnWallet.derivedMasterPrivateKey const feePerByte = data.fee ? data.fee : this.rvnFeePerByte - const rvnWalletBalance = await parentEpml.request('apiCall', { url: `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}`, method: 'POST', body: `${this.rvnWallet.derivedMasterPublicKey}` }) - if (isNaN(Number(rvnWalletBalance))) { this.loader.hide() let errorMsg = "Failed to Fetch RVN Balance. Try again!" @@ -3317,12 +2592,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const rvnWalletBalanceDecimals = Number(rvnWalletBalance) const rvnAmountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(rvnWalletBalance) / 1e8).toFixed(8) const fee = feePerByte * 500 // default 0.00562500 - if (rvnAmountDecimals + (fee * QORT_DECIMALS) > rvnWalletBalanceDecimals) { this.loader.hide() let errorMsg = "Insufficient Funds!" @@ -3334,9 +2607,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - this.loader.hide() - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -3347,7 +2618,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -3356,9 +2626,7 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - this.loader.show() - const makeRequest = async () => { const opts = { xprv58: xprv58, @@ -3368,7 +2636,6 @@ class WebBrowser extends LitElement { } return await parentEpml.request('sendRvn', opts) } - const manageResponse = (response) => { if (response.length === 64) { this.loader.hide() @@ -3389,7 +2656,6 @@ class WebBrowser extends LitElement { throw new Error(response) } } - try { const res = await makeRequest() manageResponse(res) @@ -3408,13 +2674,11 @@ class WebBrowser extends LitElement { const coin = data.coin const memo = data.memo const seed58 = this.arrrWallet.seed58 - const arrrWalletBalance = await parentEpml.request('apiCall', { url: `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}`, method: 'POST', body: `${this.arrrWallet.seed58}` }) - if (isNaN(Number(arrrWalletBalance))) { this.loader.hide() let errorMsg = "Failed to Fetch ARRR Balance. Try again!" @@ -3426,12 +2690,10 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - const arrrWalletBalanceDecimals = Number(arrrWalletBalance) const arrrAmountDecimals = Number(amount) * QORT_DECIMALS const balance = (Number(arrrWalletBalance) / 1e8).toFixed(8) const fee = 0.00010000 - if (arrrAmountDecimals + (fee * QORT_DECIMALS) > arrrWalletBalanceDecimals) { this.loader.hide() let errorMsg = "Insufficient Funds!" @@ -3443,9 +2705,7 @@ class WebBrowser extends LitElement { response = JSON.stringify(obj) break } - this.loader.hide() - const processPayment = await showModalAndWait( actions.SEND_COIN, { @@ -3456,7 +2716,6 @@ class WebBrowser extends LitElement { fee } ) - if (processPayment.action === 'reject') { let errorMsg = "User declined request" let myMsg1 = get("transactions.declined") @@ -3465,9 +2724,7 @@ class WebBrowser extends LitElement { response = '{"error": "User declined request"}' break } - this.loader.show() - const makeRequest = async () => { const opts = { entropy58: seed58, @@ -3477,7 +2734,6 @@ class WebBrowser extends LitElement { } return await parentEpml.request('sendArrr', opts) } - const manageResponse = (response) => { if (response.length === 64) { this.loader.hide() @@ -3498,7 +2754,6 @@ class WebBrowser extends LitElement { throw new Error(response) } } - try { const res = await makeRequest() manageResponse(res) @@ -3513,7 +2768,7 @@ class WebBrowser extends LitElement { break } } - break; + break default: console.log('Unhandled message: ' + JSON.stringify(data)) return @@ -3531,24 +2786,446 @@ class WebBrowser extends LitElement { if (responseObj.error != null) { event.ports[0].postMessage({ result: null, - error: responseObj, + error: responseObj }) } else { event.ports[0].postMessage({ result: responseObj, - error: null, + error: null }) } }) + this.clearConsole() + setInterval(() => { this.clearConsole() }, 60000) } - getUserWallet(coin) { - let userWallet = {}; + renderFullScreen() { + if (window.innerHeight == screen.height) { + return html` + this.exitFullScreen()} + title="${translate('browserpage.bchange38')}" + class="address-bar-button float-right" + > + fullscreen_exit + + ` + } else { + return html` + this.goFullScreen()} + title="${translate('browserpage.bchange37')}" + class="address-bar-button float-right" + > + fullscreen + + ` + } + } + goFullScreen() { + var elem = this.shadowRoot.getElementById('websitesWrapper') + if (elem.requestFullscreen) { + elem.requestFullscreen() + } else if (elem.mozRequestFullScreen) { + elem.mozRequestFullScreen() + } else if (elem.webkitRequestFullscreen) { + elem.webkitRequestFullscreen() + } else if (elem.msRequestFullscreen) { + elem.msRequestFullscreen() + } + this.renderFullScreen() + } + + exitFullScreen() { + if (document.exitFullscreen) { + document.exitFullscreen() + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen() + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen() + } else if (document.msExitFullscreen) { + document.msExitFullscreen() + } + this.renderFullScreen() + } + + async unitJoinFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=JOIN_GROUP` + const response = await fetch(url) + if (!response.ok) { + throw new Error('Error when fetching join fee') + } + const data = await response.json() + return (Number(data) / 1e8).toFixed(8) + } + + async deployAtFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=DEPLOY_AT` + const response = await fetch(url) + if (!response.ok) { + throw new Error('Error when fetching join fee') + } + const data = await response.json() + return (Number(data) / 1e8).toFixed(8) + } + + async getArbitraryFee() { + const timestamp = Date.now() + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` + const response = await fetch(url) + if (!response.ok) { + throw new Error('Error when fetching arbitrary fee') + } + const data = await response.json() + const arbitraryFee = (Number(data) / 1e8).toFixed(8) + return { + timestamp, + fee: Number(data), + feeToShow: arbitraryFee + } + } + async sendQortFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` + const response = await fetch(url) + if (!response.ok) { + throw new Error('Error when fetching join fee') + } + const data = await response.json() + return (Number(data) / 1e8).toFixed(8) + } + + async unitVoteFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=VOTE_ON_POLL` + const response = await fetch(url) + if (!response.ok) { + throw new Error('Error when fetching vote fee') + } + const data = await response.json() + return (Number(data) / 1e8).toFixed(8) + } + + async unitCreatePollFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=CREATE_POLL` + const response = await fetch(url) + if (!response.ok) { + throw new Error('Error when fetching vote fee') + } + const data = await response.json() + return (Number(data) / 1e8).toFixed(8) + } + + async _joinGroup(groupId, groupName) { + const joinFeeInput = await this.unitJoinFee() + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.selectedAddress.address}` + }) + } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + return getTxnRequestResponse(myTransaction) + } + const makeTransactionRequest = async (lastRef) => { + let groupdialog1 = get("transactions.groupdialog1") + let groupdialog2 = get("transactions.groupdialog2") + return await parentEpml.request('transaction', { + type: 31, + nonce: this.selectedAddress.nonce, + params: { + fee: joinFeeInput, + registrantAddress: this.selectedAddress.address, + rGroupName: groupName, + rGroupId: groupId, + lastReference: lastRef, + groupdialog1: groupdialog1, + groupdialog2: groupdialog2 + }, + apiVersion: 2 + }) + } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + throw new Error(txnResponse.message) + } else if (txnResponse.success === true && !txnResponse.data.error) { + return txnResponse.data + } else if (txnResponse.data && txnResponse.data.message) { + throw new Error(txnResponse.data.message) + } else { + throw new Error('Server error. Could not perform action.') + } + } + return await validateReceiver() + } + + async _deployAt(name, description, tags, creationBytes, amount, assetId, atType) { + const deployAtFee = await this.deployAtFee() + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.selectedAddress.address}` + }) + } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + return getTxnRequestResponse(myTransaction) + } + const makeTransactionRequest = async (lastRef) => { + let deployAtdialog1 = get("transactions.deployAtdialog1") + let deployAtdialog2 = get("transactions.deployAtdialog2") + let deployAtdialog3 = get("transactions.deployAtdialog3") + let deployAtdialog4 = get("walletpage.wchange12") + return await parentEpml.request('transaction', { + type: 16, + nonce: this.selectedAddress.nonce, + params: { + fee: deployAtFee, + rName: name, + rDescription: description, + rTags: tags, + rAmount: amount, + rAssetId: assetId, + rCreationBytes: creationBytes, + atType: atType, + lastReference: lastRef, + atDeployDialog1: deployAtdialog1, + atDeployDialog2: deployAtdialog2, + atDeployDialog3: deployAtdialog3, + atDeployDialog4: deployAtdialog4 + }, + apiVersion: 2 + }) + } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + throw new Error(txnResponse.message) + } else if (txnResponse.success === true && !txnResponse.data.error) { + return txnResponse.data + } else if (txnResponse.data && txnResponse.data.message) { + throw new Error(txnResponse.data.message) + } else { + throw new Error('Server error. Could not perform action.') + } + } + return await validateReceiver() + } + + async _voteOnPoll(pollName, optionIndex) { + const voteFeeInput = await this.unitVoteFee() + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.selectedAddress.address}` + }) + } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + return getTxnRequestResponse(myTransaction) + } + const makeTransactionRequest = async (lastRef) => { + let votedialog1 = get("transactions.votedialog1") + let votedialog2 = get("transactions.votedialog2") + let feeDialog = get("walletpage.wchange12") + + return await parentEpml.request('transaction', { + type: 9, + nonce: this.selectedAddress.nonce, + params: { + fee: voteFeeInput, + voterAddress: this.selectedAddress.address, + rPollName: pollName, + rOptionIndex: optionIndex, + lastReference: lastRef, + votedialog1: votedialog1, + votedialog2: votedialog2, + feeDialog + }, + apiVersion: 2 + }) + } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + throw new Error(txnResponse.message) + } else if (txnResponse.success === true && !txnResponse.data.error) { + return txnResponse.data + } else if (txnResponse.data && txnResponse.data.message) { + throw new Error(txnResponse.data.message) + } else { + throw new Error('Server error. Could not perform action.') + } + } + return await validateReceiver() + } + + async _createPoll(pollName, pollDescription, options, pollOwnerAddress) { + const voteFeeInput = await this.unitCreatePollFee() + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.selectedAddress.address}` + }) + } + const validateReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) + return getTxnRequestResponse(myTransaction) + } + const makeTransactionRequest = async (lastRef) => { + let votedialog3 = get("transactions.votedialog3") + let votedialog4 = get("transactions.votedialog4") + let votedialog5 = get("transactions.votedialog5") + let votedialog6 = get("transactions.votedialog6") + let feeDialog = get("walletpage.wchange12") + return await parentEpml.request('transaction', { + type: 8, + nonce: this.selectedAddress.nonce, + params: { + fee: voteFeeInput, + ownerAddress: pollOwnerAddress, + rPollName: pollName, + rPollDesc: pollDescription, + rOptions: options, + lastReference: lastRef, + votedialog3: votedialog3, + votedialog4: votedialog4, + votedialog5: votedialog5, + votedialog6: votedialog6, + feeDialog + }, + apiVersion: 2 + }) + } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + throw new Error(txnResponse.message) + } else if (txnResponse.success === true && !txnResponse.data.error) { + return txnResponse.data + } else if (txnResponse.data && txnResponse.data.message) { + throw new Error(txnResponse.data.message) + } else { + throw new Error('Server error. Could not perform action.') + } + } + return await validateReceiver() + } + + async extractComponents(url) { + if (!url.startsWith("qortal://")) { + return null + } + url = url.replace(/^(qortal\:\/\/)/, "") + if (url.includes("/")) { + let parts = url.split("/") + const service = parts[0].toUpperCase() + parts.shift() + const name = parts[0] + parts.shift() + let identifier + if (parts.length > 0) { + identifier = parts[0] // Do not shift yet + // Check if a resource exists with this service, name and identifier combination + let responseObj = await parentEpml.request('apiCall', { + url: `/arbitrary/resource/status/${service}/${name}/${identifier}?apiKey=${this.getApiKey()}` + }) + + if (responseObj.totalChunkCount > 0) { + // Identifier exists, so don't include it in the path + parts.shift() + } + else { + identifier = null + } + } + const path = parts.join("/") + const components = {} + components["service"] = service + components["name"] = name + components["identifier"] = identifier + components["path"] = path + return components + } + return null + } + + async _handleKeyDown(e) { + if (e.key === 'Enter') { + let newQuery = e.target.value + if (newQuery.endsWith('/')) { + newQuery = newQuery.slice(0, -1) + } + const res = await this.extractComponents(newQuery) + if (!res) return + const { service, name, identifier, path } = res + let query = `?service=${service}` + if (name) { + query = query + `&name=${name}` + } + if (identifier) { + query = query + `&identifier=${identifier}` + } + if (path) { + query = query + `&path=${path}` + } + window.location = window.location.origin + window.location.pathname + query + } + } + + async linkOpenNewTab(link) { + let newQuery = link + if (newQuery.endsWith('/')) { + newQuery = newQuery.slice(0, -1) + } + const res = await this.extractComponents(newQuery) + if (!res) return + const { service, name, identifier, path } = res + let query = `?service=${service}` + if (name) { + query = query + `&name=${name}` + } + if (identifier) { + query = query + `&identifier=${identifier}` + } + if (path) { + query = query + `&path=${path}` + } + window.parent.reduxStore.dispatch(window.parent.reduxAction.setNewTab({ + url: `qdn/browser/index.html${query}`, + id: this.uid.rnd(), + myPlugObj: { + "url": service === 'WEBSITE' ? "websites" : "qapps", + "domain": "core", + "page": `qdn/browser/index.html${query}`, + "title": name, + "icon": service === 'WEBSITE' ? 'vaadin:desktop' : 'vaadin:external-browser', + "mwcicon": service === 'WEBSITE' ? 'desktop_mac' : 'open_in_browser', + "menus": [], + "parent": false + } + })) + } + + getUserWallet(coin) { + let userWallet = {} switch (coin) { case 'QORT': userWallet['address'] = window.parent.reduxStore.getState().app.selectedAddress.address @@ -3579,7 +3256,7 @@ class WebBrowser extends LitElement { default: break } - return userWallet; + return userWallet } clearConsole() { @@ -3602,7 +3279,6 @@ class WebBrowser extends LitElement { changeLanguage() { const checkLanguage = localStorage.getItem('qortalLanguage') - if (checkLanguage === null || checkLanguage.length === 0) { localStorage.setItem('qortalLanguage', 'us') use('us') @@ -3615,20 +3291,19 @@ class WebBrowser extends LitElement { if (!appName) throw new Error('unknown app name') const id = `appNotificationList-${this.selectedAddress.address}` const checkData = localStorage.getItem(id) ? JSON.parse(localStorage.getItem(id)) : null - if (!checkData) { const newData = { [appName]: { interval: 900000, // 15mins in milliseconds - lastNotification: null, - }, + lastNotification: null + } } localStorage.setItem(id, JSON.stringify(newData)) } else { const copyData = { ...checkData } copyData[appName] = { interval: 900000, // 15mins in milliseconds - lastNotification: null, + lastNotification: null } localStorage.setItem(id, JSON.stringify(copyData)) } @@ -3636,7 +3311,6 @@ class WebBrowser extends LitElement { updateLastNotification(id, appName) { const checkData = localStorage.getItem(id) ? JSON.parse(localStorage.getItem(id)) : null - if (checkData) { const copyData = { ...checkData } if (copyData[appName]) { @@ -3644,7 +3318,7 @@ class WebBrowser extends LitElement { } else { copyData[appName] = { interval: 900000, // 15mins in milliseconds - lastNotification: Date.now(), + lastNotification: Date.now() } } localStorage.setItem(id, JSON.stringify(copyData)) @@ -3657,23 +3331,28 @@ class WebBrowser extends LitElement { if (this.followedNames == null || !Array.isArray(this.followedNames)) { return html`` } - if (this.followedNames.indexOf(this.name) === -1) { // render follow button - return html` this.follow()} - title="${translate('browserpage.bchange7')} ${this.name}" - class="address-bar-button float-right" - >add_to_queue` + return html` + this.follow()} + title="${translate('browserpage.bchange7')} ${this.name}" + class="address-bar-button float-right" + > + add_to_queue + + ` } else { // render unfollow button - return html` this.unfollow()} - title="${translate('browserpage.bchange8')} ${this.name}" - class="address-bar-button float-right" - >remove_from_queue` + return html` + this.unfollow()} + title="${translate('browserpage.bchange8')} ${this.name}" + class="address-bar-button float-right" + > + remove_from_queue + + ` } } @@ -3682,28 +3361,32 @@ class WebBrowser extends LitElement { if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { return html`` } - if (this.blockedNames.indexOf(this.name) === -1) { // render block button - return html` this.block()} - title="${translate('browserpage.bchange9')} ${this.name}" - class="address-bar-button float-right" - >block` + return html` + this.block()} + title="${translate('browserpage.bchange9')} ${this.name}" + class="address-bar-button float-right" + > + block + + ` } else { // render unblock button - return html` this.unblock()} - title="${translate('browserpage.bchange10')} ${this.name}" - class="address-bar-button float-right" - >radio_button_unchecked` + return html` + this.unblock()} + title="${translate('browserpage.bchange10')} ${this.name}" + class="address-bar-button float-right" + > + radio_button_unchecked + + ` } } // Navigation - goBack() { window.history.back() } @@ -3718,9 +3401,7 @@ class WebBrowser extends LitElement { if (this.dev === 'FRAMEWORK') { this.url = `${this.link}?time=${new Date().getMilliseconds()}` } else { - this.url = `${nodeUrl}/render/${this.service}/${this.name}${this.path != null ? this.path : '' - }?theme=${this.theme}&identifier=${this.identifier != null ? this.identifier : '' - }&time=${new Date().getMilliseconds()}` + this.url = `${nodeUrl}/render/${this.service}/${this.name}${this.path != null ? this.path : ''}?theme=${this.theme}&identifier=${this.identifier != null ? this.identifier : ''}&time=${new Date().getMilliseconds()}` } } @@ -3731,7 +3412,7 @@ class WebBrowser extends LitElement { } else { // Default to websites list this.exitFullScreen() - window.location = '../index.html' + window.location = '../../q-website/index.html' } } @@ -3758,16 +3439,14 @@ class WebBrowser extends LitElement { async followName(name) { let items = [name] let namesJsonString = JSON.stringify({ items: items }) - let ret = await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.getApiKey()}`, method: 'POST', headers: { - 'Content-Type': 'application/json', + 'Content-Type': 'application/json' }, - body: `${namesJsonString}`, + body: `${namesJsonString}` }) - if (ret === true) { // Successfully followed - add to local list // Remove it first by filtering the list - doing it this way ensures the UI updates @@ -3780,23 +3459,20 @@ class WebBrowser extends LitElement { let err1string = get('browserpage.bchange11') parentEpml.request('showSnackBar', `${err1string}`) } - return ret } async unfollowName(name) { let items = [name] let namesJsonString = JSON.stringify({ items: items }) - let ret = await parentEpml.request('apiCall', { url: `/lists/followedNames?apiKey=${this.getApiKey()}`, method: 'DELETE', headers: { - 'Content-Type': 'application/json', + 'Content-Type': 'application/json' }, - body: `${namesJsonString}`, + body: `${namesJsonString}` }) - if (ret === true) { // Successfully unfollowed - remove from local list this.followedNames = this.followedNames.filter( @@ -3806,23 +3482,20 @@ class WebBrowser extends LitElement { let err2string = get('browserpage.bchange12') parentEpml.request('showSnackBar', `${err2string}`) } - return ret } async blockName(name) { let items = [name] let namesJsonString = JSON.stringify({ items: items }) - let ret = await parentEpml.request('apiCall', { url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, method: 'POST', headers: { - 'Content-Type': 'application/json', + 'Content-Type': 'application/json' }, - body: `${namesJsonString}`, + body: `${namesJsonString}` }) - if (ret === true) { // Successfully blocked - add to local list // Remove it first by filtering the list - doing it this way ensures the UI updates @@ -3835,33 +3508,27 @@ class WebBrowser extends LitElement { let err3string = get('browserpage.bchange13') parentEpml.request('showSnackBar', `${err3string}`) } - return ret } async unblockName(name) { let items = [name] let namesJsonString = JSON.stringify({ items: items }) - let ret = await parentEpml.request('apiCall', { url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, method: 'DELETE', headers: { - 'Content-Type': 'application/json', + 'Content-Type': 'application/json' }, - body: `${namesJsonString}`, + body: `${namesJsonString}` }) - if (ret === true) { // Successfully unblocked - remove from local list - this.blockedNames = this.blockedNames.filter( - (item) => item != name - ) + this.blockedNames = this.blockedNames.filter((item) => item != name) } else { let err4string = get('browserpage.bchange14') parentEpml.request('showSnackBar', `${err4string}`) } - return ret } @@ -3872,32 +3539,34 @@ class WebBrowser extends LitElement { parentEpml.request('showSnackBar', `${err5string}`) return } - let identifier = (this.identifier == null || this.identifier.length == 0) ? 'default' : this.identifier - let ret = await parentEpml.request('apiCall', { - url: `/arbitrary/resource/${this.service}/${this.name - }/${identifier}?apiKey=${this.getApiKey()}`, - method: 'DELETE', + url: `/arbitrary/resource/${this.service}/${this.name}/${identifier}?apiKey=${this.getApiKey()}`, + method: 'DELETE' }) - if (ret === true) { this.goBackToList() } else { let err6string = get('browserpage.bchange16') parentEpml.request('showSnackBar', `${err6string}`) } - return ret } + // Standard functions getApiKey() { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('web-browser', WebBrowser) @@ -3913,7 +3582,6 @@ async function showModalAndWait(type, data) {
    - ${type === actions.GET_USER_ACCOUNT ? `

    ${`${data.service.toLowerCase()} ${get("browserpage.bchange18")}`}

    @@ -3977,11 +3645,13 @@ async function showModalAndWait(type, data) {

    ${get("browserpage.bchange52")}

    ` : ''} + ${type === actions.GET_WALLET_BALANCE ? `

    ${get("browserpage.bchange20")}

    ` : ''} + ${type === actions.GET_LIST_ITEMS ? `

    ${get("browserpage.bchange41")}

    @@ -3994,6 +3664,7 @@ async function showModalAndWait(type, data) {
    ` : ''} + ${type === actions.GET_FRIENDS_LIST ? `

    ${get("browserpage.bchange54")}

    @@ -4005,6 +3676,7 @@ async function showModalAndWait(type, data) {
    ` : ''} + ${type === actions.ADD_LIST_ITEMS ? `

    ${get("browserpage.bchange43")}

    @@ -4012,17 +3684,20 @@ async function showModalAndWait(type, data) {

    ${get("browserpage.bchange42")}: ${data.items.join(', ')}

    ` : ''} + ${type === actions.SAVE_FILE ? `

    ${get("browserpage.bchange46")}: ${data.filename}

    ` : ''} + ${type === actions.GET_PROFILE_DATA ? `

    ${get("browserpage.bchange49")}: ${data.property}

    ` : ''} + ${type === actions.SET_PROFILE_DATA ? `

    ${get("browserpage.bchange50")} ${data.property}

    @@ -4032,6 +3707,7 @@ async function showModalAndWait(type, data) {

    ${get('browserpage.bchange51')}

    ` : ''} + ${type === actions.NOTIFICATIONS_PERMISSION ? `

    ${get("browserpage.bchange48")}

    @@ -4045,6 +3721,7 @@ async function showModalAndWait(type, data) {

    ${get("browserpage.bchange42")}: ${data.item}

    ` : ''} + ${type === actions.SEND_CHAT_MESSAGE ? `

    ${get("browserpage.bchange22")}

    ` : ''} @@ -4072,11 +3749,12 @@ async function showModalAndWait(type, data) { } resolve({ action: 'accept', userData }) }) + const modalContent = modal.querySelector('.modal-content') modalContent.addEventListener('click', (e) => { e.stopPropagation() - }) + const backdropClick = document.getElementById('backdrop') backdropClick.addEventListener('click', () => { if (modal.parentNode === document.body) { @@ -4091,12 +3769,14 @@ async function showModalAndWait(type, data) { } resolve({ action: 'reject' }) }) + const labelButton = modal.querySelector('#authButtonLabel') if (labelButton) { labelButton.addEventListener('click', () => { this.shadowRoot.getElementById('authButton').click() }) } + const checkbox = modal.querySelector('#authButton') if (checkbox) { checkbox.addEventListener('click', (e) => { @@ -4107,12 +3787,14 @@ async function showModalAndWait(type, data) { window.parent.reduxStore.dispatch(window.parent.reduxAction.allowQAPPAutoAuth(true)) }) } + const labelButton2 = modal.querySelector('#listsButtonLabel') if (labelButton2) { labelButton2.addEventListener('click', () => { this.shadowRoot.getElementById('listsButton').click() }) } + const checkbox2 = modal.querySelector('#listsButton') if (checkbox2) { checkbox2.addEventListener('click', (e) => { @@ -4130,6 +3812,7 @@ async function showModalAndWait(type, data) { this.shadowRoot.getElementById('listsButton').click() }) } + const labelButtonFriendsList2 = modal.querySelector('#friendsListCheckbox') if (labelButtonFriendsList2) { labelButtonFriendsList2.addEventListener('click', (e) => { @@ -4153,7 +3836,6 @@ async function showErrorAndWait(type, data, data1) {
    - ${type === "MISSING_FIELDS" ? `

    ${data}

    @@ -4216,181 +3898,16 @@ async function showErrorAndWait(type, data, data1) {

    ${data1}

    ` : ''} -
    ` document.body.appendChild(error) - await modalDelay(3000) document.body.removeChild(error) } // Add the styles for the modal -const styles = ` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-checkbox-unchecked-color: var(--black); - --mdc-theme-on-surface: var(--black); - --mdc-checkbox-disabled-color: var(--black); - --mdc-checkbox-ink-color: var(--black); - } - - .backdrop { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgb(186 186 186 / 26%); - overflow: hidden; - animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 1s forwards; - z-index: 1000000; - } - - @keyframes backdrop_blur { - 0% { - backdrop-filter: blur(0px); - background: transparent; - } - 100% { - backdrop-filter: blur(5px); - background: rgb(186 186 186 / 26%); - } - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } - - .modal { - position: relative; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; - z-index: 1000001; - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } - - .modal-content { - background-color: var(--white); - border-radius: 10px; - padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - max-width: 80%; - min-width: 300px; - display: flex; - flex-direction: column; - justify-content: space-between; - } - - .modal-body { - padding: 25px; - } - - .modal-subcontainer { - color: var(--black); - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 15px; - } - - .modal-subcontainer-error { - color: var(--black); - display: flex; - flex-direction: column; - align-items: center; - gap: 15px; - overflow: auto; - max-height: calc(95vh - 250px); - } - - .modal-paragraph-error { - font-family: Roboto, sans-serif; - font-size: 20px; - letter-spacing: 0.3px; - font-weight: 700; - color: var(--black); - margin: 0; - } - - .modal-paragraph { - font-family: Roboto, sans-serif; - font-size: 18px; - letter-spacing: 0.3px; - font-weight: 300; - color: var(--black); - margin: 0; - word-wrap: break-word; - overflow-wrap: break-word; - } - - .capitalize-first { - text-transform: capitalize; - } - - .checkbox-row { - display: flex; - align-items: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } - - .modal-buttons { - display: flex; - justify-content: space-between; - margin-top: 20px; - } - - .modal-buttons button { - background-color: #4caf50; - border: none; - color: #fff; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - transition: background-color 0.2s; - } - - .modal-buttons button:hover { - background-color: #3e8e41; - } - - #cancel-button { - background-color: #f44336; - } - - #cancel-button:hover { - background-color: #d32f2f; - } -` - const styleSheet = new CSSStyleSheet() -styleSheet.replaceSync(styles) - -document.adoptedStyleSheets = [styleSheet] +styleSheet.replaceSync(webBrowserModalStyles) +document.adoptedStyleSheets = [styleSheet] \ No newline at end of file diff --git a/plugins/plugins/core/qdn/browser/computePowWorker.src.js b/plugins/plugins/core/qdn/browser/computePowWorker.src.js deleted file mode 100644 index b89b9d84..00000000 --- a/plugins/plugins/core/qdn/browser/computePowWorker.src.js +++ /dev/null @@ -1,82 +0,0 @@ -import {Sha256} from 'asmcrypto.js' - - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old -} - - - -self.addEventListener('message', async e => { - const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) - postMessage(response) - -}) - - -const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) -const heap = new Uint8Array(memory.buffer) - - - -const computePow = async (chatBytes, path, difficulty) => { - - let response = null - - await new Promise((resolve, reject)=> { - - const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }); - const chatBytesArray = new Uint8Array(_chatBytesArray); - const chatBytesHash = new Sha256().process(chatBytesArray).finish().result; - const hashPtr = sbrk(32, heap); - const hashAry = new Uint8Array(memory.buffer, hashPtr, 32); - hashAry.set(chatBytesHash); - - - const workBufferLength = 8 * 1024 * 1024; - const workBufferPtr = sbrk(workBufferLength, heap); - - - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - // Fetch the file and compile it - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - - // Create the instance. - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - chatBytesArray - } - - resolve() - - }); - - - }) - - return response -} diff --git a/plugins/plugins/core/qdn/browser/computePowWorkerFile.src.js b/plugins/plugins/core/qdn/browser/computePowWorkerFile.src.js deleted file mode 100644 index b8bd962d..00000000 --- a/plugins/plugins/core/qdn/browser/computePowWorkerFile.src.js +++ /dev/null @@ -1,91 +0,0 @@ -import {Sha256} from 'asmcrypto.js' - - -function sbrk(size, heap){ - let brk = 512 * 1024 // stack top - let old = brk - brk += size - - if (brk > heap.length) - throw new Error('heap exhausted') - - return old -} - - - - -self.addEventListener('message', async e => { - const response = await computePow(e.data.convertedBytes, e.data.path) - postMessage(response) - -}) - - -const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) -const heap = new Uint8Array(memory.buffer) - - - -const computePow = async (convertedBytes, path) => { - - - let response = null - - await new Promise((resolve, reject)=> { - - const _convertedBytesArray = Object.keys(convertedBytes).map( - function (key) { - return convertedBytes[key] - } -) -const convertedBytesArray = new Uint8Array(_convertedBytesArray) -const convertedBytesHash = new Sha256() - .process(convertedBytesArray) - .finish().result -const hashPtr = sbrk(32, heap) -const hashAry = new Uint8Array( - memory.buffer, - hashPtr, - 32 -) - -hashAry.set(convertedBytesHash) -const difficulty = 14 -const workBufferLength = 8 * 1024 * 1024 -const workBufferPtr = sbrk( - workBufferLength, - heap -) - - const importObject = { - env: { - memory: memory - }, - }; - - function loadWebAssembly(filename, imports) { - return fetch(filename) - .then(response => response.arrayBuffer()) - .then(buffer => WebAssembly.compile(buffer)) - .then(module => { - return new WebAssembly.Instance(module, importObject); - }); -} - - -loadWebAssembly(path) - .then(wasmModule => { - response = { - nonce : wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), - - } - resolve() - - }); - - - }) - - return response -} diff --git a/plugins/plugins/core/qdn/data-management/data-management.src.js b/plugins/plugins/core/qdn/data-management/data-management.src.js deleted file mode 100644 index b66fa508..00000000 --- a/plugins/plugins/core/qdn/data-management/data-management.src.js +++ /dev/null @@ -1,1099 +0,0 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../../epml' -import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@material/mwc-button' -import '@material/mwc-dialog' -import '@material/mwc-icon' -import '@polymer/paper-dialog/paper-dialog.js' -import '@vaadin/button' -import '@vaadin/grid' -import '@vaadin/icon' -import '@vaadin/icons' -import '@vaadin/text-field' - -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class DataManagement extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - searchBlockedNames: { type: Array }, - searchFollowedNames: { type: Array }, - searchDatres: { type: Array }, - blockedNames: { type: Array }, - followedNames: { type: Array }, - datres: { type: Array }, - dataImageUrl: { type: String }, - savedGifRepo: { type: Array }, - collectionName: { type: String }, - theme: { type: String, reflect: true } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-max-width: 85vw; - --mdc-dialog-max-height: 95vh; - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - #pages { - display: flex; - flex-wrap: wrap; - padding: 10px 5px 5px 5px; - margin: 0px 20px 20px 20px; - } - - #pages > button { - user-select: none; - padding: 5px; - margin: 0 5px; - border-radius: 10%; - border: 0; - background: transparent; - font: inherit; - outline: none; - cursor: pointer; - color: var(--black); - } - - #pages > button:not([disabled]):hover, - #pages > button:focus { - color: #ccc; - background-color: #eee; - } - - #pages > button[selected] { - font-weight: bold; - color: var(--white); - background-color: #ccc; - } - - #pages > button[disabled] { - opacity: 0.5; - cursor: default; - } - - paper-dialog.gif-repo { - width: auto; - max-width: 80vw; - height: auto; - max-height: 80vh; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - line-height: 1.6; - overflow-y: auto; - } - - .actions { - display:flex; - justify-content: space-between; - padding: 0 1em; - margin: 12px 0 -6px 0; - } - - #websites-list-page { - background: var(--white); - padding: 12px 24px; - } - - #search { - display: flex; - width: 50%; - align-items: center; - } - - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - margin-bottom: 2em; - } - - .image-container { - display: flex; - } - - .image-display { - height: auto; - max-height: 80vh; - width: auto; - max-width: 80vw; - object-fit: contain; - border-radius: 5px; - } - - .green { - --mdc-theme-primary: #198754; - } - - .red { - --mdc-theme-primary: #F44336; - } - - .close-icon { - font-size: 36px; - } - - .close-icon:hover { - cursor: pointer; - opacity: .6; - } - - .buttons { - text-align: right; - } - - .container { - max-width: 90vw; - margin-left: auto; - margin-right: auto; - margin-top: 20px; - padding: .6em; - } - - a.visitSite { - text-decoration: none; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - a.visitSite { - color: var(--black); - text-decoration: none; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - .details { - display: flex; - font-size: 18px; - } - - span { - font-size: 18px; - word-break: break-all; - } - - select { - padding: 13px 20px; - width: 100%; - font-size: 14px; - color: #555; - font-weight: 400; - } - - .title { - font-weight:600; - font-size:12px; - line-height: 32px; - opacity: 0.66; - } - - .itemList { - padding:0; - } - - .default-identifier { - font-size: 14px; - font-style: italic; - } - ` - } - - constructor() { - super() - this.selectedAddress = {} - this.searchBlockedNames = [] - this.searchFollowedNames = [] - this.searchDatres = [] - this.blockedNames = [] - this.followedNames = [] - this.datres = [] - this.isLoading = false - this.dataImageUrl = '' - this.savedGifRepo = [] - this.collectionName = '' - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - gifCollection() { - return html` - - { - render(html`${data.item.name}`, root) - }} - > - { - render(html`${data.item.identifier}`, root) - }} - > - { - render(html`${data.item.filepath}`, root) - }} - > - { - render(html`${this.renderViewGifImage(data.item)}`, root) - }} - > - - - -
    -
    -
    - -
    -
    - {this.closeGifRepoImageView()}} - > - ${translate("general.close")} - -     - ` - } - - render() { - return html` -
    -
    -

    ${translate("datapage.dchange1")}

    -
    -
    -

    ${translate("datapage.dchange2")}

    -
    - - - - { - render(html`${this.renderSearchIdentifier(data.item)}`, root) - }}> - - { - render(html`${this.renderSearchDeleteButton(data.item)}`, root); - }}> - - { - render(html`${this.renderSearchBlockUnblockButton(data.item)}`, root); - }}> - - { - if (data.item.service === "QCHAT_IMAGE") { - render(html`${this.renderViewQchatImage(data.item)}`, root) - } else if (data.item.service === "THUMBNAIL") { - render(html`${this.renderViewAvatarImage(data.item)}`, root) - } else if (data.item.service === "GIF_REPOSITORY") { - render(html`${this.renderViewGifRepo(data.item)}`, root) - } else if (data.item.service === "WEBSITE") { - render(html`${this.renderViewWebsite(data.item)}`, root) - } else { - render(html``, root) - } - }}> - - -

    -
    -

    ${translate("datapage.dchange9")}

    - - - - { - render(html`${this.renderIdentifier(data.item)}`, root) - }}> - - { - render(html`${this.renderDeleteButton(data.item)}`, root); - }}> - - { - render(html`${this.renderBlockUnblockButton(data.item)}`, root); - }}> - - { - if (data.item.service === "QCHAT_IMAGE") { - render(html`${this.renderViewQchatImage(data.item)}`, root) - } else if (data.item.service === "THUMBNAIL") { - render(html`${this.renderViewAvatarImage(data.item)}`, root) - } else if (data.item.service === "GIF_REPOSITORY") { - render(html`${this.renderViewGifRepo(data.item)}`, root) - } else if (data.item.service === "WEBSITE") { - render(html`${this.renderViewWebsite(data.item)}`, root) - } else { - render(html``, root) - } - }}> - - -
    - ${this.renderDefaultText()} -
    - - -
    -
    -
    - -
    -
    - {this.closeQchatImageViewDialog()}} - > - ${translate("general.close")} - -     - - -
    -
    -
    - -
    -
    - {this.closeAvatarImageViewDialog()}} - > - ${translate("general.close")} - -     -
    - - -
    -

    ${translate("gifs.gchange9")} : ${this.collectionName}

    - this.closeGifRepoView()} title="${translate("general.close")}">highlight_off -
    -
    -
    ${this.gifCollection()}
    -     - ` - } - - firstUpdated() { - this.changeTheme() - this.changeLanguage() - this.showManagement() - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - this.config = JSON.parse(c) - if (!configLoaded) { - setTimeout(this.getFollowedNames, 1) - setTimeout(this.getBlockedNames, 1) - setInterval(this.getFollowedNames, 30 * 1000) - setInterval(this.getBlockedNames, 30 * 1000) - setTimeout(this.getSearchFollowedNames, 1) - setTimeout(this.getSearchBlockedNames, 1) - setInterval(this.getSearchFollowedNames, 30 * 1000) - setInterval(this.getSearchBlockedNames, 30 * 1000) - setInterval(this.getManagementDetails, 30 * 1000) - configLoaded = true - } - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - searchListener(e) { - if (e.key === 'Enter') { - this.doSearch(e); - } - } - - doSearch(e) { - this.searchResult() - } - - async searchResult() { - let searchName = this.shadowRoot.getElementById('searchName').value - if (searchName.length === 0) { - let err1string = get("datapage.dchange10") - parentEpml.request('showSnackBar', `${err1string}`) - } else { - let searchDatres = await parentEpml.request('apiCall', { - url: `/arbitrary/hosted/resources?includestatus=true&limit=20&offset=0&query=${searchName}&apiKey=${this.getApiKey()}` - }) - if (this.isEmptyArray(searchDatres)) { - let err2string = get("datapage.dchange11") - parentEpml.request('showSnackBar', `${err2string}`) - } else { - this.searchDatres = searchDatres - } - } - } - - renderViewWebsite(viewWebsiteObj) { - return html`pageview ${translate("general.view")}` - } - - renderViewQchatImage(viewQchatObj) { - return html` this.openQchatImageView(viewQchatObj)} onclick="this.blur();">pageview ${translate("general.view")}` - } - - openQchatImageView(viewChatObj) { - let name = viewChatObj.name - let identifier = viewChatObj.identifier - let service = viewChatObj.service - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?rebuild=true&async=true&apiKey=${this.getApiKey()}` - this.openQchatImageViewDialog(url) - } - - openQchatImageViewDialog(qchatUrl) { - this.dataImageUrl = '' - this.dataImageUrl = qchatUrl - this.shadowRoot.querySelector('#showQchatImage').show() - } - - closeQchatImageViewDialog() { - this.shadowRoot.querySelector('#showQchatImage').close() - this.dataImageUrl = '' - } - - renderViewAvatarImage(viewAvatarObj) { - return html` this.openAvatarImageView(viewAvatarObj)} onclick="this.blur();">pageview ${translate("general.view")}` - } - - openAvatarImageView(viewAvatarObj) { - let name = viewAvatarObj.name - let identifier = viewAvatarObj.identifier - let service = viewAvatarObj.service - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?rebuild=true&async=true&apiKey=${this.getApiKey()}` - this.openAvatarImageViewDialog(url) - } - - openAvatarImageViewDialog(avatarUrl) { - this.dataImageUrl = '' - this.dataImageUrl = avatarUrl - this.shadowRoot.querySelector('#showAvatarImage').show() - } - - closeAvatarImageViewDialog() { - this.shadowRoot.querySelector('#showAvatarImage').close() - this.dataImageUrl = '' - } - - - renderViewGifRepo(viewGifRepoObj) { - return html` this.openGifRepoView(viewGifRepoObj)} onclick="this.blur();">pageview ${translate("general.view")}` - } - - async openGifRepoView(viewGifRepoObj) { - let name = viewGifRepoObj.name - let identifier = viewGifRepoObj.identifier - let service = viewGifRepoObj.service - this.collectionName = '' - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?rebuild=true&async=true&apiKey=${this.getApiKey()}` - const metaUrl = `${nodeUrl}/arbitrary/metadata/${service}/${name}/${identifier}?apiKey=${this.getApiKey()}` - - this.savedGifRepo = [] - var imageList = [] - this.collectionName = identifier - - await fetch(metaUrl).then(response => { - return response.json() - }).then(data => { - data.files.map(item => { - const gifDetails = { - name: name, - identifier: identifier, - service: service, - filepath: item - } - imageList.push(gifDetails) - }) - }) - this.savedGifRepo = imageList - this.shadowRoot.querySelector('#gifCollectionDialog').open() - } - - renderViewGifImage(viewGifImageObj) { - return html` this.openGifRepoImageView(viewGifImageObj)} onclick="this.blur();">pageview ${translate("general.view")}` - } - - closeGifRepoView() { - this.shadowRoot.querySelector('#gifCollectionDialog').close() - this.savedGifRepo = [] - this.collectionName = '' - } - - openGifRepoImageView(gifViewObj) { - this.dataImageUrl = '' - let name = gifViewObj.name - let identifier = gifViewObj.identifier - let service = gifViewObj.service - let filepath = gifViewObj.filepath - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - this.dataImageUrl = `${nodeUrl}/arbitrary/${service}/${name}/${identifier}?filepath=${filepath}&rebuild=true&async=true&apiKey=${this.getApiKey()}` - this.shadowRoot.querySelector('#showGifImage').show() - } - - closeGifRepoImageView() { - this.shadowRoot.querySelector('#showGifImage').close() - this.dataImageUrl = '' - } - - renderDefaultText() { - if (this.datres == null || !Array.isArray(this.datres)) { - return html`
    ${translate("datapage.dchange12")}` - } - if (this.isEmptyArray(this.datres)) { - return html`
    ${translate("datapage.dchange13")}`; - } - return ''; - } - - renderSearchIdentifier(search) { - return search.identifier == null ? html`default` : html`${search.identifier}` - } - - renderSearchDeleteButton(search) { - let name = search.name - - // Only show the block/unblock button if we have permission to modify the list on this node - // We can use the blocked names list for this, as it won't be a valid array if we have no access - if (this.searchBlockedNames == null || !Array.isArray(this.searchBlockedNames)) { - return html`` - } - - // We need to check if we are following this name, as if we are, there is no point in deleting anything - // as it will be re-fetched immediately. In these cases we should show an UNFOLLOW button. - if (this.searchFollowedNames.indexOf(name) != -1) { - // render unfollow button - return html` this.searchUnfollowName(search)}>remove_from_queue ${translate("datapage.dchange14")}` - } - - // render delete button - return html` this.deleteSearchResource(search)} onclick="this.blur();">delete ${translate("datapage.dchange15")}` - } - - renderSearchBlockUnblockButton(search) { - let name = search.name - - // Only show the block/unblock button if we have permission to modify the list on this node - if (this.searchBlockedNames == null || !Array.isArray(this.searchBlockedNames)) { - return html`` - } - - if (this.searchBlockedNames.indexOf(name) === -1) { - // render block button - return html` this.searchBlockName(search)}>block ${translate("datapage.dchange16")}` - } - else { - // render unblock button - return html` this.searchUnblockName(search)}>radio_button_unchecked ${translate("datapage.dchange17")}` - } - } - - async searchBlockName(search) { - let name = search.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully blocked - add to local list - // Remove it first by filtering the list - doing it this way ensures the UI updates - // immediately, as apposed to only adding if it doesn't already exist - this.searchBlockedNames = this.searchBlockedNames.filter(item => item != name); - this.searchBlockedNames.push(name) - } - else { - let err3string = get("datapage.dchange18") - parentEpml.request('showSnackBar', `${err3string}`) - } - return ret - } - - async searchUnfollowName(search) { - let name = search.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unfollowed - remove from local list - this.searchFollowedNames = this.searchFollowedNames.filter(item => item != name); - } - else { - let err4string = get("datapage.dchange19") - parentEpml.request('showSnackBar', `${err4string}`) - } - return ret - } - - async searchUnblockName(search) { - let name = search.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unblocked - remove from local list - this.searchBlockedNames = this.searchBlockedNames.filter(item => item != name); - } - else { - let err5string = get("datapage.dchange20") - parentEpml.request('showSnackBar', `${err5string}`) - } - return ret - } - - async deleteSearchResource(search) { - let identifier = search.identifier == null ? "default" : search.identifier; - - let ret = await parentEpml.request('apiCall', { - url: `/arbitrary/resource/${search.service}/${search.name}/${identifier}?apiKey=${this.getApiKey()}`, - method: 'DELETE' - }) - - if (ret === true) { - // Successfully deleted - so refresh the page - window.location.reload(); - } - else { - let err6string = get("datapage.dchange21") - parentEpml.request('showSnackBar', `${err6string}`) - } - return ret - } - - renderIdentifier(resource) { - return resource.identifier == null ? html`default` : html`${resource.identifier}` - } - - renderDeleteButton(resource) { - let name = resource.name - - // Only show the block/unblock button if we have permission to modify the list on this node - // We can use the blocked names list for this, as it won't be a valid array if we have no access - if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { - return html`` - } - - // We need to check if we are following this name, as if we are, there is no point in deleting anything - // as it will be re-fetched immediately. In these cases we should show an UNFOLLOW button. - if (this.followedNames.indexOf(name) != -1) { - // render unfollow button - return html` this.unfollowName(resource)}>remove_from_queue ${translate("datapage.dchange14")}` - } - - // render delete button - return html` this.deleteResource(resource)} onclick="this.blur();">delete ${translate("datapage.dchange15")}` - } - - renderBlockUnblockButton(resource) { - let name = resource.name - - // Only show the block/unblock button if we have permission to modify the list on this node - if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { - return html`` - } - - if (this.blockedNames.indexOf(name) === -1) { - // render block button - return html` this.blockName(resource)}>block ${translate("datapage.dchange16")}` - } - else { - // render unblock button - return html` this.unblockName(resource)}>radio_button_unchecked ${translate("datapage.dchange17")}` - } - } - - async blockName(resource) { - let name = resource.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully blocked - add to local list - // Remove it first by filtering the list - doing it this way ensures the UI updates - // immediately, as apposed to only adding if it doesn't already exist - this.blockedNames = this.blockedNames.filter(item => item != name); - this.blockedNames.push(name) - } - else { - let err7string = get("datapage.dchange18") - parentEpml.request('showSnackBar', `${err7string}`) - } - - return ret - } - - async unfollowName(resource) { - let name = resource.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unfollowed - remove from local list - this.followedNames = this.followedNames.filter(item => item != name); - } - else { - let err8string = get("datapage.dchange19") - parentEpml.request('showSnackBar', `${err8string}`) - } - - return ret - } - - async unblockName(resource) { - let name = resource.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unblocked - remove from local list - this.blockedNames = this.blockedNames.filter(item => item != name); - } - else { - let err9string = get("datapage.dchange20") - parentEpml.request('showSnackBar', `${err7string}`) - } - - return ret - } - - async deleteResource(resource) { - let identifier = resource.identifier == null ? "default" : resource.identifier; - - let ret = await parentEpml.request('apiCall', { - url: `/arbitrary/resource/${resource.service}/${resource.name}/${identifier}?apiKey=${this.getApiKey()}`, - method: 'DELETE' - }) - - if (ret === true) { - // Successfully deleted - so refresh the page - window.location.reload(); - } - else { - let err10string = get("datapage.dchange21") - parentEpml.request('showSnackBar', `${err10string}`) - } - - return ret - } - - async getResourcesGrid() { - this.resourcesGrid = this.shadowRoot.querySelector(`#resourcesGrid`) - this.pagesControl = this.shadowRoot.querySelector('#pages') - this.pages = undefined - } - - getManagementDetails = async () => { - this.datres = await parentEpml.request('apiCall', { - url: `/arbitrary/hosted/resources?apiKey=${this.getApiKey()}` - }); - } - - async updateItemsFromPage(page) { - if (page === undefined) { - return - } - - if (!this.pages) { - this.pages = Array.apply(null, { length: Math.ceil(this.datres.length / this.resourcesGrid.pageSize) }).map((item, index) => { - return index + 1 - }) - - const prevBtn = document.createElement('button') - prevBtn.textContent = '<' - prevBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage - 1) - }) - this.pagesControl.appendChild(prevBtn) - - this.pages.forEach((pageNumber) => { - const pageBtn = document.createElement('button') - pageBtn.textContent = pageNumber - pageBtn.addEventListener('click', (e) => { - this.updateItemsFromPage(parseInt(e.target.textContent)) - }) - if (pageNumber === page) { - pageBtn.setAttribute('selected', true) - } - this.pagesControl.appendChild(pageBtn) - }) - - const nextBtn = window.document.createElement('button') - nextBtn.textContent = '>' - nextBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage + 1) - }) - this.pagesControl.appendChild(nextBtn) - } - - const buttons = Array.from(this.pagesControl.children) - buttons.forEach((btn, index) => { - if (parseInt(btn.textContent) === page) { - btn.setAttribute('selected', true) - } else { - btn.removeAttribute('selected') - } - if (index === 0) { - if (page === 1) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - if (index === buttons.length - 1) { - if (page === this.pages.length) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - }) - let start = (page - 1) * this.resourcesGrid.pageSize - let end = page * this.resourcesGrid.pageSize - - this.resourcesGrid.items = this.datres.slice(start, end) - } - - async showManagement() { - await this.getManagementDetails() - await this.getResourcesGrid() - await this.updateItemsFromPage(1, true) - } - - getSearchBlockedNames = async () => { - this.searchBlockedNames = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}` - }) - } - - getSearchFollowedNames = async () => { - this.searchFollowedNames = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}` - }) - } - - getBlockedNames = async () => { - this.blockedNames = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}` - }) - } - - getFollowedNames = async () => { - this.followedNames = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}` - }) - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - return myNode.apiKey; - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } -} - -window.customElements.define('data-management', DataManagement) diff --git a/plugins/plugins/core/qdn/publish/publish.src.js b/plugins/plugins/core/qdn/publish/publish.src.js index c2ffe374..14ae05b6 100644 --- a/plugins/plugins/core/qdn/publish/publish.src.js +++ b/plugins/plugins/core/qdn/publish/publish.src.js @@ -1,646 +1,624 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { modalHelper } from '../../../utils/classes' +import { publishDataStyles } from '../../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' import '@material/mwc-button' -import '@material/mwc-textfield' -import '@material/mwc-select' import '@material/mwc-dialog' import '@material/mwc-list/mwc-list-item.js' +import '@material/mwc-select' +import '@material/mwc-textfield' import '@polymer/paper-progress/paper-progress.js' -import {modalHelper} from '../../../utils/publish-modal' + +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class PublishData extends LitElement { - static get properties() { - return { - name: { type: String }, - service: { type: String }, - identifier: { type: String }, - category: { type: String }, - uploadType: { type: String }, - showName: { type: Boolean }, - showService: { type: Boolean }, - showIdentifier: { type: Boolean }, - showMetadata: { type: Boolean }, - tags: { type: Array }, - serviceLowercase: { type: String }, - metadata: { type: Array }, - categories: { type: Array }, - names: { type: Array }, - myRegisteredName: { type: String }, - selectedName: { type: String }, - path: { type: String }, - portForwardingEnabled: { type: Boolean }, - amount: { type: Number }, - generalMessage: { type: String }, - successMessage: { type: String }, - errorMessage: { type: String }, - loading: { type: Boolean }, - btnDisable: { type: Boolean }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + name: { type: String }, + service: { type: String }, + identifier: { type: String }, + category: { type: String }, + uploadType: { type: String }, + showName: { type: Boolean }, + showService: { type: Boolean }, + showIdentifier: { type: Boolean }, + showMetadata: { type: Boolean }, + tags: { type: Array }, + serviceLowercase: { type: String }, + metadata: { type: Array }, + categories: { type: Array }, + names: { type: Array }, + myRegisteredName: { type: String }, + selectedName: { type: String }, + path: { type: String }, + portForwardingEnabled: { type: Boolean }, + amount: { type: Number }, + generalMessage: { type: String }, + successMessage: { type: String }, + errorMessage: { type: String }, + loading: { type: Boolean }, + btnDisable: { type: Boolean }, + theme: { type: String, reflect: true } + } + } - static get observers() { - return ['_kmxKeyUp(amount)'] - } + static get styles() { + return [publishDataStyles] + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-dialog-content-ink-color: var(--black); - --mdc-theme-surface: var(--white); - --mdc-dialog-min-width: 400px; - --mdc-dialog-max-width: 1024px; - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get observers() { + return ['_kmxKeyUp(amount)'] + } - input[type=text] { - padding: 6px 6px 6px 6px; - color: var(--black); - } + constructor() { + super() + this.showName = false + this.showService = false + this.showIdentifier = false + this.showMetadata = false - input[type=file]::file-selector-button { - border: 1px solid transparent; - padding: 6px 6px 6px 6px; - border-radius: 5px; - color: #fff; - background-color: var(--mdc-theme-primary); - transition: 1s; - } + const urlParams = new URLSearchParams(window.location.search) - input[type=file]::file-selector-button:hover { - color: #000; - background-color: #81ecec; - border: 1px solid transparent; - } + this.name = urlParams.get('name') + this.service = urlParams.get('service') + this.identifier = urlParams.get('identifier') + this.category = urlParams.get('category') + this.uploadType = urlParams.get('uploadType') !== "null" ? urlParams.get('uploadType') : "file" - #publishWrapper paper-button { - float: right; - } + if (urlParams.get('showName') === "true") { + this.showName = true + } - #publishWrapper .buttons { - display: flex; - justify-content: space-between; - max-width:100%; - width:100%; - } + if (urlParams.get('showService') === "true") { + this.showService = true + } - mwc-textfield { - margin: 0; - } + if (urlParams.get('showIdentifier') === "true") { + this.showIdentifier = true + } - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } + if (urlParams.get('showMetadata') === "true") { + this.showMetadata = true + } - .upload-text { - display: block; - font-size: 14px; - color: var(--black); - } + if (this.identifier != null) { + if (this.identifier === "null" || this.identifier.trim().length == 0) { + this.identifier = null + } + } - .address-bar { - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100px; - background-color: var(--white); - height: 36px; - } + // Default to true so the message doesn't appear and disappear quickly + this.portForwardingEnabled = true + this.names = [] + this.myRegisteredName = '' + this.selectedName = 'invalid' + this.path = '' + this.successMessage = '' + this.generalMessage = '' + this.errorMessage = '' + this.loading = false + this.btnDisable = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - .address-bar-button mwc-icon { - width: 30px; - } + const fetchNames = () => { + parentEpml.request('apiCall', { url: `/names/address/${this.selectedAddress.address}?limit=0&reverse=true` }).then(res => { + setTimeout(() => { + this.names = res + if (res[0] != null) { + this.myRegisteredName = res[0].name + } + }, 1) + }) - .red { - --mdc-theme-primary: #F44336; - } + setTimeout(fetchNames, this.config.user.nodeSettings.pingInterval) + } - .green { - --mdc-theme-primary: #198754; - } - ` - } + const fetchCategories = () => { + parentEpml.request('apiCall', { url: `/arbitrary/categories` }).then(res => { + setTimeout(() => { + this.categories = res + }, 1) + }) - constructor() { - super() + setTimeout(fetchCategories, this.config.user.nodeSettings.pingInterval) + } - this.showName = false - this.showService = false - this.showIdentifier = false - this.showMetadata = false + const fetchPeersSummary = () => { + parentEpml.request('apiCall', { url: `/peers/summary` }).then(res => { + setTimeout(() => { + this.portForwardingEnabled = (res.inboundConnections != null && res.inboundConnections > 0) + }, 1) + }) - const urlParams = new URLSearchParams(window.location.search) - this.name = urlParams.get('name') - this.service = urlParams.get('service') - this.identifier = urlParams.get('identifier') - this.category = urlParams.get('category') - this.uploadType = urlParams.get('uploadType') !== "null" ? urlParams.get('uploadType') : "file" + setTimeout(fetchPeersSummary, this.config.user.nodeSettings.pingInterval) + } - if (urlParams.get('showName') === "true") { - this.showName = true - } + let configLoaded = false - if (urlParams.get('showService') === "true") { - this.showService = true - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - if (urlParams.get('showIdentifier') === "true") { - this.showIdentifier = true - } + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(fetchNames, 1) + setTimeout(fetchCategories, 1) + setTimeout(fetchPeersSummary, 1) + configLoaded = true + } - if (urlParams.get('showMetadata') === "true") { - this.showMetadata = true - } + this.config = JSON.parse(c) + }) + }) + } - if (this.identifier != null) { - if (this.identifier === "null" || this.identifier.trim().length == 0) { - this.identifier = null - } - } + render() { + return html` +
    +
    +
    + this.goBack()} class="address-bar-button"> + arrow_back_ios + ${translate("general.back")} + +
    + +
    +

    ${translate("publishpage.pchange1")} / ${translate("publishpage.pchange2")} ${this.renderUploadCategory()}

    +

    ${translate("publishpage.pchange3")}

    +

    ${this.renderUploadSize()}

    +
    +     + +

    + this.selectName(e)} style="min-width: 130px; max-width:100%; width:100%;"> + + ${this.myRegisteredName} + +

    +
    +

    + +

    +

    + +

    +

    + + ${this.categories.map((c, index) => html` + ${c.name} + `)} + +

    +
    + + + + + + + + + + +
    +
    + ${this.renderUploadField()} +

    + +

    +

    + +

    +

    ${this.generalMessage}

    +

    ${this.errorMessage}

    +

    ${this.successMessage}

    + ${this.loading ? html` + + ` : ''} +
    + { + this.doPublish(e, true, false) + } + }> ${translate("appspage.schange40")} + { + this.doPublish(e, false, true) + }}> ${translate("publishpage.pchange11")} +
    +
    +
    + + +
    ${translate("browserpage.bchange36")}
    ${translate("browserpage.bchange29")}
    + + ${translate("general.no")} + + + ${translate("general.yes")} + +     + ` + } - // Default to true so the message doesn't appear and disappear quickly - this.portForwardingEnabled = true - this.names = [] - this.myRegisteredName = '' - this.selectedName = 'invalid' - this.path = '' - this.successMessage = '' - this.generalMessage = '' - this.errorMessage = '' - this.loading = false - this.btnDisable = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + firstUpdated() { + this.changeTheme() + this.changeLanguage() - const fetchNames = () => { - parentEpml.request('apiCall', {url: `/names/address/${this.selectedAddress.address}?limit=0&reverse=true`}).then(res => { - setTimeout(() => { - this.names = res - if (res[0] != null) { - this.myRegisteredName = res[0].name - } - }, 1) - }) - setTimeout(fetchNames, this.config.user.nodeSettings.pingInterval) - } + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - const fetchCategories = () => { - parentEpml.request('apiCall', {url: `/arbitrary/categories`}).then(res => { - setTimeout(() => { - this.categories = res - }, 1) - }) - setTimeout(fetchCategories, this.config.user.nodeSettings.pingInterval) - } + use(checkLanguage) - const fetchPeersSummary = () => { - parentEpml.request('apiCall', {url: `/peers/summary`}).then(res => { - setTimeout(() => { - this.portForwardingEnabled = (res.inboundConnections != null && res.inboundConnections > 0) - }, 1) - }) - setTimeout(fetchPeersSummary, this.config.user.nodeSettings.pingInterval) - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - let configLoaded = false + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) + this.clearConsole() - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(fetchNames, 1) - setTimeout(fetchCategories, 1) - setTimeout(fetchPeersSummary, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - } + setInterval(() => { + this.clearConsole() + }, 60000) + } - render() { - return html` -
    -
    -
    - this.goBack()} class="address-bar-button">arrow_back_ios ${translate("general.back")} -
    - -
    -

    ${translate("publishpage.pchange1")} / ${translate("publishpage.pchange2")} ${this.category}

    -

    ${translate("publishpage.pchange3")}

    (500 KB max.)

    -
    -     - -

    - this.selectName(e)} style="min-width: 130px; max-width:100%; width:100%;"> - - ${this.myRegisteredName} - -

    -
    -

    - -

    -

    - -

    -

    - - ${this.categories.map((c, index) => html` - ${c.name} - `)} - -

    -
    - - - - - -
    -
    - ${this.renderUploadField()} -

    - -

    -

    - -

    -

    ${this.generalMessage}

    -

    ${this.errorMessage}

    -

    ${this.successMessage}

    - ${this.loading ? html` ` : ''} -
    - { - this.doPublish(e, true, false)} - }> ${translate("appspage.schange40")} - { - this.doPublish(e, false, true) - }}> ${translate("publishpage.pchange11")} -
    -
    -
    - - -
    ${translate("browserpage.bchange36")}
    ${translate("browserpage.bchange29")}
    - - ${translate("general.no")} - - - ${translate("general.yes")} - -     - ` - } + renderUploadCategory() { + const prefix1 = this.identifier + const prefix2 = 'qortal_avatar' + const prefix3 = 'qortal_group_avatar' - firstUpdated() { - this.changeTheme() - this.changeLanguage() + if (this.category === 'Avatar') { + if (prefix1.includes(prefix2)) { + return html`Avatar` + } else if (prefix1.includes(prefix3)) { + return html`Group Avatar` + } + } else { + return html`${this.category}` + } + } - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + renderUploadSize() { + if (this.service === 'THUMBNAIL') { + return html`(500 KB max.)` + } else if (this.service === 'APP') { + return html`(50 MB max.)` + } else { + return html`(500 MB max.)` + } + } - use(checkLanguage) + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + document.querySelector('html').setAttribute('theme', this.theme) + } - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } + goBack() { + window.history.back() + } - // Navigation - goBack() { - window.history.back() - } + renderUploadField() { + if (this.uploadType === "file") { + return html` +

    + +

    + ` + } else if (this.uploadType === "zip") { + return html` +

    + ${translate("publishpage.pchange12")}:
    + +

    + ` + } else { + return html` +

    + +

    + ` + } + } + feeDialogYes(e, preview, fee) { + this.doPublish(e, preview, fee) + this.shadowRoot.querySelector('#publishWithFeeDialog').close() + } - renderUploadField() { - if (this.uploadType === "file") { - return html` -

    - -

    - ` - } - else if (this.uploadType === "zip") { - return html` -

    - ${translate("publishpage.pchange12")}:
    - -

    - ` - } - else { - return html` -

    - -

    - ` - } - } + feeDialogNo(e, preview, fee) { + this.doPublish(e, preview, fee) + this.shadowRoot.querySelector('#publishWithFeeDialog').close() + } - feeDialogYes(e, preview, fee) { - this.doPublish(e, preview, fee) - this.shadowRoot.querySelector('#publishWithFeeDialog').close() - } + async doPublish(e, preview, fee) { + let registeredName = this.shadowRoot.getElementById('registeredName').value + let service = this.shadowRoot.getElementById('service').value + let identifier = this.shadowRoot.getElementById('identifier').value - feeDialogNo(e, preview, fee) { - this.doPublish(e, preview, fee) - this.shadowRoot.querySelector('#publishWithFeeDialog').close() - } + // If name is hidden, use the value passed in via the name parameter + if (!this.showName) { + registeredName = this.name + } - async doPublish(e, preview, fee) { - let registeredName = this.shadowRoot.getElementById('registeredName').value - let service = this.shadowRoot.getElementById('service').value - let identifier = this.shadowRoot.getElementById('identifier').value + let file + let path - // If name is hidden, use the value passed in via the name parameter - if (!this.showName) { - registeredName = this.name - } + if (this.uploadType === "file" || this.uploadType === "zip") { + file = this.shadowRoot.getElementById('file').files[0] + } else if (this.uploadType === "path") { + path = this.shadowRoot.getElementById('path').value + } - let file - let path + this.generalMessage = '' + this.successMessage = '' + this.errorMessage = '' - if (this.uploadType === "file" || this.uploadType === "zip") { - file = this.shadowRoot.getElementById('file').files[0] - } - else if (this.uploadType === "path") { - path = this.shadowRoot.getElementById('path').value - } + if (registeredName === '') { + this.showName = true + let err1string = get("publishpage.pchange14") + parentEpml.request('showSnackBar', `${err1string}`) + } else if (this.uploadType === "file" && file == null) { + let err2string = get("publishpage.pchange15") + parentEpml.request('showSnackBar', `${err2string}`) + } else if (this.uploadType === "zip" && file == null) { + let err3string = get("publishpage.pchange16") + parentEpml.request('showSnackBar', `${err3string}`) + } else if (this.uploadType === "path" && path === '') { + let err4string = get("publishpage.pchange17") + parentEpml.request('showSnackBar', `${err4string}`) + } else if (service === '') { + let err5string = get("publishpage.pchange18") + parentEpml.request('showSnackBar', `${err5string}`) + } else { + try { + if (!preview) { + const arbitraryFeeData = await modalHelper.getArbitraryFee() - this.generalMessage = '' - this.successMessage = '' - this.errorMessage = '' + const res = await modalHelper.showModalAndWaitPublish( + { + feeAmount: arbitraryFeeData.feeToShow + } + ) - if (registeredName === '') { - this.showName = true - let err1string = get("publishpage.pchange14") - parentEpml.request('showSnackBar', `${err1string}`) - } - else if (this.uploadType === "file" && file == null) { - let err2string = get("publishpage.pchange15") - parentEpml.request('showSnackBar', `${err2string}`) - } - else if (this.uploadType === "zip" && file == null) { - let err3string = get("publishpage.pchange16") - parentEpml.request('showSnackBar', `${err3string}`) - } - else if (this.uploadType === "path" && path === '') { - let err4string = get("publishpage.pchange17") - parentEpml.request('showSnackBar', `${err4string}`) - } - else if (service === '') { - let err5string = get("publishpage.pchange18") - parentEpml.request('showSnackBar', `${err5string}`) - } - else { - try { - if(!preview){ - const arbitraryFeeData = await modalHelper.getArbitraryFee() - const res = await modalHelper.showModalAndWaitPublish( - { - feeAmount: arbitraryFeeData.feeToShow - } - ); - if (res.action !== 'accept') throw new Error('User declined publish') - } + if (res.action !== 'accept') throw new Error('User declined publish') + } - await this.publishData(registeredName, path, file, service, identifier, preview, fee) - } catch (error) { - this.shadowRoot.querySelector('#publishWithFeeDialog').close() - } + await this.publishData(registeredName, path, file, service, identifier, preview, fee) + } catch (error) { + this.shadowRoot.querySelector('#publishWithFeeDialog').close() + } - } - } + } + } - async publishData(registeredName, path, file, service, identifier, preview, fee) { - this.loading = true - this.btnDisable = true + async publishData(registeredName, path, file, service, identifier, preview, fee) { + this.loading = true + this.btnDisable = true - const validateName = async (receiverName) => { + const validateName = async (receiverName) => { return await parentEpml.request('apiCall', { type: 'api', - url: `/names/${receiverName}`, + url: `/names/${receiverName}` }) - } + } - const showError = async (errorMessage) => { - this.loading = false - this.btnDisable = false - this.generalMessage = '' - this.successMessage = '' - console.error(errorMessage) - } - const getArbitraryFee = async () => { - const timestamp = Date.now() - let fee = await parentEpml.request('apiCall', { - url: `/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` - }) - return { - timestamp, - fee : Number(fee), - feeToShow: (Number(fee) / 1e8).toFixed(8) - } - } + const showError = async (errorMessage) => { + this.loading = false + this.btnDisable = false + this.generalMessage = '' + this.successMessage = '' + console.error(errorMessage) + } - const validate = async () => { - let validNameRes = await validateName(registeredName) - if (validNameRes.error) { - this.errorMessage = "Error: " + validNameRes.message - await showError(this.errorMessage) - throw new Error(this.errorMessage) - } + const getArbitraryFee = async () => { + const timestamp = Date.now() - let err6string = get("publishpage.pchange19") - this.generalMessage = `${err6string}` - let transactionBytes - let previewUrlPath - let feeAmount = null + let fee = await parentEpml.request('apiCall', { + url: `/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` + }) - if(fee){ - const res = await getArbitraryFee() - if(res.fee){ - feeAmount= res.fee - } else { - throw new Error('unable to get fee') - } - } - let uploadDataRes = await uploadData(registeredName, path, file, preview, fee, feeAmount) + return { + timestamp, + fee: Number(fee), + feeToShow: (Number(fee) / 1e8).toFixed(8) + } + } - if (uploadDataRes.error) { - let err7string = get("publishpage.pchange20") - this.errorMessage = `${err7string}` + uploadDataRes.message - await showError(this.errorMessage) - throw new Error(this.errorMessage) - } - else if (uploadDataRes.includes("Error 500 Internal Server Error")) { - let err8string = get("publishpage.pchange21") - this.errorMessage = `${err8string}` - await showError(this.errorMessage) - throw new Error(this.errorMessage) - } + const validate = async () => { + let validNameRes = await validateName(registeredName) - if (preview) { - // uploadData() returns preview URL path when in preview mode - previewUrlPath = uploadDataRes - window.location = `../browser/index.html?service=${this.service}&name=Preview&preview=${previewUrlPath}` - return - } - else { - // uploadData() returns transaction bytes when not in preview mode - transactionBytes = uploadDataRes - } + if (validNameRes.error) { + this.errorMessage = "Error: " + validNameRes.message + await showError(this.errorMessage) + throw new Error(this.errorMessage) + } - if (fee) { - let err9string = get("publishpage.pchange26") - this.generalMessage = `${err9string}` + let err6string = get("publishpage.pchange19") - } else { - let err9string = get("publishpage.pchange22") - this.generalMessage = `${err9string}` - } + this.generalMessage = `${err6string}` - let signAndProcessRes = await signAndProcess(transactionBytes, fee, feeAmount) + let transactionBytes + let previewUrlPath + let feeAmount = null - if (signAndProcessRes.error) { - let err10string = get("publishpage.pchange20") - this.errorMessage = `${err10string}` + signAndProcessRes.message - await showError(this.errorMessage) - throw new Error(this.errorMessage) - } + if (fee) { + const res = await getArbitraryFee() + if (res.fee) { + feeAmount = res.fee + } else { + throw new Error('unable to get fee') + } + } + let uploadDataRes = await uploadData(registeredName, path, file, preview, fee, feeAmount) - let err11string = get("publishpage.pchange23") + if (uploadDataRes.error) { + let err7string = get("publishpage.pchange20") + this.errorMessage = `${err7string}` + uploadDataRes.message + await showError(this.errorMessage) + throw new Error(this.errorMessage) + } + else if (uploadDataRes.includes("Error 500 Internal Server Error")) { + let err8string = get("publishpage.pchange21") + this.errorMessage = `${err8string}` + await showError(this.errorMessage) + throw new Error(this.errorMessage) + } - this.btnDisable = false - this.loading = false - this.errorMessage = '' - this.generalMessage = '' - this.successMessage = `${err11string}` - } + if (preview) { + // uploadData() returns preview URL path when in preview mode + previewUrlPath = uploadDataRes + window.location = `../browser/index.html?service=${this.service}&name=Preview&preview=${previewUrlPath}` + return + } + else { + // uploadData() returns transaction bytes when not in preview mode + transactionBytes = uploadDataRes + } + if (fee) { + let err9string = get("publishpage.pchange26") + this.generalMessage = `${err9string}` + } else { + let err9string = get("publishpage.pchange22") + this.generalMessage = `${err9string}` + } - const uploadData = async (registeredName, path, file, preview, fee, feeAmount) => { - let postBody = path - let urlSuffix = "" - if (file != null) { + let signAndProcessRes = await signAndProcess(transactionBytes, fee, feeAmount) - // If we're sending zipped data, make sure to use the /zip version of the POST /arbitrary/* API - if (this.uploadType === "zip") { - urlSuffix = "/zip" - } - // If we're sending file data, use the /base64 version of the POST /arbitrary/* API - else if (this.uploadType === "file") { - urlSuffix = "/base64" - } + if (signAndProcessRes.error) { + let err10string = get("publishpage.pchange20") + this.errorMessage = `${err10string}` + signAndProcessRes.message + await showError(this.errorMessage) + throw new Error(this.errorMessage) + } - // Base64 encode the file to work around compatibility issues between javascript and java byte arrays - let fileBuffer = new Uint8Array(await file.arrayBuffer()) - postBody = Buffer.from(fileBuffer).toString('base64') - } + let err11string = get("publishpage.pchange23") - // Optional metadata - let title = encodeURIComponent(this.shadowRoot.getElementById('title').value) - let description = encodeURIComponent(this.shadowRoot.getElementById('description').value) - let category = encodeURIComponent(this.shadowRoot.getElementById('category').value) - let tag1 = encodeURIComponent(this.shadowRoot.getElementById('tag1').value) - let tag2 = encodeURIComponent(this.shadowRoot.getElementById('tag2').value) - let tag3 = encodeURIComponent(this.shadowRoot.getElementById('tag3').value) - let tag4 = encodeURIComponent(this.shadowRoot.getElementById('tag4').value) - let tag5 = encodeURIComponent(this.shadowRoot.getElementById('tag5').value) + this.btnDisable = false + this.loading = false + this.errorMessage = '' + this.generalMessage = '' + this.successMessage = `${err11string}` + } - let metadataQueryString = `title=${title}&description=${description}&category=${category}&tags=${tag1}&tags=${tag2}&tags=${tag3}&tags=${tag4}&tags=${tag5}` - let uploadDataUrl = `` + const uploadData = async (registeredName, path, file, preview, fee, feeAmount) => { + let postBody = path + let urlSuffix = "" - if (preview) { - uploadDataUrl = `/arbitrary/${this.service}/${registeredName}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}&preview=${new Boolean(preview).toString()}` - if (identifier != null && identifier.trim().length > 0) { - uploadDataUrl = `/arbitrary/${service}/${registeredName}/${this.identifier}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}&preview=${new Boolean(preview).toString()}` - } - } else if (fee) { - uploadDataUrl = `/arbitrary/${this.service}/${registeredName}${urlSuffix}?${metadataQueryString}&fee=${feeAmount}&apiKey=${this.getApiKey()}` - if (identifier != null && identifier.trim().length > 0) { - uploadDataUrl = `/arbitrary/${service}/${registeredName}/${this.identifier}${urlSuffix}?${metadataQueryString}&fee=${feeAmount}&apiKey=${this.getApiKey()}` - } - } else { - uploadDataUrl = `/arbitrary/${this.service}/${registeredName}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}` - if (identifier != null && identifier.trim().length > 0) { - uploadDataUrl = `/arbitrary/${service}/${registeredName}/${this.identifier}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}` - } - } + if (file != null) { + + // If we're sending zipped data, make sure to use the /zip version of the POST /arbitrary/* API + if (this.uploadType === "zip") { + urlSuffix = "/zip" + } + // If we're sending file data, use the /base64 version of the POST /arbitrary/* API + else if (this.uploadType === "file") { + urlSuffix = "/base64" + } + + // Base64 encode the file to work around compatibility issues between javascript and java byte arrays + let fileBuffer = new Uint8Array(await file.arrayBuffer()) + postBody = Buffer.from(fileBuffer).toString('base64') + } + + // Optional metadata + let title = encodeURIComponent(this.shadowRoot.getElementById('title').value) + let description = encodeURIComponent(this.shadowRoot.getElementById('description').value) + let category = encodeURIComponent(this.shadowRoot.getElementById('category').value) + let tag1 = encodeURIComponent(this.shadowRoot.getElementById('tag1').value) + let tag2 = encodeURIComponent(this.shadowRoot.getElementById('tag2').value) + let tag3 = encodeURIComponent(this.shadowRoot.getElementById('tag3').value) + let tag4 = encodeURIComponent(this.shadowRoot.getElementById('tag4').value) + let tag5 = encodeURIComponent(this.shadowRoot.getElementById('tag5').value) + let metadataQueryString = `title=${title}&description=${description}&category=${category}&tags=${tag1}&tags=${tag2}&tags=${tag3}&tags=${tag4}&tags=${tag5}` + let uploadDataUrl = `` + + if (preview) { + uploadDataUrl = `/arbitrary/${this.service}/${registeredName}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}&preview=${new Boolean(preview).toString()}` + if (identifier != null && identifier.trim().length > 0) { + uploadDataUrl = `/arbitrary/${service}/${registeredName}/${this.identifier}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}&preview=${new Boolean(preview).toString()}` + } + } else if (fee) { + uploadDataUrl = `/arbitrary/${this.service}/${registeredName}${urlSuffix}?${metadataQueryString}&fee=${feeAmount}&apiKey=${this.getApiKey()}` + if (identifier != null && identifier.trim().length > 0) { + uploadDataUrl = `/arbitrary/${service}/${registeredName}/${this.identifier}${urlSuffix}?${metadataQueryString}&fee=${feeAmount}&apiKey=${this.getApiKey()}` + } + } else { + uploadDataUrl = `/arbitrary/${this.service}/${registeredName}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}` + if (identifier != null && identifier.trim().length > 0) { + uploadDataUrl = `/arbitrary/${service}/${registeredName}/${this.identifier}${urlSuffix}?${metadataQueryString}&apiKey=${this.getApiKey()}` + } + } return await parentEpml.request('apiCall', { type: 'api', @@ -648,106 +626,123 @@ class PublishData extends LitElement { url: `${uploadDataUrl}`, body: `${postBody}`, }) - } + } - const convertBytesForSigning = async (transactionBytesBase58) => { + const convertBytesForSigning = async (transactionBytesBase58) => { return await parentEpml.request('apiCall', { type: 'api', method: 'POST', url: `/transactions/convert`, - body: `${transactionBytesBase58}`, + body: `${transactionBytesBase58}` }) - } + } - const signAndProcess = async (transactionBytesBase58, fee) => { - let convertedBytesBase58 = await convertBytesForSigning(transactionBytesBase58) - if (convertedBytesBase58.error) { - let err12string = get("publishpage.pchange20") - this.errorMessage = `${err12string}` + convertedBytesBase58.message - await showError(this.errorMessage) - throw new Error(this.errorMessage) - } + const signAndProcess = async (transactionBytesBase58, fee) => { + let convertedBytesBase58 = await convertBytesForSigning(transactionBytesBase58) - const convertedBytes = window.parent.Base58.decode(convertedBytesBase58) - const _convertedBytesArray = Object.keys(convertedBytes).map(function (key) { return convertedBytes[key] }) - const convertedBytesArray = new Uint8Array(_convertedBytesArray) - const convertedBytesHash = new window.parent.Sha256().process(convertedBytesArray).finish().result + if (convertedBytesBase58.error) { + let err12string = get("publishpage.pchange20") + this.errorMessage = `${err12string}` + convertedBytesBase58.message + await showError(this.errorMessage) + throw new Error(this.errorMessage) + } - const hashPtr = window.parent.sbrk(32, window.parent.heap) - const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) - hashAry.set(convertedBytesHash) + const convertedBytes = window.parent.Base58.decode(convertedBytesBase58) + const _convertedBytesArray = Object.keys(convertedBytes).map(function (key) { return convertedBytes[key] }) + const convertedBytesArray = new Uint8Array(_convertedBytesArray) + const convertedBytesHash = new window.parent.Sha256().process(convertedBytesArray).finish().result - const difficulty = 14 - const workBufferLength = 8 * 1024 * 1024 - const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) + const hashPtr = window.parent.sbrk(32, window.parent.heap) + const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32) - this.errorMessage = '' - this.successMessage = '' - let response = false + hashAry.set(convertedBytesHash) - if (fee) { - response = await parentEpml.request('sign_arbitrary_with_fee', { - nonce: this.selectedAddress.nonce, - arbitraryBytesBase58: transactionBytesBase58, - arbitraryBytesForSigningBase58: convertedBytesBase58 - }) - } else { - const nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) + const difficulty = 14 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap) - response = await parentEpml.request('sign_arbitrary', { - nonce: this.selectedAddress.nonce, - arbitraryBytesBase58: transactionBytesBase58, - arbitraryBytesForSigningBase58: convertedBytesBase58, - arbitraryNonce: nonce - }) - } + this.errorMessage = '' + this.successMessage = '' - let myResponse = { error: '' } - if (response === false) { - let err13string = get("publishpage.pchange24") - myResponse.error = `${err13string}` - } - else { - myResponse = response - } - return myResponse - } - await validate() - } + let response = false - fetchResourceMetadata() { - let identifier = this.identifier != null ? this.identifier : "default" + if (fee) { + response = await parentEpml.request('sign_arbitrary_with_fee', { + nonce: this.selectedAddress.nonce, + arbitraryBytesBase58: transactionBytesBase58, + arbitraryBytesForSigningBase58: convertedBytesBase58 + }) + } else { + const nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty) - parentEpml.request('apiCall', { - url: `/arbitrary/metadata/${this.service}/${this.name}/${identifier}?apiKey=${this.getApiKey()}` - }).then(res => { + response = await parentEpml.request('sign_arbitrary', { + nonce: this.selectedAddress.nonce, + arbitraryBytesBase58: transactionBytesBase58, + arbitraryBytesForSigningBase58: convertedBytesBase58, + arbitraryNonce: nonce + }) + } - setTimeout(() => { - this.metadata = res - if (this.metadata != null && this.metadata.category != null) { - this.shadowRoot.getElementById('category').value = this.metadata.category - } - else { - this.shadowRoot.getElementById('category').value = "" - } - }, 1) - }) - } + let myResponse = { error: '' } + if (response === false) { + let err13string = get("publishpage.pchange24") + myResponse.error = `${err13string}` + } + else { + myResponse = response + } + return myResponse + } - selectName(e) { - let name = this.shadowRoot.getElementById('registeredName') - this.selectedName = (name.value) - // Update the current name if one has been selected - if (name.value.length > 0) { - this.name = (name.value) - } - this.fetchResourceMetadata() - } + await validate() + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + fetchResourceMetadata() { + let identifier = this.identifier != null ? this.identifier : "default" + + parentEpml.request('apiCall', { + url: `/arbitrary/metadata/${this.service}/${this.name}/${identifier}?apiKey=${this.getApiKey()}` + }).then(res => { + + setTimeout(() => { + this.metadata = res + if (this.metadata != null && this.metadata.category != null) { + this.shadowRoot.getElementById('category').value = this.metadata.category + } + else { + this.shadowRoot.getElementById('category').value = '' + } + }, 1) + }) + } + + selectName(e) { + let name = this.shadowRoot.getElementById('registeredName') + + this.selectedName = (name.value) + + // Update the current name if one has been selected + if (name.value.length > 0) { + this.name = (name.value) + } + + this.fetchResourceMetadata() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } window.customElements.define('publish-data', PublishData) diff --git a/plugins/plugins/core/qdn/websites.src.js b/plugins/plugins/core/qdn/websites.src.js deleted file mode 100644 index 79b30bfe..00000000 --- a/plugins/plugins/core/qdn/websites.src.js +++ /dev/null @@ -1,1116 +0,0 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' -import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import '@material/mwc-dialog' -import '@material/mwc-icon' -import '@material/mwc-button' -import '@material/mwc-tab-bar' -import '@material/mwc-textfield' - -import '@vaadin/button' -import '@vaadin/grid' -import '@vaadin/icon' -import '@vaadin/icons' -import '@vaadin/text-field' - -registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) -}) - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -class Websites extends LitElement { - static get properties() { - return { - service: { type: String }, - identifier: { type: String }, - loading: { type: Boolean }, - resources: { type: Array }, - pageRes: { type: Array }, - followedNames: { type: Array }, - blockedNames: { type: Array }, - relayMode: { type: Boolean }, - selectedAddress: { type: Object }, - searchName: { type: String }, - searchResources: { type: Array }, - followedResources: { type: Array }, - blockedResources: { type: Array }, - theme: { type: String, reflect: true } - } - } - - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-button-disabled-fill-color: rgba(3, 169, 244, 0.5); - --mdc-theme-surface: var(--white); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-shape-radius: 25px; - --mdc-dialog-min-width: 300px; - --mdc-dialog-max-width: auto; - --mdc-dialog-max-height: 700px; - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - #tabs-1 { - --mdc-tab-height: 50px; - } - - #tabs-1-content { - height: 100%; - padding-bottom: 10px; - } - - mwc-tab-bar { - --mdc-text-transform: none; - --mdc-tab-color-default: var(--black); - --mdc-tab-text-label-color-default: var(--black); - } - - #pages { - display: flex; - flex-wrap: wrap; - padding: 10px 5px 5px 5px; - margin: 0px 20px 20px 20px; - } - - #pages > button { - user-select: none; - padding: 5px; - margin: 0 5px; - border-radius: 10%; - border: 0; - background: transparent; - font: inherit; - outline: none; - cursor: pointer; - color: var(--black); - } - - #pages > button:not([disabled]):hover, - #pages > button:focus { - color: #ccc; - background-color: #eee; - } - - #pages > button[selected] { - font-weight: bold; - color: var(--white); - background-color: #ccc; - } - - #pages > button[disabled] { - opacity: 0.5; - cursor: default; - } - - #websites-list-page { - background: var(--white); - padding: 12px 24px; - } - - #search { - display: flex; - width: 50%; - align-items: center; - } - - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - margin-bottom: 2em; - } - - h2 { - margin:0; - } - - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } - - a.visitSite { - color: var(--black); - text-decoration: none; - } - - [hidden] { - display: hidden !important; - visibility: none !important; - } - - .details { - display: flex; - font-size: 18px; - } - - span { - font-size: 14px; - word-break: break-all; - } - - select { - padding: 13px 20px; - width: 100%; - font-size: 14px; - color: #555; - font-weight: 400; - } - - .title { - font-weight:600; - font-size:12px; - line-height: 32px; - opacity: 0.66; - } - - .resourceTitle { - font-size:15px; - line-height: 32px; - } - - .resourceDescription { - font-size:11px; - padding-bottom: 5px; - } - - .resourceCategoryTags { - font-size:11px; - padding-bottom: 10px; - } - - .resourceRegisteredName { - font-size:15px; - line-height: 32px; - } - - .resourceStatus, .resourceStatus span { - font-size:11px; - } - - .itemList { - padding:0; - } - - .relay-mode-notice { - margin:auto; - text-align:center; - word-break:normal; - font-size:14px; - line-height:20px; - color: var(--relaynodetxt); - } - - img { - border-radius: 25%; - max-width: 65px; - height: 100%; - max-height: 65px; - } - ` - } - - constructor() { - super() - this.service = "WEBSITE" - this.identifier = null - this.selectedAddress = {} - this.resources = [] - this.pageRes = [] - this.followedNames = [] - this.blockedNames = [] - this.relayMode = null - this.isLoading = false - this.searchName = '' - this.searchResources = [] - this.followedResources = [] - this.blockedResources = [] - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } - - render() { - return html` -
    - - - - - -
    -
    -
    -

    ${translate("websitespage.schange1")}

    -

    ${this.renderSearchButton()}

    -

    ${this.renderPublishButton()}

    -
    -

    ${translate("websitespage.schange9")}

    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }}> - - { - render(html`${this.renderInfo(data.item)}`, root) - }}> - - { - render(html`${this.renderPublishedBy(data.item)}`, root) - }}> - - { - render(html`${this.renderFollowUnfollowButton(data.item)}`, root); - }}> - - { - render(html`${this.renderBlockUnblockButton(data.item)}`, root); - }}> - - -
    - ${this.pageRes == null ? html` - Loading... - ` : ''} - ${this.isEmptyArray(this.pageRes) ? html` - ${translate("websitespage.schange10")} - ` : ''} - ${this.renderRelayModeText()} -
    -
    -
    -

    ${translate("websitespage.schange11")}

    -

    ${this.renderSearchButton()}

    -

    ${this.renderPublishButton()}

    -
    -
    -

    ${translate("websitespage.schange12")}

    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }}> - - { - render(html`${this.renderInfo(data.item)}`, root) - }}> - - { - render(html`${this.renderPublishedBy(data.item)}`, root) - }}> - - { - render(html`${this.renderFollowUnfollowButtonTab(data.item)}`, root); - }}> - - - ${this.followedResources == null ? html` - Loading... - ` : ''} - ${this.isEmptyArray(this.followedResources) ? html` - ${translate("websitespage.schange13")} - ` : ''} - ${this.renderRelayModeText()} -
    -
    -
    -

    ${translate("websitespage.schange14")}

    -

    ${this.renderSearchButton()}

    -

    ${this.renderPublishButton()}

    -
    -

    ${translate("websitespage.schange15")}

    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }}> - - { - render(html`${this.renderInfo(data.item)}`, root) - }}> - - { - render(html`${this.renderPublishedBy(data.item)}`, root) - }}> - - { - render(html`${this.renderBlockUnblockButtonTab(data.item)}`, root); - }}> - - - ${this.blockedResources == null ? html` - Loading... - ` : ''} - ${this.isEmptyArray(this.blockedResources) ? html` - ${translate("websitespage.schange16")} - ` : ''} - ${this.renderRelayModeText()} -
    -
    -
    - -

    ${translate("websitespage.schange4")}

    -
    - - { - render(html`${this.renderAvatar(data.item)}`, root) - }}> - - { - render(html`${this.renderPublishedBy(data.item)}`, root) - }}> - - { - render(html`${this.renderFollowUnfollowButton(data.item)}`, root); - }}> - - { - render(html`${this.renderBlockUnblockButton(data.item)}`, root); - }}> - - -     - ` - } - - firstUpdated() { - this.changeTheme() - this.changeLanguage() - this.showWebsites() - - setTimeout(() => { - this.displayTabContent('browse') - }, 0) - - const getFollowedNames = async () => { - this.followedNames = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}` - }) - setTimeout(getFollowedNames, 60000) - } - - const getBlockedNames = async () => { - this.blockedNames = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}` - }) - setTimeout(getBlockedNames, 60000) - } - - const getRelayMode = async () => { - this.relayMode = await parentEpml.request('apiCall', { - url: `/arbitrary/relaymode?apiKey=${this.getApiKey()}` - }) - setTimeout(getRelayMode, 600000) - } - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(getFollowedNames, 1) - setTimeout(getBlockedNames, 1) - setTimeout(getRelayMode, 1) - setTimeout(this.getFollowedNamesResource, 1) - setTimeout(this.getBlockedNamesResource, 1) - setInterval(this.getArbitraryResources, 900000) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - renderCatText() { - return html`${translate("websitespage.schange26")}` - } - - displayTabContent(tab) { - const tabBrowseContent = this.shadowRoot.getElementById('tab-browse-content') - const tabFollowedContent = this.shadowRoot.getElementById('tab-followed-content') - const tabBlockedContent = this.shadowRoot.getElementById('tab-blocked-content') - if (tab === 'browse') { - this.refreshWebsites() - tabBrowseContent.style.display = 'block' - tabFollowedContent.style.display = 'none' - tabBlockedContent.style.display = 'none' - } else if (tab === 'followed') { - this.getFollowedNamesRefresh() - this.getFollowedNamesResource() - tabBrowseContent.style.display = 'none' - tabFollowedContent.style.display = 'block' - tabBlockedContent.style.display = 'none' - } else if (tab === 'blocked') { - this.getBlockedNamesRefresh() - this.getBlockedNamesResource() - tabBrowseContent.style.display = 'none' - tabFollowedContent.style.display = 'none' - tabBlockedContent.style.display = 'block' - } else { - } - } - - searchListener(e) { - if (e.key === 'Enter') { - this.doSearch(e) - } - } - - async getResourcesGrid() { - this.resourcesGrid = this.shadowRoot.querySelector(`#resourcesGrid`) - this.pagesControl = this.shadowRoot.querySelector('#pages') - this.pages = undefined - } - - getArbitraryResources = async () => { - this.resources = await parentEpml.request('apiCall', { - url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=false&includestatus=false&includemetadata=false&excludeblocked=true` - }) - } - - getFollowedNamesResource = async () => { - this.followedResources = await parentEpml.request('apiCall', { - url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=followedNames` - }) - } - - getFollowedNamesRefresh = async () => { - this.followedNames = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}` - }) - } - - getBlockedNamesResource = async () => { - this.blockedResources = await parentEpml.request('apiCall', { - url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=false&includestatus=true&includemetadata=true&namefilter=blockedNames` - }) - } - - getBlockedNamesRefresh = async () => { - this.blockedNames = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}` - }) - } - - async getData(offset) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - let jsonOffsetUrl = `${nodeUrl}/arbitrary/resources?service=WEBSITE&default=true&limit=20&offset=${offset}&reverse=false&includestatus=true&includemetadata=true&excludeblocked=true` - - const jsonOffsetRes = await fetch(jsonOffsetUrl) - this.pageRes = await jsonOffsetRes.json() - } - - async updateItemsFromPage(page) { - if (page === undefined) { - return - } - - if (!this.pages) { - this.pages = Array.apply(null, { length: Math.ceil(this.resources.length / 20) }).map((item, index) => { - return index + 1 - }) - - let offset = 0 - - const prevBtn = document.createElement('button') - prevBtn.textContent = '<' - prevBtn.addEventListener('click', () => { - if (parseInt(this.pagesControl.querySelector('[selected]').textContent) > 1) { - offset = (parseInt(this.pagesControl.querySelector('[selected]').textContent) - 2) * 20 - } else { - offset = 0 - } - this.getData(offset) - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage - 1) - }) - this.pagesControl.appendChild(prevBtn) - - this.pages.forEach((pageNumber) => { - const pageBtn = document.createElement('button') - pageBtn.textContent = pageNumber - let offset = 0 - pageBtn.addEventListener('click', (e) => { - if (parseInt(e.target.textContent) > 1) { - offset = (parseInt(e.target.textContent) - 1) * 20 - } else { - offset = 0 - } - this.getData(offset) - this.updateItemsFromPage(parseInt(e.target.textContent)) - }) - if (pageNumber === page) { - pageBtn.setAttribute('selected', true) - } - this.pagesControl.appendChild(pageBtn) - }) - - const nextBtn = window.document.createElement('button') - nextBtn.textContent = '>' - nextBtn.addEventListener('click', () => { - if (parseInt(this.pagesControl.querySelector('[selected]').textContent) >= 1) { - offset = ((parseInt(this.pagesControl.querySelector('[selected]').textContent) + 1) * 20) - 20 - } else { - offset = 0 - } - this.getData(offset) - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage + 1) - }) - this.pagesControl.appendChild(nextBtn) - } - - const buttons = Array.from(this.pagesControl.children) - buttons.forEach((btn, index) => { - if (parseInt(btn.textContent) === page) { - btn.setAttribute('selected', true) - } else { - btn.removeAttribute('selected') - } - if (index === 0) { - if (page === 1) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - if (index === buttons.length - 1) { - if (page === this.pages.length) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - }) - } - - async showWebsites() { - await this.getData(0) - await this.getArbitraryResources() - await this.getResourcesGrid() - await this.updateItemsFromPage(1, true) - } - - async refreshWebsites() { - await this.getData(0) - await this.getArbitraryResources() - await this.updateItemsFromPage(1, true) - } - - doSearch(e) { - this.searchResult() - } - - async searchResult() { - let searchName = this.shadowRoot.getElementById('searchName').value - if (searchName.length === 0) { - let err1string = get("websitespage.schange34") - parentEpml.request('showSnackBar', `${err1string}`) - } else { - let searchResources = await parentEpml.request('apiCall', { - url: `/arbitrary/resources/search?service=${this.service}&query=${searchName}&default=true&limit=5&reverse=false&includestatus=true&includemetadata=true` - }) - if (this.isEmptyArray(searchResources)) { - let err2string = get("websitespage.schange17") - parentEpml.request('showSnackBar', `${err2string}`) - } else { - this.searchResources = searchResources - } - } - } - - renderAvatar(websiteObj) { - let name = websiteObj.name - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?async=true&apiKey=${this.getApiKey()}` - return html`` - } - - renderRelayModeText() { - if (this.relayMode === true) { - return html`
    ${translate("websitespage.schange18")} "relayModeEnabled": false ${translate("websitespage.schange19")} settings.json
    ` - } - else if (this.relayMode === false) { - return html`
    ${translate("websitespage.schange20")} "relayModeEnabled": true ${translate("websitespage.schange19")} settings.json
    ` - } - return html`` - } - - renderPublishButton() { - // Only show the publish button if we have admin permissions on this node - // We can check the followed names array to achieve this - if (this.followedNames == null || !Array.isArray(this.followedNames)) { - return html`` - } - return html` this.publishWebsite()}>add${translate("websitespage.schange21")}` - } - - renderSearchButton() { - return html` this.openSearchDialog()}>search${translate("websitespage.schange4")}` - } - - openSearchDialog() { - this.searchResources = [] - this.shadowRoot.getElementById('searchName').value = '' - this.shadowRoot.getElementById('searchWebsiteDialog').show() - } - - publishWebsite() { - window.location.href = `publish/index.html?service=${this.service}&identifier=${this.identifier}&uploadType=zip&category=Website&showName=true&showService=false&showIdentifier=false&showMetadata=true` - } - - async followName(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully followed - add to local list - // Remove it first by filtering the list - doing it this way ensures the UI updates - // immediately, as apposed to only adding if it doesn't already exist - this.followedNames = this.followedNames.filter(item => item != name) - this.followedNames.push(name) - } else { - let err3string = get("websitespage.schange22") - parentEpml.request('showSnackBar', `${err3string}`) - } - return ret - } - - async followNameTab(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully followed - add to local list - // Remove it first by filtering the list - doing it this way ensures the UI updates - // immediately, as apposed to only adding if it doesn't already exist - this.followedNames = this.followedNames.filter(item => item != name) - this.followedNames.push(name) - await this.getFollowedNamesRefresh() - await this.getFollowedNamesResource() - } else { - let err3string = get("websitespage.schange22") - parentEpml.request('showSnackBar', `${err3string}`) - } - return ret - } - - async unfollowName(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unfollowed - remove from local list - this.followedNames = this.followedNames.filter(item => item != name) - } else { - let err4string = get("websitespage.schange23") - parentEpml.request('showSnackBar', `${err4string}`) - } - return ret - } - - async unfollowNameTab(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/followedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unfollowed - remove from local list - this.followedNames = this.followedNames.filter(item => item != name) - await this.getFollowedNamesRefresh() - await this.getFollowedNamesResource() - } else { - let err4string = get("websitespage.schange23") - parentEpml.request('showSnackBar', `${err4string}`) - } - return ret - } - - async blockName(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully blocked - add to local list - // Remove it first by filtering the list - doing it this way ensures the UI updates - // immediately, as apposed to only adding if it doesn't already exist - this.blockedNames = this.blockedNames.filter(item => item != name) - this.blockedNames.push(name) - } else { - let err5string = get("websitespage.schange24") - parentEpml.request('showSnackBar', `${err5string}`) - } - return ret - } - - async blockNameTab(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'POST', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully blocked - add to local list - // Remove it first by filtering the list - doing it this way ensures the UI updates - // immediately, as apposed to only adding if it doesn't already exist - this.blockedNames = this.blockedNames.filter(item => item != name) - this.blockedNames.push(name) - await this.getBlockedNamesRefresh() - await this.getBlockedNamesResource() - } else { - let err5string = get("websitespage.schange24") - parentEpml.request('showSnackBar', `${err5string}`) - } - return ret - } - - async unblockName(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unblocked - remove from local list - this.blockedNames = this.blockedNames.filter(item => item != name) - } else { - let err6string = get("websitespage.schange25") - parentEpml.request('showSnackBar', `${err6string}`) - } - return ret - } - - async unblockNameTab(websiteObj) { - let name = websiteObj.name - let items = [ - name - ] - let namesJsonString = JSON.stringify({ "items": items }) - - let ret = await parentEpml.request('apiCall', { - url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, - method: 'DELETE', - headers: { - 'Content-Type': 'application/json' - }, - body: `${namesJsonString}` - }) - - if (ret === true) { - // Successfully unblocked - remove from local list - this.blockedNames = this.blockedNames.filter(item => item != name) - await this.getBlockedNamesRefresh() - await this.getBlockedNamesResource() - } else { - let err6string = get("websitespage.schange25") - parentEpml.request('showSnackBar', `${err6string}`) - } - return ret - } - - renderInfo(websiteObj) { - let name = websiteObj.name - let title = name - let description = "" - let categoryName = this.renderCatText() - let tags = "" - let sizeReadable = "" - - if (websiteObj.metadata != null) { - title = websiteObj.metadata.title; - description = websiteObj.metadata.description; - categoryName = websiteObj.metadata.categoryName; - if (websiteObj.metadata.tags != null && websiteObj.metadata.tags.length > 0) { - tags = "Tags: " + websiteObj.metadata.tags.join(", ") - } - } - - if (websiteObj.size != null) { - sizeReadable = this.bytesToSize(websiteObj.size) - } - - return html` -
    - ${title} -
    -
    ${description}
    -
    - ${categoryName}  - ${tags.length > 0 ? " | " : ""}  - ${tags}  - ${sizeReadable.length > 0 ? " | " : ""}  - ${translate("websitespage.schange27")}: ${sizeReadable} -
    - ` - } - - renderPublishedBy(websiteObj) { - return html`
    ${websiteObj.name}
    -
    ${translate("websitespage.schange28")}: ${websiteObj.status.title}
    ` - } - - renderSize(websiteObj) { - if (websiteObj.size === null) { - return html`` - } - let sizeReadable = this.bytesToSize(websiteObj.size) - return html`${sizeReadable}` - } - - renderFollowUnfollowButton(websiteObj) { - let name = websiteObj.name - - // Only show the follow/unfollow button if we have permission to modify the list on this node - if (this.followedNames == null || !Array.isArray(this.followedNames)) { - return html`` - } - - if (this.followedNames.indexOf(name) === -1) { - // render follow button - return html` this.followName(websiteObj)}>add_to_queue ${translate("websitespage.schange29")}` - } - else { - // render unfollow button - return html` this.unfollowName(websiteObj)}>remove_from_queue ${translate("websitespage.schange30")}` - } - } - - renderFollowUnfollowButtonTab(websiteObj) { - let name = websiteObj.name - - // Only show the follow/unfollow button if we have permission to modify the list on this node - if (this.followedNames == null || !Array.isArray(this.followedNames)) { - return html`` - } - - if (this.followedNames.indexOf(name) === -1) { - // render follow button - return html` this.followNameTab(websiteObj)}>add_to_queue ${translate("websitespage.schange29")}` - } - else { - // render unfollow button - return html` this.unfollowNameTab(websiteObj)}>remove_from_queue ${translate("websitespage.schange30")}` - } - } - - renderBlockUnblockButton(websiteObj) { - let name = websiteObj.name - - // Only show the block/unblock button if we have permission to modify the list on this node - if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { - return html`` - } - - if (this.blockedNames.indexOf(name) === -1) { - // render block button - return html` this.blockName(websiteObj)}>block ${translate("websitespage.schange31")}` - } - else { - // render unblock button - return html` this.unblockName(websiteObj)}>radio_button_unchecked ${translate("websitespage.schange32")}` - } - } - - renderBlockUnblockButtonTab(websiteObj) { - let name = websiteObj.name - - // Only show the block/unblock button if we have permission to modify the list on this node - if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { - return html`` - } - - if (this.blockedNames.indexOf(name) === -1) { - // render block button - return html` this.blockNameTab(websiteObj)}>block ${translate("websitespage.schange31")}` - } - else { - // render unblock button - return html` this.unblockNameTab(websiteObj)}>radio_button_unchecked ${translate("websitespage.schange32")}` - } - } - - bytesToSize(bytes) { - var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB'] - if (bytes == 0) return '0 bytes' - var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024))) - return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i] - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } -} - -window.customElements.define('websites-list', Websites) diff --git a/plugins/plugins/core/qortal-lottery/qortal-lottery.src.js b/plugins/plugins/core/qortal-lottery/qortal-lottery.src.js index 336c2478..f0ccf68f 100644 --- a/plugins/plugins/core/qortal-lottery/qortal-lottery.src.js +++ b/plugins/plugins/core/qortal-lottery/qortal-lottery.src.js @@ -1,7 +1,7 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { qortalLotteryStyles } from '../components/plugins-css' import isElectron from 'is-electron' import '@material/mwc-button' import '@material/mwc-dialog' @@ -17,470 +17,311 @@ import '@vaadin/icons' import '@vaadin/grid' import '@vaadin/text-field' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class QortalLottery extends LitElement { - static get properties() { - return { - theme: { type: String, reflect: true }, - selectedAddress: { type: Object }, - openLotteries: { type: Array }, - openLotteriesAtArray: { type: Array }, - openLotteriesArray: { type: Array }, - openLotteriesFilterTx1: { type: Array }, - openLotteriesFilterTx2: { type: Array }, - closedLotteries: { type: Array }, - closedLotteriesAtArray: { type: Array }, - closedLotteriesFilterTx1: { type: Array }, - closedLotteriesFilterTx2: { type: Array }, - closedLotteriesFilterTx3: { type: Array }, - closedLotteriesArray: { type: Array }, - lotteryAtAddress: { type: String }, - lotteryEnterAmount: { type: Number }, - sendQortLoading: { type: Boolean }, - openLotteriesLoading: { type: Boolean }, - closedLotteriesLoading: { type: Boolean }, - sendQortFee: { type: Number }, - errorMessage: { type: String }, - successMessage: { type: String }, - btnDisable: { type: Boolean }, - qortWarning: { type: Boolean }, - isValidAmount: { type: Boolean }, - balance: { type: Number } - } - } + static get properties() { + return { + theme: { type: String, reflect: true }, + selectedAddress: { type: Object }, + openLotteries: { type: Array }, + openLotteriesAtArray: { type: Array }, + openLotteriesArray: { type: Array }, + openLotteriesFilterTx1: { type: Array }, + openLotteriesFilterTx2: { type: Array }, + closedLotteries: { type: Array }, + closedLotteriesAtArray: { type: Array }, + closedLotteriesFilterTx1: { type: Array }, + closedLotteriesFilterTx2: { type: Array }, + closedLotteriesFilterTx3: { type: Array }, + closedLotteriesArray: { type: Array }, + lotteryAtAddress: { type: String }, + lotteryEnterAmount: { type: Number }, + sendQortLoading: { type: Boolean }, + openLotteriesLoading: { type: Boolean }, + closedLotteriesLoading: { type: Boolean }, + sendQortFee: { type: Number }, + errorMessage: { type: String }, + successMessage: { type: String }, + btnDisable: { type: Boolean }, + qortWarning: { type: Boolean }, + isValidAmount: { type: Boolean }, + balance: { type: Number } + } + } - static get styles() { - return css` - * { - box-sizing: border-box; - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-theme-error: rgb(255, 89, 89); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 500px; - --mdc-dialog-max-width: 1024px; - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [qortalLotteryStyles] + } - [hidden] { - display: hidden !important; - visibility: none !important; - } + constructor() { + super() + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.selectedAddress = {} + this.openLotteries = [] + this.openLotteriesAtArray = [] + this.openLotteriesFilterTx1 = [] + this.openLotteriesFilterTx2 = [] + this.openLotteriesArray = [] + this.closedLotteries = [] + this.closedLotteriesAtArray = [] + this.closedLotteriesFilterTx1 = [] + this.closedLotteriesFilterTx2 = [] + this.closedLotteriesFilterTx3 = [] + this.closedLotteriesArray = [] + this.lotteryAtAddress = '' + this.lotteryEnterAmount = 0 + this.sendQortLoading = false + this.openLotteriesLoading = false + this.closedLotteriesLoading = false + this.sendQortFee = 0 + this.errorMessage = '' + this.successMessage = '' + this.isValidAmount = false + this.btnDisable = false + this.qortWarning = false + this.balance = 0 + } - #qortal-lottery-page { - background: var(--white); - padding: 12px 24px; - } + render() { + return html` +
    +
    + ${translate('tabmenu.tm42')} +
    +
    +
    +

    ${translate('lotterypage.lot1')}

    +
    +
    +
    ${translate("login.loading")}
    +
    + + + + + + + { + render(html`${this.renderPlayButton(data.item)}`, root) + }}> + + +
    + ${this.isEmptyArray(this.openLotteriesArray) ? html` +
    ${translate('lotterypage.lot11')}
    + `: ''} +
    +
    +
    +
    +

    ${translate('lotterypage.lot6')}

    +
    +
    +
    ${translate("login.loading")}
    +
    + + + + + { + render(html`${data.item.jackpot} QORT`, root) + }}> + + + { + render(html` + check + `, root) + }}> + + +
    + ${this.isEmptyArray(this.closedLotteriesArray) ? html` +
    ${translate('lotterypage.lot12')}
    + `: ''} +
    +
    + +
    +
    +

    ${translate('lotterypage.lot10')}

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${window.parent.reduxStore.getState().app.selectedAddress.address} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balance} QORT +
    +

    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.sendQortFee} QORT

    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendQortLoading ? html` + + ` : ''} +
    +
    + this.sendQort()}> + + ${translate('lotterypage.lot10')} + +
    ${this.renderWarning()}
    +
    +
    +
    + + ${translate("general.close")} + +     +
    + ` + } - .divCard { - padding: 1em; - } + async firstUpdated() { + this.changeTheme() + this.changeLanguage() - h2 { - margin:0; - } + await this.getLotteries() + await this.getOpenLotteries() + await this.getFinishedLotteries() - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - .header-title { - display: block; - overflow: hidden; - font-size: 32px; - color: var(--black); - font-weight: 400; - text-align: center; - white-space: pre-wrap; - overflow-wrap: break-word; - word-break: break-word; - cursor: inherit; - margin-top: 1rem; - } + use(checkLanguage) - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) - .red { - --mdc-theme-primary: #F44336; - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - .green { - --mdc-theme-primary: #198754; - } + let configLoaded = false - .warning { - --mdc-theme-primary: #f0ad4e; - } + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - .buttons { - text-align: right; - } + parentEpml.subscribe('config', c => { + if (!configLoaded) { + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - .successBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid green; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } + parentEpml.imReady() - .errorBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid red; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } + this.clearConsole() - .btn-clear-success { - --mdc-icon-button-size: 32px; - color: red; - } + setInterval(() => { + this.clearConsole() + }, 60000) - .btn-clear-error { - --mdc-icon-button-size: 32px; - color: green; - } + setInterval(() => { + this.refresh() + }, 300000) + } - .error-icon { - font-size: 48px; - color: red; - } + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') - .warning-text { - animation: blinker 1.5s linear infinite; - text-align: center; - margin-top: 10px; - color: rgb(255, 89, 89); - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } - @keyframes blinker { - 50% { - opacity: 0; - } - } + document.querySelector('html').setAttribute('theme', this.theme) + } - .loadingContainer { - height: 100%; - width: 100%; - } + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } + async getLotteries() { + this.openLotteriesLoading = true + this.closedLotteriesLoading = true + this.openLotteries = [] + this.closedLotteries = [] + this.openLotteriesAtArray = [] + this.closedLotteriesAtArray = [] - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } + await parentEpml.request('apiCall', { + url: `/at/byfunction/GA2GF79hfJeTy1TezS4sUZWS4vxJKs4qqwJ49h3NN8H9?limit=0&reverse=true` + }).then(res => { + this.openLotteries = res.filter(function (ol) { + return ol.isSleeping === true + }) + this.closedLotteries = res.filter(function (cl) { + return cl.isSleeping === false + }) + }) - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - ` - } - - constructor() { - super() - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.selectedAddress = {} - this.openLotteries = [] - this.openLotteriesAtArray = [] - this.openLotteriesFilterTx1 = [] - this.openLotteriesFilterTx2 = [] - this.openLotteriesArray = [] - this.closedLotteries = [] - this.closedLotteriesAtArray = [] - this.closedLotteriesFilterTx1 = [] - this.closedLotteriesFilterTx2 = [] - this.closedLotteriesFilterTx3 = [] - this.closedLotteriesArray = [] - this.lotteryAtAddress = '' - this.lotteryEnterAmount = 0 - this.sendQortLoading = false - this.openLotteriesLoading = false - this.closedLotteriesLoading = false - this.sendQortFee = 0 - this.errorMessage = '' - this.successMessage = '' - this.isValidAmount = false - this.btnDisable = false - this.qortWarning = false - this.balance = 0 - } - - render() { - return html` -
    -
    - ${translate('tabmenu.tm42')} -
    -
    - -
    -

    ${translate('lotterypage.lot1')}

    -
    -
    -
    ${translate("login.loading")}
    -
    - - - - - - - { - render(html`${this.renderPlayButton(data.item)}`, root) - }}> - -
    - ${this.isEmptyArray(this.openLotteriesArray) ? html` -
    ${translate('lotterypage.lot11')}
    - `: ''} -
    -

    -
    -

    ${translate('lotterypage.lot6')}

    -
    -
    -
    ${translate("login.loading")}
    -
    - - - - - { - render(html`${data.item.jackpot} QORT`, root) - }}> - - { - render(html`check`, root) - }}> - -
    - ${this.isEmptyArray(this.closedLotteriesArray) ? html` -
    ${translate('lotterypage.lot12')}
    - `: ''} -
    -
    - - -
    -
    -

    ${translate('lotterypage.lot10')}

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${window.parent.reduxStore.getState().app.selectedAddress.address} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balance} QORT -
    -

    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.sendQortFee} QORT

    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendQortLoading ? html` ` : ''} -
    -
    - this.sendQort()}> - - ${translate('lotterypage.lot10')} - -
    ${this.renderWarning()}
    -
    -
    -
    - - ${translate("general.close")} - -     -
    - ` - } - - async firstUpdated() { - this.changeTheme() - this.changeLanguage() - - await this.getLotteries() - await this.getOpenLotteries() - await this.getFinishedLotteries() - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) - parentEpml.subscribe('config', c => { - if (!configLoaded) { - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) - parentEpml.imReady() - - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - setInterval(() => { - this.refresh() - }, 300000) - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - async getLotteries() { - this.openLotteriesLoading = true - this.closedLotteriesLoading = true - this.openLotteries = [] - this.closedLotteries = [] - this.openLotteriesAtArray = [] - this.closedLotteriesAtArray = [] - - await parentEpml.request('apiCall', { - url: `/at/byfunction/GA2GF79hfJeTy1TezS4sUZWS4vxJKs4qqwJ49h3NN8H9?limit=0&reverse=true` - }).then(res => { - this.openLotteries = res.filter(function (ol) { - return ol.isSleeping === true - }) - this.closedLotteries = res.filter(function (cl) { - return cl.isSleeping === false - }) - }) - - this.openLotteries.map(item => { + this.openLotteries.map(item => { const aTT = item.ATAddress const endHeight = item.sleepUntilHeight const newObj = { @@ -490,19 +331,19 @@ class QortalLottery extends LitElement { this.openLotteriesAtArray.push(newObj) }) - this.closedLotteries.map(item => { + this.closedLotteries.map(item => { const myAT = item.ATAddress this.closedLotteriesAtArray.push(myAT) }) - const appDelay = ms => new Promise(res => setTimeout(res, ms)) - await appDelay(1000) - } + const appDelay = ms => new Promise(res => setTimeout(res, ms)) + await appDelay(1000) + } - async getOpenLotteries() { - let prepareOpenLotteriesArray = [] + async getOpenLotteries() { + let prepareOpenLotteriesArray = [] - this.openLotteriesAtArray.map(item => { + this.openLotteriesAtArray.map(item => { parentEpml.request('apiCall', { url: `/transactions/address/${item.ATAddress}?limit=0&reverse=true` }).then(res => { @@ -533,17 +374,18 @@ class QortalLottery extends LitElement { }) }) }) - const appDelay = ms => new Promise(res => setTimeout(res, ms)) - await appDelay(2000) - this.openLotteriesArray = prepareOpenLotteriesArray - this.openLotteriesArray.sort((a, b) => parseFloat(b.endBlock) - parseFloat(a.endBlock)) - this.openLotteriesLoading = false - } - async getFinishedLotteries() { - let prepareClosedLotteriesArray = [] + const appDelay = ms => new Promise(res => setTimeout(res, ms)) + await appDelay(2000) + this.openLotteriesArray = prepareOpenLotteriesArray + this.openLotteriesArray.sort((a, b) => parseFloat(b.endBlock) - parseFloat(a.endBlock)) + this.openLotteriesLoading = false + } - this.closedLotteriesAtArray.map(item => { + async getFinishedLotteries() { + let prepareClosedLotteriesArray = [] + + this.closedLotteriesAtArray.map(item => { parentEpml.request('apiCall', { url: `/transactions/address/${item}?limit=0&reverse=true` }).then(res => { @@ -591,335 +433,336 @@ class QortalLottery extends LitElement { }) }) }) - const appDelay = ms => new Promise(res => setTimeout(res, ms)) - await appDelay(5000) - this.closedLotteriesArray = prepareClosedLotteriesArray - this.closedLotteriesArray.sort((a, b) => parseFloat(b.endblock) - parseFloat(a.endblock)) - this.closedLotteriesLoading = false - } + const appDelay = ms => new Promise(res => setTimeout(res, ms)) + await appDelay(5000) + this.closedLotteriesArray = prepareClosedLotteriesArray + this.closedLotteriesArray.sort((a, b) => parseFloat(b.endblock) - parseFloat(a.endblock)) + this.closedLotteriesLoading = false + } - renderPlayButton(dataObj) { - return html` - - ${translate('lotterypage.lot5')} - - ` - } + renderPlayButton(dataObj) { + return html` + + ${translate('lotterypage.lot5')} + + ` + } - async openPlayLotteryDialog(dataObj) { - this.balance = 0 - await this.getWalletBalance() - this.sendQortFee = 0 - await this.getQortPaymentFee() - this.lotteryAtAddress = '' - this.lotteryEnterAmount = 0 - this.errorMessage = '' - this.successMessage = '' - this.sendQortLoading = false - this.lotteryAtAddress = dataObj.aTAddress - this.lotteryEnterAmount = dataObj.enter + async openPlayLotteryDialog(dataObj) { + this.balance = 0 + await this.getWalletBalance() + this.sendQortFee = 0 + await this.getQortPaymentFee() + this.lotteryAtAddress = '' + this.lotteryEnterAmount = 0 + this.errorMessage = '' + this.successMessage = '' + this.sendQortLoading = false + this.lotteryAtAddress = dataObj.aTAddress + this.lotteryEnterAmount = dataObj.enter - if (!isNaN(this.lotteryEnterAmount) && !isNaN(parseFloat(this.lotteryEnterAmount))) { - this.lotteryEnterAmount = parseFloat(dataObj.enter) - } else { - this.lotteryEnterAmount = 0 - } + if (!isNaN(this.lotteryEnterAmount) && !isNaN(parseFloat(this.lotteryEnterAmount))) { + this.lotteryEnterAmount = parseFloat(dataObj.enter) + } else { + this.lotteryEnterAmount = 0 + } - const checkMyQortAmount = this.round(parseFloat(this.lotteryEnterAmount)) - const checkMyFunds = this.round(parseFloat(this.balance - 0.01100000)) + const checkMyQortAmount = this.round(parseFloat(this.lotteryEnterAmount)) + const checkMyFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(checkMyFunds) >= Number(checkMyQortAmount)) { - this.btnDisable = false - this.qortWarning = false - } else { - this.btnDisable = true - this.qortWarning = true - } + if (Number(checkMyFunds) >= Number(checkMyQortAmount)) { + this.btnDisable = false + this.qortWarning = false + } else { + this.btnDisable = true + this.qortWarning = true + } - this.shadowRoot.querySelector("#playLotteryDialog").show() - } + this.shadowRoot.querySelector("#playLotteryDialog").show() + } - async getWalletBalance() { - await parentEpml.request('apiCall', { - url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}?apiKey=${this.getApiKey()}`, - }).then((res) => { - if (isNaN(Number(res))) { - let snack4string = get("walletpage.wchange32") - parentEpml.request('showSnackBar', `${snack4string}`) - } else { - this.balance = Number(res).toFixed(8) - } - }) - } + async getWalletBalance() { + await parentEpml.request('apiCall', { + url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}?apiKey=${this.getApiKey()}`, + }).then((res) => { + if (isNaN(Number(res))) { + let snack4string = get("walletpage.wchange32") + parentEpml.request('showSnackBar', `${snack4string}`) + } else { + this.balance = Number(res).toFixed(8) + } + }) + } - async getQortPaymentFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.sendQortFee = (Number(json) / 1e8).toFixed(8) - }) - } + async getQortPaymentFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` - closePlayLotteryDialog() { - this.shadowRoot.querySelector("#playLotteryDialog").close() - this.balance = 0 - this.lotteryAtAddress = '' - this.lotteryEnterAmount = 0 - this.errorMessage = '' - this.successMessage = '' - this.btnDisable = false - this.qortWarning = false - this.sendQortLoading = false - } + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.sendQortFee = (Number(json) / 1e8).toFixed(8) + }) + } - renderWarning() { - return html`${translate("tradepage.tchange48")} QORT` - } + closePlayLotteryDialog() { + this.shadowRoot.querySelector("#playLotteryDialog").close() + this.balance = 0 + this.lotteryAtAddress = '' + this.lotteryEnterAmount = 0 + this.errorMessage = '' + this.successMessage = '' + this.btnDisable = false + this.qortWarning = false + this.sendQortLoading = false + } - renderReceiverText() { - return html`${translate("walletpage.wchange29")}` - } + renderWarning() { + return html`${translate("tradepage.tchange48")} QORT` + } - renderSuccessText() { - return html`${translate("walletpage.wchange30")}` - } + renderReceiverText() { + return html`${translate("walletpage.wchange29")}` + } - renderFailText() { - return html`${translate("walletpage.wchange31")}` - } + renderSuccessText() { + return html`${translate("walletpage.wchange30")}` + } - renderClearSuccess() { - let strSuccessValue = this.successMessage - if (strSuccessValue === "") { - return html`` - } else { - return html` -
    - ${this.successMessage} - -
    -
    -

    ${translate("walletpage.wchange43")}

    -
    - ` - } - } + renderFailText() { + return html`${translate("walletpage.wchange31")}` + } - renderClearError() { - let strErrorValue = this.errorMessage - if (strErrorValue === "") { - return html`` - } else { - return html` -
    - ${this.errorMessage} - -
    -
    -

    ${translate("walletpage.wchange44")}

    -
    - ` - } - } + renderClearSuccess() { + let strSuccessValue = this.successMessage + if (strSuccessValue === "") { + return html`` + } else { + return html` +
    + ${this.successMessage} + +
    +
    +

    ${translate("walletpage.wchange43")}

    +
    + ` + } + } - checkQortAmount(e) { - const targetAmount = e.target.value - const target = e.target - this.btnDisable = true - this.qortWarning = false + renderClearError() { + let strErrorValue = this.errorMessage + if (strErrorValue === "") { + return html`` + } else { + return html` +
    + ${this.errorMessage} + +
    +
    +

    ${translate("walletpage.wchange44")}

    +
    + ` + } + } - if (targetAmount.length === 0) { - this.isValidAmount = false - this.btnDisable = true - this.qortWarning = false - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value - const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) - const myFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(myFunds) >= Number(checkQortAmount)) { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = false - this.qortWarning = false - } else { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = true - this.qortWarning = true - } - } + checkQortAmount(e) { + const targetAmount = e.target.value + const target = e.target + this.btnDisable = true + this.qortWarning = false - e.target.blur() - e.target.focus() + if (targetAmount.length === 0) { + this.isValidAmount = false + this.btnDisable = true + this.qortWarning = false + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value + const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) + const myFunds = this.round(parseFloat(this.balance - 0.01100000)) + if (Number(myFunds) >= Number(checkQortAmount)) { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = false + this.qortWarning = false + } else { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = true + this.qortWarning = true + } + } - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.btnDisable = true - this.qortWarning = false - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.btnDisable = true - this.qortWarning = false - } else { - const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value - const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) - const myFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(myFunds) >= Number(checkQortAmount)) { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = false - this.qortWarning = false - } else { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = true - this.qortWarning = true - } - return { - valid: true, - } - } - } - } else { - const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value - const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) - const myFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(myFunds) >= Number(checkQortAmount)) { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = false - this.qortWarning = false - } else { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = true - this.qortWarning = true - } - } - } - } + e.target.blur() + e.target.focus() - async sendQort() { - this.sendQortFee = 0 - await this.getQortPaymentFee() + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.btnDisable = true + this.qortWarning = false + return { + valid: false, + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.btnDisable = true + this.qortWarning = false + } else { + const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value + const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) + const myFunds = this.round(parseFloat(this.balance - 0.01100000)) + if (Number(myFunds) >= Number(checkQortAmount)) { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = false + this.qortWarning = false + } else { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = true + this.qortWarning = true + } + return { + valid: true, + } + } + } + } else { + const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value + const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) + const myFunds = this.round(parseFloat(this.balance - 0.01100000)) + if (Number(myFunds) >= Number(checkQortAmount)) { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = false + this.qortWarning = false + } else { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = true + this.qortWarning = true + } + } + } + } - const sendFee = this.sendQortFee - const amount = this.shadowRoot.getElementById('amountInput').value - const recipient = this.shadowRoot.getElementById('recipient').value + async sendQort() { + this.sendQortFee = 0 + await this.getQortPaymentFee() - this.sendQortLoading = true - this.btnDisable = true + const sendFee = this.sendQortFee + const amount = this.shadowRoot.getElementById('amountInput').value + const recipient = this.shadowRoot.getElementById('recipient').value - if (parseFloat(amount) + parseFloat(0.011) > parseFloat(this.balance)) { - this.sendQortLoading = false - this.btnDisable = false - let snack1string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${snack1string}`) - return false - } + this.sendQortLoading = true + this.btnDisable = true - if (parseFloat(amount) <= 0) { - this.sendQortLoading = false - this.btnDisable = false - let snack2string = get("walletpage.wchange27") - parentEpml.request('showSnackBar', `${snack2string}`) - return false - } + if (parseFloat(amount) + parseFloat(0.011) > parseFloat(this.balance)) { + this.sendQortLoading = false + this.btnDisable = false + let snack1string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${snack1string}`) + return false + } - if (recipient.length === 0) { - this.sendQortLoading = false - this.btnDisable = false - let snack3string = get("walletpage.wchange28") - parentEpml.request('showSnackBar', `${snack3string}`) - return false - } + if (parseFloat(amount) <= 0) { + this.sendQortLoading = false + this.btnDisable = false + let snack2string = get("walletpage.wchange27") + parentEpml.request('showSnackBar', `${snack2string}`) + return false + } - const getLastRef = async () => { + if (recipient.length === 0) { + this.sendQortLoading = false + this.btnDisable = false + let snack3string = get("walletpage.wchange28") + parentEpml.request('showSnackBar', `${snack3string}`) + return false + } + + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${window.parent.reduxStore.getState().app.selectedAddress.address}`, }) - } + } - const validateName = async (receiverName) => { - let myRes - let myNameRes = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${receiverName}`, - }) + const validateName = async (receiverName) => { + let myRes + let myNameRes = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}`, + }) - if (myNameRes.error === 401) { - myRes = false - } else { - myRes = myNameRes - } - return myRes - } + if (myNameRes.error === 401) { + myRes = false + } else { + myRes = myNameRes + } + return myRes + } - const validateAddress = async (receiverAddress) => { + const validateAddress = async (receiverAddress) => { return await window.parent.validateAddress(receiverAddress) - } + } - const validateReceiver = async (recipient) => { - let lastRef = await getLastRef() - let isAddress + const validateReceiver = async (recipient) => { + let lastRef = await getLastRef() + let isAddress - try { - isAddress = await validateAddress(recipient) - } catch (err) { - isAddress = false - } + try { + isAddress = await validateAddress(recipient) + } catch (err) { + isAddress = false + } - if (isAddress) { - let myTransaction = await makeTransactionRequest(recipient, lastRef) - getTxnRequestResponse(myTransaction) - } else { - let myNameRes = await validateName(recipient) - if (myNameRes !== false) { - let myNameAddress = myNameRes.owner - let myTransaction = await makeTransactionRequest(myNameAddress, lastRef) - getTxnRequestResponse(myTransaction) - } else { - console.error(this.renderReceiverText()) - this.errorMessage = this.renderReceiverText() - this.sendQortLoading = false - this.btnDisable = false - } - } - } + if (isAddress) { + let myTransaction = await makeTransactionRequest(recipient, lastRef) + getTxnRequestResponse(myTransaction) + } else { + let myNameRes = await validateName(recipient) + if (myNameRes !== false) { + let myNameAddress = myNameRes.owner + let myTransaction = await makeTransactionRequest(myNameAddress, lastRef) + getTxnRequestResponse(myTransaction) + } else { + console.error(this.renderReceiverText()) + this.errorMessage = this.renderReceiverText() + this.sendQortLoading = false + this.btnDisable = false + } + } + } - const getName = async (recipient)=> { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${recipient}`, - }) - if(getNames?.length > 0 ){ - return getNames[0].name - } else { - return '' - } - } catch (error) { - return "" - } - } + const getName = async (recipient) => { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${recipient}`, + }) + if (getNames?.length > 0) { + return getNames[0].name + } else { + return '' + } + } catch (error) { + return "" + } + } - const makeTransactionRequest = async (receiver, lastRef) => { - let myReceiver = receiver - let mylastRef = lastRef - let dialogamount = get("transactions.amount") - let dialogAddress = get("login.address") - let dialogName = get("login.name") - let dialogto = get("transactions.to") - let recipientName = await getName(myReceiver) + const makeTransactionRequest = async (receiver, lastRef) => { + let myReceiver = receiver + let mylastRef = lastRef + let dialogamount = get("transactions.amount") + let dialogAddress = get("login.address") + let dialogName = get("login.name") + let dialogto = get("transactions.to") + let recipientName = await getName(myReceiver) return await parentEpml.request('transaction', { type: 2, nonce: window.parent.reduxStore.getState().app.selectedAddress.nonce, @@ -935,60 +778,61 @@ class QortalLottery extends LitElement { dialogName }, }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.sendQortLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('amountInput').value = '' - this.shadowRoot.getElementById('recipient').value = '' - this.errorMessage = '' - this.lotteryAtAddress = '' - this.lotteryEnterAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendQortLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.sendQortLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver(recipient) - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.sendQortLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('amountInput').value = '' + this.shadowRoot.getElementById('recipient').value = '' + this.errorMessage = '' + this.lotteryAtAddress = '' + this.lotteryEnterAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendQortLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.sendQortLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + await validateReceiver(recipient) + } - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - async refresh() { - await this.getLotteries() - await this.getOpenLotteries() - await this.getFinishedLotteries() - } + async refresh() { + await this.getLotteries() + await this.getOpenLotteries() + await this.getFinishedLotteries() + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - round(number) { + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } - - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + } } -window.customElements.define('qortal-lottery', QortalLottery) +window.customElements.define('qortal-lottery', QortalLottery) \ No newline at end of file diff --git a/plugins/plugins/core/reward-share/reward-share.src.js b/plugins/plugins/core/reward-share/reward-share.src.js index a7c3213f..d59aceec 100644 --- a/plugins/plugins/core/reward-share/reward-share.src.js +++ b/plugins/plugins/core/reward-share/reward-share.src.js @@ -1,8 +1,8 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { rewardShareStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' import '@material/mwc-icon' import '@material/mwc-button' import '@material/mwc-textfield' @@ -11,452 +11,406 @@ import '@material/mwc-slider' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) class RewardShare extends LitElement { - static get properties() { - return { - isLoading: { type: Boolean }, - rewardShares: { type: Array }, - recipientPublicKey: { type: String }, - selectedAddress: { type: Object }, - btnDisable: { type: Boolean }, - createRewardShareLoading: { type: Boolean }, - removeRewardShareLoading: { type: Boolean }, - rewardSharePercentage: { type: Number }, - error: { type: Boolean }, - message: { type: String }, - theme: { type: String, reflect: true } - } - } + static get properties() { + return { + isLoading: { type: Boolean }, + rewardShares: { type: Array }, + recipientPublicKey: { type: String }, + selectedAddress: { type: Object }, + btnDisable: { type: Boolean }, + createRewardShareLoading: { type: Boolean }, + removeRewardShareLoading: { type: Boolean }, + rewardSharePercentage: { type: Number }, + error: { type: Boolean }, + message: { type: String }, + theme: { type: String, reflect: true } + } + } - static get styles() { - return css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } + static get styles() { + return [rewardShareStyles] + } - .myGridColor { - background-color: var(--white) !important; - color: var(--black); - } + constructor() { + super() + this.selectedAddress = {} + this.rewardShares = [] + this.recipientPublicKey = '' + this.rewardSharePercentage = 0 + this.btnDisable = false + this.createRewardShareLoading = false + this.removeRewardShareLoading = false + this.isLoading = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + } - #reward-share-page { - background: var(--white); - padding: 12px 24px; - } + render() { + return html` +
    +
    +

    ${translate("rewardsharepage.rchange1")}

    + this.shadowRoot.querySelector('#createRewardShareDialog').show()}> + add + ${translate("rewardsharepage.rchange2")} + + this.shadowRoot.querySelector('#createSelfShareDialog').show()}> + add + ${translate("rewardsharepage.rchange16")} + +
    +
    +

    ${translate("rewardsharepage.rchange3")}

    + + + + + { + render(html`${this.renderRemoveRewardShareButton(data.item)}`, root) + }}> + + + ${(this.isEmptyArray(this.rewardShares) && !this.isLoading) ? html` + ${translate("rewardsharepage.rchange15")} + `: ''} + ${this.isLoading ? html` + + ` : ''} +
    + +
    ${translate("rewardsharepage.rchange9")}
    +
    + +

    + ${translate("rewardsharepage.rchange11")}: ${this.rewardSharePercentage} +

    + + +
    + + + ${translate("rewardsharepage.rchange13")}   + + + + + ${this.message} + +
    + + ${translate("rewardsharepage.rchange14")} + + + ${translate("general.close")} + +     + +
    ${translate("rewardsharepage.rchange9")}
    +
    +
    ${translate("rewardsharepage.rchange10")}:
    ${this.selectedAddress.base58PublicKey}
    +

    + ${translate("rewardsharepage.rchange11")}: 0 +

    +
    + + + ${translate("rewardsharepage.rchange13")}   + + + + + ${this.message} + +
    + + ${translate("rewardsharepage.rchange14")} + + + ${translate("general.close")} + +     +
    + ` + } - .divCard { - border: 1px solid var(--border); - padding: 1em; - box-shadow: 0 .3px 1px 0 rgba(0,0,0,0.14), 0 1px 1px -1px rgba(0,0,0,0.12), 0 1px 2px 0 rgba(0,0,0,0.20); - } + firstUpdated() { + this.changeTheme() + this.changeLanguage() - h2 { - margin:0; - } + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') - h2, h3, h4, h5 { - color: var(--black); - font-weight: 400; - } + use(checkLanguage) - .red { - --mdc-theme-primary: #F44336; - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } + document.querySelector('html').setAttribute('theme', this.theme) + }) - .spinner { - width: 100%; - display: flex; - justify-content: center; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - ` - } + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } - constructor() { - super() - this.selectedAddress = {} - this.rewardShares = [] - this.recipientPublicKey = '' - this.rewardSharePercentage = 0 - this.btnDisable = false - this.createRewardShareLoading = false - this.removeRewardShareLoading = false - this.isLoading = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - } + const updateRewardshares = () => { + this.isLoading = true + this.rewardShares = [] - render() { - return html` -
    -
    -

    ${translate("rewardsharepage.rchange1")}

    - this.shadowRoot.querySelector('#createRewardShareDialog').show()}>add${translate("rewardsharepage.rchange2")} - this.shadowRoot.querySelector('#createSelfShareDialog').show()}>add${translate("rewardsharepage.rchange16")} -
    + parentEpml.request('apiCall', { + url: `/addresses/rewardshares?involving=${this.selectedAddress.address}` + }).then(res => { + this.rewardShares = res + this.isLoading = false + }) -
    -

    ${translate("rewardsharepage.rchange3")}

    - - - - - { - render(html`${this.renderRemoveRewardShareButton(data.item)}`, root) - }}> - - - ${(this.isEmptyArray(this.rewardShares) && !this.isLoading) ? html` - ${translate("rewardsharepage.rchange15")} - `: ''} - ${this.isLoading ? html` - - ` : ''} -
    + setTimeout(updateRewardshares, 60000) + } - -
    ${translate("rewardsharepage.rchange9")}
    -
    - -

    - ${translate("rewardsharepage.rchange11")}: ${this.rewardSharePercentage} -

    - - -
    - - - ${translate("rewardsharepage.rchange13")}   - - - - ${this.message} - -
    + let configLoaded = false - - ${translate("rewardsharepage.rchange14")} - - - ${translate("general.close")} - -     + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async selectedAddress => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + }) - -
    ${translate("rewardsharepage.rchange9")}
    -
    -
    ${translate("rewardsharepage.rchange10")}:
    ${this.selectedAddress.base58PublicKey}
    -

    - ${translate("rewardsharepage.rchange11")}: 0 -

    -
    - - - ${translate("rewardsharepage.rchange13")}   - - - - ${this.message} - -
    + parentEpml.subscribe('config', c => { + if (!configLoaded) { + setTimeout(updateRewardshares, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + }) - - ${translate("rewardsharepage.rchange14")} - - - ${translate("general.close")} - -     -
    - ` - } + parentEpml.imReady() - firstUpdated() { - this.changeTheme() - this.changeLanguage() + this.clearConsole() - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') + setInterval(() => { + this.clearConsole() + }, 60000) + } - use(checkLanguage) + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } - const updateRewardshares = () => { - this.isLoading = true - this.rewardShares = [] - parentEpml.request('apiCall', { - url: `/addresses/rewardshares?involving=${this.selectedAddress.address}` - }).then(res => { - this.rewardShares = res - this.isLoading = false - }) - setTimeout(updateRewardshares, 60000) - } + document.querySelector('html').setAttribute('theme', this.theme) + } - let configLoaded = false + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async selectedAddress => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - }) + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } - parentEpml.subscribe('config', c => { - if (!configLoaded) { - setTimeout(updateRewardshares, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - }) + renderRemoveRewardShareButton(rewardShareObject) { + if (rewardShareObject.recipient === this.selectedAddress.address) { + return html`${translate("rewardsharepage.rchange16")}` + } else { + return html` this.removeRewardShare(rewardShareObject)}>create${translate("rewardsharepage.rchange17")}` + } + } - parentEpml.imReady() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - } + async createRewardShare(e) { + this.error = false + this.message = '' - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } + const recipientPublicKey = this.shadowRoot.getElementById("recipientPublicKey").value + const percentageShare = this.shadowRoot.getElementById("rewardSharePercentageSlider").value - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } + // Check for valid... + this.createRewardShareLoading = true - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') + let recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - renderRemoveRewardShareButton(rewardShareObject) { - if (rewardShareObject.recipient === this.selectedAddress.address) { - return html`${translate("rewardsharepage.rchange16")}` - } else { - return html` this.removeRewardShare(rewardShareObject)}>create${translate("rewardsharepage.rchange17")}` - } - } - - async createRewardShare(e) { - this.error = false - this.message = '' - const recipientPublicKey = this.shadowRoot.getElementById("recipientPublicKey").value - const percentageShare = this.shadowRoot.getElementById("rewardSharePercentageSlider").value - - // Check for valid... - this.createRewardShareLoading = true - - let recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) - - // Get Last Ref - const getLastRef = async () => { + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - // Get Account Details - const getAccountDetails = async () => { + // Get Account Details + const getAccountDetails = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/${this.selectedAddress.address}` }) - }; + } - // Get Reward Relationship if it already exists - const getRewardShareRelationship = async (minterAddr) => { - let isRewardShareExisting = false - let myRewardShareArray = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/rewardshares?minters=${minterAddr}&recipients=${recipientAddress}` - }) - isRewardShareExisting = myRewardShareArray.length !== 0 - return isRewardShareExisting - } + // Get Reward Relationship if it already exists + const getRewardShareRelationship = async (minterAddr) => { + let isRewardShareExisting = false + let myRewardShareArray = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/rewardshares?minters=${minterAddr}&recipients=${recipientAddress}` + }) + isRewardShareExisting = myRewardShareArray.length !== 0 + return isRewardShareExisting + } - // Validate Reward Share by Level - const validateReceiver = async () => { - let accountDetails = await getAccountDetails(); - let lastRef = await getLastRef(); - let isExisting = await getRewardShareRelationship(this.selectedAddress.address) + // Validate Reward Share by Level + const validateReceiver = async () => { + let accountDetails = await getAccountDetails() + let lastRef = await getLastRef() + let isExisting = await getRewardShareRelationship(this.selectedAddress.address) - // Check for creating self share at different levels (also adding check for flags...) - if (accountDetails.flags === 1) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - this.error = true - this.message = `Cannot Create Multiple Reward Shares!` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else if (accountDetails.address === recipientAddress) { - if (accountDetails.level >= 1 && accountDetails.level <= 4) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - let err1string = get("rewardsharepage.rchange18") - this.error = true - this.message = `${err1string}` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else if (accountDetails.level >= 5) { + // Check for creating self share at different levels (also adding check for flags...) + if (accountDetails.flags === 1) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + this.error = true + this.message = `Cannot Create Multiple Reward Shares!` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else if (accountDetails.address === recipientAddress) { + if (accountDetails.level >= 1 && accountDetails.level <= 4) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + let err1string = get("rewardsharepage.rchange18") + this.error = true + this.message = `${err1string}` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else if (accountDetails.level >= 5) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - let err2string = get("rewardsharepage.rchange19") - this.error = true - this.message = `${err2string}` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else { - let err3string = get("rewardsharepage.rchange20") - this.error = true - this.message = `${err3string} ${accountDetails.level}` - } - } else { - //Check for creating reward shares - if (accountDetails.level >= 5) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - let err4string = get("rewardsharepage.rchange18") - this.error = true - this.message = `${err4string}` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else { - this.error = true - let err5string = get("rewardsharepage.rchange20") - this.message = `${err5string} ${accountDetails.level}` - } - } - } + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + let err2string = get("rewardsharepage.rchange19") + this.error = true + this.message = `${err2string}` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else { + let err3string = get("rewardsharepage.rchange20") + this.error = true + this.message = `${err3string} ${accountDetails.level}` + } + } else { + //Check for creating reward shares + if (accountDetails.level >= 5) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + let err4string = get("rewardsharepage.rchange18") + this.error = true + this.message = `${err4string}` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else { + this.error = true + let err5string = get("rewardsharepage.rchange20") + this.message = `${err5string} ${accountDetails.level}` + } + } + } - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let mylastRef = lastRef - let rewarddialog1 = get("transactions.rewarddialog1") - let rewarddialog2 = get("transactions.rewarddialog2") - let rewarddialog3 = get("transactions.rewarddialog3") - let rewarddialog4 = get("transactions.rewarddialog4") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let mylastRef = lastRef + let rewarddialog1 = get("transactions.rewarddialog1") + let rewarddialog2 = get("transactions.rewarddialog2") + let rewarddialog3 = get("transactions.rewarddialog3") + let rewarddialog4 = get("transactions.rewarddialog4") return await parentEpml.request('transaction', { type: 38, nonce: this.selectedAddress.nonce, @@ -467,153 +421,154 @@ class RewardShare extends LitElement { rewarddialog1: rewarddialog1, rewarddialog2: rewarddialog2, rewarddialog3: rewarddialog3, - rewarddialog4: rewarddialog4, + rewarddialog4: rewarddialog4 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { this.message = get("rewardsharepage.rchange21") - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } - await validateReceiver() - this.createRewardShareLoading = false - } + this.error = false + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - async createSelfShare(e) { - this.error = false - this.message = '' - const recipientPublicKey = this.selectedAddress.base58PublicKey - const percentageShare = 0 + await validateReceiver() + this.createRewardShareLoading = false + } - // Check for valid... - this.createRewardShareLoading = true + async createSelfShare(e) { + this.error = false + this.message = '' + const recipientPublicKey = this.selectedAddress.base58PublicKey + const percentageShare = 0 - let recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) + // Check for valid... + this.createRewardShareLoading = true - // Get Last Ref - const getLastRef = async () => { + let recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) + + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - // Get Account Details - const getAccountDetails = async () => { + // Get Account Details + const getAccountDetails = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/${this.selectedAddress.address}` }) - }; + } - // Get Reward Relationship if it already exists - const getRewardShareRelationship = async (minterAddr) => { - let isRewardShareExisting = false - let myRewardShareArray = await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/rewardshares?minters=${minterAddr}&recipients=${recipientAddress}` - }) - isRewardShareExisting = myRewardShareArray.length !== 0 - return isRewardShareExisting - } + // Get Reward Relationship if it already exists + const getRewardShareRelationship = async (minterAddr) => { + let isRewardShareExisting = false + let myRewardShareArray = await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/rewardshares?minters=${minterAddr}&recipients=${recipientAddress}` + }) + isRewardShareExisting = myRewardShareArray.length !== 0 + return isRewardShareExisting + } - // Validate Reward Share by Level - const validateReceiver = async () => { - let accountDetails = await getAccountDetails(); - let lastRef = await getLastRef(); - let isExisting = await getRewardShareRelationship(this.selectedAddress.address) + // Validate Reward Share by Level + const validateReceiver = async () => { + let accountDetails = await getAccountDetails() + let lastRef = await getLastRef() + let isExisting = await getRewardShareRelationship(this.selectedAddress.address) - // Check for creating self share at different levels (also adding check for flags...) - if (accountDetails.flags === 1) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - this.error = true - this.message = `Cannot Create Multiple Reward Shares!` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else if (accountDetails.address === recipientAddress) { - if (accountDetails.level >= 1 && accountDetails.level <= 4) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - let err1string = get("rewardsharepage.rchange18") - this.error = true - this.message = `${err1string}` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else if (accountDetails.level >= 5) { + // Check for creating self share at different levels (also adding check for flags...) + if (accountDetails.flags === 1) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + this.error = true + this.message = `Cannot Create Multiple Reward Shares!` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else if (accountDetails.address === recipientAddress) { + if (accountDetails.level >= 1 && accountDetails.level <= 4) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + let err1string = get("rewardsharepage.rchange18") + this.error = true + this.message = `${err1string}` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else if (accountDetails.level >= 5) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - let err2string = get("rewardsharepage.rchange19") - this.error = true - this.message = `${err2string}` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else { - let err3string = get("rewardsharepage.rchange20") - this.error = true - this.message = `${err3string} ${accountDetails.level}` - } - } else { - //Check for creating reward shares - if (accountDetails.level >= 5) { - this.error = false - this.message = '' - let myTransaction = await makeTransactionRequest(lastRef) - if (isExisting === true) { - let err4string = get("rewardsharepage.rchange18") - this.error = true - this.message = `${err4string}` - } else { - // Send the transaction for confirmation by the user - this.error = false - this.message = '' - getTxnRequestResponse(myTransaction) - } - } else { - this.error = true - let err5string = get("rewardsharepage.rchange20") - this.message = `${err5string} ${accountDetails.level}` - } - } - } + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + let err2string = get("rewardsharepage.rchange19") + this.error = true + this.message = `${err2string}` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else { + let err3string = get("rewardsharepage.rchange20") + this.error = true + this.message = `${err3string} ${accountDetails.level}` + } + } else { + //Check for creating reward shares + if (accountDetails.level >= 5) { + this.error = false + this.message = '' + let myTransaction = await makeTransactionRequest(lastRef) + if (isExisting === true) { + let err4string = get("rewardsharepage.rchange18") + this.error = true + this.message = `${err4string}` + } else { + // Send the transaction for confirmation by the user + this.error = false + this.message = '' + getTxnRequestResponse(myTransaction) + } + } else { + this.error = true + let err5string = get("rewardsharepage.rchange20") + this.message = `${err5string} ${accountDetails.level}` + } + } + } - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let mylastRef = lastRef - let rewarddialog1 = get("transactions.rewarddialog1") - let rewarddialog2 = get("transactions.rewarddialog2") - let rewarddialog3 = get("transactions.rewarddialog3") - let rewarddialog4 = get("transactions.rewarddialog4") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let mylastRef = lastRef + let rewarddialog1 = get("transactions.rewarddialog1") + let rewarddialog2 = get("transactions.rewarddialog2") + let rewarddialog3 = get("transactions.rewarddialog3") + let rewarddialog4 = get("transactions.rewarddialog4") return await parentEpml.request('transaction', { type: 38, nonce: this.selectedAddress.nonce, @@ -624,59 +579,58 @@ class RewardShare extends LitElement { rewarddialog1: rewarddialog1, rewarddialog2: rewarddialog2, rewarddialog3: rewarddialog3, - rewarddialog4: rewarddialog4, + rewarddialog4: rewarddialog4 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.error = true - this.message = txnResponse.message - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.error = true + this.message = txnResponse.message + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { this.message = get("rewardsharepage.rchange21") - this.error = false - } else { - this.error = true - this.message = txnResponse.data.message - throw new Error(txnResponse) - } - } - await validateReceiver() - this.createRewardShareLoading = false - } + this.error = false + } else { + this.error = true + this.message = txnResponse.data.message + throw new Error(txnResponse) + } + } - async removeRewardShare(rewardShareObject) { - const myPercentageShare = -1 + await validateReceiver() + this.createRewardShareLoading = false + } - // Check for valid... - this.removeRewardShareLoading = true + async removeRewardShare(rewardShareObject) { + const myPercentageShare = -1 - // Get Last Ref - const getLastRef = async () => { + // Check for valid... + this.removeRewardShareLoading = true + + // Get Last Ref + const getLastRef = async () => { return await parentEpml.request('apiCall', { type: 'api', url: `/addresses/lastreference/${this.selectedAddress.address}` }) - }; + } - // Remove Reward Share - const removeReceiver = async () => { + // Remove Reward Share + const removeReceiver = async () => { + let lastRef = await getLastRef() + let myTransaction = await makeTransactionRequest(lastRef) - let lastRef = await getLastRef(); + getTxnRequestResponse(myTransaction) + } - let myTransaction = await makeTransactionRequest(lastRef) - getTxnRequestResponse(myTransaction) - - } - - // Make Transaction Request - const makeTransactionRequest = async (lastRef) => { - let mylastRef = lastRef - let rewarddialog5 = get("transactions.rewarddialog5") - let rewarddialog6 = get("transactions.rewarddialog6") + // Make Transaction Request + const makeTransactionRequest = async (lastRef) => { + let mylastRef = lastRef + let rewarddialog5 = get("transactions.rewarddialog5") + let rewarddialog6 = get("transactions.rewarddialog6") return await parentEpml.request('transaction', { type: 381, nonce: this.selectedAddress.nonce, @@ -686,33 +640,44 @@ class RewardShare extends LitElement { percentageShare: myPercentageShare, lastReference: mylastRef, rewarddialog5: rewarddialog5, - rewarddialog6: rewarddialog6, + rewarddialog6: rewarddialog6 } }) - } + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.removeRewardShareLoading = false - parentEpml.request('showSnackBar', txnResponse.message) - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - let err7tring = get("rewardsharepage.rchange22") - this.removeRewardShareLoading = false - parentEpml.request('showSnackBar', `${err7tring}`) - } else { - this.removeRewardShareLoading = false - parentEpml.request('showSnackBar', txnResponse.data.message) - throw new Error(txnResponse) - } - } - await removeReceiver() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.removeRewardShareLoading = false + parentEpml.request('showSnackBar', txnResponse.message) + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + let err7tring = get("rewardsharepage.rchange22") + this.removeRewardShareLoading = false + parentEpml.request('showSnackBar', `${err7tring}`) + } else { + this.removeRewardShareLoading = false + parentEpml.request('showSnackBar', txnResponse.data.message) + throw new Error(txnResponse) + } + } - isEmptyArray(arr) { - if (!arr) { return true } - return arr.length === 0 - } + await removeReceiver() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('reward-share', RewardShare) +window.customElements.define('reward-share', RewardShare) \ No newline at end of file diff --git a/plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js b/plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js deleted file mode 100644 index e1041306..00000000 --- a/plugins/plugins/core/sponsorship-list/sponsorship-list-css.src.js +++ /dev/null @@ -1,484 +0,0 @@ -import {css} from "lit" - -export const pageStyles = css` - * { - box-sizing: border-box; - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - .header-title { - font-size: 40px; - color: var(--black); - font-weight: 400; - text-align: center; - } - - .avatar-img { - border-radius: 50%; - height: 24px; - width: 24px; - margin-right: 10px; - } - - .divider { - color: #eee; - border-radius: 80%; - margin-bottom: 2rem; - } - - .fullWidth { - width: 100%; - } - - .page-container { - display: flex; - align-items: center; - flex-direction: column; - margin-bottom: 75px; - } - - .inner-container { - display: flex; - align-items: center; - flex-direction: column; - width: 95%; - max-width: 1024px; - } - - .message-error { - color: var(--error); - } - - .form-wrapper { - display: flex; - align-items: center; - width: 100%; - max-width: 700px; - height: 50px; - flex-wrap: wrap; - } - - .sponsor-minter-text { - color: var(--black); - font-weight: bold; - margin-right: 15px; - font-size: 18px; - } - - .row { - display: flex; - width: 100%; - align-items: center; - } - - .hide { - visibility: hidden - } - - .inactiveText { - opacity: .60 - } - - .column { - display: flex; - flex-direction: column; - width: 100%; - } - - .column-center { - align-items: center; - } - - .no-margin { - margin: 0; - } - - .no-wrap { - flex-wrap: nowrap !important; - } - - .row-center { - justify-content: center; - flex-wrap: wrap; - } - - .form-item { - display: flex; - height: 100%; - } - - .form-item--button { - flex-grow: 0; - } - - .form-item--input { - flex-grow: 1; - margin-right: 25px; - min-width: 275px; - } - - .gap { - gap: 10px; - } - - .title { - font-weight: 600; - font-size: 20px; - line-height: 28px; - opacity: 0.66; - color: var(--switchborder); - } - - .address { - overflow-wrap: anywhere; - color: var(--black); - } - - h4 { - font-weight: 600; - font-size: 20px; - line-height: 28px; - color: var(--black); - } - - mwc-textfield { - width: 100%; - } - - vaadin-button { - height: 100%; - margin: 0; - cursor: pointer; - min-width: 80px; - } - - mwc-icon-button { - height: 100%; - margin: 0; - cursor: pointer; - min-width: 80px; - } - - .loader, - .loader:after { - border-radius: 50%; - width: 10em; - height: 10em; - } - - .loadingContainer { - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - z-index: 10; - } - - .backdrop { - height: 100vh; - width: 100vw; - opacity: 0.6; - background-color: var(--border); - z-index: 9; - position: fixed; - } - - .marginLoader { - margin-left: 10px; - } - - .marginRight { - margin-right: 10px; - } - - .smallLoading, - .smallLoading:after { - border-radius: 50%; - width: 2px; - height: 2px; - } - - .smallLoading { - border-width: 0.6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: 0.6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - .tableGrid { - display: grid; - grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 2fr); - align-items: center; - gap: 5px; - width: 100%; - margin-bottom: 15px; - padding: 5px; - } - - .header { - align-self: flex-start; - } - - .header p { - word-break: break-word ; - } - - .grid-item { - text-align: center; - color: var(--black); - word-break: break-all; - overflow: hidden; - display: flex; - justify-content: center; - align-items: center; - } - - .name-container { - text-align: center; - color: var(--black); - display: flex; - justify-content: center; - align-items: center; - } - - .text { - color: var(--black) - } - - .text--bold { - font-weight: bold; - } - - .text--bold--green { - font-weight: bold; - color: var(--paper-green-500); - } - - .summary-box { - display: inline; - text-align: center; - margin-top: 25px; - width: 100%; - } - - .publicKeyLookupBtn { - position: fixed; - bottom: 15px; - right: 15px; - } - - .text--normal { - font-weight: normal; - } - - .grid-item p { - text-decoration: underline; - } - - ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .red { - --mdc-theme-primary: #f44336; - border-radius: 2px; - - } - - .btn--sponsorshipfinished { - background-color: var(--menuactive); - transition: all .2s; - animation: onOff 2s infinite; - --mdc-theme-primary: var(--black); - } - - .word-break { - word-break:break-all; - } - - .dialog-container { - width: 400px; - min-height: 300px; - max-height: 75vh; - padding: 5px; - display: flex; - align-items: flex-start; - flex-direction: column; - } - - .dialog-paragraph { - word-break: break-all; - color: var(--black) - } - - .dialog-header h1 { - font-size: 18px; - text-align: center; - } - - @keyframes onOff { - from {opacity: 1} - to {opacity: .5} - } - - .grid-item-text { - display: none; - } - - .sub-title { - margin-bottom: 10px; - } - - .sub-title p { - font-size: 18px; - color: var(--black); - } - - @media (max-width: 610px) { - .sponsor-minter-wrapper { - width: 100%; - margin-bottom: 10px; - } - - .form-item--input { - flex-grow: 1; - margin-right: 25px; - min-width: unset; - } - } - - @media (max-width: 710px) { - .table-header { - display: none; - } - - .grid-item-text { - display: inline; - color: var(--black); - text-decoration: none; - margin: 0px; - margin-right: 10px; - word-break: break-word; - } - - .grid-item { - text-align: start; - align-items: center; - display: grid; - grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); - } - - .name-container { - justify-content: flex-start - } - - .grid-item p { - text-decoration: none; - } - - .tableGrid { - grid-template-columns: minmax(0, 1fr); - border-radius: 5px; - border: 1px solid var(--black); - padding: 10px; - margin-bottom: 20px; - } - - mwc-button { - grid-column: 1 / -1; - } - } - - .between { - justify-content: space-between; - } - - .no-width { - width: auto - } - - .between p { - margin: 0; - padding: 0; - } - - #showDialogRewardShareCreationStatus .dialog-container { - width: 300px; - min-height: 250px; - max-height: 75vh; - padding: 5px; - display: flex; - align-items: flex-start; - flex-direction: column; - overflow-x: hidden; - } - - .warning{ - display: flex; - flex-grow: 1 - } - - #showDialogRewardShareCreationStatus li { - margin-bottom: 15px; - } -` - - diff --git a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js index b8efa0e8..55441efd 100644 --- a/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js +++ b/plugins/plugins/core/sponsorship-list/sponsorship-list.src.js @@ -1,11 +1,10 @@ -import {html, LitElement} from 'lit' -import {Epml} from '../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import {blocksNeed} from '../../utils/blocks-needed.js' -import {asyncReplace} from 'lit/directives/async-replace.js' -import {pageStyles} from './sponsorship-list-css.src.js' +import { html, LitElement } from 'lit' +import { asyncReplace } from 'lit/directives/async-replace.js' +import { Epml } from '../../../epml' +import { blocksNeed } from '../../utils/functions' +import { sponsorshipListStyles } from '../components/plugins-css' import isElectron from 'is-electron' - +import '../components/ButtonIconCopy' import '@material/mwc-button' import '@material/mwc-dialog' import '@material/mwc-icon' @@ -13,10 +12,11 @@ import '@material/mwc-icon-button' import '@material/mwc-textfield' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/button' -import '../components/ButtonIconCopy.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -58,7 +58,9 @@ class SponsorshipList extends LitElement { } } - static styles = [pageStyles] + static get styles() { + return [sponsorshipListStyles] + } constructor() { super() @@ -86,17 +88,15 @@ class SponsorshipList extends LitElement { render() { return html` - ${ - this.isPageLoading - ? html` -
    -
    -
    -
    - ` + ${this.isPageLoading ? + html` +
    +
    +
    +
    + ` : '' } -

    ${translate('mintingpage.mchange35')} @@ -149,7 +149,7 @@ class SponsorshipList extends LitElement { {this.createRewardShare(sponsorship.publicKey, true)}} > - content_copy ${translate('sponsorshipspage.schange11')} + content_copy ${translate('sponsorshipspage.schange11')}
  • @@ -158,7 +158,7 @@ class SponsorshipList extends LitElement { ?disabled=${this.removeRewardShareLoading} @click=${() => this.removeRewardShare(sponsorship)} > - delete_forever ${translate('rewardsharepage.rchange17')} + delete_forever ${translate('rewardsharepage.rchange17')}
    • @@ -204,7 +204,7 @@ class SponsorshipList extends LitElement { ?disabled='${this.isLoadingCreateSponsorship || !this.publicKeyValue}' @click='${()=> this.createRewardShare(this.publicKeyValue)}' > - ${translate('puzzlepage.pchange15')} + ${translate('puzzlepage.pchange15')}

    @@ -213,12 +213,11 @@ class SponsorshipList extends LitElement { theme='primary' @click='${()=> {this.isOpenDialogPublicKeyLookup = true}}' > - ${translate('sponsorshipspage.schange10')} + ${translate('sponsorshipspage.schange10')}
    -

    ${translate('sponsorshipspage.schange6')}

    @@ -236,10 +235,9 @@ class SponsorshipList extends LitElement { dialogAction='cancel' class='red' > - ${translate('general.close')} + ${translate('general.close')} -
    @@ -303,7 +301,7 @@ class SponsorshipList extends LitElement { `}
    { this.openDialogRewardShare = false this.errorMessage = '' @@ -311,12 +309,11 @@ class SponsorshipList extends LitElement { this.privateRewardShareKey = '' this.atMount() }} - class='red' - > - ${translate('general.close')} + class='red' + > + ${translate('general.close')} -

    ${translate('sponsorshipspage.schange10')}

    @@ -345,13 +342,13 @@ class SponsorshipList extends LitElement { this.lookUpPublicAddressFunc() }}' > - ${translate('sponsorshipspage.schange10')} + ${translate('sponsorshipspage.schange10')}
    ${this.lookupPublicAddressValue ? html`
    ${this.lookupPublicAddressValue} -
    +
    - ${translate('general.close')} + ${translate('general.close')}
    @@ -409,11 +406,12 @@ class SponsorshipList extends LitElement { }) } + this.clearConsole() + setInterval(() => { this.atMount() }, 180000) - this.clearConsole() setInterval(() => { this.clearConsole() }, 60000) @@ -480,11 +478,6 @@ class SponsorshipList extends LitElement { this.saveToClipboard(this.privateRewardShareKey, `${copystring1}`) } - getApiKey() { - const apiNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return apiNode.apiKey - } - async atMount() { this.addressInfo = window.parent.reduxStore.getState().app.accountInfo.addressInfo this.isPageLoading = true @@ -505,7 +498,9 @@ class SponsorshipList extends LitElement { type: 'api', url: `/names/address/${rs.recipient}` }) + let url = '' + if(getNames.length > 0 ) { const avatarNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] const avatarUrl = avatarNode.protocol + '://' + avatarNode.domain + ':' + avatarNode.port @@ -519,7 +514,7 @@ class SponsorshipList extends LitElement { ...rs, name: getNames.length > 0 ? getNames[0].name : '', url, - blocksRemaining: blocksRemaining, + blocksRemaining: blocksRemaining } }) @@ -562,7 +557,6 @@ class SponsorshipList extends LitElement { } async removeRewardShare(rewardShareObject) { - const selectedAddress = window.parent.reduxStore.getState().app.selectedAddress const myPercentageShare = -1 @@ -601,8 +595,8 @@ class SponsorshipList extends LitElement { percentageShare: myPercentageShare, lastReference: mylastRef, rewarddialog5: rewarddialog5, - rewarddialog6: rewarddialog6, - }, + rewarddialog6: rewarddialog6 + } }) } @@ -611,10 +605,7 @@ class SponsorshipList extends LitElement { this.removeRewardShareLoading = false parentEpml.request('showSnackBar', txnResponse.message) throw new Error(txnResponse) - } else if ( - txnResponse.success === true && - !txnResponse.data.error - ) { + } else if (txnResponse.success === true && !txnResponse.data.error) { let err7tring = get('rewardsharepage.rchange22') this.removeRewardShareLoading = false parentEpml.request('showSnackBar', `${err7tring}`) @@ -625,6 +616,7 @@ class SponsorshipList extends LitElement { throw new Error(txnResponse) } } + await removeReceiver() } @@ -704,38 +696,37 @@ class SponsorshipList extends LitElement { rewarddialog1: rewarddialog1, rewarddialog2: rewarddialog2, rewarddialog3: rewarddialog3, - rewarddialog4: rewarddialog4, + rewarddialog4: rewarddialog4 }, disableModal: true }) } const getTxnRequestResponse = (txnResponse) => { + const extraData = txnResponse && txnResponse.extraData + const data = txnResponse && txnResponse.data + const dataMessage = data && data.message + const extraDataPrivateKey = extraData && extraData.rewardSharePrivateKey + const txnSuccess = txnResponse && txnResponse.success - const extraData = txnResponse && txnResponse.extraData; - const data = txnResponse && txnResponse.data; - const dataMessage = data && data.message; - const extraDataPrivateKey = extraData && extraData.rewardSharePrivateKey; - const txnSuccess = txnResponse && txnResponse.success; - - if (extraDataPrivateKey && typeof dataMessage === 'string' && - (dataMessage.includes('multiple') || dataMessage.includes('SELF_SHARE_EXISTS'))) { - this.privateRewardShareKey = extraDataPrivateKey; - this.confirmRelationship(publicKeyValue, isCopy); + if (extraDataPrivateKey && typeof dataMessage === 'string' && (dataMessage.includes('multiple') || dataMessage.includes('SELF_SHARE_EXISTS'))) { + this.privateRewardShareKey = extraDataPrivateKey + this.confirmRelationship(publicKeyValue, isCopy) } else if (txnSuccess === false && txnResponse.message) { - this.errorMessage = txnResponse.message; - this.isLoadingCreateSponsorship = false; - throw new Error(txnResponse.message); + this.errorMessage = txnResponse.message + this.isLoadingCreateSponsorship = false + throw new Error(txnResponse.message) } else if (txnSuccess === true && !(data && data.error)) { - this.privateRewardShareKey = extraDataPrivateKey; - this.confirmRelationship(publicKeyValue, isCopy); + this.privateRewardShareKey = extraDataPrivateKey + this.confirmRelationship(publicKeyValue, isCopy) } else { - const defaultErrorMessage = 'An unknown error occurred.'; - this.errorMessage = dataMessage || txnResponse.message || defaultErrorMessage; - this.isLoadingCreateSponsorship = false; - throw new Error(dataMessage || txnResponse.message || defaultErrorMessage); + const defaultErrorMessage = 'An unknown error occurred.' + this.errorMessage = dataMessage || txnResponse.message || defaultErrorMessage + this.isLoadingCreateSponsorship = false + throw new Error(dataMessage || txnResponse.message || defaultErrorMessage) } } + await validateReceiver() } @@ -745,13 +736,13 @@ class SponsorshipList extends LitElement { let stop = false const getAnswer = async () => { - if (!stop) { stop= true try { const recipientAddress = window.parent.base58PublicKeyToAddress(recipientPublicKey) const minterAddress = window.parent.reduxStore.getState().app.selectedAddress.address + const myRewardShareArray = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/rewardshares?minters=${minterAddress}&recipients=${recipientAddress}` @@ -767,16 +758,19 @@ class SponsorshipList extends LitElement { stop = false } } + interval = setInterval(getAnswer, 5000) } async lookUpPublicAddressFunc() { this.errorLookup = '' + try { const response = await parentEpml.request('apiCall', { type: 'api', url: `/addresses/publickey/${this.lookupAddressValue}` }) + if(response.error) { throw(response.message) } @@ -785,6 +779,21 @@ class SponsorshipList extends LitElement { this.errorLookup = error } } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('sponsorship-list', SponsorshipList) +window.customElements.define('sponsorship-list', SponsorshipList) \ No newline at end of file diff --git a/plugins/plugins/core/streams/AddressWatcher.js b/plugins/plugins/core/streams/AddressWatcher.js index c2411aa6..771b5f5b 100644 --- a/plugins/plugins/core/streams/AddressWatcher.js +++ b/plugins/plugins/core/streams/AddressWatcher.js @@ -1,4 +1,4 @@ -import {parentEpml} from '../connect.js' +import { parentEpml } from '../connect' // Tests to see if a block or transaction should trigger an address reload...but we're not doing that yet, because of no time for good testing const transactionTests = [] @@ -7,73 +7,73 @@ const blockTests = [] const DEFAULT_ADDRESS_INFO = {} transactionTests.push((tx, addr) => { - return tx.recipient === addr || tx.sender === addr + return tx.recipient === addr || tx.sender === addr }) blockTests.push((block, addr) => { - return block.generator === addr + return block.generator === addr }) export class AddressWatcher { - constructor(addresses) { - addresses = addresses || [] - this.reset() + constructor(addresses) { + addresses = addresses || [] + this.reset() - addresses.forEach(addr => this.addAddress(addr)) - } + addresses.forEach(addr => this.addAddress(addr)) + } - reset() { - this._addresses = {} - this._addressStreams = {} - } + reset() { + this._addresses = {} + this._addressStreams = {} + } - // Adds an address to watch - addAddress(address) { - const addr = address.address - this._addresses[addr] = address + // Adds an address to watch + addAddress(address) { + const addr = address.address + this._addresses[addr] = address - this._addressStreams[addr] = new EpmlStream(`address/${addr}`, () => this._addresses[addr]) + this._addressStreams[addr] = new EpmlStream(`address/${addr}`, () => this._addresses[addr]) - this.updateAddress(addr) - } + this.updateAddress(addr) + } - async testBlock(block) { - const pendingUpdateAddresses = [] - const transactions = await parentEpml.request('apiCall', { url: `/transactions/block/${block.signature}` }) - transactions.forEach(transaction => { - // Guess the block needs transactions - for (const addr of Object.keys(this._addresses)) { - const addrChanged = true // Just update it every block...for now - if (!addrChanged) return + async testBlock(block) { + const pendingUpdateAddresses = [] + const transactions = await parentEpml.request('apiCall', { url: `/transactions/block/${block.signature}` }) + transactions.forEach(transaction => { + // Guess the block needs transactions + for (const addr of Object.keys(this._addresses)) { + const addrChanged = true // Just update it every block...for now + if (!addrChanged) return - if (!(addr in pendingUpdateAddresses)) pendingUpdateAddresses.push(addr) - /** - * In the future transactions are potentially stored from here...and address is updated excluding transactions...and also somehow manage tx pages... - * Probably will just make wallet etc. listen for address change and then do the api call itself. If tx. page is on, say, page 3...and there's a new transaction... - * it will refresh, changing the "page" to have 1 extra transaction at the top and losing 1 at the bottom (pushed to next page) - */ - } - }) - pendingUpdateAddresses.forEach(addr => this.updateAddress(addr)) - } + if (!(addr in pendingUpdateAddresses)) pendingUpdateAddresses.push(addr) + /** + * In the future transactions are potentially stored from here...and address is updated excluding transactions...and also somehow manage tx pages... + * Probably will just make wallet etc. listen for address change and then do the api call itself. If tx. page is on, say, page 3...and there's a new transaction... + * it will refresh, changing the "page" to have 1 extra transaction at the top and losing 1 at the bottom (pushed to next page) + */ + } + }) + pendingUpdateAddresses.forEach(addr => this.updateAddress(addr)) + } - async updateAddress(addr) { - let addressRequest = await parentEpml.request('apiCall', { - type: 'explorer', - data: { - addr: addr, - txOnPage: 10 - } - }) - const addressInfo = addressRequest.success ? addressRequest.data : DEFAULT_ADDRESS_INFO - addressInfo.transactions = [] + async updateAddress(addr) { + let addressRequest = await parentEpml.request('apiCall', { + type: 'explorer', + data: { + addr: addr, + txOnPage: 10 + } + }) + const addressInfo = addressRequest.success ? addressRequest.data : DEFAULT_ADDRESS_INFO + addressInfo.transactions = [] - for (let i = addressInfo.start; i >= addressInfo.end; i--) { - addressInfo.transactions.push(addressInfo[i]) - delete addressInfo[i] - } - if (!(addr in this._addresses)) return - this._addresses[addr] = addressInfo - this._addressStreams[addr].emit(addressInfo) - } -} + for (let i = addressInfo.start; i >= addressInfo.end; i--) { + addressInfo.transactions.push(addressInfo[i]) + delete addressInfo[i] + } + if (!(addr in this._addresses)) return + this._addresses[addr] = addressInfo + this._addressStreams[addr].emit(addressInfo) + } +} \ No newline at end of file diff --git a/plugins/plugins/core/streams/UnconfirmedTransactionWatcher.js b/plugins/plugins/core/streams/UnconfirmedTransactionWatcher.js index 528ada42..59181c2e 100644 --- a/plugins/plugins/core/streams/UnconfirmedTransactionWatcher.js +++ b/plugins/plugins/core/streams/UnconfirmedTransactionWatcher.js @@ -1,46 +1,46 @@ -import {parentEpml} from '../connect.js' +import { parentEpml } from '../connect' export class UnconfirmedTransactionWatcher { - constructor() { - this._unconfirmedTransactionStreams = {} - this.reset() // Sets defaults + constructor() { + this._unconfirmedTransactionStreams = {} + this.reset() // Sets defaults - setInterval(() => { - Object.entries(this._addresses).forEach((addr) => this._addressTransactionCheck(addr[0])) - }, 10 * 1000) - } + setInterval(() => { + Object.entries(this._addresses).forEach((addr) => this._addressTransactionCheck(addr[0])) + }, 10 * 1000) + } - reset() { - this._addresses = {} - this._addressesUnconfirmedTransactions = {} - } + reset() { + this._addresses = {} + this._addressesUnconfirmedTransactions = {} + } - // Adds an address to watch - addAddress(address) { - const addr = address.address - this._addresses[addr] = address - this._addressesUnconfirmedTransactions[addr] = [] - if (this._unconfirmedTransactionStreams[addr]) return - this._unconfirmedTransactionStreams[addr] = new EpmlStream(`unconfirmedOfAddress/${addr}`, () => this._addressesUnconfirmedTransactions[addr]) - } + // Adds an address to watch + addAddress(address) { + const addr = address.address + this._addresses[addr] = address + this._addressesUnconfirmedTransactions[addr] = [] + if (this._unconfirmedTransactionStreams[addr]) return + this._unconfirmedTransactionStreams[addr] = new EpmlStream(`unconfirmedOfAddress/${addr}`, () => this._addressesUnconfirmedTransactions[addr]) + } - check() { - const c = this._addressTransactionCheck() - .then(() => setTimeout(() => this.check(), 5000)) - .catch(() => setTimeout(() => this.check(), 5000)) - } + check() { + const c = this._addressTransactionCheck() + .then(() => setTimeout(() => this.check(), 5000)) + .catch(() => setTimeout(() => this.check(), 5000)) + } - async _addressTransactionCheck() { - return Promise.all(Object.keys(this._addresses).map(addr => { - return parentEpml.request('apiCall', { - type: 'api', - url: `/transactions/unconfirmed` - }).then(unconfirmedTransactions => { - unconfirmedTransactions.filter(tx => { - tx.creatorAddress === addr || tx.recipient === addr - }) - this._unconfirmedTransactionStreams[addr].emit(unconfirmedTransactions) - }) - })) - } -} + async _addressTransactionCheck() { + return Promise.all(Object.keys(this._addresses).map(addr => { + return parentEpml.request('apiCall', { + type: 'api', + url: `/transactions/unconfirmed` + }).then(unconfirmedTransactions => { + unconfirmedTransactions.filter(tx => { + tx.creatorAddress === addr || tx.recipient === addr + }) + this._unconfirmedTransactionStreams[addr].emit(unconfirmedTransactions) + }) + })) + } +} \ No newline at end of file diff --git a/plugins/plugins/core/streams/onNewBlock.js b/plugins/plugins/core/streams/onNewBlock.js index 70b4068d..dda6e70f 100644 --- a/plugins/plugins/core/streams/onNewBlock.js +++ b/plugins/plugins/core/streams/onNewBlock.js @@ -1,6 +1,7 @@ -import {parentEpml} from '../connect.js' -const MIN_RECONNECT_INTERVAL = 1000; // 1 second -const MAX_RECONNECT_INTERVAL = 60000; // 1 minute +import { parentEpml } from '../connect' + +const MIN_RECONNECT_INTERVAL = 1000 // 1 second +const MAX_RECONNECT_INTERVAL = 60000 // 1 minute let socketObject let activeBlockSocketTimeout @@ -15,227 +16,242 @@ let nodeStatusRetryOnClose = false let nodeStateCall = false let isLoggedIn = false let oldAccountInfo -let blockSocketReconnectInterval = MIN_RECONNECT_INTERVAL; -let nodeStatusSocketReconnectInterval = MIN_RECONNECT_INTERVAL; +let blockSocketReconnectInterval = MIN_RECONNECT_INTERVAL +let nodeStatusSocketReconnectInterval = MIN_RECONNECT_INTERVAL parentEpml.subscribe('logged_in', loggedIn => { - isLoggedIn = loggedIn === 'true'; + isLoggedIn = loggedIn === 'true' }) - const setAccountInfo = async (addr) => { - const names = await parentEpml.request('apiCall', { - url: `/names/address/${addr}` - }) - const addressInfo = await parentEpml.request('apiCall', { - url: `/addresses/${addr}` - }) - let accountInfo = { - names: names, - addressInfo: addressInfo - } - if (window.parent._.isEqual(oldAccountInfo, accountInfo) === true) { + const names = await parentEpml.request('apiCall', { + url: `/names/address/${addr}` + }) - } else { - parentEpml.request('setAccountInfo', accountInfo) - oldAccountInfo = accountInfo - } + const addressInfo = await parentEpml.request('apiCall', { + url: `/addresses/${addr}` + }) + + let accountInfo = { + names: names, + addressInfo: addressInfo + } + + if (window.parent._.isEqual(oldAccountInfo, accountInfo) === true) { + } else { + parentEpml.request('setAccountInfo', accountInfo) + oldAccountInfo = accountInfo + } } const doNodeInfo = async () => { - const nodeInfo = await parentEpml.request('apiCall', { - url: '/admin/info' - }) - parentEpml.request('updateNodeInfo', nodeInfo) + const nodeInfo = await parentEpml.request('apiCall', { + url: '/admin/info' + }) + + parentEpml.request('updateNodeInfo', nodeInfo) } let initStateCount = 0 let oldState const closeSockets = () => { - socketObject.close() - closeGracefully = true - nodeStatusSocketObject.close() - nodeStatusSocketcloseGracefully = true + socketObject.close() + closeGracefully = true + nodeStatusSocketObject.close() + nodeStatusSocketcloseGracefully = true } export const startConfigWatcher = () => { - parentEpml.ready().then(() => { - parentEpml.subscribe('node_config', c => { - if (initStateCount === 0) { - let _oldState = JSON.parse(c) - oldState = { node: _oldState.node, knownNodes: _oldState.knownNodes } - initStateCount = initStateCount + 1 - nodeStateCall = true - isCalled = true - socketObject !== undefined ? closeSockets() : undefined - nodeStatusSocketObject !== undefined ? closeSockets() : undefined - initNodeStatusCall(oldState) - pingactiveBlockSocket() - // Call doNodeInfo - doNodeInfo() - } - let _newState = JSON.parse(c) - let newState = { node: _newState.node, knownNodes: _newState.knownNodes } - if (window.parent._.isEqual(oldState, newState) === true) { + parentEpml.ready().then(() => { + parentEpml.subscribe('node_config', c => { + if (initStateCount === 0) { + let _oldState = JSON.parse(c) + oldState = { node: _oldState.node, knownNodes: _oldState.knownNodes } + initStateCount = initStateCount + 1 + nodeStateCall = true + isCalled = true + socketObject !== undefined ? closeSockets() : undefined + nodeStatusSocketObject !== undefined ? closeSockets() : undefined + initNodeStatusCall(oldState) + pingactiveBlockSocket() + // Call doNodeInfo + doNodeInfo() + } - } else { - oldState = newState - nodeStateCall = true - isCalled = true - socketObject !== undefined ? closeSockets() : undefined - nodeStatusSocketObject !== undefined ? closeSockets() : undefined - initNodeStatusCall(newState) - pingactiveBlockSocket() - // Call doNodeInfo - doNodeInfo() - } - }) - }) - parentEpml.imReady() + let _newState = JSON.parse(c) + let newState = { node: _newState.node, knownNodes: _newState.knownNodes } + + if (window.parent._.isEqual(oldState, newState) === true) { + } else { + oldState = newState + nodeStateCall = true + isCalled = true + socketObject !== undefined ? closeSockets() : undefined + nodeStatusSocketObject !== undefined ? closeSockets() : undefined + initNodeStatusCall(newState) + pingactiveBlockSocket() + // Call doNodeInfo + doNodeInfo() + } + }) + }) + + parentEpml.imReady() } const processBlock = (blockObject) => { - parentEpml.request('updateBlockInfo', blockObject) + parentEpml.request('updateBlockInfo', blockObject) } const doNodeStatus = async (nodeStatusObject) => { - parentEpml.request('updateNodeStatus', nodeStatusObject) + parentEpml.request('updateNodeStatus', nodeStatusObject) } const initNodeStatusCall = (nodeConfig) => { - if (nodeConfig.node >= 0) { - pingNodeStatusSocket() - } else if (nodeStatusSocketObject !== undefined) { - nodeStatusSocketObject.close() - nodeStatusSocketcloseGracefully = true - } else { - // ... - } + if (nodeConfig.node >= 0) { + pingNodeStatusSocket() + } else if (nodeStatusSocketObject !== undefined) { + nodeStatusSocketObject.close() + nodeStatusSocketcloseGracefully = true + } else { + // ... + } } function attemptReconnectBlockSocket() { - setTimeout(() => { - initBlockSocket(); - blockSocketReconnectInterval = Math.min(blockSocketReconnectInterval * 2, MAX_RECONNECT_INTERVAL); - }, blockSocketReconnectInterval); + setTimeout(() => { + initBlockSocket() + blockSocketReconnectInterval = Math.min(blockSocketReconnectInterval * 2, MAX_RECONNECT_INTERVAL) + }, blockSocketReconnectInterval) } function attemptReconnectNodeStatusSocket() { - setTimeout(() => { - initNodeStatusSocket(); - nodeStatusSocketReconnectInterval = Math.min(nodeStatusSocketReconnectInterval * 2, MAX_RECONNECT_INTERVAL); - }, nodeStatusSocketReconnectInterval); + setTimeout(() => { + initNodeStatusSocket() + nodeStatusSocketReconnectInterval = Math.min(nodeStatusSocketReconnectInterval * 2, MAX_RECONNECT_INTERVAL) + }, nodeStatusSocketReconnectInterval) } - const initBlockSocket = () => { - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ":" + myNode.port - let activeBlockSocketLink - if (window.parent.location.protocol === "https:") { - activeBlockSocketLink = `wss://${nodeUrl}/websockets/blocks` - } else { - activeBlockSocketLink = `ws://${nodeUrl}/websockets/blocks` - } - const activeBlockSocket = new WebSocket(activeBlockSocketLink) - // Open Connection - activeBlockSocket.onopen = (e) => { - blockSocketReconnectInterval = MIN_RECONNECT_INTERVAL; - closeGracefully = false - socketObject = activeBlockSocket - } - // Message Event - activeBlockSocket.onmessage = (e) => { - processBlock(JSON.parse(e.data)) - if (isLoggedIn) { - // Call Set Account Info... - setAccountInfo(window.parent.reduxStore.getState().app.selectedAddress.address) - } - } - // Closed Event - activeBlockSocket.onclose = () => { - processBlock({}); - blockFirstCall = true; - attemptReconnectBlockSocket(); - }; - // Error Event - activeBlockSocket.onerror = (e) => { - blockFirstCall = true - processBlock({}) - } - if (blockFirstCall) { - parentEpml.request('apiCall', { - url: '/blocks/last' - }).then(res => { - processBlock(res) - blockFirstCall = false - }) - } + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ":" + myNode.port + let activeBlockSocketLink + + if (window.parent.location.protocol === "https:") { + activeBlockSocketLink = `wss://${nodeUrl}/websockets/blocks` + } else { + activeBlockSocketLink = `ws://${nodeUrl}/websockets/blocks` + } + + const activeBlockSocket = new WebSocket(activeBlockSocketLink) + + // Open Connection + activeBlockSocket.onopen = (e) => { + blockSocketReconnectInterval = MIN_RECONNECT_INTERVAL + closeGracefully = false + socketObject = activeBlockSocket + } + + // Message Event + activeBlockSocket.onmessage = (e) => { + processBlock(JSON.parse(e.data)) + if (isLoggedIn) { + // Call Set Account Info... + setAccountInfo(window.parent.reduxStore.getState().app.selectedAddress.address) + } + } + + // Closed Event + activeBlockSocket.onclose = () => { + processBlock({}) + blockFirstCall = true + attemptReconnectBlockSocket() + } + + // Error Event + activeBlockSocket.onerror = (e) => { + blockFirstCall = true + processBlock({}) + } + + if (blockFirstCall) { + parentEpml.request('apiCall', { + url: '/blocks/last' + }).then(res => { + processBlock(res) + blockFirstCall = false + }) + } } const pingactiveBlockSocket = () => { - if (isCalled) { - isCalled = false - initBlockSocket() - activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) - } else if (retryOnClose) { - retryOnClose = false - clearTimeout(activeBlockSocketTimeout) - initBlockSocket() - isCalled = true - activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) - } else { - socketObject.send("non-integer ping") - activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) - } + if (isCalled) { + isCalled = false + initBlockSocket() + activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) + } else if (retryOnClose) { + retryOnClose = false + clearTimeout(activeBlockSocketTimeout) + initBlockSocket() + isCalled = true + activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) + } else { + socketObject.send("non-integer ping") + activeBlockSocketTimeout = setTimeout(pingactiveBlockSocket, 295000) + } } const initNodeStatusSocket = () => { - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ":" + myNode.port - let activeNodeStatusSocketLink - if (window.parent.location.protocol === "https:") { - activeNodeStatusSocketLink = `wss://${nodeUrl}/websockets/admin/status` - } else { - activeNodeStatusSocketLink = `ws://${nodeUrl}/websockets/admin/status` - } - const activeNodeStatusSocket = new WebSocket(activeNodeStatusSocketLink) - // Open Connection - activeNodeStatusSocket.onopen = (e) => { - nodeStatusSocketReconnectInterval = MIN_RECONNECT_INTERVAL; + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ":" + myNode.port + let activeNodeStatusSocketLink - nodeStatusSocketcloseGracefully = false - nodeStatusSocketObject = activeNodeStatusSocket - } - // Message Event - activeNodeStatusSocket.onmessage = (e) => { - doNodeStatus(JSON.parse(e.data)) - } - // Closed Event - activeNodeStatusSocket.onclose = () => { - doNodeStatus({}); - attemptReconnectNodeStatusSocket(); - }; - // Error Event - activeNodeStatusSocket.onerror = (e) => { - doNodeStatus({}) - } + if (window.parent.location.protocol === "https:") { + activeNodeStatusSocketLink = `wss://${nodeUrl}/websockets/admin/status` + } else { + activeNodeStatusSocketLink = `ws://${nodeUrl}/websockets/admin/status` + } + + const activeNodeStatusSocket = new WebSocket(activeNodeStatusSocketLink) + + // Open Connection + activeNodeStatusSocket.onopen = (e) => { + nodeStatusSocketReconnectInterval = MIN_RECONNECT_INTERVAL + nodeStatusSocketcloseGracefully = false + nodeStatusSocketObject = activeNodeStatusSocket + } + + // Message Event + activeNodeStatusSocket.onmessage = (e) => { + doNodeStatus(JSON.parse(e.data)) + } + + // Closed Event + activeNodeStatusSocket.onclose = () => { + doNodeStatus({}) + attemptReconnectNodeStatusSocket() + } + + // Error Event + activeNodeStatusSocket.onerror = (e) => { + doNodeStatus({}) + } } const pingNodeStatusSocket = () => { - if (nodeStateCall) { - clearTimeout(nodeStatusSocketTimeout) - initNodeStatusSocket() - nodeStateCall = false - nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) - } else if (nodeStatusRetryOnClose) { - nodeStatusRetryOnClose = false - clearTimeout(nodeStatusSocketTimeout) - initNodeStatusSocket() - nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) - } else { - nodeStatusSocketObject.send("non-integer ping") - nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) - } -} + if (nodeStateCall) { + clearTimeout(nodeStatusSocketTimeout) + initNodeStatusSocket() + nodeStateCall = false + nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) + } else if (nodeStatusRetryOnClose) { + nodeStatusRetryOnClose = false + clearTimeout(nodeStatusSocketTimeout) + initNodeStatusSocket() + nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) + } else { + nodeStatusSocketObject.send("non-integer ping") + nodeStatusSocketTimeout = setTimeout(pingNodeStatusSocket, 295000) + } +} \ No newline at end of file diff --git a/plugins/plugins/core/streams/streams.js b/plugins/plugins/core/streams/streams.js index 7b382a63..30a5ea3f 100644 --- a/plugins/plugins/core/streams/streams.js +++ b/plugins/plugins/core/streams/streams.js @@ -1,107 +1,102 @@ -import {parentEpml} from '../connect.js' +import { parentEpml } from '../connect' -import {startConfigWatcher} from './onNewBlock.js' +import { startConfigWatcher } from './onNewBlock' const setAccountInfo = async (addr) => { + const names = await parentEpml.request('apiCall', { + url: `/names/address/${addr}` + }) - const names = await parentEpml.request('apiCall', { - url: `/names/address/${addr}` - }) - const addressInfo = await parentEpml.request('apiCall', { - url: `/addresses/${addr}` - }) + const addressInfo = await parentEpml.request('apiCall', { + url: `/addresses/${addr}` + }) - let accountInfo = { - names: names, - addressInfo: addressInfo - } + let accountInfo = { + names: names, + addressInfo: addressInfo + } - parentEpml.request('setAccountInfo', accountInfo) + parentEpml.request('setAccountInfo', accountInfo) } - const objectToArray = (object) => { + let groupList = object.groups.map(group => group.groupId === 0 ? { + groupId: group.groupId, + url: `group/${group.groupId}`, + groupName: "Qortal General Chat", + sender: group.sender, + senderName: group.senderName, + timestamp: group.timestamp === undefined ? 2 : group.timestamp + } : { + ...group, url: `group/${group.groupId}` + }) + + let directList = object.direct.map(dc => { + return { ...dc, url: `direct/${dc.address}` } + }) - let groupList = object.groups.map(group => group.groupId === 0 ? { groupId: group.groupId, url: `group/${group.groupId}`, groupName: "Qortal General Chat", sender: group.sender, senderName: group.senderName, timestamp: group.timestamp === undefined ? 1 : group.timestamp } : { ...group, url: `group/${group.groupId}` }) - let directList = object.direct.map(dc => { - return { ...dc, url: `direct/${dc.address}` } - }) return [...groupList, ...directList] } const sortActiveChat = (activeChatObject, localChatHeads) => { + let oldChatHeads = JSON.parse(localChatHeads) - let oldChatHeads = JSON.parse(localChatHeads) + if (window.parent._.isEqual(oldChatHeads, activeChatObject) === true) { + } else { + let oldActiveChats = objectToArray(oldChatHeads) + let newActiveChats = objectToArray(activeChatObject) - if (window.parent._.isEqual(oldChatHeads, activeChatObject) === true) { - - } else { - - let oldActiveChats = objectToArray(oldChatHeads) - let newActiveChats = objectToArray(activeChatObject) - - let results = newActiveChats.filter(newChat => { - let value = oldActiveChats.some(oldChat => newChat.timestamp === oldChat.timestamp) - return !value - }) - - results.forEach(chat => { - - if (chat.sender !== window.parent.reduxStore.getState().app.selectedAddress.address) { - - if (chat.sender !== undefined) parentEpml.request('showNotification', chat) - } else { - // ... - } - }) - - } + let results = newActiveChats.filter(newChat => { + let value = oldActiveChats.some(oldChat => newChat.timestamp === oldChat.timestamp) + return !value + }) + results.forEach(chat => { + if (chat.sender !== window.parent.reduxStore.getState().app.selectedAddress.address) { + if (chat.sender !== undefined) parentEpml.request('showNotification', chat) + } else { + // ... + } + }) + } } - let initialChatWatch = 0 const chatHeadWatcher = (activeChats) => { + let addr = window.parent.reduxStore.getState().app.selectedAddress.address + let key = `${addr.substr(0, 10)}_chat-heads` - let addr = window.parent.reduxStore.getState().app.selectedAddress.address + try { + let localChatHeads = localStorage.getItem(key) - let key = `${addr.substr(0, 10)}_chat-heads` + if (localChatHeads === null) { + parentEpml.request('setLocalStorage', { + key: key, + dataObj: activeChats + }).then(ms => { + parentEpml.request('setChatHeads', activeChats).then(ret => { + // ... + }) + }) + } else { + parentEpml.request('setLocalStorage', { + key: key, + dataObj: activeChats + }).then(ms => { + parentEpml.request('setChatHeads', activeChats).then(ret => { + // ... + }) + }) - try { - let localChatHeads = localStorage.getItem(key) - - if (localChatHeads === null) { - parentEpml.request('setLocalStorage', { - key: key, - dataObj: activeChats - }).then(ms => { - parentEpml.request('setChatHeads', activeChats).then(ret => { - // ... - }) - }) - } else { - - parentEpml.request('setLocalStorage', { - key: key, - dataObj: activeChats - }).then(ms => { - parentEpml.request('setChatHeads', activeChats).then(ret => { - // ... - }) - }) - - if (initialChatWatch >= 1) { - - sortActiveChat(activeChats, localChatHeads) - } else { - - initialChatWatch = initialChatWatch + 1 - } - } - - } catch (e) { - } + if (initialChatWatch >= 1) { + sortActiveChat(activeChats, localChatHeads) + } else { + initialChatWatch = initialChatWatch + 1 + } + } + } catch (e) { + } } let socketObject @@ -114,120 +109,102 @@ let canPing = false let timeoutId parentEpml.subscribe('logged_in', async isLoggedIn => { + const initChatHeadSocket = () => { + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ":" + myNode.port + let activeChatSocketLink - const initChatHeadSocket = () => { + if (window.parent.location.protocol === "https:") { + activeChatSocketLink = `wss://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64` + } else { + activeChatSocketLink = `ws://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64` + } - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ":" + myNode.port + const activeChatSocket = new WebSocket(activeChatSocketLink) - let activeChatSocketLink + // Open Connection + activeChatSocket.onopen = () => { + socketObject = activeChatSocket + initial = initial + 1 + canPing = true + } - if (window.parent.location.protocol === "https:") { + // Message Event + activeChatSocket.onmessage = (e) => { + if (e.data === 'pong') { + clearTimeout(timeoutId) + activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) + return + } - activeChatSocketLink = `wss://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64` - } else { + try { + chatHeadWatcher(JSON.parse(e.data)) + } catch (error) { + } + } - activeChatSocketLink = `ws://${nodeUrl}/websockets/chat/active/${window.parent.reduxStore.getState().app.selectedAddress.address}?encoding=BASE64` - } + // Closed Event + activeChatSocket.onclose = () => { + clearInterval(activeChatSocketTimeout) - const activeChatSocket = new WebSocket(activeChatSocketLink) + if (closeGracefully === false) { + retryOnClose = true + setTimeout(pingActiveChatSocket, 10000) + } + } - // Open Connection - activeChatSocket.onopen = () => { - socketObject = activeChatSocket + // Error Event + activeChatSocket.onerror = (e) => { + } + } - initial = initial + 1 - canPing = true - } + const pingActiveChatSocket = () => { + if (window.parent.reduxStore.getState().app.loggedIn === true) { + if (!onceLoggedIn) { + initChatHeadSocket() + onceLoggedIn = true + activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) + } else if (retryOnClose) { + retryOnClose = false + clearTimeout(activeChatSocketTimeout) + initChatHeadSocket() + onceLoggedIn = true + activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) + } else if (canPing) { + socketObject.send('ping') + timeoutId = setTimeout(() => { + socketObject.close() + clearTimeout(activeChatSocketTimeout) + }, 5000) + } + } else { + if (onceLoggedIn && !closeGracefully) { + closeGracefully = true + socketObject.close() + clearTimeout(activeChatSocketTimeout) + onceLoggedIn = false + canPing = false + } + } + } - // Message Event - activeChatSocket.onmessage = (e) => { - if (e.data === 'pong') { - clearTimeout(timeoutId) - activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) - return - } - try { - chatHeadWatcher(JSON.parse(e.data)) - } catch (error) { - } - } + if (isLoggedIn === 'true') { + // Call Set Account Info... + await setAccountInfo(window.parent.reduxStore.getState().app.selectedAddress.address) - // Closed Event - activeChatSocket.onclose = () => { - clearInterval(activeChatSocketTimeout) + // Start Chat Watcher Socket + pingActiveChatSocket() + } else { + if (onceLoggedIn) { + closeGracefully = true + socketObject.close() + clearTimeout(activeChatSocketTimeout) + onceLoggedIn = false + canPing = false + } - if (closeGracefully === false) { - retryOnClose = true - setTimeout(pingActiveChatSocket, 10000) - } - } - - // Error Event - activeChatSocket.onerror = (e) => { - } - } - - - const pingActiveChatSocket = () => { - - if (window.parent.reduxStore.getState().app.loggedIn === true) { - - if (!onceLoggedIn) { - - initChatHeadSocket() - onceLoggedIn = true - activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) - } else if (retryOnClose) { - - retryOnClose = false - clearTimeout(activeChatSocketTimeout) - initChatHeadSocket() - onceLoggedIn = true - activeChatSocketTimeout = setTimeout(pingActiveChatSocket, 45000) - } else if (canPing) { - - socketObject.send('ping') - timeoutId = setTimeout(() => { - socketObject.close() - clearTimeout(activeChatSocketTimeout) - }, 5000) - } - - } else { - - if (onceLoggedIn && !closeGracefully) { - - closeGracefully = true - socketObject.close() - clearTimeout(activeChatSocketTimeout) - onceLoggedIn = false - canPing = false - } - } - } - - - if (isLoggedIn === 'true') { - - // Call Set Account Info... - await setAccountInfo(window.parent.reduxStore.getState().app.selectedAddress.address) - - // Start Chat Watcher Socket - pingActiveChatSocket() - } else { - - if (onceLoggedIn) { - - closeGracefully = true - socketObject.close() - clearTimeout(activeChatSocketTimeout) - onceLoggedIn = false - canPing = false - } - - initialChatWatch = 0 - } + initialChatWatch = 0 + } }) -startConfigWatcher() +startConfigWatcher() \ No newline at end of file diff --git a/plugins/plugins/core/trade-bot/trade-bot-portal-css.js b/plugins/plugins/core/trade-bot/trade-bot-portal-css.js deleted file mode 100644 index d769c8fb..00000000 --- a/plugins/plugins/core/trade-bot/trade-bot-portal-css.js +++ /dev/null @@ -1,679 +0,0 @@ -import {css} from 'lit' - -export const tradebotStyles = css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-error: rgb(255, 89, 89); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-select-outlined-idle-border-color: var(--txtfieldborder); - --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-select-label-ink-color: var(--black); - --mdc-select-ink-color: var(--black); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-shape-radius: 25px; - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - mwc-tab-bar { - --mdc-text-transform: none; - --mdc-tab-color-default: var(--black); - --mdc-tab-text-label-color-default: var(--black); - } - - #tabs-1 { - --mdc-tab-height: 42px; - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - color: var(--black); - } - - #tab-buy[active] { - --mdc-theme-primary: rgba(55, 160, 51, 0.9); - } - - #tabs-1-content { - height: 100%; - padding-bottom: 10px; - } - - #tabs-1-content>div { - height: 100%; - border: 1px solid var(--tradeborder); - } - - #tabs-1-content .card { - border: none; - } - - #tabs-1-content .btn-clear { - --mdc-icon-button-size: 32px; - color: var(--black); - } - - .btn-clear-bot { - --mdc-icon-button-size: 32px; - color: var(--black); - float: right; - } - - .btn-info { - color: #03a9f4; - --mdc-icon-size: 16px; - padding-top: 3px; - } - - #tab-sell[active] { - --mdc-theme-primary: rgb(255, 89, 89); - } - - #trade-portal-page { - background: var(--white); - padding: 12px 24px; - } - - .divCard { - border: 1px solid var(--black); - padding: 1em; - box-shadow: 0 0.3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); - } - - h2 { - margin: 10px 0; - } - - h4 { - margin: 5px 0; - } - - p { - font-size: 14px; - line-height: 21px; - } - - .card-body { - background-color: var(--white); - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .card-container .level { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - left: 30px; - } - - .card-container .founder { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - right: 30px; - } - - .card-container .round { - width: 96px; - height: 96px; - border: 1px solid #03a9f4; - border-radius: 50%; - padding: 2px; - } - - .card-container .badge { - width: 200px; - height: 135px; - border: 1px solid transparent; - border-radius: 10%; - padding: 2px; - } - - .userdata { - background-color: #1F1A36; - text-align: left; - padding: 15px; - margin-top: 30px; - } - - .userdata ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .userdata ul li { - border: 1px solid #2D2747; - border-radius: 2px; - display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; - } - - h2, - h3, - h4, - h5 { - color: var(--black); - font-weight: 400; - } - - header { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: center; - padding: 0px 10px; - font-size: 16px; - color: var(--white); - background-color: var(--tradehead); - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - min-height: 40px; - } - - p { - margin-bottom: 12px; - } - - #trade-portal { - max-width: 100vw; - margin-left: auto; - margin-right: auto; - } - - .box { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 100%; - } - - .box-bot { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 150px; - } - - #first-trade-section { - margin-bottom: 10px; - } - - #first-trade-section>div {} - - #second-trade-section { - margin-bottom: 10px; - } - - #second-trade-section>div {} - - #third-trade-section { - margin-bottom: 10px; - } - - #third-trade-section>div {} - - .trade-chart { - background-color: var(--white); - border: 2px #ddd solid; - text-align: center; - } - - .open-trades { - text-align: center; - } - - .open-market-container { - text-align: center; - } - - .trade-bot-container { - text-align: center; - } - - .no-last-seen { - background: rgb(255, 89, 89); - padding: 9px 1.3px; - border-radius: 50%; - width: 1rem; - margin: 0 auto; - } - - .card { - padding: 1em; - border: 1px var(--tradeborder) solid; - flex: 1 1 auto; - display: flex; - flex-flow: column; - justify-content: space-evenly; - min-height: inherit; - } - - .card-bot { - padding: 1em; - flex: 1 1 auto; - display: flex; - flex-flow: column; - justify-content: space-evenly; - width: 350px; - min-height: inherit; - } - - .cancel { - --mdc-theme-primary: rgb(255, 89, 89); - } - - .border-wrapper { - border: 1px var(--tradeborder) solid; - overflow: hidden; - } - - .amt-text { - color: var(--tradehave); - font-size: 15px; - margin-top: 5px; - margin-bottom: 12px; - } - - .exchange { - color: var(--black); - font-size: 18px; - font-weight: bold; - margin-top: 5px; - margin-bottom: 10px; - } - - .clear-button { - display: inline; - float: right; - margin-bottom: 5px; - } - - .exhcnage-text { - display: inline; - float: left; - margin-bottom: 5px; - } - - .balance-text { - display: inline; - float: right; - margin-bottom: 5px; - } - - .fee-text { - display: inline; - float: left; - margin-bottom: 5px; - } - - .tab-text { - color: var(--tradehave); - font-size: 12px; - text-align: left; - margin-top: 2px; - margin-bottom: -12px; - } - - .historic-trades { - text-align: center; - } - - .my-open-orders { - text-align: center; - } - - .my-historic-trades { - text-align: center; - } - - .buttons { - width: auto !important; - } - - .buy-button { - --mdc-theme-primary: rgba(55, 160, 51, 0.9); - } - - .sell-button { - --mdc-theme-primary: rgb(255, 89, 89); - } - - .trade-bot-button { - margin-top: 20px; - margin-bottom: 20px; - --mdc-theme-primary: rgba(55, 160, 51, 0.9); - } - - .full-width { - background-color: var(--white); - border: 2px var(--black); - height: 200px; - text-align: center; - } - - vaading-grid { - font-size: .8em; - } - - vaadin-grid-column { - flex-grow: 1; - } - - .loadingContainer { - height: 100%; - width: 100%; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - mwc-select#coinSelectionMenu { - font-size: 24px; - width: 220px; - } - - mwc-select#coinSelectionMenu mwc-list-item { - line-height: 30px; - } - - .coinName::before { - content: ""; - display: inline-block; - height: 26px; - width: 45px; - position: absolute; - background-repeat: no-repeat; - background-size: cover; - left: 10px; - top: 10px; - } - - .btc.coinName:before { - background-image: url('/img/qortbtc.png'); - } - - .ltc.coinName:before { - background-image: url('/img/qortltc.png'); - } - - .doge.coinName:before { - background-image: url('/img/qortdoge.png'); - } - - .dgb.coinName:before { - background-image: url('/img/qortdgb.png'); - } - - .rvn.coinName:before { - background-image: url('/img/qortrvn.png'); - } - - .arrr.coinName:before { - background-image: url('/img/qortarrr.png'); - } - - .coinName { - display: inline-block; - height: 26px; - padding-left: 45px; - } - - .warning-text { - animation: blinker 1.5s linear infinite; - display: inline; - float: left; - margin-bottom: 5px; - color: rgb(255, 89, 89); - } - - .warning-bot-text { - animation: blinker 1.5s linear infinite; - display: inline; - text-align: center; - color: rgb(255, 89, 89); - } - - .red { - --mdc-theme-primary: #F44336; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes blinker { - 50% { - opacity: 0; - } - } - - paper-dialog.info { - width: 75%; - max-width: 75vw; - height: 50%; - max-height: 50vh; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - line-height: 1.6; - overflow-y: auto; - } - - .actions { - display: flex; - justify-content: space-between; - padding: 0 1em; - margin: 12px 0 -6px 0; - } - - .close-icon { - font-size: 36px; - } - - .close-icon:hover { - cursor: pointer; - opacity: .6; - } - - .setpass-wrapper { - width: 100%; - min-width: 400px; - max-width: 450px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 10px 10px 0px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .lock-wrapper { - width: 100%; - height: 100%; - min-width: 600px; - max-width: 600px; - min-height: 400px; - max-height: 400px; - text-align: center; - background: url("/img/qortal-lock.jpg"); - border: 1px solid var(--black); - border-radius: 25px; - padding: 10px 10px 0px; - } - - .text-wrapper { - width: 100%; - height: 100%; - min-width: 280px; - max-width: 280px; - min-height: 64px; - max-height: 64px; - text-align: center; - margin-left: 35px; - margin-top: 125px; - overflow: hidden; - } - - .lock-title-white { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #ffffff; - } - - .lock-title-red { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #df3636; - } - - @media (min-width: 701px) { - * {} - - #trade-bot-portal { - display: grid; - grid-template-columns: 2fr 4fr 2fr; - grid-auto-rows: max(80px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 20px; - } - - #first-trade-section { - display: grid; - grid-template-columns: 1fr 4fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #second-trade-section { - display: grid; - grid-template-columns: 1fr 4fr 1fr; - grid-auto-rows: max(250px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #third-trade-section { - display: grid; - grid-template-columns: 1fr 4fr 1fr; - grid-auto-rows: max(150px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #fourth-trade-section { - display: grid; - grid-template-columns: 1fr 4fr 1fr; - grid-auto-rows: max(150px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - } -` \ No newline at end of file diff --git a/plugins/plugins/core/trade-bot/trade-bot-portal.src.js b/plugins/plugins/core/trade-bot/trade-bot-portal.src.js index d8296e49..909a40e5 100644 --- a/plugins/plugins/core/trade-bot/trade-bot-portal.src.js +++ b/plugins/plugins/core/trade-bot/trade-bot-portal.src.js @@ -1,11 +1,10 @@ -import {html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { decryptData, encryptData } from '../../../../core/src/lockScreen' +import { tradeBotStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import Base58 from '../../../../crypto/api/deps/Base58.js' -import {decryptData, encryptData} from '../../../../core/src/lockScreen.js' -import {tradebotStyles} from './trade-bot-portal-css.js' +import Base58 from '../../../../crypto/api/deps/Base58' import '@material/mwc-button' import '@material/mwc-textfield' import '@material/mwc-icon' @@ -24,8 +23,10 @@ import '@vaadin/grid' import '@vaadin/grid/vaadin-grid-sorter' import '@vaadin/password-field' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -33,3283 +34,3331 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) let workers = new Map() class TradeBotPortal extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - listedCoins: { type: Map }, - blockedTradesList: { type: Array }, - tradesPresenceCleaned: { type: Array }, - sellBtnDisable: { type: Boolean }, - isSellLoading: { type: Boolean }, - isBuyLoading: { type: Boolean }, - buyBtnDisable: { type: Boolean }, - autoBuyWarning: { type: Boolean }, - autoBuyBtnDisable: { type: Boolean }, - autoBuyBotDisable: { type: Boolean }, - initialAmount: { type: Number }, - cancelBtnDisable: { type: Boolean }, - cancelStuckOfferBtnDisable: { type: Boolean }, - selectedCoin: { type: String }, - isLoadingHistoricTrades: { type: Boolean }, - isLoadingOpenTrades: { type: Boolean }, - isLoadingMyOpenOrders: { type: Boolean }, - showGetWalletBance: { type: Boolean }, - showAddAutoBuy: { type: Boolean }, - theme: { type: String, reflect: true }, - btcWallet: { type: String }, - ltcWallet: { type: String }, - dogeWallet: { type: String }, - dgbWallet: { type: String }, - rvnWallet: { type: String }, - arrrWallet: { type: String }, - arrrWalletAddress: { type: String }, - qortbtc: { type: Number }, - qortltc: { type: Number }, - qortdoge: { type: Number }, - qortdgb: { type: Number }, - qortrvn: { type: Number }, - qortarrr: { type: Number }, - btcqort: { type: Number }, - ltcqort: { type: Number }, - dogeqort: { type: Number }, - dgbqort: { type: Number }, - rvnqort: { type: Number }, - arrrqort: { type: Number }, - tradeBotBtcBook: { type: Array }, - tradeBotLtcBook: { type: Array }, - tradeBotDogeBook: { type: Array }, - tradeBotDgbBook: { type: Array }, - tradeBotRvnBook: { type: Array }, - tradeBotArrrBook: { type: Array }, - autoSalt: { type: String }, - autoStorageData: { type: String }, - autoLockScreenPass: { type: String }, - autoLockScreenSet: { type: String }, - autoLockPass: { type: String }, - autoLockSet: { type: String }, - myAutoLockScreenPass: { type: String }, - myAutoLockScreenSet: { type: String }, - autoHelperMessage: { type: String } - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + listedCoins: { type: Map }, + blockedTradesList: { type: Array }, + tradesPresenceCleaned: { type: Array }, + sellBtnDisable: { type: Boolean }, + isSellLoading: { type: Boolean }, + isBuyLoading: { type: Boolean }, + buyBtnDisable: { type: Boolean }, + autoBuyWarning: { type: Boolean }, + autoBuyBtnDisable: { type: Boolean }, + autoBuyBotDisable: { type: Boolean }, + initialAmount: { type: Number }, + cancelBtnDisable: { type: Boolean }, + cancelStuckOfferBtnDisable: { type: Boolean }, + selectedCoin: { type: String }, + isLoadingHistoricTrades: { type: Boolean }, + isLoadingOpenTrades: { type: Boolean }, + isLoadingMyOpenOrders: { type: Boolean }, + showGetWalletBance: { type: Boolean }, + showAddAutoBuy: { type: Boolean }, + theme: { type: String, reflect: true }, + btcWallet: { type: String }, + ltcWallet: { type: String }, + dogeWallet: { type: String }, + dgbWallet: { type: String }, + rvnWallet: { type: String }, + arrrWallet: { type: String }, + arrrWalletAddress: { type: String }, + qortbtc: { type: Number }, + qortltc: { type: Number }, + qortdoge: { type: Number }, + qortdgb: { type: Number }, + qortrvn: { type: Number }, + qortarrr: { type: Number }, + btcqort: { type: Number }, + ltcqort: { type: Number }, + dogeqort: { type: Number }, + dgbqort: { type: Number }, + rvnqort: { type: Number }, + arrrqort: { type: Number }, + tradeBotBtcBook: { type: Array }, + tradeBotLtcBook: { type: Array }, + tradeBotDogeBook: { type: Array }, + tradeBotDgbBook: { type: Array }, + tradeBotRvnBook: { type: Array }, + tradeBotArrrBook: { type: Array }, + autoSalt: { type: String }, + autoStorageData: { type: String }, + autoLockScreenPass: { type: String }, + autoLockScreenSet: { type: String }, + autoLockPass: { type: String }, + autoLockSet: { type: String }, + myAutoLockScreenPass: { type: String }, + myAutoLockScreenSet: { type: String }, + autoHelperMessage: { type: String } + } + } - static get styles() { - return [tradebotStyles] - } + static get styles() { + return [tradeBotStyles] + } - constructor() { - super() - let qortal = { - name: "QORTAL", - balance: "0", - coinCode: "QORT", - coinAmount: this.amountString, - tradeFee: "0.002" - } + constructor() { + super() + let qortal = { + name: "QORTAL", + balance: "0", + coinCode: "QORT", + coinAmount: this.amountString, + tradeFee: "0.002" + } - let bitcoin = { - name: "BITCOIN", - balance: "0", - coinCode: "BTC", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - myGridBoughtItems: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.0001" - } + let bitcoin = { + name: "BITCOIN", + balance: "0", + coinCode: "BTC", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + myGridBoughtItems: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.0001" + } - let litecoin = { - name: "LITECOIN", - balance: "0", - coinCode: "LTC", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - myGridBoughtItems: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.00005" - } + let litecoin = { + name: "LITECOIN", + balance: "0", + coinCode: "LTC", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + myGridBoughtItems: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.00005" + } - let dogecoin = { - name: "DOGECOIN", - balance: "0", - coinCode: "DOGE", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - myGridBoughtItems: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.005" - } + let dogecoin = { + name: "DOGECOIN", + balance: "0", + coinCode: "DOGE", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + myGridBoughtItems: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.005" + } - let digibyte = { - name: "DIGIBYTE", - balance: "0", - coinCode: "DGB", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - myGridBoughtItems: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.0005" - } + let digibyte = { + name: "DIGIBYTE", + balance: "0", + coinCode: "DGB", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + myGridBoughtItems: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.0005" + } - let ravencoin = { - name: "RAVENCOIN", - balance: "0", - coinCode: "RVN", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - myGridBoughtItems: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.006" - } + let ravencoin = { + name: "RAVENCOIN", + balance: "0", + coinCode: "RVN", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + myGridBoughtItems: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.006" + } - let piratechain = { - name: "PIRATECHAIN", - balance: "0", - coinCode: "ARRR", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - myGridBoughtItems: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.0002" - } + let piratechain = { + name: "PIRATECHAIN", + balance: "0", + coinCode: "ARRR", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + myGridBoughtItems: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.0002" + } - this.listedCoins = new Map() - this.listedCoins.set("QORTAL", qortal) - this.listedCoins.set("BITCOIN", bitcoin) - this.listedCoins.set("LITECOIN", litecoin) - this.listedCoins.set("DOGECOIN", dogecoin) - this.listedCoins.set("DIGIBYTE", digibyte) - this.listedCoins.set("RAVENCOIN", ravencoin) - this.listedCoins.set("PIRATECHAIN", piratechain) + this.listedCoins = new Map() + this.listedCoins.set("QORTAL", qortal) + this.listedCoins.set("BITCOIN", bitcoin) + this.listedCoins.set("LITECOIN", litecoin) + this.listedCoins.set("DOGECOIN", dogecoin) + this.listedCoins.set("DIGIBYTE", digibyte) + this.listedCoins.set("RAVENCOIN", ravencoin) + this.listedCoins.set("PIRATECHAIN", piratechain) - workers.set("QORTAL", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("QORTAL", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("BITCOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("BITCOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("LITECOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("LITECOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("DOGECOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("DOGECOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("DIGIBYTE", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("DIGIBYTE", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("RAVENCOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("RAVENCOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("PIRATECHAIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("PIRATECHAIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - this.selectedCoin = "LITECOIN" - this.selectedAddress = {} - this.config = {} - this.blockedTradesList = [] - this.tradesPresenceCleaned = [] - this.sellBtnDisable = false - this.isSellLoading = false - this.buyBtnDisable = true - this.autoBuyWarning = false - this.autoBuyBtnDisable = true - this.autoBuyBotDisable = false - this.isBuyLoading = false - this.initialAmount = 0 - this.cancelBtnDisable = false - this.cancelStuckOfferBtnDisable = false - this.isLoadingHistoricTrades = true - this.isLoadingOpenTrades = true - this.isLoadingMyOpenOrders = false - this.showGetWalletBance = true - this.showAddAutoBuy = false - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.btcWallet = '' - this.ltcWallet = '' - this.dogeWallet = '' - this.dgbWallet = '' - this.rvnWallet = '' - this.arrrWallet = '' - this.arrrWalletAddress = '' - this.qortbtc = 0 - this.qortltc = 0 - this.qortdoge = 0 - this.qortdgb = 0 - this.qortrvn = 0 - this.qortarrr = 0 - this.btcqort = 0 - this.ltcqort = 0 - this.dogeqort = 0 - this.dgbqort = 0 - this.rvnqort = 0 - this.arrrqort = 0 - this.tradeBotBtcBook = [] - this.tradeBotLtcBook = [] - this.tradeBotDogeBook = [] - this.tradeBotDgbBook = [] - this.tradeBotRvnBook = [] - this.tradeBotArrrBook = [] - this.autoSalt = '' - this.autoStorageData = '' - this.autoLockScreenPass = '' - this.autoLockScreenSet = '' - this.autoLockPass = '' - this.autoLockSet = '' - this.myAutoLockScreenPass = '' - this.myAutoLockScreenSet = '' - this.autoHelperMessage = '' - } + this.selectedCoin = "LITECOIN" + this.selectedAddress = {} + this.config = {} + this.blockedTradesList = [] + this.tradesPresenceCleaned = [] + this.sellBtnDisable = false + this.isSellLoading = false + this.buyBtnDisable = true + this.autoBuyWarning = false + this.autoBuyBtnDisable = true + this.autoBuyBotDisable = false + this.isBuyLoading = false + this.initialAmount = 0 + this.cancelBtnDisable = false + this.cancelStuckOfferBtnDisable = false + this.isLoadingHistoricTrades = true + this.isLoadingOpenTrades = true + this.isLoadingMyOpenOrders = false + this.showGetWalletBance = true + this.showAddAutoBuy = false + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.btcWallet = '' + this.ltcWallet = '' + this.dogeWallet = '' + this.dgbWallet = '' + this.rvnWallet = '' + this.arrrWallet = '' + this.arrrWalletAddress = '' + this.qortbtc = 0 + this.qortltc = 0 + this.qortdoge = 0 + this.qortdgb = 0 + this.qortrvn = 0 + this.qortarrr = 0 + this.btcqort = 0 + this.ltcqort = 0 + this.dogeqort = 0 + this.dgbqort = 0 + this.rvnqort = 0 + this.arrrqort = 0 + this.tradeBotBtcBook = [] + this.tradeBotLtcBook = [] + this.tradeBotDogeBook = [] + this.tradeBotDgbBook = [] + this.tradeBotRvnBook = [] + this.tradeBotArrrBook = [] + this.autoSalt = '' + this.autoStorageData = '' + this.autoLockScreenPass = '' + this.autoLockScreenSet = '' + this.autoLockPass = '' + this.autoLockSet = '' + this.myAutoLockScreenPass = '' + this.myAutoLockScreenSet = '' + this.autoHelperMessage = '' + } - openTradesTemplate() { - return html` -
    -
    -
    ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange42")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${this.round(data.item.qortAmount)}`, root) - }} - > - - { - render(html`${this.round(data.item.price)}`, root) - }} - > - - { - render(html`${data.item.foreignAmount}`, root) - }} - > - - { - render(html`${data.item.qortalCreator}`, root) - }} - > - - + render() { + return html` +
    +
    +
    +
    +

    ${translate("info.inf13")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode} -  

    + + BTC / QORT + LTC / QORT + DOGE / QORT + DGB / QORT + RVN / QORT + ARRR / QORT + +
    + this.shadowRoot.getElementById('buyInfoDialog').open()}> +
    +
    + ${this.renderAutoLockButton()} +
    +
    +
    +
    +
    +
    +
    + ${this.openTradesTemplate()} +
    +
    +
    +
    + ${this.myDoneTradesTemplate()} +
    +
    +
    +
    + ${this.myOpenOrdersTemplate()} +
    +
    +
    +
    + ${this.showAutoBuyGrid()} +
    +
    +
    +

    ${translate("tradepage.tchange33")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange40")}

    +

    1 QORT = ${this.exchangeRateQort()} ${this.listedCoins.get(this.selectedCoin).coinCode}

    +
    -
    - ` - } + +
    +

    + ${this.renderFetchText()} + +

    +
    +
    +
    +

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    +
    +
    +
    +
    ${this.renderWarning()}
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} + +
    +
    +
    + ${translate("general.close")} +     + +
    +

    + ${this.renderFetchText()} + +

    +
    +
    +
    +

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    +
    +
    +
    +
    ${this.renderWarning()}
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} + +
    +
    +
    + ${translate("general.close")} +     + +
    +

    + ${this.renderFetchText()} + +

    +
    +
    +
    +

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    +
    +
    +
    +
    ${this.renderWarning()}
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} + +
    +
    +
    + ${translate("general.close")} +     + +
    +

    + ${this.renderFetchText()} + +

    +
    +
    +
    +

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    +
    +
    +
    +
    ${this.renderWarning()}
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} + +
    +
    +
    + ${translate("general.close")} +     + +
    +

    + ${this.renderFetchText()} + +

    +
    +
    +
    +

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    +
    +
    +
    +
    ${this.renderWarning()}
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} + +
    +
    +
    + ${translate("general.close")} +     + +
    +

    + ${this.renderFetchText()} + +

    +
    +
    +
    +

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    +
    +
    +
    +
    ${this.renderWarning()}
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} + +
    +
    +
    + ${translate("general.close")} +     + +
    +

    + this.shadowRoot.getElementById('buyInfoDialog').close()} title="${translate("info.inf8")}">highlight_off +
    +
    +

    ${translate("info.inf7")}

    +

    ${translate("info.inf9")}

    +

    ${translate("info.inf10")}

    +

    ${translate("info.inf11")}

    +

    ${translate("info.inf12")}

    +
    +     + +
    +

    Qortal ${translate("tabmenu.tm6")} ${translate("login.lp1")}

    +
    +
    +
    +

    ${translate("login.lp2")}

    +

    ${translate("login.lp3")}

    +
    +
    + password + +
    +
    + password + +
    +
    + ${translate("login.lp4")} + ${translate("login.lp5")} +
    +     + +
    +

    Qortal ${translate("tabmenu.tm6")} ${translate("login.lp1")}

    +
    +
    +
    +

    ${translate("login.lessthen8")}

    +
    +
    + ${translate("login.lp4")} + ${translate("login.lp5")} +
    +     + +
    + ${translate("tradepage.tchange46")}
    + ${translate("login.lp9")} + ${translate("login.lp10")} +
    +
    + password + +
    + ${this.autoHelperMessage} +
    +     +
    +
    + +
    +     + ` + } - myOpenOrdersTemplate() { - return html` -
    -
    -
    ${translate("info.inf15")}
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleString() - render(html`${dateString}`, root) - }} - > - - { - render(html` ${data.item._tradeState} `, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - - - + async firstUpdated() { + let _this = this + + this.changeTheme() + this.changeLanguage() + + await this.tradeFee() + await this.getNewBlockedTrades() + + this.autoHelperMessage = this.renderAutoHelperPass() + + this.autoSalt = '' + this.autoSalt = Base58.encode(window.parent.reduxStore.getState().app.wallet._addresses[0].keyPair.privateKey) + + this.autoStorageData = '' + this.autoStorageData = window.parent.reduxStore.getState().app.selectedAddress.address + + this.autoLockScreenPass = '' + this.autoLockScreenPass = 'autoLockScreenPass-' + this.autoStorageData + + this.autoLockScreenSet = '' + this.autoLockScreenSet = 'autoLockScreenSet-' + this.autoStorageData + + this.autoLockPass = '' + this.autoLockPass = encryptData(false, this.autoSalt) + + this.autoLockSet = '' + this.autoLockSet = encryptData(false, this.autoSalt) + + if (localStorage.getItem(this.autoLockScreenPass) === null && localStorage.getItem(this.autoLockScreenSet) === null) { + localStorage.setItem(this.autoLockScreenPass, this.autoLockPass) + localStorage.setItem(this.autoLockScreenSet, this.autoLockSet) + this.myAutoLockScreenPass = '' + this.myAutoLockScreenPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) + this.myAutoLockScreenSet = '' + this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) + } else { + this.myAutoLockScreenPass = '' + this.myAutoLockScreenPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) + this.myAutoLockScreenSet = '' + this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) + } + + if (this.myAutoLockScreenSet === true) { + this.shadowRoot.getElementById('autoLockScreenActive').open() + } + + await this.updateWalletBalance() + await this.fetchWalletAddress(this.selectedCoin) + + this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + this._openOrdersGrid = this.shadowRoot.getElementById('openOrdersGrid') + + this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { + const priceString = get("tradepage.tchange9") + root.innerHTML = '' + priceString + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' + } + + this._openOrdersGrid.querySelector('#qortAmountColumn').headerRenderer = function (root) { + const amountString = get("tradepage.tchange8") + root.innerHTML = '' + amountString + ' (QORT)' + } + + this._myOrdersGrid = this.shadowRoot.getElementById('myOrdersGrid') + + const getQortBtcPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/BITCOIN?inverse=true` }).then((res) => { + setTimeout(() => { this.qortbtc = (Number(res) / 1e8).toFixed(8) }, 1) + }) + setTimeout(getQortBtcPrice, 300000) + } + + const getQortLtcPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/LITECOIN?inverse=true` }).then((res) => { + setTimeout(() => { this.qortltc = (Number(res) / 1e8).toFixed(8) }, 1) + }) + setTimeout(getQortLtcPrice, 300000) + } + + const getQortDogePrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/DOGECOIN?inverse=true` }).then((res) => { + setTimeout(() => { this.qortdoge = (Number(res) / 1e8).toFixed(8) }, 1) + }) + setTimeout(getQortDogePrice, 300000) + } + + const getQortDgbPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/DIGIBYTE?inverse=true` }).then((res) => { + setTimeout(() => { this.qortdgb = (Number(res) / 1e8).toFixed(8) }, 1) + }) + setTimeout(getQortDgbPrice, 300000) + } + + const getQortRvnPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/RAVENCOIN?inverse=true` }).then((res) => { + setTimeout(() => { this.qortrvn = (Number(res) / 1e8).toFixed(8) }, 1) + }) + setTimeout(getQortRvnPrice, 300000) + } + + const getQortArrrPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/PIRATECHAIN?inverse=true` }).then((res) => { + setTimeout(() => { this.qortarrr = (Number(res) / 1e8).toFixed(8) }, 1) + }) + setTimeout(getQortArrrPrice, 300000) + } + + window.addEventListener('storage', () => { + this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + this.theme = (checkTheme === 'dark') ? 'dark' : 'light' + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address + this.ltcWallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address + this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address + this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address + this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address + this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address + + let configLoaded = false + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async (selectedAddress) => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + + this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address + this.ltcWwallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address + this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address + this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address + this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address + this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address + + this.updateAccountBalance() + }) + + parentEpml.subscribe('config', (c) => { + if (!configLoaded) { + setTimeout(getQortBtcPrice, 1) + setTimeout(getQortLtcPrice, 1) + setTimeout(getQortDogePrice, 1) + setTimeout(getQortDgbPrice, 1) + setTimeout(getQortRvnPrice, 1) + setTimeout(getQortArrrPrice, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + + let coinSelectionMenu = this.shadowRoot.getElementById("coinSelectionMenu") + + coinSelectionMenu.addEventListener('change', function () { + _this.setForeignCoin(coinSelectionMenu.value, false) + }) + + _this.setForeignCoin(coinSelectionMenu.value, true) + }) + parentEpml.imReady() + + this.btcTradebook() + this.ltcTradebook() + this.dogeTradebook() + this.dgbTradebook() + this.rvnTradebook() + this.arrrTradebook() + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + + setInterval(() => { + this.getNewBlockedTrades() + }, 300000) + } + + openTradesTemplate() { + return html` +
    +
    +
    ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange42")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${this.round(data.item.qortAmount)}`, root) + }} + > + + { + render(html`${this.round(data.item.price)}`, root) + }} + > + + { + render(html`${data.item.foreignAmount}`, root) + }} + > + + { + render(html`${data.item.qortalCreator}`, root) + }} + > + + +
    -
    - ` - } + ` + } - myDoneTradesTemplate() { - return html` -
    -
    -
    ${translate("tradepage.tchange43")} (${this.listedCoins.get(this.selectedCoin).coinCode})
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleString() - render(html`${dateString}`, root) - }} - > - - { - return render(html` ${translate("tradepage.tchange32")} `, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - { + myOpenOrdersTemplate() { + return html` +
    +
    +
    ${translate("info.inf15")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleString() + render(html`${dateString}`, root) + }} + > + + { + render(html` ${data.item._tradeState} `, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + + + +
    +
    +
    + ` + } + + myDoneTradesTemplate() { + return html` +
    +
    +
    ${translate("tradepage.tchange43")} (${this.listedCoins.get(this.selectedCoin).coinCode})
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleString() + render(html`${dateString}`, root) + }} + > + + { + return render(html` ${translate("tradepage.tchange32")} `, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + { + render(html` ${data.item.foreignAmount} `, root) + }} + > + + +
    +
    +
    + ` + } + + myHistoricTradesTemplate() { + return html` +
    +
    +
    ${translate("tradepage.tchange4")}
    +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleString() + render(html`${dateString}`, root) + }} + > + + { + if (data.item.mode === 'SOLD') return render(html` ${translate("tradepage.tchange31")} `, root) + if (data.item.mode === 'BOUGHT') return render(html` ${translate("tradepage.tchange32")} `, root) + return render(html` ${data.item.mode} `, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + { render(html` ${data.item.foreignAmount} `, root) - }} - > - - -
    -
    -
    - ` - } - - myHistoricTradesTemplate() { - return html` -
    -
    -
    ${translate("tradepage.tchange4")}
    -
    - - { - const dateString = new Date(data.item.timestamp).toLocaleString() - render(html`${dateString}`, root) - }} - > - - { - if (data.item.mode === 'SOLD') return render(html` ${translate("tradepage.tchange31")} `, root) - if (data.item.mode === 'BOUGHT') return render(html` ${translate("tradepage.tchange32")} `, root) - return render(html` ${data.item.mode} `, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - { - render(html` ${data.item.foreignAmount} `, root) - }} - > - - -
    -
    -
    - ` - } - - tradeBotBTCTemplate() { - return html` -
    -
    -
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    -
    - - { - render(html`${data.item.botBtcQortAmount}`, root) - }} - > - - { - render(html`${data.item.botBtcPrice}`, root) - }} - > - - { - const totalCoins = this.round(parseFloat(data.item.botBtcQortAmount) * parseFloat(data.item.botBtcPrice)) - const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myBotFunds) > Number(totalCoins)) { - this.autoBuyBotDisable = false - render(html`${totalCoins}`, root) - } else { - this.autoBuyBotDisable = true - render(html`${totalCoins}`, root) - } - }} - > - - { - render(html` this.removeBTCTradebook()}>delete ${translate("nodepage.nchange12")}`, root) - }} - > - - - ${this.isEmptyArray(this.tradeBotBtcBook) ? html` - - ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} - - `: ''} -
    - ${this.autoBuyBotDisable ? html` -
    ${this.renderBotWarning()}
    - `: ''} -
    -
    - ` - } - - tradeBotLTCTemplate() { - return html` -
    -
    -
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    -
    - - { - render(html`${data.item.botLtcQortAmount}`, root) - }} - > - - { - render(html`${data.item.botLtcPrice}`, root) - }} - > - - { - const totalCoins = this.round(parseFloat(data.item.botLtcQortAmount) * parseFloat(data.item.botLtcPrice)) - const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myBotFunds) > Number(totalCoins)) { - this.autoBuyBotDisable = false - render(html`${totalCoins}`, root) - } else { - this.autoBuyBotDisable = true - render(html`${totalCoins}`, root) - } - }} - > - - { - render(html` this.removeLTCTradebook()}>delete ${translate("nodepage.nchange12")}`, root) - }} - > - - - ${this.isEmptyArray(this.tradeBotLtcBook) ? html` - - ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} - - `: ''} -
    - ${this.autoBuyBotDisable ? html` -
    ${this.renderBotWarning()}
    - `: ''} -
    -
    - ` - } - - tradeBotDOGETemplate() { - return html` -
    -
    -
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    -
    - - { - render(html`${data.item.botDogeQortAmount}`, root) - }} - > - - { - render(html`${data.item.botDogePrice}`, root) - }} - > - - { - const totalCoins = this.round(parseFloat(data.item.botDogeQortAmount) * parseFloat(data.item.botDogePrice)) - const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myBotFunds) > Number(totalCoins)) { - this.autoBuyBotDisable = false - render(html`${totalCoins}`, root) - } else { - this.autoBuyBotDisable = true - render(html`${totalCoins}`, root) - } - }} - > - - { - render(html` this.removeDOGETradebook()}>delete ${translate("nodepage.nchange12")}`, root) - }} - > - - - ${this.isEmptyArray(this.tradeBotDogeBook) ? html` - - ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} - - `: ''} -
    - ${this.autoBuyBotDisable ? html` -
    ${this.renderBotWarning()}
    - `: ''} -
    -
    - ` - } - - tradeBotDGBTemplate() { - return html` -
    -
    -
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    -
    - - { - render(html`${data.item.botDgbQortAmount}`, root) - }} - > - - { - render(html`${data.item.botDgbPrice}`, root) - }} - > - - { - const totalCoins = this.round(parseFloat(data.item.botDgbQortAmount) * parseFloat(data.item.botDgbPrice)) - const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myBotFunds) > Number(totalCoins)) { - this.autoBuyBotDisable = false - render(html`${totalCoins}`, root) - } else { - this.autoBuyBotDisable = true - render(html`${totalCoins}`, root) - } - }} - > - - { - render(html` this.removeDGBTradebook()}>delete ${translate("nodepage.nchange12")}`, root) - }} - > - - - ${this.isEmptyArray(this.tradeBotDgbBook) ? html` - - ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} - - `: ''} -
    - ${this.autoBuyBotDisable ? html` -
    ${this.renderBotWarning()}
    - `: ''} -
    -
    - ` - } - - tradeBotRVNTemplate() { - return html` -
    -
    -
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    -
    - - { - render(html`${data.item.botRvnQortAmount}`, root) - }} - > - - { - render(html`${data.item.botRvnPrice}`, root) - }} - > - - { - const totalCoins = this.round(parseFloat(data.item.botRvnQortAmount) * parseFloat(data.item.botRvnPrice)) - const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myBotFunds) > Number(totalCoins)) { - this.autoBuyBotDisable = false - render(html`${totalCoins}`, root) - } else { - this.autoBuyBotDisable = true - render(html`${totalCoins}`, root) - } - }} - > - - { - render(html` this.removeRVNTradebook()}>delete ${translate("nodepage.nchange12")}`, root) - }} - > - - - ${this.isEmptyArray(this.tradeBotRvnBook) ? html` - - ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} - - `: ''} -
    - ${this.autoBuyBotDisable ? html` -
    ${this.renderBotWarning()}
    - `: ''} -
    -
    - ` - } - - tradeBotARRRTemplate() { - return html` -
    -
    -
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    -
    - - { - render(html`${data.item.botArrrQortAmount}`, root) - }} - > - - { - render(html`${data.item.botArrrPrice}`, root) - }} - > - - { - const totalCoins = this.round(parseFloat(data.item.botArrrQortAmount) * parseFloat(data.item.botArrrPrice)) - const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myBotFunds) > Number(totalCoins)) { - this.autoBuyBotDisable = false - render(html`${totalCoins}`, root) - } else { - this.autoBuyBotDisable = true - render(html`${totalCoins}`, root) - } - }} - > - - { - render(html` this.removeARRRTradebook()}>delete ${translate("nodepage.nchange12")}`, root) - }} - > - - - ${this.isEmptyArray(this.tradeBotArrrBook) ? html` - - ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} - - `: ''} -
    - ${this.autoBuyBotDisable ? html` -
    ${this.renderBotWarning()}
    - `: ''} -
    -
    - ` - } - - render() { - return html` -
    -
    -
    -
    -

    ${translate("info.inf13")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode} -  

    - - BTC / QORT - LTC / QORT - DOGE / QORT - DGB / QORT - RVN / QORT - ARRR / QORT - -
    - this.shadowRoot.getElementById('buyInfoDialog').open()}> -
    -
    - ${this.renderAutoLockButton()} -
    -
    -
    -
    -
    -
    -
    - ${this.openTradesTemplate()} -
    -
    -
    -
    - ${this.myDoneTradesTemplate()} -
    -
    -
    -
    - ${this.myOpenOrdersTemplate()} -
    -
    -
    -
    - ${this.showAutoBuyGrid()} -
    -
    -
    -

    ${translate("tradepage.tchange33")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange40")}

    -

    1 QORT = ${this.exchangeRateQort()} ${this.listedCoins.get(this.selectedCoin).coinCode}

    -
    -
    -
    - - -
    -

    ${this.renderFetchText()}

    -
    -
    -
    -

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    -
    -
    -
    -
    ${this.renderWarning()}
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} - + }} + > + +
    - ${translate("general.close")} -     + ` + } - -
    -

    ${this.renderFetchText()}

    -
    -
    -
    -

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    -
    -
    -
    -
    ${this.renderWarning()}
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} - + tradeBotBTCTemplate() { + return html` +
    +
    +
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    +
    + + { + render(html`${data.item.botBtcQortAmount}`, root) + }} + > + + { + render(html`${data.item.botBtcPrice}`, root) + }} + > + + { + const totalCoins = this.round(parseFloat(data.item.botBtcQortAmount) * parseFloat(data.item.botBtcPrice)) + const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myBotFunds) > Number(totalCoins)) { + this.autoBuyBotDisable = false + render(html`${totalCoins}`, root) + } else { + this.autoBuyBotDisable = true + render(html`${totalCoins}`, root) + } + }} + > + + { + render(html` + this.removeBTCTradebook()}> + delete ${translate("nodepage.nchange12")} + + `, root) + }} + > + + + ${this.isEmptyArray(this.tradeBotBtcBook) ? html` + + ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} + + `: ''}
    + ${this.autoBuyBotDisable ? html` +
    ${this.renderBotWarning()}
    + `: ''}
    - ${translate("general.close")} - + ` + } - -
    -

    ${this.renderFetchText()}

    -
    -
    -
    -

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    -
    -
    -
    -
    ${this.renderWarning()}
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} - + tradeBotLTCTemplate() { + return html` +
    +
    +
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    +
    + + { + render(html`${data.item.botLtcQortAmount}`, root) + }} + > + + { + render(html`${data.item.botLtcPrice}`, root) + }} + > + + { + const totalCoins = this.round(parseFloat(data.item.botLtcQortAmount) * parseFloat(data.item.botLtcPrice)) + const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myBotFunds) > Number(totalCoins)) { + this.autoBuyBotDisable = false + render(html`${totalCoins}`, root) + } else { + this.autoBuyBotDisable = true + render(html`${totalCoins}`, root) + } + }} + > + + { + render(html` + this.removeLTCTradebook()}> + delete ${translate("nodepage.nchange12")} + + `, root) + }} + > + + + ${this.isEmptyArray(this.tradeBotLtcBook) ? html` + + ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} + + `: ''}
    + ${this.autoBuyBotDisable ? html` +
    ${this.renderBotWarning()}
    + `: ''}
    - ${translate("general.close")} - + ` + } - -
    -

    ${this.renderFetchText()}

    -
    -
    -
    -

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    -
    -
    -
    -
    ${this.renderWarning()}
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} - + tradeBotDOGETemplate() { + return html` +
    +
    +
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    +
    + + { + render(html`${data.item.botDogeQortAmount}`, root) + }} + > + + { + render(html`${data.item.botDogePrice}`, root) + }} + > + + { + const totalCoins = this.round(parseFloat(data.item.botDogeQortAmount) * parseFloat(data.item.botDogePrice)) + const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myBotFunds) > Number(totalCoins)) { + this.autoBuyBotDisable = false + render(html`${totalCoins}`, root) + } else { + this.autoBuyBotDisable = true + render(html`${totalCoins}`, root) + } + }} + > + + { + render(html` + this.removeDOGETradebook()}> + delete ${translate("nodepage.nchange12")} + + `, root) + }} + > + + + ${this.isEmptyArray(this.tradeBotDogeBook) ? html` + + ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} + + `: ''}
    + ${this.autoBuyBotDisable ? html` +
    ${this.renderBotWarning()}
    + `: ''}
    - ${translate("general.close")} - + ` + } - -
    -

    ${this.renderFetchText()}

    -
    -
    -
    -

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    -
    -
    -
    -
    ${this.renderWarning()}
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} - + tradeBotDGBTemplate() { + return html` +
    +
    +
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    +
    + + { + render(html`${data.item.botDgbQortAmount}`, root) + }} + > + + { + render(html`${data.item.botDgbPrice}`, root) + }} + > + + { + const totalCoins = this.round(parseFloat(data.item.botDgbQortAmount) * parseFloat(data.item.botDgbPrice)) + const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myBotFunds) > Number(totalCoins)) { + this.autoBuyBotDisable = false + render(html`${totalCoins}`, root) + } else { + this.autoBuyBotDisable = true + render(html`${totalCoins}`, root) + } + }} + > + + { + render(html` + this.removeDGBTradebook()}> + delete ${translate("nodepage.nchange12")} + + `, root) + }} + > + + + ${this.isEmptyArray(this.tradeBotDgbBook) ? html` + + ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} + + `: ''}
    + ${this.autoBuyBotDisable ? html` +
    ${this.renderBotWarning()}
    + `: ''}
    - ${translate("general.close")} - + ` + } - -
    -

    ${this.renderFetchText()}

    -
    -
    -
    -

    ${this.listedCoins.get(this.selectedCoin).coinCode} ==> QORT

    -
    -
    -
    -
    ${this.renderWarning()}
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${translate("tradepage.tchange38")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange39")} - + tradeBotRVNTemplate() { + return html` +
    +
    +
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    +
    + + { + render(html`${data.item.botRvnQortAmount}`, root) + }} + > + + { + render(html`${data.item.botRvnPrice}`, root) + }} + > + + { + const totalCoins = this.round(parseFloat(data.item.botRvnQortAmount) * parseFloat(data.item.botRvnPrice)) + const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myBotFunds) > Number(totalCoins)) { + this.autoBuyBotDisable = false + render(html`${totalCoins}`, root) + } else { + this.autoBuyBotDisable = true + render(html`${totalCoins}`, root) + } + }} + > + + { + render(html` + this.removeRVNTradebook()}> + delete ${translate("nodepage.nchange12")} + + `, root) + }} + > + + + ${this.isEmptyArray(this.tradeBotRvnBook) ? html` + + ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} + + `: ''}
    + ${this.autoBuyBotDisable ? html` +
    ${this.renderBotWarning()}
    + `: ''}
    - ${translate("general.close")} - - - -
    -

    - this.shadowRoot.getElementById('buyInfoDialog').close()} title="${translate("info.inf8")}">highlight_off -
    -
    -

    ${translate("info.inf7")}

    -

    ${translate("info.inf9")}

    -

    ${translate("info.inf10")}

    -

    ${translate("info.inf11")}

    -

    ${translate("info.inf12")}

    -
    -     - -
    -

    Qortal ${translate("tabmenu.tm6")} ${translate("login.lp1")}

    -
    -
    -
    -

    ${translate("login.lp2")}

    -

    ${translate("login.lp3")}

    -
    -
    - password - -
    -
    - password - -
    -
    - ${translate("login.lp4")} - ${translate("login.lp5")} -
    -     - -
    -

    Qortal ${translate("tabmenu.tm6")} ${translate("login.lp1")}

    -
    -
    -
    -

    ${translate("login.lessthen8")}

    -
    -
    - ${translate("login.lp4")} - ${translate("login.lp5")} -
    -     - -
    - ${translate("tradepage.tchange46")}
    - ${translate("login.lp9")} - ${translate("login.lp10")} -
    -
    - password - -
    - ${this.autoHelperMessage} -
    -     -
    -
    - -
    -     - ` - } - - async firstUpdated() { - let _this = this - - this.changeTheme() - this.changeLanguage() - await this.tradeFee() - await this.getNewBlockedTrades() - - this.autoHelperMessage = this.renderAutoHelperPass() - - this.autoSalt = '' - this.autoSalt = Base58.encode(window.parent.reduxStore.getState().app.wallet._addresses[0].keyPair.privateKey) - - this.autoStorageData = '' - this.autoStorageData = window.parent.reduxStore.getState().app.selectedAddress.address - - this.autoLockScreenPass = '' - this.autoLockScreenPass = 'autoLockScreenPass-' + this.autoStorageData - - this.autoLockScreenSet = '' - this.autoLockScreenSet = 'autoLockScreenSet-' + this.autoStorageData - - this.autoLockPass = '' - this.autoLockPass = encryptData(false, this.autoSalt) - - this.autoLockSet = '' - this.autoLockSet = encryptData(false, this.autoSalt) - - if (localStorage.getItem(this.autoLockScreenPass) === null && localStorage.getItem(this.autoLockScreenSet) === null) { - localStorage.setItem(this.autoLockScreenPass, this.autoLockPass) - localStorage.setItem(this.autoLockScreenSet, this.autoLockSet) - this.myAutoLockScreenPass = '' - this.myAutoLockScreenPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) - this.myAutoLockScreenSet = '' - this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) - } else { - this.myAutoLockScreenPass = '' - this.myAutoLockScreenPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) - this.myAutoLockScreenSet = '' - this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) - } - - if (this.myAutoLockScreenSet === true) { - this.shadowRoot.getElementById('autoLockScreenActive').open() - } - - await this.updateWalletBalance() - await this.fetchWalletAddress(this.selectedCoin) - this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') - this._openOrdersGrid = this.shadowRoot.getElementById('openOrdersGrid') - - this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { - const priceString = get("tradepage.tchange9") - root.innerHTML = '' + priceString + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' - } - - this._openOrdersGrid.querySelector('#qortAmountColumn').headerRenderer = function (root) { - const amountString = get("tradepage.tchange8") - root.innerHTML = '' + amountString + ' (QORT)' - } - - this._myOrdersGrid = this.shadowRoot.getElementById('myOrdersGrid') - - const getQortBtcPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/BITCOIN?inverse=true` }).then((res) => { - setTimeout(() => { this.qortbtc = (Number(res) / 1e8).toFixed(8) }, 1) - }) - setTimeout(getQortBtcPrice, 300000) - } - - const getQortLtcPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/LITECOIN?inverse=true` }).then((res) => { - setTimeout(() => { this.qortltc = (Number(res) / 1e8).toFixed(8) }, 1) - }) - setTimeout(getQortLtcPrice, 300000) - } - - const getQortDogePrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/DOGECOIN?inverse=true` }).then((res) => { - setTimeout(() => { this.qortdoge = (Number(res) / 1e8).toFixed(8) }, 1) - }) - setTimeout(getQortDogePrice, 300000) - } - - const getQortDgbPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/DIGIBYTE?inverse=true` }).then((res) => { - setTimeout(() => { this.qortdgb = (Number(res) / 1e8).toFixed(8) }, 1) - }) - setTimeout(getQortDgbPrice, 300000) - } - - const getQortRvnPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/RAVENCOIN?inverse=true` }).then((res) => { - setTimeout(() => { this.qortrvn = (Number(res) / 1e8).toFixed(8) }, 1) - }) - setTimeout(getQortRvnPrice, 300000) - } - - const getQortArrrPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/PIRATECHAIN?inverse=true` }).then((res) => { - setTimeout(() => { this.qortarrr = (Number(res) / 1e8).toFixed(8) }, 1) - }) - setTimeout(getQortArrrPrice, 300000) - } - - window.addEventListener('storage', () => { - this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - this.theme = (checkTheme === 'dark') ? 'dark' : 'light' - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address - this.ltcWallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address - this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address - this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address - this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address - this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async (selectedAddress) => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - - this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address - this.ltcWwallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address - this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address - this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address - this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address - this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address - - this.updateAccountBalance() - }) - - parentEpml.subscribe('config', (c) => { - if (!configLoaded) { - setTimeout(getQortBtcPrice, 1) - setTimeout(getQortLtcPrice, 1) - setTimeout(getQortDogePrice, 1) - setTimeout(getQortDgbPrice, 1) - setTimeout(getQortRvnPrice, 1) - setTimeout(getQortArrrPrice, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - - let coinSelectionMenu = this.shadowRoot.getElementById("coinSelectionMenu") - - coinSelectionMenu.addEventListener('change', function () { - _this.setForeignCoin(coinSelectionMenu.value,false) - }) - - _this.setForeignCoin(coinSelectionMenu.value,true) - }) - parentEpml.imReady() - this.btcTradebook() - this.ltcTradebook() - this.dogeTradebook() - this.dgbTradebook() - this.rvnTradebook() - this.arrrTradebook() - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - setInterval(() => { - this.getNewBlockedTrades() - }, 300000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - renderAutoLockButton() { - if (this.myAutoLockScreenPass === false && this.myAutoLockScreenSet === false) { - return html` -
    - this.openAutoSetScreenLockPass()} title="${translate("login.lp11")}"> -
    - ` - } else if (this.myAutoLockScreenSet === false) { - return html` -
    - this.setAutoLockQortal()} title="${translate("login.lp11")}"> -
    - ` - } else if (this.myAutoLockScreenSet === true) { - return html` -
    - -
    - ` - } - } - - openAutoSetScreenLockPass() { - this.shadowRoot.getElementById('autoLockPassword').value = '' - this.shadowRoot.getElementById('autoLockPasswordConfirm').value = '' - this.shadowRoot.getElementById('setAutoLockScreenPass').open() - } - - closewAutoSetScreenLockPass() { - this.shadowRoot.getElementById('setAutoLockScreenPass').close() - } - - autoCheckPass() { - const autoPassword = this.shadowRoot.getElementById('autoLockPassword').value - const autoRePassword = this.shadowRoot.getElementById('autoLockPasswordConfirm').value - - if (autoPassword === '') { - let snackbar1string = get("login.pleaseenter") - parentEpml.request('showSnackBar', `${snackbar1string}`) - return - } - - if (autoPassword != autoRePassword) { - let snackbar2string = get("login.notmatch") - parentEpml.request('showSnackBar', `${snackbar2string}`) - return - } - - if (autoPassword.length < 8) { - let snackbar3string = get("login.lessthen8") - parentEpml.request('showSnackBar', `${snackbar3string}`) - this.autoExtraConfirm() - } - - if (autoPassword.length >= 8) { - this.setAutoNewScreenPass() - let snackbar4string = get("login.lp6") - parentEpml.request('showSnackBar', `${snackbar4string}`) - } - } - - autoExtraConfirm() { - this.shadowRoot.getElementById('setAutoLockScreenPass').close() - this.shadowRoot.getElementById('autoExtraConfirmPass').open() - } - - closAutoExtraConfirmPass() { - this.shadowRoot.getElementById('autoExtraConfirmPass').close() - this.shadowRoot.getElementById('autoLockPassword').value = '' - this.shadowRoot.getElementById('autoLockPasswordConfirm').value = '' - } - - setAutoNewScreenPass() { - const autoRawPassword = this.shadowRoot.getElementById('autoLockPassword').value - const autoCryptPassword = encryptData(autoRawPassword, this.autoSalt) - localStorage.setItem(this.autoLockScreenPass, autoCryptPassword) - this.myAutoLockScreenPass = '' - this.myAutoLockScreenPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) - this.shadowRoot.getElementById('setAutoLockScreenPass').close() - this.shadowRoot.getElementById('autoExtraConfirmPass').close() - this.shadowRoot.getElementById('autoLockPassword').value = '' - this.shadowRoot.getElementById('autoLockPasswordConfirm').value = '' - } - - setAutoLockQortal() { - this.autoHelperMessage = this.renderAutoHelperPass() - this.autoLockSet = '' - this.autoLockSet = encryptData(true, this.autoSalt) - localStorage.setItem(this.autoLockScreenSet, this.autoLockSet) - this.myAutoLockScreenSet = '' - this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) - this.shadowRoot.getElementById('autoLockScreenActive').open() - } - - autoPassKeyListener(e) { - if (e.key === 'Enter') { - this.closeAutoLockScreenActive() - } - } - - async closeAutoLockScreenActive() { - const myAutoPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) - const autoCheckPass = this.shadowRoot.getElementById('autoUnlockPassword').value - const errDelay = ms => new Promise(res => setTimeout(res, ms)) - - if (autoCheckPass === myAutoPass) { - this.autoLockSet = '' - this.autoLockSet = encryptData(false, this.autoSalt) - localStorage.setItem(this.autoLockScreenSet, this.autoLockSet) - this.myAutoLockScreenSet = '' - this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) - this.shadowRoot.getElementById('autoLockScreenActive').close() - this.shadowRoot.getElementById('autoUnlockPassword').value = '' - this.autoHelperMessage = this.renderAutoHelperPass() - } else { - this.shadowRoot.getElementById('autoUnlockPassword').value = '' - this.autoHelperMessage = this.renderAutoHelperErr() - await errDelay(3000) - this.autoHelperMessage = this.renderAutoHelperPass() - - } - } - - renderAutoHelperPass() { - return html`${translate("login.pleaseenter")}` - } - - renderAutoHelperErr() { - return html`${translate("login.lp8")}` - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - this.theme = (checkTheme === 'dark') ? 'dark' : 'light' - document.querySelector('html').setAttribute('theme', this.theme); - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - renderFetchText() { - return html`${translate("walletpage.wchange1")}` - } - - renderWarning() { - return html`${translate("tradepage.tchange48")} ${this.listedCoins.get(this.selectedCoin).coinCode}` - } - - renderBotWarning() { - return html`${translate("walletpage.wchange1")}` - } - - showAutoBuyGrid() { - switch(this.listedCoins.get(this.selectedCoin).coinCode) { - case "BTC": - return html`${this.tradeBotBTCTemplate()}` - break - case "LTC": - return html`${this.tradeBotLTCTemplate()}` - break - case "DOGE": - return html`${this.tradeBotDOGETemplate()}` - break - case "DGB": - return html`${this.tradeBotDGBTemplate()}` - break - case "RVN": - return html`${this.tradeBotRVNTemplate()}` - break - case "ARRR": - return html`${this.tradeBotARRRTemplate()}` - break - default: - break - } - } - - exchangeRateQort() { - switch(this.listedCoins.get(this.selectedCoin).coinCode) { - case "BTC": - this.qortRatio = this.qortbtc - break - case "LTC": - this.qortRatio = this.qortltc - break - case "DOGE": - this.qortRatio = this.qortdoge - break - case "DGB": - this.qortRatio = this.qortdgb - break - case "RVN": - this.qortRatio = this.qortrvn - break - case "ARRR": - this.qortRatio = this.qortarrr - break - default: - break - } - return html`${this.qortRatio}` - } - - exchangeRateForeign() { - if (this.listedCoins.get(this.selectedCoin).coinCode === "BTC") { - parentEpml.request('apiCall', { - url: `/crosschain/price/BITCOIN?inverse=false` - }).then((res) => { - this.btcqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.btcqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "LTC") { - parentEpml.request('apiCall', { - url: `/crosschain/price/LITECOIN?inverse=false` - }).then((res) => { - this.ltcqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.ltcqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DOGE") { - parentEpml.request('apiCall', { - url: `/crosschain/price/DOGECOIN?inverse=false` - }).then((res) => { - this.dogeqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.dogeqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DGB") { - parentEpml.request('apiCall', { - url: `/crosschain/price/DIGIBYTE?inverse=false` - }).then((res) => { - this.dgbqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.dgbqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "RVN") { - parentEpml.request('apiCall', { - url: `/crosschain/price/RAVENCOIN?inverse=false` - }).then((res) => { - this.rvnqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.rvnqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "ARRR") { - parentEpml.request('apiCall', { - url: `/crosschain/price/PIRATECHAIN?inverse=false` - }).then((res) => { - this.arrrqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.arrrqort}` - } - } - - async updateWalletBalance() { - let _url = `` - let _body = null - - switch (this.selectedCoin) { - case 'BITCOIN': - _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey - break - case 'LITECOIN': - _url = `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey - break - case 'DOGECOIN': - _url = `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey - break - case 'DIGIBYTE': - _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey - break - case 'RAVENCOIN': - _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey - break - case 'PIRATECHAIN': - _url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58 - break - default: - break - } - - this.showGetWalletBance = true - this.showAddAutoBuy = false - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.listedCoins.get(this.selectedCoin).balance = (Number(res) / 1e8).toFixed(8) - } - }) - - this.showGetWalletBance = false - this.showAddAutoBuy = true - } - - async fetchWalletAddress(coin) { - switch (coin) { - case 'PIRATECHAIN': - let res = await parentEpml.request('apiCall', { - url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58}`, - }) - if (res != null && res.error != 1201) { - this.arrrWalletAddress = res - } - break - - default: - // Not used for other coins yet - break - } - } - - async getDoneTrades() { - let tradesUrl = `` - clearTimeout(this.updateDoneTradesTimeout) - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const myAddress = window.parent.reduxStore.getState().app.selectedAddress.address - - switch (this.selectedCoin) { - case 'BITCOIN': - tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - break - case 'LITECOIN': - tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - break - case 'DOGECOIN': - tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - break - case 'DIGIBYTE': - tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` - break - case 'RAVENCOIN': - tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - break - case 'PIRATECHAIN': - tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` - break - default: - break - } - - this.isLoadingDoneTrades = true - - const doneTradesAll = await fetch(tradesUrl).then(response => { - return response.json() - }) - - this.listedCoins.get(this.selectedCoin).myGridBoughtItems = doneTradesAll.map(item => { - const searchAddress = item.buyerReceivingAddress - if (searchAddress == myAddress) { - return { - timestamp: item.tradeTimestamp, - foreignAmount: item.foreignAmount, - qortAmount: item.qortAmount - } - } - }).filter(item => !!item) - - this.isLoadingDoneTrades = false - this.updateDoneTradesTimeout = setTimeout(() => this.getDoneTrades(), 300000) - } - - btcTradebook() { - if (localStorage.getItem(this.btcWallet) === null) { - localStorage.setItem(this.btcWallet, "") - } else { - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") - } - } - - addToBTCTradebook() { - const addBotBtcQortAmount = this.shadowRoot.getElementById('autoBuyBTCQortAmountInput').value - const addBotBtcPrice = this.shadowRoot.getElementById('autoBuyBTCPriceInput').value - const addBtcQortAmount = this.round(parseFloat(addBotBtcQortAmount)) - const addBtcPrice = this.round(parseFloat(addBotBtcPrice)) - - var oldBtcTradebook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") - - const newBtcTradebookItem = { - botBtcQortAmount: addBtcQortAmount, - botBtcPrice: addBtcPrice - } - - oldBtcTradebook.push(newBtcTradebookItem) - - localStorage.setItem(this.btcWallet, JSON.stringify(oldBtcTradebook)) - - let btctradebookstring = get("tradepage.tchange44") - parentEpml.request('showSnackBar', `${btctradebookstring}`) - - this.closeBTCTradebookDialog() - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") - } - - closeBTCTradebookDialog() { - this.shadowRoot.querySelector('#tradeBotBTCAddDialog').close() - this.clearTradeBotForm() - } - - removeBTCTradebook() { - localStorage.removeItem(this.btcWallet) - localStorage.setItem(this.btcWallet, "") - this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") - - this.autoBuyBotDisable = false - - let btcstring = get("tradepage.tchange41") - parentEpml.request('showSnackBar', `${btcstring}`) - } - - ltcTradebook() { - if (localStorage.getItem(this.ltcWallet) === null) { - localStorage.setItem(this.ltcWallet, "") - } else { - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") - } - } - - addToLTCTradebook() { - const addBotLtcQortAmount = this.shadowRoot.getElementById('autoBuyLTCQortAmountInput').value - const addBotLtcPrice = this.shadowRoot.getElementById('autoBuyLTCPriceInput').value - const addLtcQortAmount = this.round(parseFloat(addBotLtcQortAmount)) - const addLtcPrice = this.round(parseFloat(addBotLtcPrice)) - - var oldLtcTradebook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") - - const newLtcTradebookItem = { - botLtcQortAmount: addLtcQortAmount, - botLtcPrice: addLtcPrice - } - - oldLtcTradebook.push(newLtcTradebookItem) - - localStorage.setItem(this.ltcWallet, JSON.stringify(oldLtcTradebook)) - - let ltctradebookstring = get("tradepage.tchange44") - parentEpml.request('showSnackBar', `${ltctradebookstring}`) - - this.closeLTCTradebookDialog() - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") - } - - closeLTCTradebookDialog() { - this.shadowRoot.querySelector('#tradeBotLTCAddDialog').close() - this.clearTradeBotForm() - } - - removeLTCTradebook() { - localStorage.removeItem(this.ltcWallet) - localStorage.setItem(this.ltcWallet, "") - this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") - - this.autoBuyBotDisable = false + ` + } + + tradeBotARRRTemplate() { + return html` +
    +
    +
    ${translate("info.inf16")} QORT ${translate("info.inf14")} ${this.listedCoins.get(this.selectedCoin).coinCode}
    +
    + + { + render(html`${data.item.botArrrQortAmount}`, root) + }} + > + + { + render(html`${data.item.botArrrPrice}`, root) + }} + > + + { + const totalCoins = this.round(parseFloat(data.item.botArrrQortAmount) * parseFloat(data.item.botArrrPrice)) + const myBotFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myBotFunds) > Number(totalCoins)) { + this.autoBuyBotDisable = false + render(html`${totalCoins}`, root) + } else { + this.autoBuyBotDisable = true + render(html`${totalCoins}`, root) + } + }} + > + + { + render(html` + this.removeARRRTradebook()}> + delete  ${translate("nodepage.nchange12")} + + `, root) + }} + > + + + ${this.isEmptyArray(this.tradeBotArrrBook) ? html` + + ${translate("tradepage.tchange38")} ${translate("tradepage.tchange39")} + + `: ''} +
    + ${this.autoBuyBotDisable ? html` +
    ${this.renderBotWarning()}
    + `: ''} +
    +
    + ` + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + renderAutoLockButton() { + if (this.myAutoLockScreenPass === false && this.myAutoLockScreenSet === false) { + return html` +
    + this.openAutoSetScreenLockPass()} title="${translate("login.lp11")}"> +
    + ` + } else if (this.myAutoLockScreenSet === false) { + return html` +
    + this.setAutoLockQortal()} title="${translate("login.lp11")}"> +
    + ` + } else if (this.myAutoLockScreenSet === true) { + return html` +
    + +
    + ` + } + } + + openAutoSetScreenLockPass() { + this.shadowRoot.getElementById('autoLockPassword').value = '' + this.shadowRoot.getElementById('autoLockPasswordConfirm').value = '' + this.shadowRoot.getElementById('setAutoLockScreenPass').open() + } + + closewAutoSetScreenLockPass() { + this.shadowRoot.getElementById('setAutoLockScreenPass').close() + } + + autoCheckPass() { + const autoPassword = this.shadowRoot.getElementById('autoLockPassword').value + const autoRePassword = this.shadowRoot.getElementById('autoLockPasswordConfirm').value + + if (autoPassword === '') { + let snackbar1string = get("login.pleaseenter") + parentEpml.request('showSnackBar', `${snackbar1string}`) + return + } + + if (autoPassword != autoRePassword) { + let snackbar2string = get("login.notmatch") + parentEpml.request('showSnackBar', `${snackbar2string}`) + return + } + + if (autoPassword.length < 8) { + let snackbar3string = get("login.lessthen8") + parentEpml.request('showSnackBar', `${snackbar3string}`) + this.autoExtraConfirm() + } + + if (autoPassword.length >= 8) { + this.setAutoNewScreenPass() + let snackbar4string = get("login.lp6") + parentEpml.request('showSnackBar', `${snackbar4string}`) + } + } + + autoExtraConfirm() { + this.shadowRoot.getElementById('setAutoLockScreenPass').close() + this.shadowRoot.getElementById('autoExtraConfirmPass').open() + } + + closAutoExtraConfirmPass() { + this.shadowRoot.getElementById('autoExtraConfirmPass').close() + this.shadowRoot.getElementById('autoLockPassword').value = '' + this.shadowRoot.getElementById('autoLockPasswordConfirm').value = '' + } + + setAutoNewScreenPass() { + const autoRawPassword = this.shadowRoot.getElementById('autoLockPassword').value + const autoCryptPassword = encryptData(autoRawPassword, this.autoSalt) + localStorage.setItem(this.autoLockScreenPass, autoCryptPassword) + this.myAutoLockScreenPass = '' + this.myAutoLockScreenPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) + this.shadowRoot.getElementById('setAutoLockScreenPass').close() + this.shadowRoot.getElementById('autoExtraConfirmPass').close() + this.shadowRoot.getElementById('autoLockPassword').value = '' + this.shadowRoot.getElementById('autoLockPasswordConfirm').value = '' + } + + setAutoLockQortal() { + this.autoHelperMessage = this.renderAutoHelperPass() + this.autoLockSet = '' + this.autoLockSet = encryptData(true, this.autoSalt) + localStorage.setItem(this.autoLockScreenSet, this.autoLockSet) + this.myAutoLockScreenSet = '' + this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) + this.shadowRoot.getElementById('autoLockScreenActive').open() + } + + autoPassKeyListener(e) { + if (e.key === 'Enter') { + this.closeAutoLockScreenActive() + } + } + + async closeAutoLockScreenActive() { + const myAutoPass = decryptData(localStorage.getItem(this.autoLockScreenPass), this.autoSalt) + const autoCheckPass = this.shadowRoot.getElementById('autoUnlockPassword').value + const errDelay = ms => new Promise(res => setTimeout(res, ms)) + + if (autoCheckPass === myAutoPass) { + this.autoLockSet = '' + this.autoLockSet = encryptData(false, this.autoSalt) + localStorage.setItem(this.autoLockScreenSet, this.autoLockSet) + this.myAutoLockScreenSet = '' + this.myAutoLockScreenSet = decryptData(localStorage.getItem(this.autoLockScreenSet), this.autoSalt) + this.shadowRoot.getElementById('autoLockScreenActive').close() + this.shadowRoot.getElementById('autoUnlockPassword').value = '' + this.autoHelperMessage = this.renderAutoHelperPass() + } else { + this.shadowRoot.getElementById('autoUnlockPassword').value = '' + this.autoHelperMessage = this.renderAutoHelperErr() + await errDelay(3000) + this.autoHelperMessage = this.renderAutoHelperPass() + + } + } + + renderAutoHelperPass() { + return html`${translate("login.pleaseenter")}` + } + + renderAutoHelperErr() { + return html`${translate("login.lp8")}` + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + this.theme = (checkTheme === 'dark') ? 'dark' : 'light' + document.querySelector('html').setAttribute('theme', this.theme); + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + renderFetchText() { + return html`${translate("walletpage.wchange1")}` + } + + renderWarning() { + return html`${translate("tradepage.tchange48")} ${this.listedCoins.get(this.selectedCoin).coinCode}` + } + + renderBotWarning() { + return html`${translate("walletpage.wchange1")}` + } + + showAutoBuyGrid() { + switch (this.listedCoins.get(this.selectedCoin).coinCode) { + case "BTC": + return html`${this.tradeBotBTCTemplate()}` + break + case "LTC": + return html`${this.tradeBotLTCTemplate()}` + break + case "DOGE": + return html`${this.tradeBotDOGETemplate()}` + break + case "DGB": + return html`${this.tradeBotDGBTemplate()}` + break + case "RVN": + return html`${this.tradeBotRVNTemplate()}` + break + case "ARRR": + return html`${this.tradeBotARRRTemplate()}` + break + default: + break + } + } + + exchangeRateQort() { + switch (this.listedCoins.get(this.selectedCoin).coinCode) { + case "BTC": + this.qortRatio = this.qortbtc + break + case "LTC": + this.qortRatio = this.qortltc + break + case "DOGE": + this.qortRatio = this.qortdoge + break + case "DGB": + this.qortRatio = this.qortdgb + break + case "RVN": + this.qortRatio = this.qortrvn + break + case "ARRR": + this.qortRatio = this.qortarrr + break + default: + break + } + return html`${this.qortRatio}` + } + + exchangeRateForeign() { + if (this.listedCoins.get(this.selectedCoin).coinCode === "BTC") { + parentEpml.request('apiCall', { + url: `/crosschain/price/BITCOIN?inverse=false` + }).then((res) => { + this.btcqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.btcqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "LTC") { + parentEpml.request('apiCall', { + url: `/crosschain/price/LITECOIN?inverse=false` + }).then((res) => { + this.ltcqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.ltcqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DOGE") { + parentEpml.request('apiCall', { + url: `/crosschain/price/DOGECOIN?inverse=false` + }).then((res) => { + this.dogeqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.dogeqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DGB") { + parentEpml.request('apiCall', { + url: `/crosschain/price/DIGIBYTE?inverse=false` + }).then((res) => { + this.dgbqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.dgbqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "RVN") { + parentEpml.request('apiCall', { + url: `/crosschain/price/RAVENCOIN?inverse=false` + }).then((res) => { + this.rvnqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.rvnqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "ARRR") { + parentEpml.request('apiCall', { + url: `/crosschain/price/PIRATECHAIN?inverse=false` + }).then((res) => { + this.arrrqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.arrrqort}` + } + } + + async updateWalletBalance() { + let _url = `` + let _body = null + + switch (this.selectedCoin) { + case 'BITCOIN': + _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey + break + case 'LITECOIN': + _url = `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey + break + case 'DOGECOIN': + _url = `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey + break + case 'DIGIBYTE': + _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey + break + case 'RAVENCOIN': + _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey + break + case 'PIRATECHAIN': + _url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58 + break + default: + break + } + + this.showGetWalletBance = true + this.showAddAutoBuy = false + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.listedCoins.get(this.selectedCoin).balance = (Number(res) / 1e8).toFixed(8) + } + }) + + this.showGetWalletBance = false + this.showAddAutoBuy = true + } + + async fetchWalletAddress(coin) { + switch (coin) { + case 'PIRATECHAIN': + let res = await parentEpml.request('apiCall', { + url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58}` + }) + if (res != null && res.error != 1201) { + this.arrrWalletAddress = res + } + break + + default: + // Not used for other coins yet + break + } + } + + async getDoneTrades() { + let tradesUrl = `` + clearTimeout(this.updateDoneTradesTimeout) + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const myAddress = window.parent.reduxStore.getState().app.selectedAddress.address + + switch (this.selectedCoin) { + case 'BITCOIN': + tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=BITCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + break + case 'LITECOIN': + tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=LITECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + break + case 'DOGECOIN': + tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DOGECOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + break + case 'DIGIBYTE': + tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=DIGIBYTE&minimumTimestamp=1597310000000&limit=0&reverse=true` + break + case 'RAVENCOIN': + tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=RAVENCOIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + break + case 'PIRATECHAIN': + tradesUrl = `${nodeUrl}/crosschain/trades?foreignBlockchain=PIRATECHAIN&minimumTimestamp=1597310000000&limit=0&reverse=true` + break + default: + break + } + + this.isLoadingDoneTrades = true + + const doneTradesAll = await fetch(tradesUrl).then(response => { + return response.json() + }) + + this.listedCoins.get(this.selectedCoin).myGridBoughtItems = doneTradesAll.map(item => { + const searchAddress = item.buyerReceivingAddress + if (searchAddress == myAddress) { + return { + timestamp: item.tradeTimestamp, + foreignAmount: item.foreignAmount, + qortAmount: item.qortAmount + } + } + }).filter(item => !!item) + + this.isLoadingDoneTrades = false + this.updateDoneTradesTimeout = setTimeout(() => this.getDoneTrades(), 300000) + } + + btcTradebook() { + if (localStorage.getItem(this.btcWallet) === null) { + localStorage.setItem(this.btcWallet, "") + } else { + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") + } + } + + addToBTCTradebook() { + const addBotBtcQortAmount = this.shadowRoot.getElementById('autoBuyBTCQortAmountInput').value + const addBotBtcPrice = this.shadowRoot.getElementById('autoBuyBTCPriceInput').value + const addBtcQortAmount = this.round(parseFloat(addBotBtcQortAmount)) + const addBtcPrice = this.round(parseFloat(addBotBtcPrice)) + + var oldBtcTradebook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") + + const newBtcTradebookItem = { + botBtcQortAmount: addBtcQortAmount, + botBtcPrice: addBtcPrice + } + + oldBtcTradebook.push(newBtcTradebookItem) + + localStorage.setItem(this.btcWallet, JSON.stringify(oldBtcTradebook)) + + let btctradebookstring = get("tradepage.tchange44") + parentEpml.request('showSnackBar', `${btctradebookstring}`) + + this.closeBTCTradebookDialog() + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") + } + + closeBTCTradebookDialog() { + this.shadowRoot.querySelector('#tradeBotBTCAddDialog').close() + this.clearTradeBotForm() + } + + removeBTCTradebook() { + localStorage.removeItem(this.btcWallet) + localStorage.setItem(this.btcWallet, "") + this.tradeBotBtcBook = JSON.parse(localStorage.getItem(this.btcWallet) || "[]") + + this.autoBuyBotDisable = false + + let btcstring = get("tradepage.tchange41") + parentEpml.request('showSnackBar', `${btcstring}`) + } + + ltcTradebook() { + if (localStorage.getItem(this.ltcWallet) === null) { + localStorage.setItem(this.ltcWallet, "") + } else { + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") + } + } + + addToLTCTradebook() { + const addBotLtcQortAmount = this.shadowRoot.getElementById('autoBuyLTCQortAmountInput').value + const addBotLtcPrice = this.shadowRoot.getElementById('autoBuyLTCPriceInput').value + const addLtcQortAmount = this.round(parseFloat(addBotLtcQortAmount)) + const addLtcPrice = this.round(parseFloat(addBotLtcPrice)) + + var oldLtcTradebook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") + + const newLtcTradebookItem = { + botLtcQortAmount: addLtcQortAmount, + botLtcPrice: addLtcPrice + } + + oldLtcTradebook.push(newLtcTradebookItem) + + localStorage.setItem(this.ltcWallet, JSON.stringify(oldLtcTradebook)) + + let ltctradebookstring = get("tradepage.tchange44") + parentEpml.request('showSnackBar', `${ltctradebookstring}`) + + this.closeLTCTradebookDialog() + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") + } + + closeLTCTradebookDialog() { + this.shadowRoot.querySelector('#tradeBotLTCAddDialog').close() + this.clearTradeBotForm() + } + + removeLTCTradebook() { + localStorage.removeItem(this.ltcWallet) + localStorage.setItem(this.ltcWallet, "") + this.tradeBotLtcBook = JSON.parse(localStorage.getItem(this.ltcWallet) || "[]") + + this.autoBuyBotDisable = false - let ltcstring = get("tradepage.tchange41") - parentEpml.request('showSnackBar', `${ltcstring}`) - } + let ltcstring = get("tradepage.tchange41") + parentEpml.request('showSnackBar', `${ltcstring}`) + } - dogeTradebook() { - if (localStorage.getItem(this.dogeWallet) === null) { - localStorage.setItem(this.dogeWallet, "") - } else { - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") - } - } - - addToDOGETradebook() { - const addBotDogeQortAmount = this.shadowRoot.getElementById('autoBuyDOGEQortAmountInput').value - const addBotDogePrice = this.shadowRoot.getElementById('autoBuyDOGEPriceInput').value - const addDogeQortAmount = this.round(parseFloat(addBotDogeQortAmount)) - const addDogePrice = this.round(parseFloat(addBotDogePrice)) + dogeTradebook() { + if (localStorage.getItem(this.dogeWallet) === null) { + localStorage.setItem(this.dogeWallet, "") + } else { + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") + } + } + + addToDOGETradebook() { + const addBotDogeQortAmount = this.shadowRoot.getElementById('autoBuyDOGEQortAmountInput').value + const addBotDogePrice = this.shadowRoot.getElementById('autoBuyDOGEPriceInput').value + const addDogeQortAmount = this.round(parseFloat(addBotDogeQortAmount)) + const addDogePrice = this.round(parseFloat(addBotDogePrice)) - var oldDogeTradebook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") + var oldDogeTradebook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") - const newDogeTradebookItem = { - botDogeQortAmount: addDogeQortAmount, - botDogePrice: addDogePrice - } + const newDogeTradebookItem = { + botDogeQortAmount: addDogeQortAmount, + botDogePrice: addDogePrice + } - oldDogeTradebook.push(newDogeTradebookItem) + oldDogeTradebook.push(newDogeTradebookItem) - localStorage.setItem(this.dogeWallet, JSON.stringify(oldDogeTradebook)) + localStorage.setItem(this.dogeWallet, JSON.stringify(oldDogeTradebook)) - let dogetradebookstring = get("tradepage.tchange44") - parentEpml.request('showSnackBar', `${dogetradebookstring}`) + let dogetradebookstring = get("tradepage.tchange44") + parentEpml.request('showSnackBar', `${dogetradebookstring}`) - this.closeDOGETradebookDialog() - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") - } + this.closeDOGETradebookDialog() + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") + } - closeDOGETradebookDialog() { - this.shadowRoot.querySelector('#tradeBotDOGEAddDialog').close() - this.clearTradeBotForm() - } - - removeDOGETradebook() { - localStorage.removeItem(this.dogeWallet) - localStorage.setItem(this.dogeWallet, "") - this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") + closeDOGETradebookDialog() { + this.shadowRoot.querySelector('#tradeBotDOGEAddDialog').close() + this.clearTradeBotForm() + } + + removeDOGETradebook() { + localStorage.removeItem(this.dogeWallet) + localStorage.setItem(this.dogeWallet, "") + this.tradeBotDogeBook = JSON.parse(localStorage.getItem(this.dogeWallet) || "[]") - this.autoBuyBotDisable = false + this.autoBuyBotDisable = false - let dogestring = get("tradepage.tchange41") - parentEpml.request('showSnackBar', `${dogestring}`) - } + let dogestring = get("tradepage.tchange41") + parentEpml.request('showSnackBar', `${dogestring}`) + } - dgbTradebook() { - if (localStorage.getItem(this.dgbWallet) === null) { - localStorage.setItem(this.dgbWallet, "") - } else { - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") - } - } - - addToDGBTradebook() { - const addBotDgbQortAmount = this.shadowRoot.getElementById('autoBuyDGBQortAmountInput').value - const addBotDgbPrice = this.shadowRoot.getElementById('autoBuyDGBPriceInput').value - const addDgbQortAmount = this.round(parseFloat(addBotDgbQortAmount)) - const addDgbPrice = this.round(parseFloat(addBotDgbPrice)) + dgbTradebook() { + if (localStorage.getItem(this.dgbWallet) === null) { + localStorage.setItem(this.dgbWallet, "") + } else { + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") + } + } + + addToDGBTradebook() { + const addBotDgbQortAmount = this.shadowRoot.getElementById('autoBuyDGBQortAmountInput').value + const addBotDgbPrice = this.shadowRoot.getElementById('autoBuyDGBPriceInput').value + const addDgbQortAmount = this.round(parseFloat(addBotDgbQortAmount)) + const addDgbPrice = this.round(parseFloat(addBotDgbPrice)) - var oldDgbTradebook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") + var oldDgbTradebook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") - const newDgbTradebookItem = { - botDgbQortAmount: addDgbQortAmount, - botDgbPrice: addDgbPrice - } + const newDgbTradebookItem = { + botDgbQortAmount: addDgbQortAmount, + botDgbPrice: addDgbPrice + } - oldDgbTradebook.push(newDgbTradebookItem) + oldDgbTradebook.push(newDgbTradebookItem) - localStorage.setItem(this.dgbWallet, JSON.stringify(oldDgbTradebook)) + localStorage.setItem(this.dgbWallet, JSON.stringify(oldDgbTradebook)) - let dgbtradebookstring = get("tradepage.tchange44") - parentEpml.request('showSnackBar', `${dgbtradebookstring}`) + let dgbtradebookstring = get("tradepage.tchange44") + parentEpml.request('showSnackBar', `${dgbtradebookstring}`) - this.closeDGBTradebookDialog() - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") - } + this.closeDGBTradebookDialog() + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") + } - closeDGBTradebookDialog() { - this.shadowRoot.querySelector('#tradeBotDGBAddDialog').close() - this.clearTradeBotForm() - } - - removeDGBTradebook() { - localStorage.removeItem(this.dgbWallet) - localStorage.setItem(this.dgbWallet, "") - this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") + closeDGBTradebookDialog() { + this.shadowRoot.querySelector('#tradeBotDGBAddDialog').close() + this.clearTradeBotForm() + } + + removeDGBTradebook() { + localStorage.removeItem(this.dgbWallet) + localStorage.setItem(this.dgbWallet, "") + this.tradeBotDgbBook = JSON.parse(localStorage.getItem(this.dgbWallet) || "[]") - this.autoBuyBotDisable = false + this.autoBuyBotDisable = false - let dgbstring = get("tradepage.tchange41") - parentEpml.request('showSnackBar', `${dgbstring}`) - } + let dgbstring = get("tradepage.tchange41") + parentEpml.request('showSnackBar', `${dgbstring}`) + } - rvnTradebook() { - if (localStorage.getItem(this.rvnWallet) === null) { - localStorage.setItem(this.rvnWallet, "") - } else { - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") - } - } + rvnTradebook() { + if (localStorage.getItem(this.rvnWallet) === null) { + localStorage.setItem(this.rvnWallet, "") + } else { + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") + } + } - addToRVNTradebook() { - const addBotRvnQortAmount = this.shadowRoot.getElementById('autoBuyRVNQortAmountInput').value - const addBotRvnPrice = this.shadowRoot.getElementById('autoBuyRVNPriceInput').value - const addRvnQortAmount = this.round(parseFloat(addBotRvnQortAmount)) - const addRvnPrice = this.round(parseFloat(addBotRvnPrice)) - - var oldRvnTradebook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") + addToRVNTradebook() { + const addBotRvnQortAmount = this.shadowRoot.getElementById('autoBuyRVNQortAmountInput').value + const addBotRvnPrice = this.shadowRoot.getElementById('autoBuyRVNPriceInput').value + const addRvnQortAmount = this.round(parseFloat(addBotRvnQortAmount)) + const addRvnPrice = this.round(parseFloat(addBotRvnPrice)) + + var oldRvnTradebook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") - const newRvnTradebookItem = { - botRvnQortAmount: addRvnQortAmount, - botRvnPrice: addRvnPrice - } - - oldRvnTradebook.push(newRvnTradebookItem) - - localStorage.setItem(this.rvnWallet, JSON.stringify(oldRvnTradebook)) - - let rvntradebookstring = get("tradepage.tchange44") - parentEpml.request('showSnackBar', `${rvntradebookstring}`) - - this.closeRVNTradebookDialog() - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") - } - - closeRVNTradebookDialog() { - this.shadowRoot.querySelector('#tradeBotRVNAddDialog').close() - this.clearTradeBotForm() - } - - removeRVNTradebook() { - localStorage.removeItem(this.rvnWallet) - localStorage.setItem(this.rvnWallet, "") - this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") - - this.autoBuyBotDisable = false - - let rvnstring = get("tradepage.tchange41") - parentEpml.request('showSnackBar', `${rvnstring}`) - } - - arrrTradebook() { - if (localStorage.getItem(this.arrrWallet) === null) { - localStorage.setItem(this.arrrWallet, "") - } else { - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") - } - } - - addToARRRTradebook() { - const addBotArrrQortAmount = this.shadowRoot.getElementById('autoBuyARRRQortAmountInput').value - const addBotArrrPrice = this.shadowRoot.getElementById('autoBuyARRRPriceInput').value - const addArrrQortAmount = this.round(parseFloat(addBotArrrQortAmount)) - const addArrrPrice = this.round(parseFloat(addBotArrrPrice)) - - var oldArrrTradebook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") - - const newArrrTradebookItem = { - botArrrQortAmount: addArrrQortAmount, - botArrrPrice: addArrrPrice - } - - oldArrrTradebook.push(newArrrTradebookItem) - - localStorage.setItem(this.arrrWallet, JSON.stringify(oldArrrTradebook)) - - let arrrtradebookstring = get("tradepage.tchange44") - parentEpml.request('showSnackBar', `${arrrtradebookstring}`) - - this.closeARRRTradebookDialog() - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") - } - - closeARRRTradebookDialog() { - this.shadowRoot.querySelector('#tradeBotARRRAddDialog').close() - this.clearTradeBotForm() - } - - removeARRRTradebook() { - localStorage.removeItem(this.arrrWallet) - localStorage.setItem(this.arrrWallet, "") - this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") - - this.autoBuyBotDisable = false - - let arrrstring = get("tradepage.tchange41") - parentEpml.request('showSnackBar', `${arrrstring}`) - } - - async setForeignCoin(coin,beingInitialized) { - let _this = this - this.selectedCoin = coin - - let coinSelectionMenu=this.shadowRoot.getElementById("coinSelectionMenu") - - if(beingInitialized){ - coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').setAttribute('style', 'padding-left: 60px;') - let pairIconContainer = document.createElement("span") - let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() - pairIconContainer.setAttribute("class","pairIconContainer") - pairIconContainer.setAttribute('style', 'left: 10px;top: 50%;transform: translate(0, -50%);height: 26px;width: 45px;position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(/img/qort'+pairicon+'.png);') - coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').appendChild(pairIconContainer) - }else{ - let pairIconContainer = coinSelectionMenu.shadowRoot.querySelector(".mdc-select--outlined .mdc-select__anchor span.pairIconContainer") - let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() - pairIconContainer.style.backgroundImage='url(/img/qort'+pairicon+'.png)' - } - - this.isLoadingOpenTrades = true - this.createConnection() - this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { - const priceString2 = get("tradepage.tchange9") - root.innerHTML = '' + priceString2 + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' - } - this.clearTradeBotForm() - clearTimeout(this.updateDoneTradesTimeout) - await this.getDoneTrades() - this.updateDoneTradesTimeout = setTimeout(() => this.getDoneTrades(), 180000) - await this.updateWalletBalance() - await this.fetchWalletAddress(coin) - - } - - async reRenderOpenFilteredOrders() { - this.requestUpdate() - await this.updateComplete - this.isLoadingOpenTrades = false - } - - async reRenderMyOpenOrders() { - this.requestUpdate() - await this.updateComplete - this.isLoadingMyOpenOrders = false - } - - addAutoBuyAction() { - this.autoBuyWarning = false - this.clearTradeBotForm() - this.shadowRoot.querySelector('#tradeBot' + this.listedCoins.get(this.selectedCoin).coinCode + 'AddDialog').show() - } - - checkTradeBotValues() { - const checkTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const checkTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const checkTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkAmount = this.round(parseFloat(checkTradeBotAmountInput)) - const checkPrice = this.round(parseFloat(checkTradeBotPriceInput)) - const checkTotal = this.round(parseFloat(checkTradeBotTotalInput)) - - if (Number(checkAmount) === 0) { - let amountString = get("tradepage.tchange34") - parentEpml.request('showSnackBar', `${amountString}`) - } else if (Number(checkPrice) === 0) { - let priceString = get("tradepage.tchange35") - parentEpml.request('showSnackBar', `${priceString}`) - } else if (Number(checkTotal) === 0) { - let totalString = get("tradepage.tchange35") - parentEpml.request('showSnackBar', `${totalString}`) - } else { - this.showAddToAutoBuyStore() - } - } - - showAddToAutoBuyStore() { - switch(this.listedCoins.get(this.selectedCoin).coinCode) { - case "BTC": - this.addToBTCTradebook() - break - case "LTC": - this.addToLTCTradebook() - break - case "DOGE": - this.addToDOGETradebook() - break - case "DGB": - this.addToDGBTradebook() - break - case "RVN": - this.addToRVNTradebook() - break - case "ARRR": - this.addToARRRTradebook() - break - default: - break - } - } - - processOfferingTrade(offer) { - try { - if(this.listedCoins.get(offer.foreignBlockchain).name!='') { - const offerItem = { - ...offer, - qortAmount: parseFloat(offer.qortAmount), - price: parseFloat(offer.foreignAmount) / parseFloat(offer.qortAmount), - } - const addOffer = () => { - this.listedCoins.get(offer.foreignBlockchain).openOrders.unshift(offerItem) - } - const initOffer = () => { - this.listedCoins.get(offer.foreignBlockchain).openOrders.push(offerItem) - } - this.listedCoins.get(offer.foreignBlockchain).openOrders.length === 0 ? initOffer() : addOffer() - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null - } - } catch(e) { - console.log("Error adding offer from "+offer.foreignBlockchain) - } - } - - processRedeemedTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - const offerItem = { - ...offer, - mode: 'SOLD', - } - this._myHistoricTradesGrid.items.unshift(offerItem) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } else if (offer.partnerQortalReceivingAddress === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - const offerItem = { - ...offer, - mode: 'BOUGHT', - } - this._myHistoricTradesGrid.items.unshift(offerItem) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } - const addNewHistoricTrade = () => { - this._historicTradesGrid.items.unshift(offer) - this._historicTradesGrid.clearCache() - } - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? addNewHistoricTrade() : null - - } - } catch(e) { - console.log("Error processing redeemed trade offer from "+offer.foreignBlockchain) - } - } - - processTradingTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address && this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - this._openOrdersGrid.items.forEach((item, index) => { - if (item.qortalAtAddress === offer.qortalAtAddress) { - this._openOrdersGrid.items.splice(index, 1) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null - } - }) - this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) - } - } catch(e) { - console.log("Error processing trading trade offer from "+offer.foreignBlockchain) - } - } - - processRefundedTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - this._myHistoricTradesGrid.items.unshift(offer) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } - - } - } catch(e) { - console.log("Error processing refunded trade offer from "+offer.foreignBlockchain) - } - } - - processCancelledTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - this._myHistoricTradesGrid.items.unshift(offer) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } - this._openOrdersGrid.items.forEach((item, index) => { - if (item.qortalAtAddress === offer.qortalAtAddress) { - this._openOrdersGrid.items.splice(index, 1) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null - } - }) - this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) - this._stuckOrdersGrid.items.forEach((item, index) => { - if (item.qortalAtAddress === offer.qortalAtAddress) { - this._stuckOrdersGrid.items.splice(index, 1) - this._stuckOrdersGrid.clearCache() - } - }) - } - } catch(e) { - console.log("Error processing cancelled trade offer from "+offer.foreignBlockchain) - } - } - - processTradeOffers(offers) { - offers.forEach((offer) => { - if (offer.mode === 'OFFERING') { - this.processOfferingTrade(offer) - } - }) - } - - processTradeBotStates(tradeStates) { - - const BitcoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - const LitecoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - const DogecoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - const DigibyteACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - const RavencoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - const PirateChainACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - switch (this.selectedCoin) { - case 'BITCOIN': - BitcoinACCTv1(tradeStates) - break - case 'LITECOIN': - LitecoinACCTv1(tradeStates) - break - case 'DOGECOIN': - DogecoinACCTv1(tradeStates) - break - case 'DIGIBYTE': - DigibyteACCTv1(tradeStates) - break - case 'RAVENCOIN': - RavencoinACCTv1(tradeStates) - break - case 'PIRATECHAIN': - PirateChainACCTv1(tradeStates) - break - default: - break - } - } - - changeTradeBotState(state, tradeState) { - this.isLoadingMyOpenOrders = true - const stateItem = { - ...state, - _tradeState: tradeState, - } - const item = this._myOrdersGrid.querySelector(`#${state.atAddress}`) - const addStateItem = () => { - this.reRenderMyOpenOrders() - this._myOrdersGrid.items.unshift(stateItem) - this._myOrdersGrid.clearCache() - } - const updateStateItem = () => { - this._myOrdersGrid.items.forEach((item, index) => { - if (item.atAddress === state.atAddress) { - this.reRenderMyOpenOrders() - this._myOrdersGrid.items.splice(index, 1) - this._myOrdersGrid.items.unshift(stateItem) - this._myOrdersGrid.clearCache() - } - }) - } - item ? updateStateItem() : addStateItem() - } - - handleCompletedState(state) { - this._myOrdersGrid.items.forEach((item, index) => { - if (item.atAddress === state.atAddress) { - this.reRenderMyOpenOrders() - this._myOrdersGrid.items.splice(index, 1) - this._myOrdersGrid.clearCache() - } - }) - } - - initSocket() { - let _relatedCoin = "" - let tradePresenceTxns = null - let offeringTrades = null - - self.addEventListener('message', function (event) { - switch (event.data.type) { - case 'open_orders': - offeringTrades = event.data.content - processOffersWithPresence() - break - case 'set_coin': - _relatedCoin = event.data.content - break - default: - break - } - }) - - const lessThanThirtyMinsAgo = (timestamp) => { - const THIRTYMINS = 1000 * 60 * 30 - const thirtyMinsAgo = Date.now() - THIRTYMINS - return timestamp > thirtyMinsAgo - } - - const filterOffersUsingTradePresence = (offeringTrade) => { - return offeringTrade.tradePresenceExpiry > Date.now(); - } - - const processOffersWithPresence = () => { - if (offeringTrades === null) return - - async function asyncForEach(array, callback) { - for (let index = 0; index < array.length; index++) { - await callback(array[index], index, array) - } - } - - const startOfferPresenceMapping = async () => { - - if (tradePresenceTxns !== null) { - await asyncForEach(tradePresenceTxns, async (tradePresence) => { - let offerIndex = offeringTrades.findIndex((offeringTrade) => offeringTrade.qortalCreatorTradeAddress === tradePresence.tradeAddress) - offerIndex !== -1 ? (offeringTrades[offerIndex].tradePresenceExpiry = tradePresence.timestamp) : null - }) - } - - let filteredOffers = offeringTrades.filter((offeringTrade) => filterOffersUsingTradePresence(offeringTrade)) - self.postMessage({ type: 'PRESENCE', data: { offers: offeringTrades, filteredOffers: filteredOffers, relatedCoin: _relatedCoin } }) - } - - startOfferPresenceMapping() - } - - const initTradeOffersWebSocket = (restarted = false) => { - let tradeOffersSocketCounter = 0 - let socketTimeout - let socketLink = `ws://NODEURL/websockets/crosschain/tradeoffers?foreignBlockchain=FOREIGN_BLOCKCHAIN&includeHistoric=true` - const socket = new WebSocket(socketLink) - socket.onopen = () => { - setTimeout(pingSocket, 50) - tradeOffersSocketCounter += 1 - } - socket.onmessage = (e) => { - e.relatedCoin = _relatedCoin - self.postMessage({ - type: 'TRADE_OFFERS', - data: e.data, - counter: tradeOffersSocketCounter, - isRestarted: restarted, - }) - tradeOffersSocketCounter += 1 - restarted = false - } - socket.onclose = () => { - clearTimeout(socketTimeout) - restartTradeOffersWebSocket() - } - socket.onerror = (e) => { - clearTimeout(socketTimeout) - } - const pingSocket = () => { - socket.send('ping') - socketTimeout = setTimeout(pingSocket, 295000) - } - } - - const initTradeBotWebSocket = (restarted = false) => { - let socketTimeout - let socketLink = `ws://NODEURL/websockets/crosschain/tradebot?foreignBlockchain=FOREIGN_BLOCKCHAIN` - const socket = new WebSocket(socketLink) - socket.onopen = () => { - setTimeout(pingSocket, 50) - } - socket.onmessage = (e) => { - e.relatedCoin = _relatedCoin - self.postMessage({ - type: 'TRADE_BOT', - data: e.data, - isRestarted: restarted, - }) - restarted = false - } - socket.onclose = () => { - clearTimeout(socketTimeout) - restartTradeBotWebSocket() - } - socket.onerror = (e) => { - clearTimeout(socketTimeout) - } - const pingSocket = () => { - socket.send('ping') - socketTimeout = setTimeout(pingSocket, 295000) - } - } - - const initTradePresenceWebSocket = (restarted = false) => { - let socketTimeout - let socketLink = `ws://NODEURL/websockets/crosschain/tradepresence` - const socket = new WebSocket(socketLink) - socket.onopen = () => { - setTimeout(pingSocket, 50) - } - socket.onmessage = (e) => { - tradePresenceTxns = JSON.parse(e.data) - processOffersWithPresence() - restarted = false - } - socket.onclose = () => { - clearTimeout(socketTimeout) - restartTradePresenceWebSocket() - } - socket.onerror = (e) => { - clearTimeout(socketTimeout) - } - const pingSocket = () => { - socket.send('ping') - socketTimeout = setTimeout(pingSocket, 295000) - } - } - - const restartTradePresenceWebSocket = () => { - setTimeout(() => initTradePresenceWebSocket(true), 50) - } - - const restartTradeOffersWebSocket = () => { - setTimeout(() => initTradeOffersWebSocket(true), 50) - } - - const restartTradeBotWebSocket = () => { - setTimeout(() => initTradeBotWebSocket(true), 50) - } - - initTradeOffersWebSocket() - initTradePresenceWebSocket() - initTradeBotWebSocket() - } - - updateAccountBalance() { - clearTimeout(this.updateAccountBalanceTimeout) - parentEpml.request('apiCall', { - url: `/addresses/balance/${this.selectedAddress.address}?apiKey=${this.getApiKey()}`, - }) - .then((res) => { - this.listedCoins.get("QORTAL").balance = res - this.updateAccountBalanceTimeout = setTimeout(() => this.updateAccountBalance(), 10000) - }) - } - - _checkBuyAmount(e) { - const targetAmount = e.target.value - const target = e.target - - if (targetAmount.length === 0) { - this.isValidAmount = false - this.sellBtnDisable = true - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - this.buyBtnDisable = false - } - - e.target.blur() - e.target.focus() - - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.buyBtnDisable = true - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.buyBtnDisable = true - } else { - this.buyBtnDisable = false - return { - valid: true, - } - } - } - } else { - this.buyBtnDisable = false - } - } - } - - checkTradeBotAmount(e) { - const targetAmount = e.target.value - const target = e.target - this.autoBuyWarning = false - - if (targetAmount.length === 0) { - this.isValidAmount = false - this.autoBuyBtnDisable = true - this.autoBuyWarning = false - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myFunds) > Number(checkFunds)) { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = false - this.autoBuyWarning = false - } else { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = true - this.autoBuyWarning = true - } - } - - e.target.blur() - e.target.focus() - - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.autoBuyBtnDisable = true - this.autoBuyWarning = false - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.autoBuyBtnDisable = true - this.autoBuyWarning = false - } else { - const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myFunds) > Number(checkFunds)) { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = false - this.autoBuyWarning = false - } else { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = true - this.autoBuyWarning = true - } - return { - valid: true, - } - } - } - } else { - const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myFunds) > Number(checkFunds)) { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = false - this.autoBuyWarning = false - } else { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = true - this.autoBuyWarning = true - } - } - } - } - - checkTradeBotTotalAmount(e) { - const targetAmount = e.target.value - const target = e.target - this.autoBuyWarning = false - - if (targetAmount.length === 0) { - this.isValidAmount = false - this.autoBuyBtnDisable = true - this.autoBuyWarning = false - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myFunds) > Number(checkFunds)) { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = false - this.autoBuyWarning = false - } else { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = true - this.autoBuyWarning = true - } - } - - e.target.blur() - e.target.focus() - - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.autoBuyBtnDisable = true - this.autoBuyWarning = false - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.autoBuyBtnDisable = true - this.autoBuyWarning = false - } else { - const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myFunds) > Number(checkFunds)) { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = false - this.autoBuyWarning = false - } else { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = true - this.autoBuyWarning = true - } - return { - valid: true, - } - } - } - } else { - const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value - const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value - const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value - const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) - const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(myFunds) > Number(checkFunds)) { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = false - this.autoBuyWarning = false - } else { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) - this.autoBuyBtnDisable = true - this.autoBuyWarning = true - } - } - } - } - - async tradeFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=DEPLOY_AT` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.listedCoins.get("QORTAL").tradeFee = (Number(json) + 100000) / 1e8 - }) - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const newRvnTradebookItem = { + botRvnQortAmount: addRvnQortAmount, + botRvnPrice: addRvnPrice + } + + oldRvnTradebook.push(newRvnTradebookItem) + + localStorage.setItem(this.rvnWallet, JSON.stringify(oldRvnTradebook)) + + let rvntradebookstring = get("tradepage.tchange44") + parentEpml.request('showSnackBar', `${rvntradebookstring}`) + + this.closeRVNTradebookDialog() + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") + } + + closeRVNTradebookDialog() { + this.shadowRoot.querySelector('#tradeBotRVNAddDialog').close() + this.clearTradeBotForm() + } + + removeRVNTradebook() { + localStorage.removeItem(this.rvnWallet) + localStorage.setItem(this.rvnWallet, "") + this.tradeBotRvnBook = JSON.parse(localStorage.getItem(this.rvnWallet) || "[]") + + this.autoBuyBotDisable = false + + let rvnstring = get("tradepage.tchange41") + parentEpml.request('showSnackBar', `${rvnstring}`) + } + + arrrTradebook() { + if (localStorage.getItem(this.arrrWallet) === null) { + localStorage.setItem(this.arrrWallet, "") + } else { + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") + } + } + + addToARRRTradebook() { + const addBotArrrQortAmount = this.shadowRoot.getElementById('autoBuyARRRQortAmountInput').value + const addBotArrrPrice = this.shadowRoot.getElementById('autoBuyARRRPriceInput').value + const addArrrQortAmount = this.round(parseFloat(addBotArrrQortAmount)) + const addArrrPrice = this.round(parseFloat(addBotArrrPrice)) + + var oldArrrTradebook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") + + const newArrrTradebookItem = { + botArrrQortAmount: addArrrQortAmount, + botArrrPrice: addArrrPrice + } + + oldArrrTradebook.push(newArrrTradebookItem) + + localStorage.setItem(this.arrrWallet, JSON.stringify(oldArrrTradebook)) + + let arrrtradebookstring = get("tradepage.tchange44") + parentEpml.request('showSnackBar', `${arrrtradebookstring}`) + + this.closeARRRTradebookDialog() + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") + } + + closeARRRTradebookDialog() { + this.shadowRoot.querySelector('#tradeBotARRRAddDialog').close() + this.clearTradeBotForm() + } + + removeARRRTradebook() { + localStorage.removeItem(this.arrrWallet) + localStorage.setItem(this.arrrWallet, "") + this.tradeBotArrrBook = JSON.parse(localStorage.getItem(this.arrrWallet) || "[]") + + this.autoBuyBotDisable = false + + let arrrstring = get("tradepage.tchange41") + parentEpml.request('showSnackBar', `${arrrstring}`) + } + + async setForeignCoin(coin, beingInitialized) { + let _this = this + this.selectedCoin = coin + + let coinSelectionMenu = this.shadowRoot.getElementById("coinSelectionMenu") + + if (beingInitialized) { + coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').setAttribute('style', 'padding-left: 60px;') + let pairIconContainer = document.createElement("span") + let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() + pairIconContainer.setAttribute("class", "pairIconContainer") + pairIconContainer.setAttribute('style', 'left: 10px;top: 50%;transform: translate(0, -50%);height: 26px;width: 45px;position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(/img/qort' + pairicon + '.png);') + coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').appendChild(pairIconContainer) + } else { + let pairIconContainer = coinSelectionMenu.shadowRoot.querySelector(".mdc-select--outlined .mdc-select__anchor span.pairIconContainer") + let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() + pairIconContainer.style.backgroundImage = 'url(/img/qort' + pairicon + '.png)' + } + + this.isLoadingOpenTrades = true + this.createConnection() + this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { + const priceString2 = get("tradepage.tchange9") + root.innerHTML = '' + priceString2 + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' + } + this.clearTradeBotForm() + clearTimeout(this.updateDoneTradesTimeout) + await this.getDoneTrades() + this.updateDoneTradesTimeout = setTimeout(() => this.getDoneTrades(), 180000) + await this.updateWalletBalance() + await this.fetchWalletAddress(coin) + + } + + async reRenderOpenFilteredOrders() { + this.requestUpdate() + await this.updateComplete + this.isLoadingOpenTrades = false + } + + async reRenderMyOpenOrders() { + this.requestUpdate() + await this.updateComplete + this.isLoadingMyOpenOrders = false + } + + addAutoBuyAction() { + this.autoBuyWarning = false + this.clearTradeBotForm() + this.shadowRoot.querySelector('#tradeBot' + this.listedCoins.get(this.selectedCoin).coinCode + 'AddDialog').show() + } + + checkTradeBotValues() { + const checkTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const checkTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const checkTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkAmount = this.round(parseFloat(checkTradeBotAmountInput)) + const checkPrice = this.round(parseFloat(checkTradeBotPriceInput)) + const checkTotal = this.round(parseFloat(checkTradeBotTotalInput)) + + if (Number(checkAmount) === 0) { + let amountString = get("tradepage.tchange34") + parentEpml.request('showSnackBar', `${amountString}`) + } else if (Number(checkPrice) === 0) { + let priceString = get("tradepage.tchange35") + parentEpml.request('showSnackBar', `${priceString}`) + } else if (Number(checkTotal) === 0) { + let totalString = get("tradepage.tchange35") + parentEpml.request('showSnackBar', `${totalString}`) + } else { + this.showAddToAutoBuyStore() + } + } + + showAddToAutoBuyStore() { + switch (this.listedCoins.get(this.selectedCoin).coinCode) { + case "BTC": + this.addToBTCTradebook() + break + case "LTC": + this.addToLTCTradebook() + break + case "DOGE": + this.addToDOGETradebook() + break + case "DGB": + this.addToDGBTradebook() + break + case "RVN": + this.addToRVNTradebook() + break + case "ARRR": + this.addToARRRTradebook() + break + default: + break + } + } + + processOfferingTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + const offerItem = { + ...offer, + qortAmount: parseFloat(offer.qortAmount), + price: parseFloat(offer.foreignAmount) / parseFloat(offer.qortAmount), + } + const addOffer = () => { + this.listedCoins.get(offer.foreignBlockchain).openOrders.unshift(offerItem) + } + const initOffer = () => { + this.listedCoins.get(offer.foreignBlockchain).openOrders.push(offerItem) + } + this.listedCoins.get(offer.foreignBlockchain).openOrders.length === 0 ? initOffer() : addOffer() + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null + } + } catch (e) { + console.log("Error adding offer from " + offer.foreignBlockchain) + } + } + + processRedeemedTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + const offerItem = { + ...offer, + mode: 'SOLD', + } + this._myHistoricTradesGrid.items.unshift(offerItem) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } else if (offer.partnerQortalReceivingAddress === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + const offerItem = { + ...offer, + mode: 'BOUGHT', + } + this._myHistoricTradesGrid.items.unshift(offerItem) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } + const addNewHistoricTrade = () => { + this._historicTradesGrid.items.unshift(offer) + this._historicTradesGrid.clearCache() + } + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? addNewHistoricTrade() : null + + } + } catch (e) { + console.log("Error processing redeemed trade offer from " + offer.foreignBlockchain) + } + } + + processTradingTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address && this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + this._openOrdersGrid.items.forEach((item, index) => { + if (item.qortalAtAddress === offer.qortalAtAddress) { + this._openOrdersGrid.items.splice(index, 1) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null + } + }) + this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) + } + } catch (e) { + console.log("Error processing trading trade offer from " + offer.foreignBlockchain) + } + } + + processRefundedTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + this._myHistoricTradesGrid.items.unshift(offer) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } + + } + } catch (e) { + console.log("Error processing refunded trade offer from " + offer.foreignBlockchain) + } + } + + processCancelledTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + this._myHistoricTradesGrid.items.unshift(offer) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } + this._openOrdersGrid.items.forEach((item, index) => { + if (item.qortalAtAddress === offer.qortalAtAddress) { + this._openOrdersGrid.items.splice(index, 1) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null + } + }) + this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) + this._stuckOrdersGrid.items.forEach((item, index) => { + if (item.qortalAtAddress === offer.qortalAtAddress) { + this._stuckOrdersGrid.items.splice(index, 1) + this._stuckOrdersGrid.clearCache() + } + }) + } + } catch (e) { + console.log("Error processing cancelled trade offer from " + offer.foreignBlockchain) + } + } + + processTradeOffers(offers) { + offers.forEach((offer) => { + if (offer.mode === 'OFFERING') { + this.processOfferingTrade(offer) + } + }) + } + + processTradeBotStates(tradeStates) { + + const BitcoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + const LitecoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + const DogecoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + const DigibyteACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + const RavencoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + const PirateChainACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + switch (this.selectedCoin) { + case 'BITCOIN': + BitcoinACCTv1(tradeStates) + break + case 'LITECOIN': + LitecoinACCTv1(tradeStates) + break + case 'DOGECOIN': + DogecoinACCTv1(tradeStates) + break + case 'DIGIBYTE': + DigibyteACCTv1(tradeStates) + break + case 'RAVENCOIN': + RavencoinACCTv1(tradeStates) + break + case 'PIRATECHAIN': + PirateChainACCTv1(tradeStates) + break + default: + break + } + } + + changeTradeBotState(state, tradeState) { + this.isLoadingMyOpenOrders = true + const stateItem = { + ...state, + _tradeState: tradeState, + } + const item = this._myOrdersGrid.querySelector(`#${state.atAddress}`) + const addStateItem = () => { + this.reRenderMyOpenOrders() + this._myOrdersGrid.items.unshift(stateItem) + this._myOrdersGrid.clearCache() + } + const updateStateItem = () => { + this._myOrdersGrid.items.forEach((item, index) => { + if (item.atAddress === state.atAddress) { + this.reRenderMyOpenOrders() + this._myOrdersGrid.items.splice(index, 1) + this._myOrdersGrid.items.unshift(stateItem) + this._myOrdersGrid.clearCache() + } + }) + } + item ? updateStateItem() : addStateItem() + } + + handleCompletedState(state) { + this._myOrdersGrid.items.forEach((item, index) => { + if (item.atAddress === state.atAddress) { + this.reRenderMyOpenOrders() + this._myOrdersGrid.items.splice(index, 1) + this._myOrdersGrid.clearCache() + } + }) + } + + initSocket() { + let _relatedCoin = "" + let tradePresenceTxns = null + let offeringTrades = null + + self.addEventListener('message', function (event) { + switch (event.data.type) { + case 'open_orders': + offeringTrades = event.data.content + processOffersWithPresence() + break + case 'set_coin': + _relatedCoin = event.data.content + break + default: + break + } + }) + + const lessThanThirtyMinsAgo = (timestamp) => { + const THIRTYMINS = 1000 * 60 * 30 + const thirtyMinsAgo = Date.now() - THIRTYMINS + return timestamp > thirtyMinsAgo + } + + const filterOffersUsingTradePresence = (offeringTrade) => { + return offeringTrade.tradePresenceExpiry > Date.now(); + } + + const processOffersWithPresence = () => { + if (offeringTrades === null) return + + async function asyncForEach(array, callback) { + for (let index = 0; index < array.length; index++) { + await callback(array[index], index, array) + } + } + + const startOfferPresenceMapping = async () => { + + if (tradePresenceTxns !== null) { + await asyncForEach(tradePresenceTxns, async (tradePresence) => { + let offerIndex = offeringTrades.findIndex((offeringTrade) => offeringTrade.qortalCreatorTradeAddress === tradePresence.tradeAddress) + offerIndex !== -1 ? (offeringTrades[offerIndex].tradePresenceExpiry = tradePresence.timestamp) : null + }) + } + + let filteredOffers = offeringTrades.filter((offeringTrade) => filterOffersUsingTradePresence(offeringTrade)) + self.postMessage({ type: 'PRESENCE', data: { offers: offeringTrades, filteredOffers: filteredOffers, relatedCoin: _relatedCoin } }) + } + + startOfferPresenceMapping() + } + + const initTradeOffersWebSocket = (restarted = false) => { + let tradeOffersSocketCounter = 0 + let socketTimeout + let socketLink = `ws://NODEURL/websockets/crosschain/tradeoffers?foreignBlockchain=FOREIGN_BLOCKCHAIN&includeHistoric=true` + const socket = new WebSocket(socketLink) + socket.onopen = () => { + setTimeout(pingSocket, 50) + tradeOffersSocketCounter += 1 + } + socket.onmessage = (e) => { + e.relatedCoin = _relatedCoin + self.postMessage({ + type: 'TRADE_OFFERS', + data: e.data, + counter: tradeOffersSocketCounter, + isRestarted: restarted, + }) + tradeOffersSocketCounter += 1 + restarted = false + } + socket.onclose = () => { + clearTimeout(socketTimeout) + restartTradeOffersWebSocket() + } + socket.onerror = (e) => { + clearTimeout(socketTimeout) + } + const pingSocket = () => { + socket.send('ping') + socketTimeout = setTimeout(pingSocket, 295000) + } + } + + const initTradeBotWebSocket = (restarted = false) => { + let socketTimeout + let socketLink = `ws://NODEURL/websockets/crosschain/tradebot?foreignBlockchain=FOREIGN_BLOCKCHAIN` + const socket = new WebSocket(socketLink) + socket.onopen = () => { + setTimeout(pingSocket, 50) + } + socket.onmessage = (e) => { + e.relatedCoin = _relatedCoin + self.postMessage({ + type: 'TRADE_BOT', + data: e.data, + isRestarted: restarted, + }) + restarted = false + } + socket.onclose = () => { + clearTimeout(socketTimeout) + restartTradeBotWebSocket() + } + socket.onerror = (e) => { + clearTimeout(socketTimeout) + } + const pingSocket = () => { + socket.send('ping') + socketTimeout = setTimeout(pingSocket, 295000) + } + } + + const initTradePresenceWebSocket = (restarted = false) => { + let socketTimeout + let socketLink = `ws://NODEURL/websockets/crosschain/tradepresence` + const socket = new WebSocket(socketLink) + socket.onopen = () => { + setTimeout(pingSocket, 50) + } + socket.onmessage = (e) => { + tradePresenceTxns = JSON.parse(e.data) + processOffersWithPresence() + restarted = false + } + socket.onclose = () => { + clearTimeout(socketTimeout) + restartTradePresenceWebSocket() + } + socket.onerror = (e) => { + clearTimeout(socketTimeout) + } + const pingSocket = () => { + socket.send('ping') + socketTimeout = setTimeout(pingSocket, 295000) + } + } + + const restartTradePresenceWebSocket = () => { + setTimeout(() => initTradePresenceWebSocket(true), 50) + } + + const restartTradeOffersWebSocket = () => { + setTimeout(() => initTradeOffersWebSocket(true), 50) + } + + const restartTradeBotWebSocket = () => { + setTimeout(() => initTradeBotWebSocket(true), 50) + } + + initTradeOffersWebSocket() + initTradePresenceWebSocket() + initTradeBotWebSocket() + } + + updateAccountBalance() { + clearTimeout(this.updateAccountBalanceTimeout) + parentEpml.request('apiCall', { + url: `/addresses/balance/${this.selectedAddress.address}?apiKey=${this.getApiKey()}`, + }) + .then((res) => { + this.listedCoins.get("QORTAL").balance = res + this.updateAccountBalanceTimeout = setTimeout(() => this.updateAccountBalance(), 10000) + }) + } + + _checkBuyAmount(e) { + const targetAmount = e.target.value + const target = e.target + + if (targetAmount.length === 0) { + this.isValidAmount = false + this.sellBtnDisable = true + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + this.buyBtnDisable = false + } + + e.target.blur() + e.target.focus() + + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.buyBtnDisable = true + return { + valid: false, + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.buyBtnDisable = true + } else { + this.buyBtnDisable = false + return { + valid: true, + } + } + } + } else { + this.buyBtnDisable = false + } + } + } + + checkTradeBotAmount(e) { + const targetAmount = e.target.value + const target = e.target + this.autoBuyWarning = false + + if (targetAmount.length === 0) { + this.isValidAmount = false + this.autoBuyBtnDisable = true + this.autoBuyWarning = false + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myFunds) > Number(checkFunds)) { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = false + this.autoBuyWarning = false + } else { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = true + this.autoBuyWarning = true + } + } + + e.target.blur() + e.target.focus() + + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.autoBuyBtnDisable = true + this.autoBuyWarning = false + return { + valid: false, + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.autoBuyBtnDisable = true + this.autoBuyWarning = false + } else { + const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myFunds) > Number(checkFunds)) { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = false + this.autoBuyWarning = false + } else { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = true + this.autoBuyWarning = true + } + return { + valid: true, + } + } + } + } else { + const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myFunds) > Number(checkFunds)) { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = false + this.autoBuyWarning = false + } else { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = true + this.autoBuyWarning = true + } + } + } + } + + checkTradeBotTotalAmount(e) { + const targetAmount = e.target.value + const target = e.target + this.autoBuyWarning = false + + if (targetAmount.length === 0) { + this.isValidAmount = false + this.autoBuyBtnDisable = true + this.autoBuyWarning = false + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myFunds) > Number(checkFunds)) { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = false + this.autoBuyWarning = false + } else { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = true + this.autoBuyWarning = true + } + } + + e.target.blur() + e.target.focus() + + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.autoBuyBtnDisable = true + this.autoBuyWarning = false + return { + valid: false, + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.autoBuyBtnDisable = true + this.autoBuyWarning = false + } else { + const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myFunds) > Number(checkFunds)) { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = false + this.autoBuyWarning = false + } else { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = true + this.autoBuyWarning = true + } + return { + valid: true, + } + } + } + } else { + const buyTradeBotAmountInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value + const buyTradeBotPriceInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value + const buyTradeBotTotalInput = this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value + const checkFunds = this.round(parseFloat(buyTradeBotAmountInput) * parseFloat(buyTradeBotPriceInput)) + const myFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(myFunds) > Number(checkFunds)) { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = false + this.autoBuyWarning = false + } else { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.round(parseFloat(buyTradeBotTotalInput) / parseFloat(buyTradeBotPriceInput)) + this.autoBuyBtnDisable = true + this.autoBuyWarning = true + } + } + } + } + + async tradeFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=DEPLOY_AT` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.listedCoins.get("QORTAL").tradeFee = (Number(json) + 100000) / 1e8 + }) + } + + clearTradeBotForm() { + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.initialAmount + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value = this.initialAmount + this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.initialAmount + this.autoBuyBtnDisable = true + } + + inlineWorker(passedFunction, modifiers) { + let parsedFunction = `` + + modifiers.forEach((modifier) => { + let regex = new RegExp(modifier.searchValue, 'g') + parsedFunction = parsedFunction.length === 0 ? `(function ${passedFunction.toString().trim().replace(regex, modifier.replaceValue)})()` : parsedFunction.toString().trim().replace(regex, modifier.replaceValue) + }) + + const workerUrl = URL.createObjectURL(new Blob([parsedFunction], { type: 'text/javascript' })) + const worker = new Worker(workerUrl) + URL.revokeObjectURL(workerUrl) + return worker + } + + clearPaneCache() { + this._openOrdersGrid.clearCache() + this._myOrdersGrid.clearCache() + } + + createConnection() { + if (workers.get(this.selectedCoin).tradesConnectedWorker !== null) { + this.isLoadingHistoricTrades = false + this.isLoadingOpenTrades = false + return + } + + const handleMessage = (message) => { + switch (message.type) { + case 'TRADE_OFFERS': + if (!message.isRestarted) { + this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter = message.counter + this.processTradeOffers(JSON.parse(message.data)) + this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter === 1 ? this.clearPaneCache() : null + workers.get(this.selectedCoin).tradesConnectedWorker.postMessage(this.listedCoins.get(this.selectedCoin).openOrders) + workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "open_orders", content: this.listedCoins.get(this.selectedCoin).openOrders }) + } + return null + case 'TRADE_BOT': + if (!message.isRestarted) this.processTradeBotStates(JSON.parse(message.data)) + return null + case 'PRESENCE': + this.tradesPresenceCleaned = [] + this.listedCoins.get(message.data.relatedCoin).openOrders = message.data.offers + this.tradesPresenceCleaned = message.data.filteredOffers + + const filterPresenceList = () => { + this.blockedTradesList.forEach(item => { + const toDelete = item.recipient + this.tradesPresenceCleaned = this.tradesPresenceCleaned.filter(el => { + return el.qortalCreatorTradeAddress !== toDelete + }) + }) + } + + filterPresenceList() + this.listedCoins.get(message.data.relatedCoin).openFilteredOrders = this.tradesPresenceCleaned + this.reRenderOpenFilteredOrders() + return null + default: + break + } + } + + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ':' + myNode.port + + const modifiers = [ + { searchValue: 'NODEURL', replaceValue: nodeUrl }, + { searchValue: 'FOREIGN_BLOCKCHAIN', replaceValue: this.selectedCoin }, + ] + + workers.get(this.selectedCoin).tradesConnectedWorker = this.inlineWorker(this.initSocket, modifiers) + + workers.get(this.selectedCoin).tradesConnectedWorker.addEventListener('message', function (event) { handleMessage(event.data) }, { passive: true }) + + workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "set_coin", content: this.selectedCoin }) + } + + async getNewBlockedTrades() { + const unconfirmedTransactionsList = async () => { + const myNodeInf = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const myNodeUrl = myNodeInf.protocol + '://' + myNodeInf.domain + ':' + myNodeInf.port + const unconfirmedTransactionslUrl = `${myNodeUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + + var addBlockedTrades = JSON.parse(localStorage.getItem('failedTrades') || '[]') + + await fetch(unconfirmedTransactionslUrl).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiff = Date.now() - item.timestamp + const timeOneHour = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiff) > Number(timeOneHour)) { + const addBlocked = { + timestamp: item.timestamp, + recipient: item.recipient + } + addBlockedTrades.push(addBlocked) + } + }) + localStorage.setItem("failedTrades", JSON.stringify(addBlockedTrades)) + this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } + + await unconfirmedTransactionsList() + + const filterUnconfirmedTransactionsList = async () => { + let cleanBlockedTrades = this.blockedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } + return newArray + }, []) + localStorage.setItem("failedTrades", JSON.stringify(cleanBlockedTrades)) + this.blockedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") + } + + await filterUnconfirmedTransactionsList() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] return myNode.apiKey - } + } - clearTradeBotForm() { - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'QortAmountInput').value = this.initialAmount - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'PriceInput').value = this.initialAmount - this.shadowRoot.getElementById('autoBuy' + this.listedCoins.get(this.selectedCoin).coinCode + 'TotalInput').value = this.initialAmount - this.autoBuyBtnDisable = true - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } - - round(number) { + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } - - inlineWorker(passedFunction, modifiers) { - let parsedFunction = `` - - modifiers.forEach((modifier) => { - let regex = new RegExp(modifier.searchValue, 'g') - parsedFunction = parsedFunction.length === 0 ? `(function ${passedFunction.toString().trim().replace(regex, modifier.replaceValue)})()` : parsedFunction.toString().trim().replace(regex, modifier.replaceValue) - }) - - const workerUrl = URL.createObjectURL(new Blob([parsedFunction], { type: 'text/javascript' })) - const worker = new Worker(workerUrl) - URL.revokeObjectURL(workerUrl) - return worker - } - - clearPaneCache() { - this._openOrdersGrid.clearCache() - this._myOrdersGrid.clearCache() - } - - createConnection() { - if (workers.get(this.selectedCoin).tradesConnectedWorker !== null) { - this.isLoadingHistoricTrades = false - this.isLoadingOpenTrades = false - return - } - - const handleMessage = (message) => { - switch (message.type) { - case 'TRADE_OFFERS': - if (!message.isRestarted) { - this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter = message.counter - this.processTradeOffers(JSON.parse(message.data)) - this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter === 1 ? this.clearPaneCache() : null - workers.get(this.selectedCoin).tradesConnectedWorker.postMessage(this.listedCoins.get(this.selectedCoin).openOrders) - workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "open_orders", content: this.listedCoins.get(this.selectedCoin).openOrders }) - } - return null - case 'TRADE_BOT': - if (!message.isRestarted) this.processTradeBotStates(JSON.parse(message.data)) - return null - case 'PRESENCE': - this.tradesPresenceCleaned = [] - this.listedCoins.get(message.data.relatedCoin).openOrders = message.data.offers - this.tradesPresenceCleaned = message.data.filteredOffers - - const filterPresenceList = () => { - this.blockedTradesList.forEach(item => { - const toDelete = item.recipient - this.tradesPresenceCleaned = this.tradesPresenceCleaned.filter(el => { - return el.qortalCreatorTradeAddress !== toDelete - }) - }) - } - - filterPresenceList() - this.listedCoins.get(message.data.relatedCoin).openFilteredOrders = this.tradesPresenceCleaned - this.reRenderOpenFilteredOrders() - return null - default: - break - } - } - - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ':' + myNode.port - - const modifiers = [ - { searchValue: 'NODEURL', replaceValue: nodeUrl }, - { searchValue: 'FOREIGN_BLOCKCHAIN', replaceValue: this.selectedCoin }, - ] - - workers.get(this.selectedCoin).tradesConnectedWorker = this.inlineWorker(this.initSocket, modifiers) - - workers.get(this.selectedCoin).tradesConnectedWorker.addEventListener('message', function (event) { handleMessage(event.data) }, { passive: true }) - - workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "set_coin", content: this.selectedCoin }) - } - - async getNewBlockedTrades() { - const unconfirmedTransactionsList = async () => { - const myNodeInf = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const myNodeUrl = myNodeInf.protocol + '://' + myNodeInf.domain + ':' + myNodeInf.port - const unconfirmedTransactionslUrl = `${myNodeUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - - var addBlockedTrades = JSON.parse(localStorage.getItem('failedTrades') || '[]') - - await fetch(unconfirmedTransactionslUrl).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiff = Date.now() - item.timestamp - const timeOneHour = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiff) > Number(timeOneHour)) { - const addBlocked = { - timestamp: item.timestamp, - recipient: item.recipient - } - addBlockedTrades.push(addBlocked) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addBlockedTrades)) - this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') - }) - } - - await unconfirmedTransactionsList() - - const filterUnconfirmedTransactionsList = async () => { - let cleanBlockedTrades = this.blockedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanBlockedTrades)) - this.blockedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } - - await filterUnconfirmedTransactionsList() - } + } } -window.customElements.define('trade-bot-portal', TradeBotPortal) +window.customElements.define('trade-bot-portal', TradeBotPortal) \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/charts/arrr-charts.js b/plugins/plugins/core/trade-portal/charts/arrr-charts.js index 68c0e618..20f16fed 100644 --- a/plugins/plugins/core/trade-portal/charts/arrr-charts.js +++ b/plugins/plugins/core/trade-portal/charts/arrr-charts.js @@ -1,7 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { highChartStyles } from '../../components/plugins-css' import * as Highcharts from 'highcharts' import Exporting from 'highcharts/modules/exporting' import StockChart from 'highcharts/modules/stock' @@ -11,18 +10,21 @@ import 'highcharts/modules/boost.js' import 'highcharts/modules/data.js' import 'highcharts/modules/export-data.js' import 'highcharts/modules/offline-exporting.js' +import '@polymer/paper-dialog/paper-dialog.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + Exporting(Highcharts) StockChart(Highcharts) let arrrChartDialog -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class ArrrCharts extends LitElement { static get properties() { return { @@ -33,43 +35,7 @@ class ArrrCharts extends LitElement { } static get styles() { - return css` - .loadingContainer { - height: 100%; - width: 100%; - } - - .trades-chart { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 25px; - padding: 15px; - } - - .chart-container { - margin: auto; - color: var(--black); - text-align: center; - padding: 15px; - height: 30vh; - width: 80vw; - } - - .chart-info-wrapper { - background: transparent; - height: 38vh; - width: 83vw; - overflow: auto; - } - - .chart-loading-wrapper { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - } - ` + return [highChartStyles] } constructor() { @@ -199,6 +165,17 @@ class ArrrCharts extends LitElement { } } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } @@ -208,5 +185,4 @@ window.customElements.define('arrr-charts', ArrrCharts) const chartsarrr = document.createElement('arrr-charts') arrrChartDialog = document.body.appendChild(chartsarrr) - -export default arrrChartDialog +export default arrrChartDialog \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/charts/btc-charts.js b/plugins/plugins/core/trade-portal/charts/btc-charts.js index 1ec4136c..19f2a121 100644 --- a/plugins/plugins/core/trade-portal/charts/btc-charts.js +++ b/plugins/plugins/core/trade-portal/charts/btc-charts.js @@ -1,7 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { highChartStyles } from '../../components/plugins-css' import * as Highcharts from 'highcharts' import Exporting from 'highcharts/modules/exporting' import StockChart from 'highcharts/modules/stock' @@ -11,18 +10,21 @@ import 'highcharts/modules/boost.js' import 'highcharts/modules/data.js' import 'highcharts/modules/export-data.js' import 'highcharts/modules/offline-exporting.js' +import '@polymer/paper-dialog/paper-dialog.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + Exporting(Highcharts) StockChart(Highcharts) let btcChartDialog -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class BtcCharts extends LitElement { static get properties() { return { @@ -33,43 +35,7 @@ class BtcCharts extends LitElement { } static get styles() { - return css` - .loadingContainer { - height: 100%; - width: 100%; - } - - .trades-chart { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 25px; - padding: 15px; - } - - .chart-container { - margin: auto; - color: var(--black); - text-align: center; - padding: 15px; - height: 30vh; - width: 80vw; - } - - .chart-info-wrapper { - background: transparent; - height: 38vh; - width: 83vw; - overflow: auto; - } - - .chart-loading-wrapper { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - } - ` + return [highChartStyles] } constructor() { @@ -200,6 +166,17 @@ class BtcCharts extends LitElement { } } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } @@ -209,5 +186,4 @@ window.customElements.define('btc-charts', BtcCharts) const chartsbtc = document.createElement('btc-charts') btcChartDialog = document.body.appendChild(chartsbtc) - -export default btcChartDialog +export default btcChartDialog \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/charts/dgb-charts.js b/plugins/plugins/core/trade-portal/charts/dgb-charts.js index a78b51fe..eac814de 100644 --- a/plugins/plugins/core/trade-portal/charts/dgb-charts.js +++ b/plugins/plugins/core/trade-portal/charts/dgb-charts.js @@ -1,7 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { highChartStyles } from '../../components/plugins-css' import * as Highcharts from 'highcharts' import Exporting from 'highcharts/modules/exporting' import StockChart from 'highcharts/modules/stock' @@ -11,18 +10,21 @@ import 'highcharts/modules/boost.js' import 'highcharts/modules/data.js' import 'highcharts/modules/export-data.js' import 'highcharts/modules/offline-exporting.js' +import '@polymer/paper-dialog/paper-dialog.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + Exporting(Highcharts) StockChart(Highcharts) let dgbChartDialog -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class DgbCharts extends LitElement { static get properties() { return { @@ -33,43 +35,7 @@ class DgbCharts extends LitElement { } static get styles() { - return css` - .loadingContainer { - height: 100%; - width: 100%; - } - - .trades-chart { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 25px; - padding: 15px; - } - - .chart-container { - margin: auto; - color: var(--black); - text-align: center; - padding: 15px; - height: 30vh; - width: 80vw; - } - - .chart-info-wrapper { - background: transparent; - height: 38vh; - width: 83vw; - overflow: auto; - } - - .chart-loading-wrapper { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - } - ` + return [highChartStyles] } constructor() { @@ -199,6 +165,17 @@ class DgbCharts extends LitElement { } } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } @@ -208,5 +185,4 @@ window.customElements.define('dgb-charts', DgbCharts) const chartsdgb = document.createElement('dgb-charts') dgbChartDialog = document.body.appendChild(chartsdgb) - -export default dgbChartDialog +export default dgbChartDialog \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/charts/doge-charts.js b/plugins/plugins/core/trade-portal/charts/doge-charts.js index 01f1eecb..da008dcd 100644 --- a/plugins/plugins/core/trade-portal/charts/doge-charts.js +++ b/plugins/plugins/core/trade-portal/charts/doge-charts.js @@ -1,7 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { highChartStyles } from '../../components/plugins-css' import * as Highcharts from 'highcharts' import Exporting from 'highcharts/modules/exporting' import StockChart from 'highcharts/modules/stock' @@ -11,18 +10,21 @@ import 'highcharts/modules/boost.js' import 'highcharts/modules/data.js' import 'highcharts/modules/export-data.js' import 'highcharts/modules/offline-exporting.js' +import '@polymer/paper-dialog/paper-dialog.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + Exporting(Highcharts) StockChart(Highcharts) let dogeChartDialog -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class DogeCharts extends LitElement { static get properties() { return { @@ -33,43 +35,7 @@ class DogeCharts extends LitElement { } static get styles() { - return css` - .loadingContainer { - height: 100%; - width: 100%; - } - - .trades-chart { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 25px; - padding: 15px; - } - - .chart-container { - margin: auto; - color: var(--black); - text-align: center; - padding: 15px; - height: 30vh; - width: 80vw; - } - - .chart-info-wrapper { - background: transparent; - height: 38vh; - width: 83vw; - overflow: auto; - } - - .chart-loading-wrapper { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - } - ` + return [highChartStyles] } constructor() { @@ -199,6 +165,17 @@ class DogeCharts extends LitElement { } } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } @@ -208,5 +185,4 @@ window.customElements.define('doge-charts', DogeCharts) const chartsdoge = document.createElement('doge-charts') dogeChartDialog = document.body.appendChild(chartsdoge) - -export default dogeChartDialog +export default dogeChartDialog \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/charts/ltc-charts.js b/plugins/plugins/core/trade-portal/charts/ltc-charts.js index 6c880abc..23186b62 100644 --- a/plugins/plugins/core/trade-portal/charts/ltc-charts.js +++ b/plugins/plugins/core/trade-portal/charts/ltc-charts.js @@ -1,7 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { highChartStyles } from '../../components/plugins-css' import * as Highcharts from 'highcharts' import Exporting from 'highcharts/modules/exporting' import StockChart from 'highcharts/modules/stock' @@ -11,18 +10,21 @@ import 'highcharts/modules/boost.js' import 'highcharts/modules/data.js' import 'highcharts/modules/export-data.js' import 'highcharts/modules/offline-exporting.js' +import '@polymer/paper-dialog/paper-dialog.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + Exporting(Highcharts) StockChart(Highcharts) let ltcChartDialog -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class LtcCharts extends LitElement { static get properties() { return { @@ -33,43 +35,7 @@ class LtcCharts extends LitElement { } static get styles() { - return css` - .loadingContainer { - height: 100%; - width: 100%; - } - - .trades-chart { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 25px; - padding: 15px; - } - - .chart-container { - margin: auto; - color: var(--black); - text-align: center; - padding: 15px; - height: 30vh; - width: 80vw; - } - - .chart-info-wrapper { - background: transparent; - height: 38vh; - width: 83vw; - overflow: auto; - } - - .chart-loading-wrapper { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - } - ` + return [highChartStyles] } constructor() { @@ -199,6 +165,17 @@ class LtcCharts extends LitElement { } } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } @@ -208,5 +185,4 @@ window.customElements.define('ltc-charts', LtcCharts) const chartsltc = document.createElement('ltc-charts') ltcChartDialog = document.body.appendChild(chartsltc) - -export default ltcChartDialog +export default ltcChartDialog \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/charts/rvn-charts.js b/plugins/plugins/core/trade-portal/charts/rvn-charts.js index c878aece..d8dd4144 100644 --- a/plugins/plugins/core/trade-portal/charts/rvn-charts.js +++ b/plugins/plugins/core/trade-portal/charts/rvn-charts.js @@ -1,7 +1,6 @@ -import {css, html, LitElement} from 'lit' -import {Epml} from '../../../../epml.js' -import {get, registerTranslateConfig, translate, use} from '../../../../../core/translate' -import '@polymer/paper-dialog/paper-dialog.js' +import { html, LitElement } from 'lit' +import { Epml } from '../../../../epml' +import { highChartStyles } from '../../components/plugins-css' import * as Highcharts from 'highcharts' import Exporting from 'highcharts/modules/exporting' import StockChart from 'highcharts/modules/stock' @@ -11,18 +10,21 @@ import 'highcharts/modules/boost.js' import 'highcharts/modules/data.js' import 'highcharts/modules/export-data.js' import 'highcharts/modules/offline-exporting.js' +import '@polymer/paper-dialog/paper-dialog.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + Exporting(Highcharts) StockChart(Highcharts) let rvnChartDialog -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - class RvnCharts extends LitElement { static get properties() { return { @@ -33,43 +35,7 @@ class RvnCharts extends LitElement { } static get styles() { - return css` - .loadingContainer { - height: 100%; - width: 100%; - } - - .trades-chart { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 25px; - padding: 15px; - } - - .chart-container { - margin: auto; - color: var(--black); - text-align: center; - padding: 15px; - height: 30vh; - width: 80vw; - } - - .chart-info-wrapper { - background: transparent; - height: 38vh; - width: 83vw; - overflow: auto; - } - - .chart-loading-wrapper { - color: var(--black); - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - } - ` + return [highChartStyles] } constructor() { @@ -199,6 +165,17 @@ class RvnCharts extends LitElement { } } + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + round(number) { return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) } @@ -208,5 +185,4 @@ window.customElements.define('rvn-charts', RvnCharts) const chartsrvn = document.createElement('rvn-charts') rvnChartDialog = document.body.appendChild(chartsrvn) - -export default rvnChartDialog +export default rvnChartDialog \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/trade-portal-css.js b/plugins/plugins/core/trade-portal/trade-portal-css.js deleted file mode 100644 index 31a4f6f8..00000000 --- a/plugins/plugins/core/trade-portal/trade-portal-css.js +++ /dev/null @@ -1,687 +0,0 @@ -import {css} from 'lit' - -export const tradeStyles = css` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-error: rgb(255, 89, 89); - --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); - --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-text-field-label-ink-color: var(--black); - --mdc-text-field-ink-color: var(--black); - --mdc-select-outlined-idle-border-color: var(--txtfieldborder); - --mdc-select-outlined-hover-border-color: var(--txtfieldhoverborder); - --mdc-select-label-ink-color: var(--black); - --mdc-select-ink-color: var(--black); - --mdc-theme-surface: var(--white); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-shape-radius: 25px; - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-body-text-color: var(--black); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - .myhover vaadin-grid-cell-content { - cursor: pointer; - } - - .myhover vaadin-grid::part(selected-row) { - color: green; - cursor: pointer; - } - - .myhover vaadin-grid::part(focused-selected-row) { - color: green; - cursor: pointer; - } - - .myhover vaadin-grid::part(cell):hover { - cursor: pointer; - } - - .myhover vaadin-grid::part(row):hover { - color: green; - cursor: pointer; - } - - .myhover vaadin-grid::part(selected-row-cell) { - color: green; - cursor: pointer; - } - - paper-spinner-lite { - height: 30px; - width: 30px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - mwc-tab-bar { - --mdc-text-transform: none; - --mdc-tab-color-default: var(--black); - --mdc-tab-text-label-color-default: var(--black); - } - - #tabs-1 { - --mdc-tab-height: 42px; - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - color: var(--black); - } - - #tab-buy[active] { - --mdc-theme-primary: rgba(55, 160, 51, 0.9); - } - - #tabs-1-content { - height: 100%; - padding-bottom: 10px; - } - - #tabs-1-content>div { - height: 100%; - border: 1px solid var(--tradeborder); - } - - #tabs-1-content .card { - border: none; - } - - #tabs-1-content .btn-clear { - --mdc-icon-button-size: 32px; - color: var(--black); - } - - .btn-clear-bot { - --mdc-icon-button-size: 32px; - color: var(--black); - float: right; - } - - .btn-info { - color: #03a9f4; - --mdc-icon-size: 16px; - padding-top: 3px; - } - - #tab-sell[active] { - --mdc-theme-primary: rgb(255, 89, 89); - } - - #trade-portal-page { - background: var(--white); - padding: 12px 24px; - } - - .divCard { - border: 1px solid var(--black); - padding: 1em; - box-shadow: 0 0.3px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); - } - - h2 { - margin: 10px 0; - } - - h4 { - margin: 5px 0; - } - - p { - font-size: 14px; - line-height: 21px; - } - - .card-body { - background-color: var(--white); - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - min-height: 100vh; - margin: 0; - } - - .card-container { - background-color: var(--white); - border-radius: 5px; - color: var(--black); - padding-top: 30px; - position: relative; - width: 350px; - max-width: 100%; - text-align: center; - } - - .card-container .level { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - left: 30px; - } - - .card-container .founder { - color: #ffffff; - background-color: #03a9f4; - border-radius: 3px; - font-size: 14px; - font-weight: bold; - padding: 3px 7px; - position: absolute; - top: 30px; - right: 30px; - } - - .card-container .round { - width: 96px; - height: 96px; - border: 1px solid #03a9f4; - border-radius: 50%; - padding: 2px; - } - - .card-container .badge { - width: 200px; - height: 135px; - border: 1px solid transparent; - border-radius: 10%; - padding: 2px; - } - - .userdata { - background-color: #1F1A36; - text-align: left; - padding: 15px; - margin-top: 30px; - } - - .userdata ul { - list-style-type: none; - margin: 0; - padding: 0; - } - - .userdata ul li { - border: 1px solid #2D2747; - border-radius: 2px; - display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; - } - - h2, - h3, - h4, - h5 { - color: var(--black); - font-weight: 400; - } - - header { - display: flex; - flex: 0 1 auto; - align-items: center; - justify-content: center; - padding: 0px 10px; - font-size: 16px; - color: var(--white); - background-color: var(--tradehead); - border-left: 1px solid var(--tradeborder); - border-top: 1px solid var(--tradeborder); - border-right: 1px solid var(--tradeborder); - min-height: 40px; - } - - p { - margin-bottom: 12px; - } - - #trade-portal { - max-width: 100vw; - margin-left: auto; - margin-right: auto; - } - - .box { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 100%; - } - - .box-bot { - margin: 0; - padding: 0; - display: flex; - flex-flow: column; - height: 150px; - } - - #first-trade-section { - margin-bottom: 10px; - } - - #first-trade-section>div {} - - #second-trade-section { - margin-bottom: 10px; - } - - #second-trade-section>div {} - - #third-trade-section { - margin-bottom: 10px; - } - - #third-trade-section>div {} - - .trade-chart { - background-color: var(--white); - border: 2px #ddd solid; - text-align: center; - } - - .open-trades { - text-align: center; - } - - .open-market-container { - text-align: center; - } - - .trade-bot-container { - text-align: center; - } - - .no-last-seen { - background: rgb(255, 89, 89); - padding: 9px 1.3px; - border-radius: 50%; - width: 1rem; - margin: 0 auto; - } - - .card { - padding: 1em; - border: 1px var(--tradeborder) solid; - flex: 1 1 auto; - display: flex; - flex-flow: column; - justify-content: space-evenly; - min-height: inherit; - } - - .card-bot { - padding: 1em; - flex: 1 1 auto; - display: flex; - flex-flow: column; - justify-content: space-evenly; - width: 350px; - min-height: inherit; - } - - .cancel { - --mdc-theme-primary: rgb(255, 89, 89); - } - - .border-wrapper { - border: 1px var(--tradeborder) solid; - overflow: hidden; - } - - .amt-text { - color: var(--tradehave); - font-size: 15px; - margin-top: 5px; - margin-bottom: 12px; - } - - .exchange { - color: var(--black); - font-size: 18px; - font-weight: bold; - margin-top: 5px; - margin-bottom: 10px; - } - - .clear-button { - display: inline; - float: right; - margin-bottom: 5px; - } - - .exhcnage-text { - display: inline; - float: left; - margin-bottom: 5px; - } - - .balance-text { - display: inline; - float: right; - margin-bottom: 5px; - } - - .fee-text { - display: inline; - float: left; - margin-bottom: 5px; - } - - .tab-text { - color: var(--tradehave); - font-size: 12px; - text-align: left; - margin-top: 2px; - margin-bottom: -12px; - } - - .historic-trades { - text-align: center; - } - - .my-open-orders { - text-align: center; - } - - .my-historic-trades { - text-align: center; - } - - .buttons { - width: auto !important; - } - - .buy-button { - --mdc-theme-primary: rgba(55, 160, 51, 0.9); - } - - .sell-button { - --mdc-theme-primary: rgb(255, 89, 89); - } - - .trade-bot-button { - margin-top: 20px; - margin-bottom: 20px; - --mdc-theme-primary: rgba(55, 160, 51, 0.9); - } - - .full-width { - background-color: var(--white); - border: 2px var(--black); - height: 200px; - text-align: center; - } - - vaading-grid { - font-size: .8em; - } - - vaadin-grid-column { - flex-grow: 1; - } - - .loadingContainer { - height: 100%; - width: 100%; - } - - .loading, - .loading:after { - border-radius: 50%; - width: 5em; - height: 5em; - } - - .loading { - margin: 10px auto; - border-width: .6em; - border-style: solid; - border-color: rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgba(3, 169, 244, 0.2) rgb(3, 169, 244); - font-size: 10px; - position: relative; - text-indent: -9999em; - transform: translateZ(0px); - animation: 1.1s linear 0s infinite normal none running loadingAnimation; - } - - mwc-select#coinSelectionMenu { - font-size: 24px; - width: 220px; - } - - mwc-select#coinSelectionMenu mwc-list-item { - line-height: 30px; - } - - .coinName::before { - content: ""; - display: inline-block; - height: 26px; - width: 45px; - position: absolute; - background-repeat: no-repeat; - background-size: cover; - left: 10px; - top: 10px; - } - - .btc.coinName:before { - background-image: url('/img/qortbtc.png'); - } - - .ltc.coinName:before { - background-image: url('/img/qortltc.png'); - } - - .doge.coinName:before { - background-image: url('/img/qortdoge.png'); - } - - .dgb.coinName:before { - background-image: url('/img/qortdgb.png'); - } - - .rvn.coinName:before { - background-image: url('/img/qortrvn.png'); - } - - .arrr.coinName:before { - background-image: url('/img/qortarrr.png'); - } - - .coinName { - display: inline-block; - height: 26px; - padding-left: 45px; - } - - .warning-text { - animation: blinker 1.5s linear infinite; - display: inline; - float: left; - margin-bottom: 5px; - color: rgb(255, 89, 89); - } - - .warning-bot-text { - animation: blinker 1.5s linear infinite; - display: inline; - text-align: center; - color: rgb(255, 89, 89); - } - - .red { - --mdc-theme-primary: #F44336; - } - - @-webkit-keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes loadingAnimation { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } - } - - @keyframes blinker { - 50% { - opacity: 0; - } - } - - paper-dialog.info { - width: 100%; - max-width: 75vw; - height: 100%; - max-height: 50vh; - background-color: var(--white); - color: var(--black); - border: 1px solid var(--black); - border-radius: 15px; - line-height: 1.6; - overflow-y: auto; - } - - .actions { - display: flex; - justify-content: space-between; - padding: 0 1em; - margin: 12px 0 -6px 0; - } - - .close-icon { - font-size: 36px; - } - - .close-icon:hover { - cursor: pointer; - opacity: .6; - } - - .setpass-wrapper { - width: 100%; - min-width: 400px; - max-width: 450px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 10px 10px 0px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .lock-wrapper { - width: 100%; - height: 100%; - min-width: 600px; - max-width: 600px; - min-height: 400px; - max-height: 400px; - text-align: center; - background: url("/img/qortal-lock.jpg"); - border: 1px solid var(--black); - border-radius: 25px; - padding: 10px 10px 0px; - } - - .text-wrapper { - width: 100%; - height: 100%; - min-width: 280px; - max-width: 280px; - min-height: 64px; - max-height: 64px; - text-align: center; - margin-left: 35px; - margin-top: 125px; - overflow: hidden; - } - - .lock-title-white { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #ffffff; - } - - .lock-title-red { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #df3636; - } - - @media (min-width: 701px) { - * {} - - #trade-portal {} - - #first-trade-section { - display: grid; - grid-template-columns: 1fr 1fr 2fr; - grid-auto-rows: max(450px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #second-trade-section { - display: grid; - grid-template-columns: 2fr 1fr; - grid-auto-rows: max(450px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - - #third-trade-section { - display: grid; - grid-template-columns: 1fr 2fr 1fr; - grid-auto-rows: max(200px); - column-gap: 0.5em; - row-gap: 0.4em; - justify-items: stretch; - align-items: stretch; - margin-bottom: 10px; - } - } -` \ No newline at end of file diff --git a/plugins/plugins/core/trade-portal/trade-portal.src.js b/plugins/plugins/core/trade-portal/trade-portal.src.js index a8405c55..d122b0df 100644 --- a/plugins/plugins/core/trade-portal/trade-portal.src.js +++ b/plugins/plugins/core/trade-portal/trade-portal.src.js @@ -1,11 +1,18 @@ -import {html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { decryptData, encryptData } from '../../../../core/src/lockScreen' +import { tradePortalStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import Base58 from '../../../../crypto/api/deps/Base58.js' -import {decryptData, encryptData} from '../../../../core/src/lockScreen.js' -import {tradeStyles} from './trade-portal-css.js' +import chartsbtc from './charts/btc-charts' +import chartsltc from './charts/ltc-charts' +import chartsdoge from './charts/doge-charts' +import chartsdgb from './charts/dgb-charts' +import chartsrvn from './charts/rvn-charts' +import chartsarrr from './charts/arrr-charts' +import Base58 from '../../../../crypto/api/deps/Base58' +import '../components/TradeInfoView' +import '../components/TraderInfoView' import '@material/mwc-button' import '@material/mwc-textfield' import '@material/mwc-icon' @@ -23,17 +30,11 @@ import '@polymer/paper-spinner/paper-spinner-lite.js' import '@vaadin/grid' import '@vaadin/grid/vaadin-grid-sorter' import '@vaadin/password-field' -import chartsbtc from './charts/btc-charts.js' -import chartsltc from './charts/ltc-charts.js' -import chartsdoge from './charts/doge-charts.js' -import chartsdgb from './charts/dgb-charts.js' -import chartsrvn from './charts/rvn-charts.js' -import chartsarrr from './charts/arrr-charts.js' -import '../components/TraderInfoView.js' -import '../components/TradeInfoView.js' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -41,2205 +42,2221 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) let workers = new Map() class TradePortal extends LitElement { - static get properties() { - return { - selectedAddress: { type: Object }, - config: { type: Object }, - listedCoins: { type: Map }, - nodeInfo: { type: Array }, - blockedTradesList: { type: Array }, - tradesPresenceCleaned: { type: Array }, - sellBtnDisable: { type: Boolean }, - isSellLoading: { type: Boolean }, - isBuyLoading: { type: Boolean }, - buyBtnDisable: { type: Boolean }, - autoBuyWarning: { type: Boolean }, - autoBuyBtnDisable: { type: Boolean }, - autoBuyBotDisable: { type: Boolean }, - initialAmount: { type: Number }, - cancelBtnDisable: { type: Boolean }, - cancelStuckOfferBtnDisable: { type: Boolean }, - selectedCoin: { type: String }, - isLoadingHistoricTrades: { type: Boolean }, - isLoadingOpenTrades: { type: Boolean }, - isLoadingMyOpenOrders: { type: Boolean }, - showGetWalletBance: { type: Boolean }, - theme: { type: String, reflect: true }, - btcWallet: { type: String }, - ltcWallet: { type: String }, - dogeWallet: { type: String }, - dgbWallet: { type: String }, - rvnWallet: { type: String }, - arrrWallet: { type: String }, - arrrWalletAddress: { type: String }, - qortbtc: { type: Number }, - qortltc: { type: Number }, - qortdoge: { type: Number }, - qortdgb: { type: Number }, - qortrvn: { type: Number }, - qortarrr: { type: Number }, - btcqort: { type: Number }, - ltcqort: { type: Number }, - dogeqort: { type: Number }, - dgbqort: { type: Number }, - rvnqort: { type: Number }, - arrrqort: { type: Number }, - qortRatio: {type: Number}, - tradeSalt: { type: String }, - tradeStorageData: { type: String }, - tradeLockScreenPass: { type: String }, - tradeLockScreenSet: { type: String }, - tradeLockPass: { type: String }, - tradeLockSet: { type: String }, - myTradeLockScreenPass: { type: String }, - myTradeLockScreenSet: { type: String }, - tradeHelperMessage: { type: String } - } - } + static get properties() { + return { + selectedAddress: { type: Object }, + config: { type: Object }, + listedCoins: { type: Map }, + nodeInfo: { type: Array }, + blockedTradesList: { type: Array }, + tradesPresenceCleaned: { type: Array }, + sellBtnDisable: { type: Boolean }, + isSellLoading: { type: Boolean }, + isBuyLoading: { type: Boolean }, + buyBtnDisable: { type: Boolean }, + autoBuyWarning: { type: Boolean }, + autoBuyBtnDisable: { type: Boolean }, + autoBuyBotDisable: { type: Boolean }, + initialAmount: { type: Number }, + cancelBtnDisable: { type: Boolean }, + cancelStuckOfferBtnDisable: { type: Boolean }, + selectedCoin: { type: String }, + isLoadingHistoricTrades: { type: Boolean }, + isLoadingOpenTrades: { type: Boolean }, + isLoadingMyOpenOrders: { type: Boolean }, + showGetWalletBance: { type: Boolean }, + theme: { type: String, reflect: true }, + btcWallet: { type: String }, + ltcWallet: { type: String }, + dogeWallet: { type: String }, + dgbWallet: { type: String }, + rvnWallet: { type: String }, + arrrWallet: { type: String }, + arrrWalletAddress: { type: String }, + qortbtc: { type: Number }, + qortltc: { type: Number }, + qortdoge: { type: Number }, + qortdgb: { type: Number }, + qortrvn: { type: Number }, + qortarrr: { type: Number }, + btcqort: { type: Number }, + ltcqort: { type: Number }, + dogeqort: { type: Number }, + dgbqort: { type: Number }, + rvnqort: { type: Number }, + arrrqort: { type: Number }, + qortRatio: { type: Number }, + tradeSalt: { type: String }, + tradeStorageData: { type: String }, + tradeLockScreenPass: { type: String }, + tradeLockScreenSet: { type: String }, + tradeLockPass: { type: String }, + tradeLockSet: { type: String }, + myTradeLockScreenPass: { type: String }, + myTradeLockScreenSet: { type: String }, + tradeHelperMessage: { type: String } + } + } - static get styles() { - return [tradeStyles] - } + static get styles() { + return [tradePortalStyles] + } - constructor() { - super() - let qortal = { - name: "QORTAL", - balance: "0", - coinCode: "QORT", - coinAmount: this.amountString, - tradeFee: "0.02" - } + constructor() { + super() + let qortal = { + name: "QORTAL", + balance: "0", + coinCode: "QORT", + coinAmount: this.amountString, + tradeFee: "0.02" + } - let bitcoin = { - name: "BITCOIN", - balance: "0", - coinCode: "BTC", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.0001" - } + let bitcoin = { + name: "BITCOIN", + balance: "0", + coinCode: "BTC", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.0001" + } - let litecoin = { - name: "LITECOIN", - balance: "0", - coinCode: "LTC", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.00005" - } + let litecoin = { + name: "LITECOIN", + balance: "0", + coinCode: "LTC", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.00005" + } - let dogecoin = { - name: "DOGECOIN", - balance: "0", - coinCode: "DOGE", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.005" - } + let dogecoin = { + name: "DOGECOIN", + balance: "0", + coinCode: "DOGE", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.005" + } - let digibyte = { - name: "DIGIBYTE", - balance: "0", - coinCode: "DGB", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.0005" - } + let digibyte = { + name: "DIGIBYTE", + balance: "0", + coinCode: "DGB", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.0005" + } - let ravencoin = { - name: "RAVENCOIN", - balance: "0", - coinCode: "RVN", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.006" - } + let ravencoin = { + name: "RAVENCOIN", + balance: "0", + coinCode: "RVN", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.006" + } - let piratechain = { - name: "PIRATECHAIN", - balance: "0", - coinCode: "ARRR", - openOrders: [], - openFilteredOrders: [], - historicTrades: [], - myOrders: [], - myHistoricTrades: [], - myOfferingOrders: [], - openTradeOrders: null, - tradeOffersSocketCounter: 1, - coinAmount: this.amountString, - tradeFee: "~0.0002" - } + let piratechain = { + name: "PIRATECHAIN", + balance: "0", + coinCode: "ARRR", + openOrders: [], + openFilteredOrders: [], + historicTrades: [], + myOrders: [], + myHistoricTrades: [], + myOfferingOrders: [], + openTradeOrders: null, + tradeOffersSocketCounter: 1, + coinAmount: this.amountString, + tradeFee: "~0.0002" + } - this.listedCoins = new Map() - this.listedCoins.set("QORTAL", qortal) - this.listedCoins.set("BITCOIN", bitcoin) - this.listedCoins.set("LITECOIN", litecoin) - this.listedCoins.set("DOGECOIN", dogecoin) - this.listedCoins.set("DIGIBYTE", digibyte) - this.listedCoins.set("RAVENCOIN", ravencoin) - this.listedCoins.set("PIRATECHAIN", piratechain) + this.listedCoins = new Map() + this.listedCoins.set("QORTAL", qortal) + this.listedCoins.set("BITCOIN", bitcoin) + this.listedCoins.set("LITECOIN", litecoin) + this.listedCoins.set("DOGECOIN", dogecoin) + this.listedCoins.set("DIGIBYTE", digibyte) + this.listedCoins.set("RAVENCOIN", ravencoin) + this.listedCoins.set("PIRATECHAIN", piratechain) - workers.set("QORTAL", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("QORTAL", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("BITCOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("BITCOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("LITECOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("LITECOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("DOGECOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("DOGECOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("DIGIBYTE", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("DIGIBYTE", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("RAVENCOIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("RAVENCOIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - workers.set("PIRATECHAIN", { - tradesConnectedWorker: null, - handleStuckTradesConnectedWorker: null - }) + workers.set("PIRATECHAIN", { + tradesConnectedWorker: null, + handleStuckTradesConnectedWorker: null + }) - this.selectedCoin = "LITECOIN" - this.selectedAddress = {} - this.nodeInfo = [] - this.blockedTradesList = [] - this.preparedPresence = [] - this.tradesPresenceCleaned = [] - this.config = {} - this.sellBtnDisable = false - this.isSellLoading = false - this.buyBtnDisable = true - this.autoBuyWarning = false - this.autoBuyBtnDisable = true - this.autoBuyBotDisable = false - this.isBuyLoading = false - this.initialAmount = 0 - this.cancelBtnDisable = false - this.cancelStuckOfferBtnDisable = false - this.isLoadingHistoricTrades = true - this.isLoadingOpenTrades = true - this.isLoadingMyOpenOrders = false - this.showGetWalletBance = true - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' - this.btcWallet = '' - this.ltcWallet = '' - this.dogeWallet = '' - this.dgbWallet = '' - this.rvnWallet = '' - this.arrrWallet = '' - this.arrrWalletAddress = '' - this.qortbtc = 0 - this.qortltc = 0 - this.qortdoge = 0 - this.qortdgb = 0 - this.qortrvn = 0 - this.qortarrr = 0 - this.btcqort = 0 - this.ltcqort = 0 - this.dogeqort = 0 - this.dgbqort = 0 - this.rvnqort = 0 - this.arrrqort = 0 - this.tradeInfoAccountName = '' - this.tradeImageUrl = '' - this.tradeAddressResult = [] - this.displayTradeAddress = '' - this.displayTradeLevel = '' - this.displayTradeBalance = '' - this.tradeSalt = '' - this.tradeStorageData = '' - this.tradeLockScreenPass = '' - this.tradeLockScreenSet = '' - this.tradeLockPass = '' - this.tradeLockSet = '' - this.myTradeLockScreenPass = '' - this.myTradeLockScreenSet = '' - this.tradeHelperMessage = '' - this.pingCoinBalancesController = this.pingCoinBalancesController.bind(this) - } + this.selectedCoin = "LITECOIN" + this.selectedAddress = {} + this.nodeInfo = [] + this.blockedTradesList = [] + this.preparedPresence = [] + this.tradesPresenceCleaned = [] + this.config = {} + this.sellBtnDisable = false + this.isSellLoading = false + this.buyBtnDisable = true + this.autoBuyWarning = false + this.autoBuyBtnDisable = true + this.autoBuyBotDisable = false + this.isBuyLoading = false + this.initialAmount = 0 + this.cancelBtnDisable = false + this.cancelStuckOfferBtnDisable = false + this.isLoadingHistoricTrades = true + this.isLoadingOpenTrades = true + this.isLoadingMyOpenOrders = false + this.showGetWalletBance = true + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.btcWallet = '' + this.ltcWallet = '' + this.dogeWallet = '' + this.dgbWallet = '' + this.rvnWallet = '' + this.arrrWallet = '' + this.arrrWalletAddress = '' + this.qortbtc = 0 + this.qortltc = 0 + this.qortdoge = 0 + this.qortdgb = 0 + this.qortrvn = 0 + this.qortarrr = 0 + this.btcqort = 0 + this.ltcqort = 0 + this.dogeqort = 0 + this.dgbqort = 0 + this.rvnqort = 0 + this.arrrqort = 0 + this.tradeInfoAccountName = '' + this.tradeImageUrl = '' + this.tradeAddressResult = [] + this.displayTradeAddress = '' + this.displayTradeLevel = '' + this.displayTradeBalance = '' + this.tradeSalt = '' + this.tradeStorageData = '' + this.tradeLockScreenPass = '' + this.tradeLockScreenSet = '' + this.tradeLockPass = '' + this.tradeLockSet = '' + this.myTradeLockScreenPass = '' + this.myTradeLockScreenSet = '' + this.tradeHelperMessage = '' + this.pingCoinBalancesController = this.pingCoinBalancesController.bind(this) + } - historicTradesTemplate() { - return html` -
    -
    -
    ${translate("tradepage.tchange3")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${data.item.qortAmount}`, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - { - render(html`${data.item.foreignAmount}`, root) - }} - > - - + render() { + return html` +
    +
    +

    Qortal ${translate("tradepage.tchange1")} -  

    + + QORT / LTC + QORT / BTC + QORT / DOGE + QORT / DGB + QORT / RVN + QORT / ARRR + +
    + this.shadowRoot.getElementById('tradeInfoDialog').open()}> +
    +
    + ${this.chartShowCoin()} +
    +
    + ${this.renderTradeLockButton()} +
    +
    +
    +
    + ${this.historicTradesTemplate()} + ${this.myHistoricTradesTemplate()} + ${this.openTradesTemplate()} +
    +
    + ${this.myOpenOrdersTemplate()} + ${this.openMarketTemplate()} +
    +
    +
    +
    +

    ${translate("tradepage.tchange33")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange40")}

    +

    1 QORT = ${this.exchangeRateQort()} ${this.listedCoins.get(this.selectedCoin).coinCode}

    + this.setDefaultSellPrice()}> +
    +
    +
    -
    - ` - } - - openTradesTemplate() { - return html` -
    -
    -
    ${translate("tradepage.tchange5")}
    -
    -
    ${translate("login.loading")}
    - - { - render(html`${this.round(data.item.qortAmount)}`, root) - }} - > - - { - render(html`${this.round(data.item.price)}`, root) - }} - > - - { - render(html`${data.item.foreignAmount}`, root) - }} - > - - { - render(html`${data.item.qortalCreator}`, root) - }} - > - - { - render(html`info`, root) - }} - > - + + +
    +

    ${translate("tradepage.tchange7")}

    +
    +
    +
    + + + + + { render(html`${this.renderCancelStuckOfferButton(data.item)}`, root) }}>
    -
    -
    - ` - } + ${translate("general.close")} + + +
    +

    + this.shadowRoot.getElementById('tradeInfoDialog').close()} title="${translate("info.inf2")}">highlight_off +
    +
    +

    ${translate("info.inf1")}

    +

    ${translate("info.inf3")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("info.inf4")}

    +

    ${translate("info.inf5")} ${this.listedCoins.get(this.selectedCoin).coinCode}

    +

    ${translate("info.inf6")}

    +
    +     + +
    +

    Qortal ${translate("tabmenu.tm4")} ${translate("login.lp1")}

    +
    +
    +
    +

    ${translate("login.lp2")}

    +

    ${translate("login.lp3")}

    +
    +
    + password + +
    +
    + password + +
    +
    + ${translate("login.lp4")} + ${translate("login.lp5")} +
    +     + +
    +

    Qortal ${translate("tabmenu.tm4")} ${translate("login.lp1")}

    +
    +
    +
    +

    ${translate("login.lessthen8")}

    +
    +
    + ${translate("login.lp4")} + ${translate("login.lp5")} +
    +     + +
    + ${translate("sidemenu.tradeportal")}
    + ${translate("login.lp9")} + ${translate("login.lp10")} +
    +
    + password + +
    + ${this.tradeHelperMessage} +
    +     +
    +
    + +
    +     + + + ` + } - openMarketTemplate() { - return html` -
    -
    - - - - - -
    -
    -
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} - ${translate("walletpage.wchange12")}: ${this.listedCoins.get(this.selectedCoin).tradeFee} ${this.listedCoins.get(this.selectedCoin).coinCode} - -
    -
    - - ${this.isBuyLoading === false ? html`${translate("tradepage.tchange18")}` : html``} - + async firstUpdated() { + let _this = this + + this.changeTheme() + this.changeLanguage() + + this.tradeFee() + this.getNewBlockedTrades() + + this.tradeHelperMessage = this.renderTradeHelperPass() + + this.tradeSalt = '' + this.tradeSalt = Base58.encode(window.parent.reduxStore.getState().app.wallet._addresses[0].keyPair.privateKey) + + this.tradeStorageData = '' + this.tradeStorageData = window.parent.reduxStore.getState().app.selectedAddress.address + + this.tradeLockScreenPass = '' + this.tradeLockScreenPass = 'tradeLockScreenPass-' + this.tradeStorageData + + this.tradeLockScreenSet = '' + this.tradeLockScreenSet = 'tradeLockScreenSet-' + this.tradeStorageData + + this.tradeLockPass = '' + this.tradeLockPass = encryptData(false, this.tradeSalt) + + this.tradeLockSet = '' + this.tradeLockSet = encryptData(false, this.tradeSalt) + + if (localStorage.getItem(this.tradeLockScreenPass) === null && localStorage.getItem(this.tradeLockScreenSet) === null) { + localStorage.setItem(this.tradeLockScreenPass, this.tradeLockPass) + localStorage.setItem(this.tradeLockScreenSet, this.tradeLockSet) + this.myTradeLockScreenPass = '' + this.myTradeLockScreenPass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) + this.myTradeLockScreenSet = '' + this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) + } else { + this.myTradeLockScreenPass = '' + this.myTradeLockScreenPass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) + this.myTradeLockScreenSet = '' + this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) + } + + if (this.myTradeLockScreenSet === true) { + this.shadowRoot.getElementById('tradeLockScreenActive').open() + } + + this.updateWalletBalance() + this.fetchWalletAddress(this.selectedCoin) + this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + + setTimeout(() => { + this.displayTabContent('buy') + }, 0) + + this._openOrdersGrid = this.shadowRoot.getElementById('openOrdersGrid') + + this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { + const priceString = get("tradepage.tchange9") + root.innerHTML = '' + priceString + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' + } + + this._openOrdersGrid.querySelector('#qortAmountColumn').headerRenderer = function (root) { + const amountString = get("tradepage.tchange8") + root.innerHTML = '' + amountString + ' (QORT)' + } + + this._myOrdersGrid = this.shadowRoot.getElementById('myOrdersGrid') + this._historicTradesGrid = this.shadowRoot.getElementById('historicTradesGrid') + this._myHistoricTradesGrid = this.shadowRoot.getElementById('myHistoricTradesGrid') + this._stuckOrdersGrid = this.shadowRoot.getElementById('stuckOrdersGrid') + + const getNodeInfo = () => { + parentEpml.request("apiCall", { url: `/admin/status` }).then((res) => { + this.nodeInfo = res + getSellButtonStatus() + }) + setTimeout(getNodeInfo, 30000) + } + + const getSellButtonStatus = () => { + if (this.nodeInfo.isSynchronizing === true) { + this.sellBtnDisable = true + } else this.sellBtnDisable = this.nodeInfo.isSynchronizing !== false; + } + + const getQortBtcPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/BITCOIN?inverse=true` }).then((res) => { + this.qortbtc = (Number(res) / 1e8).toFixed(8) + }) + setTimeout(getQortBtcPrice, 300000) + } + + const getQortLtcPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/LITECOIN?inverse=true` }).then((res) => { + this.qortltc = (Number(res) / 1e8).toFixed(8) + }) + setTimeout(getQortLtcPrice, 300000) + } + + const getQortDogePrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/DOGECOIN?inverse=true` }).then((res) => { + this.qortdoge = (Number(res) / 1e8).toFixed(8) + }) + setTimeout(getQortDogePrice, 300000) + } + + const getQortDgbPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/DIGIBYTE?inverse=true` }).then((res) => { + this.qortdgb = (Number(res) / 1e8).toFixed(8) + }) + setTimeout(getQortDgbPrice, 300000) + } + + const getQortRvnPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/RAVENCOIN?inverse=true` }).then((res) => { + this.qortrvn = (Number(res) / 1e8).toFixed(8) + }) + setTimeout(getQortRvnPrice, 300000) + } + + const getQortArrrPrice = () => { + parentEpml.request("apiCall", { url: `/crosschain/price/PIRATECHAIN?inverse=true` }).then((res) => { + this.qortarrr = (Number(res) / 1e8).toFixed(8) + }) + setTimeout(getQortArrrPrice, 300000) + } + + window.addEventListener('storage', () => { + this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + this.theme = (checkTheme === 'dark') ? 'dark' : 'light' + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address + this.ltcWallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address + this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address + this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address + this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address + this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address + + let configLoaded = false + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async (selectedAddress) => { + this.selectedAddress = {} + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + this.selectedAddress = selectedAddress + + this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address + this.ltcWallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address + this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address + this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address + this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address + this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address + this.updateAccountBalance() + }) + + parentEpml.subscribe('config', (c) => { + if (!configLoaded) { + setTimeout(getNodeInfo, 1) + setTimeout(getQortBtcPrice, 1) + setTimeout(getQortLtcPrice, 1) + setTimeout(getQortDogePrice, 1) + setTimeout(getQortDgbPrice, 1) + setTimeout(getQortRvnPrice, 1) + setTimeout(getQortArrrPrice, 1) + configLoaded = true + } + this.config = JSON.parse(c) + }) + + parentEpml.subscribe('coin_balances', async (payload) => { + const coinBalances = JSON.parse(payload) + let coin = '' + switch (this.selectedCoin) { + case 'BITCOIN': + coin = 'btc' + break + case 'LITECOIN': + coin = 'ltc' + break + case 'DOGECOIN': + coin = 'doge' + break + case 'DIGIBYTE': + coin = 'dgb' + break + case 'RAVENCOIN': + coin = 'rvn' + break + case 'PIRATECHAIN': + coin = 'arrr' + break + default: + break + } + if (coinBalances[coin]) { + const res = coinBalances[coin].fullValue + let value = (Number(res) / 1e8).toFixed(8) + if (coin !== 'qort') { + value = (Number(res) / 1e8).toFixed(8) + } + this.listedCoins.get(this.selectedCoin).balance = value + this.requestUpdate() + } + }) + + let coinSelectionMenu = this.shadowRoot.getElementById("coinSelectionMenu") + + coinSelectionMenu.addEventListener('change', function () { + _this.setForeignCoin(coinSelectionMenu.value, false) + }) + + _this.setForeignCoin(coinSelectionMenu.value, true) + }) + + parentEpml.imReady() + + setTimeout(() => this.shadowRoot.querySelector('[slot="vaadin-grid-cell-content-3"]').setAttribute('title', 'Last Seen'), 3000) + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + }, 60000) + + setInterval(() => { + this.getNewBlockedTrades() + }, 150000) + } + + historicTradesTemplate() { + return html` +
    +
    +
    ${translate("tradepage.tchange3")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${data.item.qortAmount}`, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + { + render(html`${data.item.foreignAmount}`, root) + }} + > + + +
    +
    +
    + ` + } + + openTradesTemplate() { + return html` +
    +
    +
    ${translate("tradepage.tchange5")}
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + render(html`${this.round(data.item.qortAmount)}`, root) + }} + > + + { + render(html`${this.round(data.item.price)}`, root) + }} + > + + { + render(html`${data.item.foreignAmount}`, root) + }} + > + + { + render(html`${data.item.qortalCreator}`, root) + }} + > + + { + render(html` + + info + + `, root) + }} + > + + +
    +
    +
    + ` + } + + openMarketTemplate() { + return html` +
    +
    + + + + +
    +
    +
    +
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get(this.selectedCoin).balance} ${this.listedCoins.get(this.selectedCoin).coinCode} + ${translate("walletpage.wchange12")}: ${this.listedCoins.get(this.selectedCoin).tradeFee} ${this.listedCoins.get(this.selectedCoin).coinCode} + +
    +
    + + ${this.isBuyLoading === false ? html`${translate("tradepage.tchange18")}` : html` + + `} + +
    -
    -
    -
    -
    - -
    - ${translate("tradepage.tchange8")} (QORT)* -

    - - -

    - ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* -

    - - -

    - - ${translate("tradepage.tchange16")}: ${this.listedCoins.get("QORTAL").balance} QORT - ${translate("walletpage.wchange12")}: ${this.listedCoins.get("QORTAL").tradeFee} QORT - -
    -
    - - ${this.isSellLoading === false ? html`${translate("tradepage.tchange19")}` : html``} - +
    +
    +
    + +
    + ${translate("tradepage.tchange8")} (QORT)* +

    + + +

    + ${translate("tradepage.tchange14")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + ${translate("tradepage.tchange10")} (${this.listedCoins.get(this.selectedCoin).coinCode})* +

    + + +

    + + ${translate("tradepage.tchange16")}: ${this.listedCoins.get("QORTAL").balance} QORT + ${translate("walletpage.wchange12")}: ${this.listedCoins.get("QORTAL").tradeFee} QORT + +
    +
    + + ${this.isSellLoading === false ? html`${translate("tradepage.tchange19")}` : html` + + `} + +
    -
    - ` - } + ` + } - myOpenOrdersTemplate() { - return html` -
    -
    -
    ${translate("tradepage.tchange6")} this.showStuckOrdersDialog()}>
    -
    -
    ${translate("login.loading")}
    - - { - const dateString = new Date(data.item.timestamp).toLocaleString() - render(html`${dateString}`, root) - }} - > - - { - render(html` ${data.item._tradeState} `, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - - - { - render(html`${this.renderCancelButton(data.item)}`, root) - }} - > - - -
    -
    -
    - ` - } - - myHistoricTradesTemplate() { - return html` -
    -
    -
    ${translate("tradepage.tchange4")}
    -
    - - { - const dateString = new Date(data.item.timestamp).toLocaleString() - render(html`${dateString}`, root) - }} - > - - { - if (data.item.mode === 'SOLD') return render(html` ${translate("tradepage.tchange31")} `, root) - if (data.item.mode === 'BOUGHT') return render(html` ${translate("tradepage.tchange32")} `, root) - return render(html` ${data.item.mode} `, root) - }} - > - - { - const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) - render(html`${price}`, root) - }} - > - - - - { - render(html` ${data.item.foreignAmount} `, root) - }} - > - - -
    -
    -
    - ` - } - - render() { - return html` -
    -
    -

    Qortal ${translate("tradepage.tchange1")} -  

    - - QORT / LTC - QORT / BTC - QORT / DOGE - QORT / DGB - QORT / RVN - QORT / ARRR - -
    - this.shadowRoot.getElementById('tradeInfoDialog').open()}> -
    -
    - ${this.chartShowCoin()} -
    -
    - ${this.renderTradeLockButton()} -
    - -
    -
    -
    - ${this.historicTradesTemplate()} - ${this.myHistoricTradesTemplate()} - ${this.openTradesTemplate()} -
    -
    - ${this.myOpenOrdersTemplate()} - ${this.openMarketTemplate()} -
    -
    -
    -
    -

    ${translate("tradepage.tchange33")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("tradepage.tchange40")}

    -

    1 QORT = ${this.exchangeRateQort()} ${this.listedCoins.get(this.selectedCoin).coinCode}

    - this.setDefaultSellPrice()}> + myOpenOrdersTemplate() { + return html` +
    +
    +
    ${translate("tradepage.tchange6")} this.showStuckOrdersDialog()}>
    +
    +
    +
    + ${translate("login.loading")} +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleString() + render(html`${dateString}`, root) + }} + > + + { + render(html` ${data.item._tradeState} `, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + + + { + render(html`${this.renderCancelButton(data.item)}`, root) + }} + > + +
    -
    -
    - - -
    -

    ${translate("tradepage.tchange7")}

    -
    + ` + } + + myHistoricTradesTemplate() { + return html` +
    +
    +
    ${translate("tradepage.tchange4")}
    +
    + + { + const dateString = new Date(data.item.timestamp).toLocaleString() + render(html`${dateString}`, root) + }} + > + + { + if (data.item.mode === 'SOLD') return render(html` ${translate("tradepage.tchange31")} `, root) + if (data.item.mode === 'BOUGHT') return render(html` ${translate("tradepage.tchange32")} `, root) + return render(html` ${data.item.mode} `, root) + }} + > + + { + const price = this.round(parseFloat(data.item.foreignAmount) / parseFloat(data.item.qortAmount)) + render(html`${price}`, root) + }} + > + + + + { + render(html` ${data.item.foreignAmount} `, root) + }} + > + + +
    +
    -
    - - - - - { render(html`${this.renderCancelStuckOfferButton(data.item)}`, root) }}> - -
    - ${translate("general.close")} - - - -
    -

    - this.shadowRoot.getElementById('tradeInfoDialog').close()} title="${translate("info.inf2")}">highlight_off -
    -
    -

    ${translate("info.inf1")}

    -

    ${translate("info.inf3")} ${this.listedCoins.get(this.selectedCoin).coinCode} ${translate("info.inf4")}

    -

    ${translate("info.inf5")} ${this.listedCoins.get(this.selectedCoin).coinCode}

    -

    ${translate("info.inf6")}

    -
    -     - -
    -

    Qortal ${translate("tabmenu.tm4")} ${translate("login.lp1")}

    -
    -
    -
    -

    ${translate("login.lp2")}

    -

    ${translate("login.lp3")}

    -
    -
    - password - -
    -
    - password - -
    -
    - ${translate("login.lp4")} - ${translate("login.lp5")} -
    -     - -
    -

    Qortal ${translate("tabmenu.tm4")} ${translate("login.lp1")}

    -
    -
    -
    -

    ${translate("login.lessthen8")}

    -
    -
    - ${translate("login.lp4")} - ${translate("login.lp5")} -
    -     - -
    - ${translate("sidemenu.tradeportal")}
    - ${translate("login.lp9")} - ${translate("login.lp10")} -
    -
    - password - -
    - ${this.tradeHelperMessage} -
    -     -
    -
    - -
    -     - - - ` - } - - pingCoinBalancesController() { - if(!this.selectedCoin) return - let coin = '' - switch (this.selectedCoin) { - case 'BITCOIN': - coin ='btc' - break - case 'LITECOIN': - coin = 'ltc' - break - case 'DOGECOIN': - coin = 'doge' - break - case 'DIGIBYTE': - coin = 'dgb' - break - case 'RAVENCOIN': - coin = 'rvn' - break - case 'PIRATECHAIN': - coin = 'arrr' - break - default: - break - } - const customEvent = new CustomEvent('ping-coin-controller-with-coin', { - detail: coin - }) - window.parent.dispatchEvent(customEvent) - } - - connectedCallback() { - super.connectedCallback() - this.intervalID = setInterval(this.pingCoinBalancesController, 30000) - } - - disconnectedCallback() { - super.disconnectedCallback() - if (this.intervalID) { - clearInterval(this.intervalID) - } - } - - async firstUpdated() { - let _this = this - - this.changeTheme() - this.changeLanguage() - await this.tradeFee() - await this.getNewBlockedTrades() - - this.tradeHelperMessage = this.renderTradeHelperPass() - - this.tradeSalt = '' - this.tradeSalt = Base58.encode(window.parent.reduxStore.getState().app.wallet._addresses[0].keyPair.privateKey) - - this.tradeStorageData = '' - this.tradeStorageData = window.parent.reduxStore.getState().app.selectedAddress.address - - this.tradeLockScreenPass = '' - this.tradeLockScreenPass = 'tradeLockScreenPass-' + this.tradeStorageData - - this.tradeLockScreenSet = '' - this.tradeLockScreenSet = 'tradeLockScreenSet-' + this.tradeStorageData - - this.tradeLockPass = '' - this.tradeLockPass = encryptData(false, this.tradeSalt) - - this.tradeLockSet = '' - this.tradeLockSet = encryptData(false, this.tradeSalt) - - if (localStorage.getItem(this.tradeLockScreenPass) === null && localStorage.getItem(this.tradeLockScreenSet) === null) { - localStorage.setItem(this.tradeLockScreenPass, this.tradeLockPass) - localStorage.setItem(this.tradeLockScreenSet, this.tradeLockSet) - this.myTradeLockScreenPass = '' - this.myTradeLockScreenPass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) - this.myTradeLockScreenSet = '' - this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) - } else { - this.myTradeLockScreenPass = '' - this.myTradeLockScreenPass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) - this.myTradeLockScreenSet = '' - this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) - } - - if (this.myTradeLockScreenSet === true) { - this.shadowRoot.getElementById('tradeLockScreenActive').open() - } - - await this.updateWalletBalance() - await this.fetchWalletAddress(this.selectedCoin) - this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') - - setTimeout(() => { - this.displayTabContent('buy') - }, 0) - - this._openOrdersGrid = this.shadowRoot.getElementById('openOrdersGrid') - - this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { - const priceString = get("tradepage.tchange9") - root.innerHTML = '' + priceString + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' - } - - this._openOrdersGrid.querySelector('#qortAmountColumn').headerRenderer = function (root) { - const amountString = get("tradepage.tchange8") - root.innerHTML = '' + amountString + ' (QORT)' - } - - this._myOrdersGrid = this.shadowRoot.getElementById('myOrdersGrid') - this._historicTradesGrid = this.shadowRoot.getElementById('historicTradesGrid') - this._myHistoricTradesGrid = this.shadowRoot.getElementById('myHistoricTradesGrid') - this._stuckOrdersGrid = this.shadowRoot.getElementById('stuckOrdersGrid') - - const getNodeInfo = () => { - parentEpml.request("apiCall", { url: `/admin/status` }).then((res) => { - this.nodeInfo = res - getSellButtonStatus() - }) - setTimeout(getNodeInfo, 30000) - } - - const getSellButtonStatus = () => { - if (this.nodeInfo.isSynchronizing === true) { - this.sellBtnDisable = true - } else this.sellBtnDisable = this.nodeInfo.isSynchronizing !== false; - } - - const getQortBtcPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/BITCOIN?inverse=true` }).then((res) => { - this.qortbtc = (Number(res) / 1e8).toFixed(8) - }) - setTimeout(getQortBtcPrice, 300000) - } - - const getQortLtcPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/LITECOIN?inverse=true` }).then((res) => { - this.qortltc = (Number(res) / 1e8).toFixed(8) - }) - setTimeout(getQortLtcPrice, 300000) - } - - const getQortDogePrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/DOGECOIN?inverse=true` }).then((res) => { - this.qortdoge = (Number(res) / 1e8).toFixed(8) - }) - setTimeout(getQortDogePrice, 300000) - } - - const getQortDgbPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/DIGIBYTE?inverse=true` }).then((res) => { - this.qortdgb = (Number(res) / 1e8).toFixed(8) - }) - setTimeout(getQortDgbPrice, 300000) - } - - const getQortRvnPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/RAVENCOIN?inverse=true` }).then((res) => { - this.qortrvn = (Number(res) / 1e8).toFixed(8) - }) - setTimeout(getQortRvnPrice, 300000) - } - - const getQortArrrPrice = () => { - parentEpml.request("apiCall", { url: `/crosschain/price/PIRATECHAIN?inverse=true` }).then((res) => { - this.qortarrr = (Number(res) / 1e8).toFixed(8) - }) - setTimeout(getQortArrrPrice, 300000) - } - - window.addEventListener('storage', () => { - this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - this.theme = (checkTheme === 'dark') ? 'dark' : 'light' - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address - this.ltcWallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address - this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address - this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address - this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address - this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address - - let configLoaded = false - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async (selectedAddress) => { - this.selectedAddress = {} - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - this.selectedAddress = selectedAddress - - this.btcWallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address - this.ltcWallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address - this.dogeWallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address - this.dgbWallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address - this.rvnWallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address - this.arrrWallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address - this.updateAccountBalance() - }) - - parentEpml.subscribe('config', (c) => { - if (!configLoaded) { - setTimeout(getNodeInfo, 1) - setTimeout(getQortBtcPrice, 1) - setTimeout(getQortLtcPrice, 1) - setTimeout(getQortDogePrice, 1) - setTimeout(getQortDgbPrice, 1) - setTimeout(getQortRvnPrice, 1) - setTimeout(getQortArrrPrice, 1) - configLoaded = true - } - this.config = JSON.parse(c) - }) - parentEpml.subscribe('coin_balances', async (payload) => { - const coinBalances = JSON.parse(payload) - let coin = '' - switch (this.selectedCoin) { - case 'BITCOIN': - coin ='btc' - break - case 'LITECOIN': - coin = 'ltc' - break - case 'DOGECOIN': - coin = 'doge' - break - case 'DIGIBYTE': - coin = 'dgb' - break - case 'RAVENCOIN': - coin = 'rvn' - break - case 'PIRATECHAIN': - coin = 'arrr' - break - default: - break - } - if(coinBalances[coin]){ - const res = coinBalances[coin].fullValue - let value = (Number(res) / 1e8).toFixed(8) - if(coin !== 'qort'){ - value = (Number(res) / 1e8).toFixed(8) - } - this.listedCoins.get(this.selectedCoin).balance = value - this.requestUpdate() - } - }) - - let coinSelectionMenu = this.shadowRoot.getElementById("coinSelectionMenu") - - coinSelectionMenu.addEventListener('change', function () { - _this.setForeignCoin(coinSelectionMenu.value,false) - }) - - _this.setForeignCoin(coinSelectionMenu.value,true) - }) - parentEpml.imReady() - - setTimeout(() => this.shadowRoot.querySelector('[slot="vaadin-grid-cell-content-3"]').setAttribute('title', 'Last Seen'), 3000) - - this.clearConsole() - setInterval(() => { - this.clearConsole() - }, 60000) - - setInterval(() => { - this.getNewBlockedTrades() - }, 150000) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - renderTradeLockButton() { - if (this.myTradeLockScreenPass === false && this.myTradeLockScreenSet === false) { - return html` -
    - this.openTradeSetScreenLockPass()} title="${translate("login.lp11")}"> -
    - ` - } else if (this.myTradeLockScreenSet === false) { - return html` -
    - this.setTradeLockQortal()} title="${translate("login.lp11")}"> -
    - ` - } else if (this.myTradeLockScreenSet === true) { - return html` -
    - -
    - ` - } - } - - openTradeSetScreenLockPass() { - this.shadowRoot.getElementById('tradeLockPassword').value = '' - this.shadowRoot.getElementById('tradeLockPasswordConfirm').value = '' - this.shadowRoot.getElementById('setTradeLockScreenPass').open() - } - - closewTradeSetScreenLockPass() { - this.shadowRoot.getElementById('setTradeLockScreenPass').close() - } - - tradeCheckPass() { - const tradePassword = this.shadowRoot.getElementById('tradeLockPassword').value - const tradeRePassword = this.shadowRoot.getElementById('tradeLockPasswordConfirm').value - - if (tradePassword === '') { - let snackbar1string = get("login.pleaseenter") - parentEpml.request('showSnackBar', `${snackbar1string}`) - return - } - - if (tradePassword != tradeRePassword) { - let snackbar2string = get("login.notmatch") - parentEpml.request('showSnackBar', `${snackbar2string}`) - return - } - - if (tradePassword.length < 8) { - let snackbar3string = get("login.lessthen8") - parentEpml.request('showSnackBar', `${snackbar3string}`) - this.tradeExtraConfirm() - } - - if (tradePassword.length >= 8) { - this.setTradeNewScreenPass() - let snackbar4string = get("login.lp6") - parentEpml.request('showSnackBar', `${snackbar4string}`) - } - } - - tradeExtraConfirm() { - this.shadowRoot.getElementById('setTradeLockScreenPass').close() - this.shadowRoot.getElementById('tradeExtraConfirmPass').open() - } - - closTradeExtraConfirmPass() { - this.shadowRoot.getElementById('tradeExtraConfirmPass').close() - this.shadowRoot.getElementById('tradeLockPassword').value = '' - this.shadowRoot.getElementById('tradeLockPasswordConfirm').value = '' - } - - setTradeNewScreenPass() { - const tradeRawPassword = this.shadowRoot.getElementById('tradeLockPassword').value - const tradeCryptPassword = encryptData(tradeRawPassword, this.tradeSalt) - localStorage.setItem(this.tradeLockScreenPass, tradeCryptPassword) - this.myTradeLockScreenPass = '' - this.myTradeLockScreenPass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) - this.shadowRoot.getElementById('setTradeLockScreenPass').close() - this.shadowRoot.getElementById('tradeExtraConfirmPass').close() - this.shadowRoot.getElementById('tradeLockPassword').value = '' - this.shadowRoot.getElementById('tradeLockPasswordConfirm').value = '' - } - - setTradeLockQortal() { - this.tradeHelperMessage = this.renderTradeHelperPass() - this.tradeLockSet = '' - this.tradeLockSet = encryptData(true, this.tradeSalt) - localStorage.setItem(this.tradeLockScreenSet, this.tradeLockSet) - this.myTradeLockScreenSet = '' - this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) - this.shadowRoot.getElementById('tradeLockScreenActive').open() - } - - tradePassKeyListener(e) { - if (e.key === 'Enter') { - this.closeTradeLockScreenActive() - } - } - - async closeTradeLockScreenActive() { - const myTradePass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) - const tradeCheckPass = this.shadowRoot.getElementById('tradeUnlockPassword').value - const errDelay = ms => new Promise(res => setTimeout(res, ms)) - - if (tradeCheckPass === myTradePass) { - this.tradeLockSet = '' - this.tradeLockSet = encryptData(false, this.tradeSalt) - localStorage.setItem(this.tradeLockScreenSet, this.tradeLockSet) - this.myTradeLockScreenSet = '' - this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) - this.shadowRoot.getElementById('tradeLockScreenActive').close() - this.shadowRoot.getElementById('tradeUnlockPassword').value = '' - this.tradeHelperMessage = this.renderTradeHelperPass() - } else { - this.shadowRoot.getElementById('tradeUnlockPassword').value = '' - this.tradeHelperMessage = this.renderTradeHelperErr() - await errDelay(3000) - this.tradeHelperMessage = this.renderTradeHelperPass() - - } - } - - renderTradeHelperPass() { - return html`${translate("login.pleaseenter")}` - } - - renderTradeHelperErr() { - return html`${translate("login.lp8")}` - } - - requestTraderInfo(traderAddress) { - let getAddress = traderAddress - const theInfoView = this.shadowRoot.querySelector('trader-info-view') - theInfoView.openTraderInfo(getAddress) - } - - requestTradeInfo(tradeObj) { - let seller = '' - let buyer = '' - let qortAmount = 0 - let foreignAmount = 0 - let ata = '' - let time = 0 - let coin = '' - seller = tradeObj.item.sellerAddress - buyer = tradeObj.item.buyerReceivingAddress - qortAmount = tradeObj.item.qortAmount - foreignAmount = tradeObj.item.foreignAmount - ata = tradeObj.item.atAddress - time = tradeObj.item.tradeTimestamp - coin = this.listedCoins.get(this.selectedCoin).coinCode - const theTradeInfoView = this.shadowRoot.querySelector('trade-info-view') - theTradeInfoView.openTradeInfo(seller, buyer, qortAmount, foreignAmount, ata, time, coin) - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - this.theme = (checkTheme === 'dark') ? 'dark' : 'light' - document.querySelector('html').setAttribute('theme', this.theme); - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - renderFetchText() { - return html`${translate("walletpage.wchange1")}` - } - - renderWarning() { - return html`NOT ENOUGH ${this.listedCoins.get(this.selectedCoin).coinCode}` - } - - chartShowCoin() { - switch(this.listedCoins.get(this.selectedCoin).coinCode) { - case "BTC": - return html` chartsbtc.open()}>` - break - case "LTC": - return html` chartsltc.open()}>` - break - case "DOGE": - return html` chartsdoge.open()}>` - break - case "DGB": - return html` chartsdgb.open()}>` - break - case "RVN": - return html` chartsrvn.open()}>` - break - case "ARRR": - return html` chartsarrr.open()}>` - break - default: - break - } - } - - exchangeRateQort() { - switch(this.listedCoins.get(this.selectedCoin).coinCode) { - case "BTC": - this.qortRatio = this.qortbtc - break - case "LTC": - this.qortRatio = this.qortltc - break - case "DOGE": - this.qortRatio = this.qortdoge - break - case "DGB": - this.qortRatio = this.qortdgb - break - case "RVN": - this.qortRatio = this.qortrvn - break - case "ARRR": - this.qortRatio = this.qortarrr - break - default: - break - } - return html`${this.qortRatio}` - } - - exchangeRateForeign() { - if (this.listedCoins.get(this.selectedCoin).coinCode === "BTC") { - parentEpml.request('apiCall', { - url: `/crosschain/price/BITCOIN?inverse=false` - }).then((res) => { - this.btcqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.btcqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "LTC") { - parentEpml.request('apiCall', { - url: `/crosschain/price/LITECOIN?inverse=false` - }).then((res) => { - this.ltcqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.ltcqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DOGE") { - parentEpml.request('apiCall', { - url: `/crosschain/price/DOGECOIN?inverse=false` - }).then((res) => { - this.dogeqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.dogeqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DGB") { - parentEpml.request('apiCall', { - url: `/crosschain/price/DIGIBYTE?inverse=false` - }).then((res) => { - this.dgbqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.dgbqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "RVN") { - parentEpml.request('apiCall', { - url: `/crosschain/price/RAVENCOIN?inverse=false` - }).then((res) => { - this.rvnqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.rvnqort}` - } else if (this.listedCoins.get(this.selectedCoin).coinCode === "ARRR") { - parentEpml.request('apiCall', { - url: `/crosschain/price/PIRATECHAIN?inverse=false` - }).then((res) => { - this.arrrqort = (Number(res) / 1e8).toFixed(8) - }) - return html`${this.arrrqort}` - } - } - - async updateWalletBalance() { - let _url = `` - let _body = null - - switch (this.selectedCoin) { - case 'BITCOIN': - _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey - break - case 'LITECOIN': - _url = `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey - break - case 'DOGECOIN': - _url = `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey - break - case 'DIGIBYTE': - _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey - break - case 'RAVENCOIN': - _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey - break - case 'PIRATECHAIN': - _url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}` - _body = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58 - break - default: - break - } - - this.showGetWalletBance = true - - await parentEpml.request('apiCall', { - url: _url, - method: 'POST', - body: _body, - }).then((res) => { - if (isNaN(Number(res))) { - //... - } else { - this.listedCoins.get(this.selectedCoin).balance = (Number(res) / 1e8).toFixed(8) - } - }) - - this.showGetWalletBance = false - } - - async fetchWalletAddress(coin) { - switch (coin) { - case 'PIRATECHAIN': - let res = await parentEpml.request('apiCall', { - url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58}`, - }) - if (res != null && res.error != 1201) { - this.arrrWalletAddress = res - } - break - - default: - // Not used for other coins yet - break - } - } - - async setForeignCoin(coin,beingInitialized) { - let _this = this - this.selectedCoin = coin - - let coinSelectionMenu=this.shadowRoot.getElementById("coinSelectionMenu") - - if(beingInitialized){ - coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').setAttribute('style', 'padding-left: 60px;') - let pairIconContainer = document.createElement("span") - let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() - pairIconContainer.setAttribute("class","pairIconContainer") - pairIconContainer.setAttribute('style', 'left: 10px;top: 50%;transform: translate(0, -50%);height: 26px;width: 45px;position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(/img/qort'+pairicon+'.png);') - coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').appendChild(pairIconContainer) - }else{ - let pairIconContainer = coinSelectionMenu.shadowRoot.querySelector(".mdc-select--outlined .mdc-select__anchor span.pairIconContainer") - let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() - pairIconContainer.style.backgroundImage='url(/img/qort'+pairicon+'.png)' - } - - this.isLoadingHistoricTrades = true - this.isLoadingOpenTrades = true - this.createConnection() - this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { - const priceString2 = get("tradepage.tchange9") - root.innerHTML = '' + priceString2 + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' - } - this.clearSellForm() - this.clearBuyForm() - await this.updateWalletBalance() - await this.fetchWalletAddress(coin) - } - - displayTabContent(tab) { - const tabPane = this.shadowRoot.getElementById("tabs-1") - tabPane.setAttribute("activeIndex", (tab === 'buy') ? '0': '1') - - const tabBuyContent = this.shadowRoot.getElementById('tab-buy-content') - tabBuyContent.style.display = (tab === 'buy') ? 'block' : 'none' - - const tabSellContent = this.shadowRoot.getElementById('tab-sell-content') - tabSellContent.style.display = (tab === 'sell') ? 'block' : 'none' - } - - setDefaultSellPrice() { - this.displayTabContent('sell') - const tabSellPrice = this.shadowRoot.getElementById('sellPriceInput') - tabSellPrice.value = this.qortRatio.isNaN ? 0 : this.qortRatio - } - - async reRenderHistoricTrades() { - this.requestUpdate() - await this.updateComplete - this.isLoadingHistoricTrades = false - } - - async reRenderOpenFilteredOrders() { - this.requestUpdate() - await this.updateComplete - this.isLoadingOpenTrades = false - } - - async reRenderMyOpenOrders() { - this.requestUpdate() - await this.updateComplete - this.isLoadingMyOpenOrders = false - } - - fillBuyForm(sellerRequest) { - this.shadowRoot.getElementById('buyAmountInput').value = parseFloat(sellerRequest.item.qortAmount) - this.shadowRoot.getElementById('buyPriceInput').value = this.round(parseFloat(sellerRequest.item.foreignAmount) / parseFloat(sellerRequest.item.qortAmount)) - this.shadowRoot.getElementById('buyTotalInput').value = parseFloat(sellerRequest.item.foreignAmount) - this.shadowRoot.getElementById('qortalAtAddress').value = sellerRequest.item.qortalAtAddress - const buyFunds = this.round(parseFloat(sellerRequest.item.foreignAmount)) - const haveFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) - if (Number(haveFunds) > Number(buyFunds)) { - this.buyBtnDisable = false - this.autoBuyWarning = false - this.displayTabContent('buy') - } else { - this.buyBtnDisable = true - this.autoBuyWarning = true - this.displayTabContent('buy') - } - - } - - processOfferingTrade(offer) { - try { - if(this.listedCoins.get(offer.foreignBlockchain).name!='') { - const offerItem = { - ...offer, - qortAmount: parseFloat(offer.qortAmount), - price: parseFloat(offer.foreignAmount) / parseFloat(offer.qortAmount), - } - const addOffer = () => { - this.listedCoins.get(offer.foreignBlockchain).openOrders.unshift(offerItem) - } - const initOffer = () => { - this.listedCoins.get(offer.foreignBlockchain).openOrders.push(offerItem) - } - this.listedCoins.get(offer.foreignBlockchain).openOrders.length === 0 ? initOffer() : addOffer() - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null - } - } catch(e) { - console.log("Error adding offer from "+offer.foreignBlockchain) - } - } - - processRedeemedTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - const offerItem = { - ...offer, - mode: 'SOLD', - } - this._myHistoricTradesGrid.items.unshift(offerItem) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } else if (offer.partnerQortalReceivingAddress === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - const offerItem = { - ...offer, - mode: 'BOUGHT', - } - this._myHistoricTradesGrid.items.unshift(offerItem) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } - const addNewHistoricTrade = () => { - this._historicTradesGrid.items.unshift(offer) - this._historicTradesGrid.clearCache() - } - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? addNewHistoricTrade() : null - - } - } catch(e) { - console.log("Error processing redeemed trade offer from "+offer.foreignBlockchain) - } - } - - processTradingTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address && this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - this._openOrdersGrid.items.forEach((item, index) => { - if (item.qortalAtAddress === offer.qortalAtAddress) { - this._openOrdersGrid.items.splice(index, 1) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null - } - }) - this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) - } - } catch(e) { - console.log("Error processing trading trade offer from "+offer.foreignBlockchain) - } - } - - processRefundedTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - this._myHistoricTradesGrid.items.unshift(offer) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } - - } - } catch(e) { - console.log("Error processing refunded trade offer from "+offer.foreignBlockchain) - } - } - - processCancelledTrade(offer) { - try { - if (this.listedCoins.get(offer.foreignBlockchain).name!='') { - - if (offer.qortalCreator === this.selectedAddress.address) { - if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { - this.updateWalletBalance() - } - this._myHistoricTradesGrid.items.unshift(offer) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null - } - this._openOrdersGrid.items.forEach((item, index) => { - if (item.qortalAtAddress === offer.qortalAtAddress) { - this._openOrdersGrid.items.splice(index, 1) - this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null - } - }) - this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) - this._stuckOrdersGrid.items.forEach((item, index) => { - if (item.qortalAtAddress === offer.qortalAtAddress) { - this._stuckOrdersGrid.items.splice(index, 1) - this._stuckOrdersGrid.clearCache() - } - }) - } - } catch(e) { - console.log("Error processing cancelled trade offer from "+offer.foreignBlockchain) - } - } - - /** - * TRADE OFFER STATES or MODE - * - OFFERING - * - REDEEMED - * - TRADING - * - REFUNDED - * - CANCELLED - */ - - processTradeOffers(offers) { - offers.forEach((offer) => { - if (offer.mode === 'OFFERING') { - this.processOfferingTrade(offer) - } else if (offer.mode === 'REDEEMED') { - this.processRedeemedTrade(offer) - } else if (offer.mode === 'TRADING') { - this.processTradingTrade(offer) - } else if (offer.mode === 'REFUNDED') { - this.processRefundedTrade(offer) - } else if (offer.mode === 'CANCELLED') { - this.processCancelledTrade(offer) - } - }) - } - - /** - * TradeBot Note by cat - * - * trade-bot entry states: - * - when you do /crosschain/tradebot/create, - * - it returns unsigned DEPLOY_AT for you to sign & broadcast - * - so initial trade-bot state is BOB_WAITING_FOR_AT_CONFIRM, because trade-bot is waiting for UI to sign & broadcast txn and for that txn to be confirmed into a block - * - once that happens & Bob's trade-bot notices that DEPLOY_AT has confirmed (and hence AT created and running), then it switches to BOB_WAITING_FOR_MESSAGE - * - which is Bob's trade-bot waiting for a message from Alice's trade-bot telling it (Bob's trade-bot) that Alice's trade-bot has funded P2SH-A and some other details - * - when that message is sent, Bob's trade-bot processes that message and sends its own message to the AT (which switches it to TRADING mode) - * - but the next state for Bob's trade-bot is to wait for Alice to spot AT is locked to her and for her to fund P2SH-B, hence BOB_WAITING_FOR_P2SH_B - * - at this point, Bob's trade-bot finds P2SH-B on the litecoin blockchain and can send secret-B to P2SH-B - * - when this happens, Alice uses secret-B and secret-A to redeem the QORT from the AT, so until Alice does this, Bob's trade-bot state is BOB_WAITING_FOR_AT_REDEEM - * - after Alice redeems QORT from AT, Bob can extract secret-A and capture the actual LTC funds from P2SH-A to his own litecoin account and hence his trade-bot moves to BOB_DONE - * - if anything goes wrong then refunds occur and Bob's trade-bot ends up at BOB_REFUNDED instead - * - I think you can probably guess the corresponding meaning of states for Alice's point of view, but if not I can go through those too? - * - Alice calls /crosschain/tradebot/respond which funds P2SH-A - * - so her trade-bot waits for that to appear in litecoin blockchain, so until then is ALICE_WAITING_FOR_P2SH_A - * - once the P2SH-A funding confirms, Alice's trade-bot can MESSAGE Bob's trade-bot with the details and changes to ALICE_WAITING_FOR_AT_LOCK - * - Bob's AT should then lock to trading with Alice (via those MESSAGEs above) and Alice's trade-bot notices this, (minimally) funds P2SH-B and waits until Bob 'spends' P2SH-B, hence ALICE_WATCH_P2SH_B - * - if Bob spends P2SH-B, then Alice can send secret-B and secret-A to the AT, claim the QORT and she's ALICE_DONE - * - if something goes wrong then her trade-bot needs to refund P2SH-B (if applicable) first (ALICE_REFUNDING_B) - * - and when that's done refund P2SH-A (ALICE_REFUNDING_A) - * - and when that's done her trade-bot ends up at ALICE_REFUNDED - * - * (PHEW) - */ - - processTradeBotStates(tradeStates) { - - /** - * BitcoinACCTv1 TRADEBOT STATES - * - BOB_WAITING_FOR_AT_CONFIRM - * - BOB_WAITING_FOR_MESSAGE - * - BOB_WAITING_FOR_AT_REDEEM - * - BOB_DONE - * - BOB_REFUNDED - * - ALICE_WAITING_FOR_AT_LOCK - * - ALICE_DONE - * - ALICE_REFUNDING_A - * - ALICE_REFUNDED - * - * @param {[{}]} states - */ - - const BitcoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { - this.changeTradeBotState(state, 'PENDING') - } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { - this.changeTradeBotState(state, 'LISTED') - } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { - this.changeTradeBotState(state, 'TRADING') - } else if (state.tradeState == 'BOB_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'BOB_REFUNDED') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - /** - * LitecoinACCTv1 TRADEBOT STATES - * - BOB_WAITING_FOR_AT_CONFIRM - * - BOB_WAITING_FOR_MESSAGE - * - BOB_WAITING_FOR_AT_REDEEM - * - BOB_DONE - * - BOB_REFUNDED - * - ALICE_WAITING_FOR_AT_LOCK - * - ALICE_DONE - * - ALICE_REFUNDING_A - * - ALICE_REFUNDED - * - * @param {[{}]} states - */ - - const LitecoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { - this.changeTradeBotState(state, 'PENDING') - } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { - this.changeTradeBotState(state, 'LISTED') - } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { - this.changeTradeBotState(state, 'TRADING') - } else if (state.tradeState == 'BOB_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'BOB_REFUNDED') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - /** - * DogecoinACCTv1 TRADEBOT STATES - * - BOB_WAITING_FOR_AT_CONFIRM - * - BOB_WAITING_FOR_MESSAGE - * - BOB_WAITING_FOR_AT_REDEEM - * - BOB_DONE - * - BOB_REFUNDED - * - ALICE_WAITING_FOR_AT_LOCK - * - ALICE_DONE - * - ALICE_REFUNDING_A - * - ALICE_REFUNDED - * - * @param {[{}]} states - */ - - const DogecoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { - this.changeTradeBotState(state, 'PENDING') - } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { - this.changeTradeBotState(state, 'LISTED') - } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { - this.changeTradeBotState(state, 'TRADING') - } else if (state.tradeState == 'BOB_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'BOB_REFUNDED') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - /** - * DigibyteACCTv1 TRADEBOT STATES - * - BOB_WAITING_FOR_AT_CONFIRM - * - BOB_WAITING_FOR_MESSAGE - * - BOB_WAITING_FOR_AT_REDEEM - * - BOB_DONE - * - BOB_REFUNDED - * - ALICE_WAITING_FOR_AT_LOCK - * - ALICE_DONE - * - ALICE_REFUNDING_A - * - ALICE_REFUNDED - * - * @param {[{}]} states - */ - - const DigibyteACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { - this.changeTradeBotState(state, 'PENDING') - } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { - this.changeTradeBotState(state, 'LISTED') - } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { - this.changeTradeBotState(state, 'TRADING') - } else if (state.tradeState == 'BOB_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'BOB_REFUNDED') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - /** - * RavencoinACCTv1 TRADEBOT STATES - * - BOB_WAITING_FOR_AT_CONFIRM - * - BOB_WAITING_FOR_MESSAGE - * - BOB_WAITING_FOR_AT_REDEEM - * - BOB_DONE - * - BOB_REFUNDED - * - ALICE_WAITING_FOR_AT_LOCK - * - ALICE_DONE - * - ALICE_REFUNDING_A - * - ALICE_REFUNDED - * - * @param {[{}]} states - */ - - const RavencoinACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { - this.changeTradeBotState(state, 'PENDING') - } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { - this.changeTradeBotState(state, 'LISTED') - } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { - this.changeTradeBotState(state, 'TRADING') - } else if (state.tradeState == 'BOB_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'BOB_REFUNDED') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - /** - * PirateChainACCTv1 TRADEBOT STATES - * - BOB_WAITING_FOR_AT_CONFIRM - * - BOB_WAITING_FOR_MESSAGE - * - BOB_WAITING_FOR_AT_REDEEM - * - BOB_DONE - * - BOB_REFUNDED - * - ALICE_WAITING_FOR_AT_LOCK - * - ALICE_DONE - * - ALICE_REFUNDING_A - * - ALICE_REFUNDED - * - * @param {[{}]} states - */ - - const PirateChainACCTv1 = (states) => { - states.reverse() - states.forEach((state) => { - if (state.creatorAddress === this.selectedAddress.address) { - if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { - this.changeTradeBotState(state, 'PENDING') - } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { - this.changeTradeBotState(state, 'LISTED') - } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { - this.changeTradeBotState(state, 'TRADING') - } else if (state.tradeState == 'BOB_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'BOB_REFUNDED') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { - this.changeTradeBotState(state, 'BUYING') - } else if (state.tradeState == 'ALICE_DONE') { - this.handleCompletedState(state) - } else if (state.tradeState == 'ALICE_REFUNDING_A') { - this.changeTradeBotState(state, 'REFUNDING') - } else if (state.tradeState == 'ALICE_REFUNDED') { - this.handleCompletedState(state) - } - } - }) - } - - switch (this.selectedCoin) { - case 'BITCOIN': - BitcoinACCTv1(tradeStates) - break - case 'LITECOIN': - LitecoinACCTv1(tradeStates) - break - case 'DOGECOIN': - DogecoinACCTv1(tradeStates) - break - case 'DIGIBYTE': - DigibyteACCTv1(tradeStates) - break - case 'RAVENCOIN': - RavencoinACCTv1(tradeStates) - break - case 'PIRATECHAIN': - PirateChainACCTv1(tradeStates) - break - default: - break - } - if (this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter === 1) { - setTimeout(() => this.filterStuckTrades(tradeStates), 250) - } - } - - changeTradeBotState(state, tradeState) { - this.isLoadingMyOpenOrders = true - const stateItem = { - ...state, - _tradeState: tradeState, - } - const item = this._myOrdersGrid.querySelector(`#${state.atAddress}`) - const addStateItem = () => { - this.reRenderMyOpenOrders() - this._myOrdersGrid.items.unshift(stateItem) - this._myOrdersGrid.clearCache() - } - const updateStateItem = () => { - this._myOrdersGrid.items.forEach((item, index) => { - if (item.atAddress === state.atAddress) { - this.reRenderMyOpenOrders() - this._myOrdersGrid.items.splice(index, 1) - this._myOrdersGrid.items.unshift(stateItem) - this._myOrdersGrid.clearCache() - } - }) - } - item ? updateStateItem() : addStateItem() - } - - handleCompletedState(state) { - this._myOrdersGrid.items.forEach((item, index) => { - if (item.atAddress === state.atAddress) { - this.reRenderMyOpenOrders() - this._myOrdersGrid.items.splice(index, 1) - this._myOrdersGrid.clearCache() - } - }) - } - - initSocket() { - let _relatedCoin = "" - let tradePresenceTxns = null - let offeringTrades = null - - self.addEventListener('message', function (event) { - switch (event.data.type) { - case 'open_orders': - offeringTrades = event.data.content - processOffersWithPresence() - break - case 'set_coin': - _relatedCoin = event.data.content - break - default: - break - } - }) - - const lessThanThirtyMinsAgo = (timestamp) => { - const THIRTYMINS = 1000 * 60 * 30 - const thirtyMinsAgo = Date.now() - THIRTYMINS - return timestamp > thirtyMinsAgo - } - - const filterOffersUsingTradePresence = (offeringTrade) => { - return offeringTrade.tradePresenceExpiry > Date.now(); - } - - const processOffersWithPresence = () => { - if (offeringTrades === null) return - - async function asyncForEach(array, callback) { - for (let index = 0; index < array.length; index++) { - await callback(array[index], index, array) - } - } - - const startOfferPresenceMapping = async () => { - - if (tradePresenceTxns !== null) { - await asyncForEach(tradePresenceTxns, async (tradePresence) => { - let offerIndex = offeringTrades.findIndex((offeringTrade) => offeringTrade.qortalCreatorTradeAddress === tradePresence.tradeAddress) - offerIndex !== -1 ? (offeringTrades[offerIndex].tradePresenceExpiry = tradePresence.timestamp) : null - }) - } - - let filteredOffers = offeringTrades.filter((offeringTrade) => filterOffersUsingTradePresence(offeringTrade)) - self.postMessage({ type: 'PRESENCE', data: { offers: offeringTrades, filteredOffers: filteredOffers, relatedCoin: _relatedCoin } }) - } - - startOfferPresenceMapping() - } - - const initTradeOffersWebSocket = (restarted = false) => { - let tradeOffersSocketCounter = 0 - let socketTimeout - let socketLink = `ws://NODEURL/websockets/crosschain/tradeoffers?foreignBlockchain=FOREIGN_BLOCKCHAIN&includeHistoric=true` - const socket = new WebSocket(socketLink) - socket.onopen = () => { - setTimeout(pingSocket, 50) - tradeOffersSocketCounter += 1 - } - socket.onmessage = (e) => { - e.relatedCoin = _relatedCoin - self.postMessage({ - type: 'TRADE_OFFERS', - data: e.data, - counter: tradeOffersSocketCounter, - isRestarted: restarted, - }) - tradeOffersSocketCounter += 1 - restarted = false - } - socket.onclose = () => { - clearTimeout(socketTimeout) - restartTradeOffersWebSocket() - } - socket.onerror = (e) => { - clearTimeout(socketTimeout) - } - const pingSocket = () => { - socket.send('ping') - socketTimeout = setTimeout(pingSocket, 295000) - } - } - - const initTradeBotWebSocket = (restarted = false) => { - let socketTimeout - let socketLink = `ws://NODEURL/websockets/crosschain/tradebot?foreignBlockchain=FOREIGN_BLOCKCHAIN` - const socket = new WebSocket(socketLink) - socket.onopen = () => { - setTimeout(pingSocket, 50) - } - socket.onmessage = (e) => { - e.relatedCoin = _relatedCoin - self.postMessage({ - type: 'TRADE_BOT', - data: e.data, - isRestarted: restarted, - }) - restarted = false - } - socket.onclose = () => { - clearTimeout(socketTimeout) - restartTradeBotWebSocket() - } - socket.onerror = (e) => { - clearTimeout(socketTimeout) - } - const pingSocket = () => { - socket.send('ping') - socketTimeout = setTimeout(pingSocket, 295000) - } - } - - const initTradePresenceWebSocket = (restarted = false) => { - let socketTimeout - let socketLink = `ws://NODEURL/websockets/crosschain/tradepresence` - const socket = new WebSocket(socketLink) - socket.onopen = () => { - setTimeout(pingSocket, 50) - } - socket.onmessage = (e) => { - tradePresenceTxns = JSON.parse(e.data) - processOffersWithPresence() - restarted = false - } - socket.onclose = () => { - clearTimeout(socketTimeout) - restartTradePresenceWebSocket() - } - socket.onerror = (e) => { - clearTimeout(socketTimeout) - } - const pingSocket = () => { - socket.send('ping') - socketTimeout = setTimeout(pingSocket, 295000) - } - } - - const restartTradePresenceWebSocket = () => { - setTimeout(() => initTradePresenceWebSocket(true), 50) - } - - const restartTradeOffersWebSocket = () => { - setTimeout(() => initTradeOffersWebSocket(true), 50) - } - - const restartTradeBotWebSocket = () => { - setTimeout(() => initTradeBotWebSocket(true), 50) - } - - initTradeOffersWebSocket() - initTradePresenceWebSocket() - initTradeBotWebSocket() - } - - async sellAction() { - this.isSellLoading = true - this.sellBtnDisable = true - await this.tradeFee() - const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value - const sellTotalInput = this.shadowRoot.getElementById('sellTotalInput').value - const fundingQortAmount = this.round(parseFloat(sellAmountInput) + 0.001) - - const makeRequest = async () => { - let _receivingAddress = null - switch (this.selectedCoin) { - case 'BITCOIN': - _receivingAddress = this.selectedAddress.btcWallet.address - break - case 'LITECOIN': - _receivingAddress = this.selectedAddress.ltcWallet.address - break - case 'DOGECOIN': - _receivingAddress = this.selectedAddress.dogeWallet.address - break - case 'DIGIBYTE': - _receivingAddress = this.selectedAddress.dgbWallet.address - break - case 'RAVENCOIN': - _receivingAddress = this.selectedAddress.rvnWallet.address - break - case 'PIRATECHAIN': - _receivingAddress = this.arrrWalletAddress - break - default: - break - } + ` + } + + pingCoinBalancesController() { + if (!this.selectedCoin) return + let coin = '' + switch (this.selectedCoin) { + case 'BITCOIN': + coin = 'btc' + break + case 'LITECOIN': + coin = 'ltc' + break + case 'DOGECOIN': + coin = 'doge' + break + case 'DIGIBYTE': + coin = 'dgb' + break + case 'RAVENCOIN': + coin = 'rvn' + break + case 'PIRATECHAIN': + coin = 'arrr' + break + default: + break + } + const customEvent = new CustomEvent('ping-coin-controller-with-coin', { detail: coin }) + window.parent.dispatchEvent(customEvent) + } + + connectedCallback() { + super.connectedCallback() + this.intervalID = setInterval(this.pingCoinBalancesController, 30000) + } + + disconnectedCallback() { + super.disconnectedCallback() + if (this.intervalID) { + clearInterval(this.intervalID) + } + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + renderTradeLockButton() { + if (this.myTradeLockScreenPass === false && this.myTradeLockScreenSet === false) { + return html` +
    + this.openTradeSetScreenLockPass()} title="${translate("login.lp11")}"> +
    + ` + } else if (this.myTradeLockScreenSet === false) { + return html` +
    + this.setTradeLockQortal()} title="${translate("login.lp11")}"> +
    + ` + } else if (this.myTradeLockScreenSet === true) { + return html` +
    + +
    + ` + } + } + + openTradeSetScreenLockPass() { + this.shadowRoot.getElementById('tradeLockPassword').value = '' + this.shadowRoot.getElementById('tradeLockPasswordConfirm').value = '' + this.shadowRoot.getElementById('setTradeLockScreenPass').open() + } + + closewTradeSetScreenLockPass() { + this.shadowRoot.getElementById('setTradeLockScreenPass').close() + } + + tradeCheckPass() { + const tradePassword = this.shadowRoot.getElementById('tradeLockPassword').value + const tradeRePassword = this.shadowRoot.getElementById('tradeLockPasswordConfirm').value + + if (tradePassword === '') { + let snackbar1string = get("login.pleaseenter") + parentEpml.request('showSnackBar', `${snackbar1string}`) + return + } + + if (tradePassword != tradeRePassword) { + let snackbar2string = get("login.notmatch") + parentEpml.request('showSnackBar', `${snackbar2string}`) + return + } + + if (tradePassword.length < 8) { + let snackbar3string = get("login.lessthen8") + parentEpml.request('showSnackBar', `${snackbar3string}`) + this.tradeExtraConfirm() + } + + if (tradePassword.length >= 8) { + this.setTradeNewScreenPass() + let snackbar4string = get("login.lp6") + parentEpml.request('showSnackBar', `${snackbar4string}`) + } + } + + tradeExtraConfirm() { + this.shadowRoot.getElementById('setTradeLockScreenPass').close() + this.shadowRoot.getElementById('tradeExtraConfirmPass').open() + } + + closTradeExtraConfirmPass() { + this.shadowRoot.getElementById('tradeExtraConfirmPass').close() + this.shadowRoot.getElementById('tradeLockPassword').value = '' + this.shadowRoot.getElementById('tradeLockPasswordConfirm').value = '' + } + + setTradeNewScreenPass() { + const tradeRawPassword = this.shadowRoot.getElementById('tradeLockPassword').value + const tradeCryptPassword = encryptData(tradeRawPassword, this.tradeSalt) + localStorage.setItem(this.tradeLockScreenPass, tradeCryptPassword) + this.myTradeLockScreenPass = '' + this.myTradeLockScreenPass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) + this.shadowRoot.getElementById('setTradeLockScreenPass').close() + this.shadowRoot.getElementById('tradeExtraConfirmPass').close() + this.shadowRoot.getElementById('tradeLockPassword').value = '' + this.shadowRoot.getElementById('tradeLockPasswordConfirm').value = '' + } + + setTradeLockQortal() { + this.tradeHelperMessage = this.renderTradeHelperPass() + this.tradeLockSet = '' + this.tradeLockSet = encryptData(true, this.tradeSalt) + localStorage.setItem(this.tradeLockScreenSet, this.tradeLockSet) + this.myTradeLockScreenSet = '' + this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) + this.shadowRoot.getElementById('tradeLockScreenActive').open() + } + + tradePassKeyListener(e) { + if (e.key === 'Enter') { + this.closeTradeLockScreenActive() + } + } + + async closeTradeLockScreenActive() { + const myTradePass = decryptData(localStorage.getItem(this.tradeLockScreenPass), this.tradeSalt) + const tradeCheckPass = this.shadowRoot.getElementById('tradeUnlockPassword').value + const errDelay = ms => new Promise(res => setTimeout(res, ms)) + + if (tradeCheckPass === myTradePass) { + this.tradeLockSet = '' + this.tradeLockSet = encryptData(false, this.tradeSalt) + localStorage.setItem(this.tradeLockScreenSet, this.tradeLockSet) + this.myTradeLockScreenSet = '' + this.myTradeLockScreenSet = decryptData(localStorage.getItem(this.tradeLockScreenSet), this.tradeSalt) + this.shadowRoot.getElementById('tradeLockScreenActive').close() + this.shadowRoot.getElementById('tradeUnlockPassword').value = '' + this.tradeHelperMessage = this.renderTradeHelperPass() + } else { + this.shadowRoot.getElementById('tradeUnlockPassword').value = '' + this.tradeHelperMessage = this.renderTradeHelperErr() + await errDelay(3000) + this.tradeHelperMessage = this.renderTradeHelperPass() + + } + } + + renderTradeHelperPass() { + return html`${translate("login.pleaseenter")}` + } + + renderTradeHelperErr() { + return html`${translate("login.lp8")}` + } + + requestTraderInfo(traderAddress) { + let getAddress = traderAddress + const theInfoView = this.shadowRoot.querySelector('trader-info-view') + theInfoView.openTraderInfo(getAddress) + } + + requestTradeInfo(tradeObj) { + let seller = '' + let buyer = '' + let qortAmount = 0 + let foreignAmount = 0 + let ata = '' + let time = 0 + let coin = '' + seller = tradeObj.item.sellerAddress + buyer = tradeObj.item.buyerReceivingAddress + qortAmount = tradeObj.item.qortAmount + foreignAmount = tradeObj.item.foreignAmount + ata = tradeObj.item.atAddress + time = tradeObj.item.tradeTimestamp + coin = this.listedCoins.get(this.selectedCoin).coinCode + const theTradeInfoView = this.shadowRoot.querySelector('trade-info-view') + theTradeInfoView.openTradeInfo(seller, buyer, qortAmount, foreignAmount, ata, time, coin) + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + this.theme = (checkTheme === 'dark') ? 'dark' : 'light' + document.querySelector('html').setAttribute('theme', this.theme); + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + renderFetchText() { + return html`${translate("walletpage.wchange1")}` + } + + renderWarning() { + return html`NOT ENOUGH ${this.listedCoins.get(this.selectedCoin).coinCode}` + } + + chartShowCoin() { + switch (this.listedCoins.get(this.selectedCoin).coinCode) { + case "BTC": + return html` chartsbtc.open()}>` + break + case "LTC": + return html` chartsltc.open()}>` + break + case "DOGE": + return html` chartsdoge.open()}>` + break + case "DGB": + return html` chartsdgb.open()}>` + break + case "RVN": + return html` chartsrvn.open()}>` + break + case "ARRR": + return html` chartsarrr.open()}>` + break + default: + break + } + } + + exchangeRateQort() { + switch (this.listedCoins.get(this.selectedCoin).coinCode) { + case "BTC": + this.qortRatio = this.qortbtc + break + case "LTC": + this.qortRatio = this.qortltc + break + case "DOGE": + this.qortRatio = this.qortdoge + break + case "DGB": + this.qortRatio = this.qortdgb + break + case "RVN": + this.qortRatio = this.qortrvn + break + case "ARRR": + this.qortRatio = this.qortarrr + break + default: + break + } + return html`${this.qortRatio}` + } + + exchangeRateForeign() { + if (this.listedCoins.get(this.selectedCoin).coinCode === "BTC") { + parentEpml.request('apiCall', { + url: `/crosschain/price/BITCOIN?inverse=false` + }).then((res) => { + this.btcqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.btcqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "LTC") { + parentEpml.request('apiCall', { + url: `/crosschain/price/LITECOIN?inverse=false` + }).then((res) => { + this.ltcqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.ltcqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DOGE") { + parentEpml.request('apiCall', { + url: `/crosschain/price/DOGECOIN?inverse=false` + }).then((res) => { + this.dogeqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.dogeqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "DGB") { + parentEpml.request('apiCall', { + url: `/crosschain/price/DIGIBYTE?inverse=false` + }).then((res) => { + this.dgbqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.dgbqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "RVN") { + parentEpml.request('apiCall', { + url: `/crosschain/price/RAVENCOIN?inverse=false` + }).then((res) => { + this.rvnqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.rvnqort}` + } else if (this.listedCoins.get(this.selectedCoin).coinCode === "ARRR") { + parentEpml.request('apiCall', { + url: `/crosschain/price/PIRATECHAIN?inverse=false` + }).then((res) => { + this.arrrqort = (Number(res) / 1e8).toFixed(8) + }) + return html`${this.arrrqort}` + } + } + + async updateWalletBalance() { + let _url = `` + let _body = null + + switch (this.selectedCoin) { + case 'BITCOIN': + _url = `/crosschain/btc/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.derivedMasterPublicKey + break + case 'LITECOIN': + _url = `/crosschain/ltc/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.derivedMasterPublicKey + break + case 'DOGECOIN': + _url = `/crosschain/doge/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.derivedMasterPublicKey + break + case 'DIGIBYTE': + _url = `/crosschain/dgb/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.derivedMasterPublicKey + break + case 'RAVENCOIN': + _url = `/crosschain/rvn/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.derivedMasterPublicKey + break + case 'PIRATECHAIN': + _url = `/crosschain/arrr/walletbalance?apiKey=${this.getApiKey()}` + _body = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58 + break + default: + break + } + + this.showGetWalletBance = true + + await parentEpml.request('apiCall', { + url: _url, + method: 'POST', + body: _body + }).then((res) => { + if (isNaN(Number(res))) { + //... + } else { + this.listedCoins.get(this.selectedCoin).balance = (Number(res) / 1e8).toFixed(8) + } + }) + + this.showGetWalletBance = false + } + + async fetchWalletAddress(coin) { + switch (coin) { + case 'PIRATECHAIN': + let res = await parentEpml.request('apiCall', { + url: `/crosschain/arrr/walletaddress?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.seed58}` + }) + if (res != null && res.error != 1201) { + this.arrrWalletAddress = res + } + break + + default: + // Not used for other coins yet + break + } + } + + async setForeignCoin(coin, beingInitialized) { + let _this = this + this.selectedCoin = coin + + let coinSelectionMenu = this.shadowRoot.getElementById("coinSelectionMenu") + + if (beingInitialized) { + coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').setAttribute('style', 'padding-left: 60px;') + let pairIconContainer = document.createElement("span") + let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() + pairIconContainer.setAttribute("class", "pairIconContainer") + pairIconContainer.setAttribute('style', 'left: 10px;top: 50%;transform: translate(0, -50%);height: 26px;width: 45px;position: absolute;background-repeat: no-repeat;background-size: cover;background-image: url(/img/qort' + pairicon + '.png);') + coinSelectionMenu.shadowRoot.querySelector('.mdc-select--outlined .mdc-select__anchor').appendChild(pairIconContainer) + } else { + let pairIconContainer = coinSelectionMenu.shadowRoot.querySelector(".mdc-select--outlined .mdc-select__anchor span.pairIconContainer") + let pairicon = (_this.listedCoins.get(_this.selectedCoin).coinCode).toLowerCase() + pairIconContainer.style.backgroundImage = 'url(/img/qort' + pairicon + '.png)' + } + + this.isLoadingHistoricTrades = true + this.isLoadingOpenTrades = true + this.createConnection() + this._openOrdersGrid.querySelector('#priceColumn').headerRenderer = function (root) { + const priceString2 = get("tradepage.tchange9") + root.innerHTML = '' + priceString2 + ' (' + _this.listedCoins.get(_this.selectedCoin).coinCode + ')' + } + this.clearSellForm() + this.clearBuyForm() + await this.updateWalletBalance() + await this.fetchWalletAddress(coin) + } + + displayTabContent(tab) { + const tabPane = this.shadowRoot.getElementById("tabs-1") + tabPane.setAttribute("activeIndex", (tab === 'buy') ? '0' : '1') + + const tabBuyContent = this.shadowRoot.getElementById('tab-buy-content') + tabBuyContent.style.display = (tab === 'buy') ? 'block' : 'none' + + const tabSellContent = this.shadowRoot.getElementById('tab-sell-content') + tabSellContent.style.display = (tab === 'sell') ? 'block' : 'none' + } + + setDefaultSellPrice() { + this.displayTabContent('sell') + const tabSellPrice = this.shadowRoot.getElementById('sellPriceInput') + tabSellPrice.value = this.qortRatio.isNaN ? 0 : this.qortRatio + } + + async reRenderHistoricTrades() { + this.requestUpdate() + await this.updateComplete + this.isLoadingHistoricTrades = false + } + + async reRenderOpenFilteredOrders() { + this.requestUpdate() + await this.updateComplete + this.isLoadingOpenTrades = false + } + + async reRenderMyOpenOrders() { + this.requestUpdate() + await this.updateComplete + this.isLoadingMyOpenOrders = false + } + + fillBuyForm(sellerRequest) { + this.shadowRoot.getElementById('buyAmountInput').value = parseFloat(sellerRequest.item.qortAmount) + this.shadowRoot.getElementById('buyPriceInput').value = this.round(parseFloat(sellerRequest.item.foreignAmount) / parseFloat(sellerRequest.item.qortAmount)) + this.shadowRoot.getElementById('buyTotalInput').value = parseFloat(sellerRequest.item.foreignAmount) + this.shadowRoot.getElementById('qortalAtAddress').value = sellerRequest.item.qortalAtAddress + const buyFunds = this.round(parseFloat(sellerRequest.item.foreignAmount)) + const haveFunds = this.round(parseFloat(this.listedCoins.get(this.selectedCoin).balance)) + if (Number(haveFunds) > Number(buyFunds)) { + this.buyBtnDisable = false + this.autoBuyWarning = false + this.displayTabContent('buy') + } else { + this.buyBtnDisable = true + this.autoBuyWarning = true + this.displayTabContent('buy') + } + + } + + processOfferingTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + const offerItem = { + ...offer, + qortAmount: parseFloat(offer.qortAmount), + price: parseFloat(offer.foreignAmount) / parseFloat(offer.qortAmount), + } + const addOffer = () => { + this.listedCoins.get(offer.foreignBlockchain).openOrders.unshift(offerItem) + } + const initOffer = () => { + this.listedCoins.get(offer.foreignBlockchain).openOrders.push(offerItem) + } + this.listedCoins.get(offer.foreignBlockchain).openOrders.length === 0 ? initOffer() : addOffer() + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null + } + } catch (e) { + console.log("Error adding offer from " + offer.foreignBlockchain) + } + } + + processRedeemedTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + const offerItem = { + ...offer, + mode: 'SOLD' + } + this._myHistoricTradesGrid.items.unshift(offerItem) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } else if (offer.partnerQortalReceivingAddress === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + const offerItem = { + ...offer, + mode: 'BOUGHT' + } + this._myHistoricTradesGrid.items.unshift(offerItem) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } + const addNewHistoricTrade = () => { + this._historicTradesGrid.items.unshift(offer) + this._historicTradesGrid.clearCache() + } + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? addNewHistoricTrade() : null + + } + } catch (e) { + console.log("Error processing redeemed trade offer from " + offer.foreignBlockchain) + } + } + + processTradingTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address && this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + this._openOrdersGrid.items.forEach((item, index) => { + if (item.qortalAtAddress === offer.qortalAtAddress) { + this._openOrdersGrid.items.splice(index, 1) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null + } + }) + this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) + } + } catch (e) { + console.log("Error processing trading trade offer from " + offer.foreignBlockchain) + } + } + + processRefundedTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + this._myHistoricTradesGrid.items.unshift(offer) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } + + } + } catch (e) { + console.log("Error processing refunded trade offer from " + offer.foreignBlockchain) + } + } + + processCancelledTrade(offer) { + try { + if (this.listedCoins.get(offer.foreignBlockchain).name != '') { + + if (offer.qortalCreator === this.selectedAddress.address) { + if (this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1) { + this.updateWalletBalance() + } + this._myHistoricTradesGrid.items.unshift(offer) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._myHistoricTradesGrid.clearCache() : null + } + this._openOrdersGrid.items.forEach((item, index) => { + if (item.qortalAtAddress === offer.qortalAtAddress) { + this._openOrdersGrid.items.splice(index, 1) + this.listedCoins.get(offer.foreignBlockchain).tradeOffersSocketCounter > 1 ? this._openOrdersGrid.clearCache() : null + } + }) + this.listedCoins.get(offer.foreignBlockchain).openOrders = this.listedCoins.get(offer.foreignBlockchain).openOrders.filter((order) => order.qortalAtAddress !== offer.qortalAtAddress) + this._stuckOrdersGrid.items.forEach((item, index) => { + if (item.qortalAtAddress === offer.qortalAtAddress) { + this._stuckOrdersGrid.items.splice(index, 1) + this._stuckOrdersGrid.clearCache() + } + }) + } + } catch (e) { + console.log("Error processing cancelled trade offer from " + offer.foreignBlockchain) + } + } + + /** + * TRADE OFFER STATES or MODE + * - OFFERING + * - REDEEMED + * - TRADING + * - REFUNDED + * - CANCELLED + */ + + processTradeOffers(offers) { + offers.forEach((offer) => { + if (offer.mode === 'OFFERING') { + this.processOfferingTrade(offer) + } else if (offer.mode === 'REDEEMED') { + this.processRedeemedTrade(offer) + } else if (offer.mode === 'TRADING') { + this.processTradingTrade(offer) + } else if (offer.mode === 'REFUNDED') { + this.processRefundedTrade(offer) + } else if (offer.mode === 'CANCELLED') { + this.processCancelledTrade(offer) + } + }) + } + + /** + * TradeBot Note by cat + * + * trade-bot entry states: + * - when you do /crosschain/tradebot/create, + * - it returns unsigned DEPLOY_AT for you to sign & broadcast + * - so initial trade-bot state is BOB_WAITING_FOR_AT_CONFIRM, because trade-bot is waiting for UI to sign & broadcast txn and for that txn to be confirmed into a block + * - once that happens & Bob's trade-bot notices that DEPLOY_AT has confirmed (and hence AT created and running), then it switches to BOB_WAITING_FOR_MESSAGE + * - which is Bob's trade-bot waiting for a message from Alice's trade-bot telling it (Bob's trade-bot) that Alice's trade-bot has funded P2SH-A and some other details + * - when that message is sent, Bob's trade-bot processes that message and sends its own message to the AT (which switches it to TRADING mode) + * - but the next state for Bob's trade-bot is to wait for Alice to spot AT is locked to her and for her to fund P2SH-B, hence BOB_WAITING_FOR_P2SH_B + * - at this point, Bob's trade-bot finds P2SH-B on the litecoin blockchain and can send secret-B to P2SH-B + * - when this happens, Alice uses secret-B and secret-A to redeem the QORT from the AT, so until Alice does this, Bob's trade-bot state is BOB_WAITING_FOR_AT_REDEEM + * - after Alice redeems QORT from AT, Bob can extract secret-A and capture the actual LTC funds from P2SH-A to his own litecoin account and hence his trade-bot moves to BOB_DONE + * - if anything goes wrong then refunds occur and Bob's trade-bot ends up at BOB_REFUNDED instead + * - I think you can probably guess the corresponding meaning of states for Alice's point of view, but if not I can go through those too? + * - Alice calls /crosschain/tradebot/respond which funds P2SH-A + * - so her trade-bot waits for that to appear in litecoin blockchain, so until then is ALICE_WAITING_FOR_P2SH_A + * - once the P2SH-A funding confirms, Alice's trade-bot can MESSAGE Bob's trade-bot with the details and changes to ALICE_WAITING_FOR_AT_LOCK + * - Bob's AT should then lock to trading with Alice (via those MESSAGEs above) and Alice's trade-bot notices this, (minimally) funds P2SH-B and waits until Bob 'spends' P2SH-B, hence ALICE_WATCH_P2SH_B + * - if Bob spends P2SH-B, then Alice can send secret-B and secret-A to the AT, claim the QORT and she's ALICE_DONE + * - if something goes wrong then her trade-bot needs to refund P2SH-B (if applicable) first (ALICE_REFUNDING_B) + * - and when that's done refund P2SH-A (ALICE_REFUNDING_A) + * - and when that's done her trade-bot ends up at ALICE_REFUNDED + * + * (PHEW) + */ + + processTradeBotStates(tradeStates) { + + /** + * BitcoinACCTv1 TRADEBOT STATES + * - BOB_WAITING_FOR_AT_CONFIRM + * - BOB_WAITING_FOR_MESSAGE + * - BOB_WAITING_FOR_AT_REDEEM + * - BOB_DONE + * - BOB_REFUNDED + * - ALICE_WAITING_FOR_AT_LOCK + * - ALICE_DONE + * - ALICE_REFUNDING_A + * - ALICE_REFUNDED + * + * @param {[{}]} states + */ + + const BitcoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { + this.changeTradeBotState(state, 'PENDING') + } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { + this.changeTradeBotState(state, 'LISTED') + } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { + this.changeTradeBotState(state, 'TRADING') + } else if (state.tradeState == 'BOB_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'BOB_REFUNDED') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + /** + * LitecoinACCTv1 TRADEBOT STATES + * - BOB_WAITING_FOR_AT_CONFIRM + * - BOB_WAITING_FOR_MESSAGE + * - BOB_WAITING_FOR_AT_REDEEM + * - BOB_DONE + * - BOB_REFUNDED + * - ALICE_WAITING_FOR_AT_LOCK + * - ALICE_DONE + * - ALICE_REFUNDING_A + * - ALICE_REFUNDED + * + * @param {[{}]} states + */ + + const LitecoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { + this.changeTradeBotState(state, 'PENDING') + } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { + this.changeTradeBotState(state, 'LISTED') + } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { + this.changeTradeBotState(state, 'TRADING') + } else if (state.tradeState == 'BOB_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'BOB_REFUNDED') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + /** + * DogecoinACCTv1 TRADEBOT STATES + * - BOB_WAITING_FOR_AT_CONFIRM + * - BOB_WAITING_FOR_MESSAGE + * - BOB_WAITING_FOR_AT_REDEEM + * - BOB_DONE + * - BOB_REFUNDED + * - ALICE_WAITING_FOR_AT_LOCK + * - ALICE_DONE + * - ALICE_REFUNDING_A + * - ALICE_REFUNDED + * + * @param {[{}]} states + */ + + const DogecoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { + this.changeTradeBotState(state, 'PENDING') + } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { + this.changeTradeBotState(state, 'LISTED') + } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { + this.changeTradeBotState(state, 'TRADING') + } else if (state.tradeState == 'BOB_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'BOB_REFUNDED') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + /** + * DigibyteACCTv1 TRADEBOT STATES + * - BOB_WAITING_FOR_AT_CONFIRM + * - BOB_WAITING_FOR_MESSAGE + * - BOB_WAITING_FOR_AT_REDEEM + * - BOB_DONE + * - BOB_REFUNDED + * - ALICE_WAITING_FOR_AT_LOCK + * - ALICE_DONE + * - ALICE_REFUNDING_A + * - ALICE_REFUNDED + * + * @param {[{}]} states + */ + + const DigibyteACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { + this.changeTradeBotState(state, 'PENDING') + } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { + this.changeTradeBotState(state, 'LISTED') + } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { + this.changeTradeBotState(state, 'TRADING') + } else if (state.tradeState == 'BOB_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'BOB_REFUNDED') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + /** + * RavencoinACCTv1 TRADEBOT STATES + * - BOB_WAITING_FOR_AT_CONFIRM + * - BOB_WAITING_FOR_MESSAGE + * - BOB_WAITING_FOR_AT_REDEEM + * - BOB_DONE + * - BOB_REFUNDED + * - ALICE_WAITING_FOR_AT_LOCK + * - ALICE_DONE + * - ALICE_REFUNDING_A + * - ALICE_REFUNDED + * + * @param {[{}]} states + */ + + const RavencoinACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { + this.changeTradeBotState(state, 'PENDING') + } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { + this.changeTradeBotState(state, 'LISTED') + } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { + this.changeTradeBotState(state, 'TRADING') + } else if (state.tradeState == 'BOB_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'BOB_REFUNDED') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + /** + * PirateChainACCTv1 TRADEBOT STATES + * - BOB_WAITING_FOR_AT_CONFIRM + * - BOB_WAITING_FOR_MESSAGE + * - BOB_WAITING_FOR_AT_REDEEM + * - BOB_DONE + * - BOB_REFUNDED + * - ALICE_WAITING_FOR_AT_LOCK + * - ALICE_DONE + * - ALICE_REFUNDING_A + * - ALICE_REFUNDED + * + * @param {[{}]} states + */ + + const PirateChainACCTv1 = (states) => { + states.reverse() + states.forEach((state) => { + if (state.creatorAddress === this.selectedAddress.address) { + if (state.tradeState == 'BOB_WAITING_FOR_AT_CONFIRM') { + this.changeTradeBotState(state, 'PENDING') + } else if (state.tradeState == 'BOB_WAITING_FOR_MESSAGE') { + this.changeTradeBotState(state, 'LISTED') + } else if (state.tradeState == 'BOB_WAITING_FOR_AT_REDEEM') { + this.changeTradeBotState(state, 'TRADING') + } else if (state.tradeState == 'BOB_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'BOB_REFUNDED') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_WAITING_FOR_AT_LOCK') { + this.changeTradeBotState(state, 'BUYING') + } else if (state.tradeState == 'ALICE_DONE') { + this.handleCompletedState(state) + } else if (state.tradeState == 'ALICE_REFUNDING_A') { + this.changeTradeBotState(state, 'REFUNDING') + } else if (state.tradeState == 'ALICE_REFUNDED') { + this.handleCompletedState(state) + } + } + }) + } + + switch (this.selectedCoin) { + case 'BITCOIN': + BitcoinACCTv1(tradeStates) + break + case 'LITECOIN': + LitecoinACCTv1(tradeStates) + break + case 'DOGECOIN': + DogecoinACCTv1(tradeStates) + break + case 'DIGIBYTE': + DigibyteACCTv1(tradeStates) + break + case 'RAVENCOIN': + RavencoinACCTv1(tradeStates) + break + case 'PIRATECHAIN': + PirateChainACCTv1(tradeStates) + break + default: + break + } + if (this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter === 1) { + setTimeout(() => this.filterStuckTrades(tradeStates), 250) + } + } + + changeTradeBotState(state, tradeState) { + this.isLoadingMyOpenOrders = true + const stateItem = { + ...state, + _tradeState: tradeState, + } + const item = this._myOrdersGrid.querySelector(`#${state.atAddress}`) + const addStateItem = () => { + this.reRenderMyOpenOrders() + this._myOrdersGrid.items.unshift(stateItem) + this._myOrdersGrid.clearCache() + } + const updateStateItem = () => { + this._myOrdersGrid.items.forEach((item, index) => { + if (item.atAddress === state.atAddress) { + this.reRenderMyOpenOrders() + this._myOrdersGrid.items.splice(index, 1) + this._myOrdersGrid.items.unshift(stateItem) + this._myOrdersGrid.clearCache() + } + }) + } + item ? updateStateItem() : addStateItem() + } + + handleCompletedState(state) { + this._myOrdersGrid.items.forEach((item, index) => { + if (item.atAddress === state.atAddress) { + this.reRenderMyOpenOrders() + this._myOrdersGrid.items.splice(index, 1) + this._myOrdersGrid.clearCache() + } + }) + } + + initSocket() { + let _relatedCoin = "" + let tradePresenceTxns = null + let offeringTrades = null + + self.addEventListener('message', function (event) { + switch (event.data.type) { + case 'open_orders': + offeringTrades = event.data.content + processOffersWithPresence() + break + case 'set_coin': + _relatedCoin = event.data.content + break + default: + break + } + }) + + const lessThanThirtyMinsAgo = (timestamp) => { + const THIRTYMINS = 1000 * 60 * 30 + const thirtyMinsAgo = Date.now() - THIRTYMINS + return timestamp > thirtyMinsAgo + } + + const filterOffersUsingTradePresence = (offeringTrade) => { + return offeringTrade.tradePresenceExpiry > Date.now(); + } + + const processOffersWithPresence = () => { + if (offeringTrades === null) return + + async function asyncForEach(array, callback) { + for (let index = 0; index < array.length; index++) { + await callback(array[index], index, array) + } + } + + const startOfferPresenceMapping = async () => { + + if (tradePresenceTxns !== null) { + await asyncForEach(tradePresenceTxns, async (tradePresence) => { + let offerIndex = offeringTrades.findIndex((offeringTrade) => offeringTrade.qortalCreatorTradeAddress === tradePresence.tradeAddress) + offerIndex !== -1 ? (offeringTrades[offerIndex].tradePresenceExpiry = tradePresence.timestamp) : null + }) + } + + let filteredOffers = offeringTrades.filter((offeringTrade) => filterOffersUsingTradePresence(offeringTrade)) + self.postMessage({ type: 'PRESENCE', data: { offers: offeringTrades, filteredOffers: filteredOffers, relatedCoin: _relatedCoin } }) + } + + startOfferPresenceMapping() + } + + const initTradeOffersWebSocket = (restarted = false) => { + let tradeOffersSocketCounter = 0 + let socketTimeout + let socketLink = `ws://NODEURL/websockets/crosschain/tradeoffers?foreignBlockchain=FOREIGN_BLOCKCHAIN&includeHistoric=true` + const socket = new WebSocket(socketLink) + socket.onopen = () => { + setTimeout(pingSocket, 50) + tradeOffersSocketCounter += 1 + } + socket.onmessage = (e) => { + e.relatedCoin = _relatedCoin + self.postMessage({ + type: 'TRADE_OFFERS', + data: e.data, + counter: tradeOffersSocketCounter, + isRestarted: restarted, + }) + tradeOffersSocketCounter += 1 + restarted = false + } + socket.onclose = () => { + clearTimeout(socketTimeout) + restartTradeOffersWebSocket() + } + socket.onerror = (e) => { + clearTimeout(socketTimeout) + } + const pingSocket = () => { + socket.send('ping') + socketTimeout = setTimeout(pingSocket, 295000) + } + } + + const initTradeBotWebSocket = (restarted = false) => { + let socketTimeout + let socketLink = `ws://NODEURL/websockets/crosschain/tradebot?foreignBlockchain=FOREIGN_BLOCKCHAIN` + const socket = new WebSocket(socketLink) + socket.onopen = () => { + setTimeout(pingSocket, 50) + } + socket.onmessage = (e) => { + e.relatedCoin = _relatedCoin + self.postMessage({ + type: 'TRADE_BOT', + data: e.data, + isRestarted: restarted, + }) + restarted = false + } + socket.onclose = () => { + clearTimeout(socketTimeout) + restartTradeBotWebSocket() + } + socket.onerror = (e) => { + clearTimeout(socketTimeout) + } + const pingSocket = () => { + socket.send('ping') + socketTimeout = setTimeout(pingSocket, 295000) + } + } + + const initTradePresenceWebSocket = (restarted = false) => { + let socketTimeout + let socketLink = `ws://NODEURL/websockets/crosschain/tradepresence` + const socket = new WebSocket(socketLink) + socket.onopen = () => { + setTimeout(pingSocket, 50) + } + socket.onmessage = (e) => { + tradePresenceTxns = JSON.parse(e.data) + processOffersWithPresence() + restarted = false + } + socket.onclose = () => { + clearTimeout(socketTimeout) + restartTradePresenceWebSocket() + } + socket.onerror = (e) => { + clearTimeout(socketTimeout) + } + const pingSocket = () => { + socket.send('ping') + socketTimeout = setTimeout(pingSocket, 295000) + } + } + + const restartTradePresenceWebSocket = () => { + setTimeout(() => initTradePresenceWebSocket(true), 50) + } + + const restartTradeOffersWebSocket = () => { + setTimeout(() => initTradeOffersWebSocket(true), 50) + } + + const restartTradeBotWebSocket = () => { + setTimeout(() => initTradeBotWebSocket(true), 50) + } + + initTradeOffersWebSocket() + initTradePresenceWebSocket() + initTradeBotWebSocket() + } + + async sellAction() { + this.isSellLoading = true + this.sellBtnDisable = true + await this.tradeFee() + const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value + const sellTotalInput = this.shadowRoot.getElementById('sellTotalInput').value + const fundingQortAmount = this.round(parseFloat(sellAmountInput) + 0.001) + + const makeRequest = async () => { + let _receivingAddress = null + switch (this.selectedCoin) { + case 'BITCOIN': + _receivingAddress = this.selectedAddress.btcWallet.address + break + case 'LITECOIN': + _receivingAddress = this.selectedAddress.ltcWallet.address + break + case 'DOGECOIN': + _receivingAddress = this.selectedAddress.dogeWallet.address + break + case 'DIGIBYTE': + _receivingAddress = this.selectedAddress.dgbWallet.address + break + case 'RAVENCOIN': + _receivingAddress = this.selectedAddress.rvnWallet.address + break + case 'PIRATECHAIN': + _receivingAddress = this.arrrWalletAddress + break + default: + break + } return await parentEpml.request('tradeBotCreateRequest', { creatorPublicKey: this.selectedAddress.base58PublicKey, qortAmount: parseFloat(sellAmountInput), @@ -2247,579 +2264,576 @@ class TradePortal extends LitElement { foreignBlockchain: this.selectedCoin, foreignAmount: parseFloat(sellTotalInput), tradeTimeout: 120, - receivingAddress: _receivingAddress, + receivingAddress: _receivingAddress }) - } + } - const manageResponse = (response) => { - if (response === true) { - this.isSellLoading = false - this.sellBtnDisable = false - this.shadowRoot.getElementById('sellAmountInput').value = this.initialAmount - this.shadowRoot.getElementById('sellPriceInput').value = this.initialAmount - this.shadowRoot.getElementById('sellTotalInput').value = this.initialAmount - } else if (response === false) { - this.isSellLoading = false - this.sellBtnDisable = false - let snack2string = get("tradepage.tchange20") - parentEpml.request('showSnackBar', `${snack2string}`) - } else { - this.isSellLoading = false - this.sellBtnDisable = false - let snack3string = get("tradepage.tchange21") - parentEpml.request('showSnackBar', `${snack3string}: ${response.message}`) - } - } + const manageResponse = (response) => { + if (response === true) { + this.isSellLoading = false + this.sellBtnDisable = false + this.shadowRoot.getElementById('sellAmountInput').value = this.initialAmount + this.shadowRoot.getElementById('sellPriceInput').value = this.initialAmount + this.shadowRoot.getElementById('sellTotalInput').value = this.initialAmount + } else if (response === false) { + this.isSellLoading = false + this.sellBtnDisable = false + let snack2string = get("tradepage.tchange20") + parentEpml.request('showSnackBar', `${snack2string}`) + } else { + this.isSellLoading = false + this.sellBtnDisable = false + let snack3string = get("tradepage.tchange21") + parentEpml.request('showSnackBar', `${snack3string}: ${response.message}`) + } + } - if (this.round(parseFloat(fundingQortAmount) + parseFloat(this.listedCoins.get("QORTAL").tradeFee)) > parseFloat(this.listedCoins.get("QORTAL").balance)) { - this.isSellLoading = false - this.sellBtnDisable = false - let snack4string = get("tradepage.tchange22") - parentEpml.request('showSnackBar', `${snack4string}`) - return false - } else { - const res = await makeRequest() - manageResponse(res) - } - } + if (this.round(parseFloat(fundingQortAmount) + parseFloat(this.listedCoins.get("QORTAL").tradeFee)) > parseFloat(this.listedCoins.get("QORTAL").balance)) { + this.isSellLoading = false + this.sellBtnDisable = false + let snack4string = get("tradepage.tchange22") + parentEpml.request('showSnackBar', `${snack4string}`) + return false + } else { + const res = await makeRequest() + manageResponse(res) + } + } - async buyAction() { - this.isBuyLoading = true - this.buyBtnDisable = true - const qortalAtAddress = this.shadowRoot.getElementById('qortalAtAddress').value - let _foreignKey = "" + async buyAction() { + this.isBuyLoading = true + this.buyBtnDisable = true + const qortalAtAddress = this.shadowRoot.getElementById('qortalAtAddress').value + let _foreignKey = "" - switch (this.selectedCoin) { - case 'BITCOIN': - _foreignKey = this.selectedAddress.btcWallet.derivedMasterPrivateKey - break - case 'LITECOIN': - _foreignKey = this.selectedAddress.ltcWallet.derivedMasterPrivateKey - break - case 'DOGECOIN': - _foreignKey = this.selectedAddress.dogeWallet.derivedMasterPrivateKey - break - case 'DIGIBYTE': - _foreignKey = this.selectedAddress.dgbWallet.derivedMasterPrivateKey - break + switch (this.selectedCoin) { + case 'BITCOIN': + _foreignKey = this.selectedAddress.btcWallet.derivedMasterPrivateKey + break + case 'LITECOIN': + _foreignKey = this.selectedAddress.ltcWallet.derivedMasterPrivateKey + break + case 'DOGECOIN': + _foreignKey = this.selectedAddress.dogeWallet.derivedMasterPrivateKey + break + case 'DIGIBYTE': + _foreignKey = this.selectedAddress.dgbWallet.derivedMasterPrivateKey + break case 'RAVENCOIN': - _foreignKey = this.selectedAddress.rvnWallet.derivedMasterPrivateKey - break - case 'PIRATECHAIN': - _foreignKey = this.selectedAddress.arrrWallet.seed58 - break - default: - break - } + _foreignKey = this.selectedAddress.rvnWallet.derivedMasterPrivateKey + break + case 'PIRATECHAIN': + _foreignKey = this.selectedAddress.arrrWallet.seed58 + break + default: + break + } - const makeRequest = async () => { + const makeRequest = async () => { return await parentEpml.request('tradeBotRespondRequest', { atAddress: qortalAtAddress, foreignKey: _foreignKey, - receivingAddress: this.selectedAddress.address, + receivingAddress: this.selectedAddress.address }) - } + } - const manageResponse = (response) => { - if (response === true) { - this.isBuyLoading = false - this.buyBtnDisable = true - this.shadowRoot.getElementById('buyAmountInput').value = this.initialAmount - this.shadowRoot.getElementById('buyPriceInput').value = this.initialAmount - this.shadowRoot.getElementById('buyTotalInput').value = this.initialAmount - this.shadowRoot.getElementById('qortalAtAddress').value = '' - let snack5string = get("tradepage.tchange23") - parentEpml.request('showSnackBar', `${snack5string}`) - } else if (response === false) { - this.isBuyLoading = false - this.buyBtnDisable = false - let snack6string = get("tradepage.tchange24") - parentEpml.request('showSnackBar', `${snack6string}`) - } else { - this.isBuyLoading = false - this.buyBtnDisable = false - let snack7string = get("tradepage.tchange25") - parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + const manageResponse = (response) => { + if (response === true) { + this.isBuyLoading = false + this.buyBtnDisable = true + this.shadowRoot.getElementById('buyAmountInput').value = this.initialAmount + this.shadowRoot.getElementById('buyPriceInput').value = this.initialAmount + this.shadowRoot.getElementById('buyTotalInput').value = this.initialAmount + this.shadowRoot.getElementById('qortalAtAddress').value = '' + let snack5string = get("tradepage.tchange23") + parentEpml.request('showSnackBar', `${snack5string}`) + } else if (response === false) { + this.isBuyLoading = false + this.buyBtnDisable = false + let snack6string = get("tradepage.tchange24") + parentEpml.request('showSnackBar', `${snack6string}`) + } else { + this.isBuyLoading = false + this.buyBtnDisable = false + let snack7string = get("tradepage.tchange25") + parentEpml.request('showSnackBar', `${snack7string}: ${response.message}`) + } + } + const res = await makeRequest() + manageResponse(res) + } - async cancelAction(state) { - const button = this.shadowRoot.querySelector(`mwc-button#${state.atAddress}`) - button.innerHTML = `` - this.cancelBtnDisable = true + async cancelAction(state) { + const button = this.shadowRoot.querySelector(`mwc-button#${state.atAddress}`) + button.innerHTML = `` + this.cancelBtnDisable = true - const makeRequest = async () => { + const makeRequest = async () => { return await parentEpml.request('deleteTradeOffer', { creatorPublicKey: this.selectedAddress.base58PublicKey, - atAddress: state.atAddress, + atAddress: state.atAddress }) - } + } - const manageResponse = (response) => { - if (response === true) { - button.remove() - this.cancelBtnDisable = false - let snack8string = get("tradepage.tchange26") - parentEpml.request('showSnackBar', `${snack8string}`) - } else if (response === false) { - button.innerHTML = 'CANCEL' - this.cancelBtnDisable = false - let snack9string = get("tradepage.tchange27") - parentEpml.request('showSnackBar', `${snack9string}`) - } else { - button.innerHTML = 'CANCEL' - this.cancelBtnDisable = false - let snack10string = get("tradepage.tchange28") - parentEpml.request('showSnackBar', `${snack10string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + const manageResponse = (response) => { + if (response === true) { + button.remove() + this.cancelBtnDisable = false + let snack8string = get("tradepage.tchange26") + parentEpml.request('showSnackBar', `${snack8string}`) + } else if (response === false) { + button.innerHTML = 'CANCEL' + this.cancelBtnDisable = false + let snack9string = get("tradepage.tchange27") + parentEpml.request('showSnackBar', `${snack9string}`) + } else { + button.innerHTML = 'CANCEL' + this.cancelBtnDisable = false + let snack10string = get("tradepage.tchange28") + parentEpml.request('showSnackBar', `${snack10string}: ${response.message}`) + } + } + const res = await makeRequest() + manageResponse(res) + } - updateAccountBalance() { - clearTimeout(this.updateAccountBalanceTimeout) - parentEpml.request('apiCall', { - url: `/addresses/balance/${this.selectedAddress.address}?apiKey=${this.getApiKey()}`, - }) - .then((res) => { - this.listedCoins.get("QORTAL").balance = res - this.updateAccountBalanceTimeout = setTimeout(() => this.updateAccountBalance(), 10000) - }) - } + updateAccountBalance() { + clearTimeout(this.updateAccountBalanceTimeout) + parentEpml.request('apiCall', { + url: `/addresses/balance/${this.selectedAddress.address}?apiKey=${this.getApiKey()}`, + }).then((res) => { + this.listedCoins.get("QORTAL").balance = res + this.updateAccountBalanceTimeout = setTimeout(() => this.updateAccountBalance(), 10000) + }) + } - renderCancelButton(stateItem) { - if (stateItem.tradeState === 'BOB_WAITING_FOR_MESSAGE') { - return html` this.cancelAction(stateItem)}>${translate("tradepage.tchange29")}` - } else { - return '' - } - } + renderCancelButton(stateItem) { + if (stateItem.tradeState === 'BOB_WAITING_FOR_MESSAGE') { + return html` this.cancelAction(stateItem)}>${translate("tradepage.tchange29")}` + } else { + return '' + } + } - showStuckOrdersDialog() { - this.shadowRoot.querySelector('#manageStuckOrdersDialog').show() - } + showStuckOrdersDialog() { + this.shadowRoot.querySelector('#manageStuckOrdersDialog').show() + } - async cancelStuckOfferAction(offer) { - this.cancelStuckOfferBtnDisable = true + async cancelStuckOfferAction(offer) { + this.cancelStuckOfferBtnDisable = true - const makeRequest = async () => { + const makeRequest = async () => { return await parentEpml.request('deleteTradeOffer', { creatorPublicKey: this.selectedAddress.base58PublicKey, - atAddress: offer.qortalAtAddress, + atAddress: offer.qortalAtAddress }) - } + } - const manageResponse = (response) => { - if (response === true) { - this.cancelStuckOfferBtnDisable = false - let snack11string = get("tradepage.tchange26") - parentEpml.request('showSnackBar', `${snack11string}`) - } else if (response === false) { - this.cancelStuckOfferBtnDisable = false - let snack12string = get("tradepage.tchange27") - parentEpml.request('showSnackBar', `${snack12string}`) - } else { - this.cancelStuckOfferBtnDisable = false - let snack13string = get("tradepage.tchange28") - parentEpml.request('showSnackBar', `${snack13string}: ${response.message}`) - } - } - const res = await makeRequest() - manageResponse(res) - } + const manageResponse = (response) => { + if (response === true) { + this.cancelStuckOfferBtnDisable = false + let snack11string = get("tradepage.tchange26") + parentEpml.request('showSnackBar', `${snack11string}`) + } else if (response === false) { + this.cancelStuckOfferBtnDisable = false + let snack12string = get("tradepage.tchange27") + parentEpml.request('showSnackBar', `${snack12string}`) + } else { + this.cancelStuckOfferBtnDisable = false + let snack13string = get("tradepage.tchange28") + parentEpml.request('showSnackBar', `${snack13string}: ${response.message}`) + } + } + const res = await makeRequest() + manageResponse(res) + } - renderCancelStuckOfferButton(offerItem) { - if (offerItem.mode === 'OFFERING' && offerItem.qortalCreator === this.selectedAddress.address) { - return html` this.cancelStuckOfferAction(offerItem)}>CANCEL` - } else { - return '' - } - } + renderCancelStuckOfferButton(offerItem) { + if (offerItem.mode === 'OFFERING' && offerItem.qortalCreator === this.selectedAddress.address) { + return html` this.cancelStuckOfferAction(offerItem)}>CANCEL` + } else { + return '' + } + } - _checkSellAmount(e) { - const targetAmount = e.target.value - const target = e.target + _checkSellAmount(e) { + const targetAmount = e.target.value + const target = e.target - if (targetAmount.length === 0) { - this.isValidAmount = false - this.sellBtnDisable = true - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value - const sellPriceInput = this.shadowRoot.getElementById('sellPriceInput').value - this.shadowRoot.getElementById('sellTotalInput').value = this.round(parseFloat(sellAmountInput) * parseFloat(sellPriceInput)) - this.sellBtnDisable = false - } + if (targetAmount.length === 0) { + this.isValidAmount = false + this.sellBtnDisable = true + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value + const sellPriceInput = this.shadowRoot.getElementById('sellPriceInput').value + this.shadowRoot.getElementById('sellTotalInput').value = this.round(parseFloat(sellAmountInput) * parseFloat(sellPriceInput)) + this.sellBtnDisable = false + } - e.target.blur() - e.target.focus() + e.target.blur() + e.target.focus() - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.sellBtnDisable = true - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.sellBtnDisable = true - } else { - const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value - const sellPriceInput = this.shadowRoot.getElementById('sellPriceInput').value - this.shadowRoot.getElementById('sellTotalInput').value = this.round(parseFloat(sellAmountInput) * parseFloat(sellPriceInput)) - this.sellBtnDisable = false - return { - valid: true, - } - } - } - } else { - const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value - const sellPriceInput = this.shadowRoot.getElementById('sellPriceInput').value - this.shadowRoot.getElementById('sellTotalInput').value = this.round(parseFloat(sellAmountInput) * parseFloat(sellPriceInput)) - this.sellBtnDisable = false - } - } - } + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.sellBtnDisable = true + return { + valid: false + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.sellBtnDisable = true + } else { + const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value + const sellPriceInput = this.shadowRoot.getElementById('sellPriceInput').value + this.shadowRoot.getElementById('sellTotalInput').value = this.round(parseFloat(sellAmountInput) * parseFloat(sellPriceInput)) + this.sellBtnDisable = false + return { + valid: true + } + } + } + } else { + const sellAmountInput = this.shadowRoot.getElementById('sellAmountInput').value + const sellPriceInput = this.shadowRoot.getElementById('sellPriceInput').value + this.shadowRoot.getElementById('sellTotalInput').value = this.round(parseFloat(sellAmountInput) * parseFloat(sellPriceInput)) + this.sellBtnDisable = false + } + } + } - _checkBuyAmount(e) { - const targetAmount = e.target.value - const target = e.target + _checkBuyAmount(e) { + const targetAmount = e.target.value + const target = e.target - if (targetAmount.length === 0) { - this.isValidAmount = false - this.sellBtnDisable = true - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - this.buyBtnDisable = false - } + if (targetAmount.length === 0) { + this.isValidAmount = false + this.sellBtnDisable = true + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + this.buyBtnDisable = false + } - e.target.blur() - e.target.focus() + e.target.blur() + e.target.focus() - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.buyBtnDisable = true - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.buyBtnDisable = true - } else { - this.buyBtnDisable = false - return { - valid: true, - } - } - } - } else { - this.buyBtnDisable = false - } - } - } + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.buyBtnDisable = true + return { + valid: false + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.buyBtnDisable = true + } else { + this.buyBtnDisable = false + return { + valid: true + } + } + } + } else { + this.buyBtnDisable = false + } + } + } - async tradeFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=DEPLOY_AT` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.listedCoins.get("QORTAL").tradeFee = (Number(json) * 2) / 1e8 - }) - } + async tradeFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=DEPLOY_AT` + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.listedCoins.get("QORTAL").tradeFee = (Number(json) * 2) / 1e8 + }) + } + clearBuyForm() { + this.shadowRoot.getElementById('buyAmountInput').value = this.initialAmount + this.shadowRoot.getElementById('buyPriceInput').value = this.initialAmount + this.shadowRoot.getElementById('buyTotalInput').value = this.initialAmount + this.shadowRoot.getElementById('qortalAtAddress').value = '' + this.buyBtnDisable = true + } - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - return myNode.apiKey; - } + clearSellForm() { + this.shadowRoot.getElementById('sellAmountInput').value = this.initialAmount + this.shadowRoot.getElementById('sellPriceInput').value = this.initialAmount + this.shadowRoot.getElementById('sellTotalInput').value = this.initialAmount + } - clearBuyForm() { - this.shadowRoot.getElementById('buyAmountInput').value = this.initialAmount - this.shadowRoot.getElementById('buyPriceInput').value = this.initialAmount - this.shadowRoot.getElementById('buyTotalInput').value = this.initialAmount - this.shadowRoot.getElementById('qortalAtAddress').value = '' - this.buyBtnDisable = true - } + /** + * Inline Worker - Takes in a function and a modifier then returns an instance of a Web Worker + * + * - Modifiers are simply an Array of Object containing placeholders (containers for variables used in the passedFunction ) in the and its values. + * These placeholders gets replaced with it value during instantiation of the function to be used by the Worker. + * - Example of modifiers: const modifiers = [ + * { searchValue: 'SELECTED_ADDRESS', replaceValue: this.selectedAddress.address, }, + * ] + * + * @param {Function} passedFunction + * @param {Array} modifiers + * @returns {Worker} Worker + */ - clearSellForm() { - this.shadowRoot.getElementById('sellAmountInput').value = this.initialAmount - this.shadowRoot.getElementById('sellPriceInput').value = this.initialAmount - this.shadowRoot.getElementById('sellTotalInput').value = this.initialAmount - } + inlineWorker(passedFunction, modifiers) { + let parsedFunction = `` - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } + modifiers.forEach((modifier) => { + let regex = new RegExp(modifier.searchValue, 'g') + parsedFunction = parsedFunction.length === 0 ? `(function ${passedFunction.toString().trim().replace(regex, modifier.replaceValue)})()` : parsedFunction.toString().trim().replace(regex, modifier.replaceValue) + }) - round(number) { - return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } + const workerUrl = URL.createObjectURL(new Blob([parsedFunction], { type: 'text/javascript' })) + const worker = new Worker(workerUrl) + URL.revokeObjectURL(workerUrl) + return worker + } - /** - * Inline Worker - Takes in a function and a modifier then returns an instance of a Web Worker - * - * - Modifiers are simply an Array of Object containing placeholders (containers for variables used in the passedFunction ) in the and its values. - * These placeholders gets replaced with it value during instantiation of the function to be used by the Worker. - * - Example of modifiers: const modifiers = [ - * { searchValue: 'SELECTED_ADDRESS', replaceValue: this.selectedAddress.address, }, - * ] - * - * @param {Function} passedFunction - * @param {Array} modifiers - * @returns {Worker} Worker - */ + clearPaneCache() { + this._openOrdersGrid.clearCache() + this._myHistoricTradesGrid.clearCache() + this._historicTradesGrid.clearCache() + this._myOrdersGrid.clearCache() + } - inlineWorker(passedFunction, modifiers) { - let parsedFunction = `` + createConnection() { + if (workers.get(this.selectedCoin).tradesConnectedWorker !== null) { + this.isLoadingHistoricTrades = false + this.isLoadingOpenTrades = false + return + } - modifiers.forEach((modifier) => { - let regex = new RegExp(modifier.searchValue, 'g') - parsedFunction = parsedFunction.length === 0 ? `(function ${passedFunction.toString().trim().replace(regex, modifier.replaceValue)})()` : parsedFunction.toString().trim().replace(regex, modifier.replaceValue) - }) + const handleMessage = (message) => { + switch (message.type) { + case 'TRADE_OFFERS': + if (!message.isRestarted) { + this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter = message.counter + this.processTradeOffers(JSON.parse(message.data)) + this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter === 1 ? this.clearPaneCache() : null + workers.get(this.selectedCoin).tradesConnectedWorker.postMessage(this.listedCoins.get(this.selectedCoin).openOrders) + workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "open_orders", content: this.listedCoins.get(this.selectedCoin).openOrders }) + } + return null + case 'TRADE_BOT': + if (!message.isRestarted) this.processTradeBotStates(JSON.parse(message.data)) + return null + case 'PRESENCE': + this.tradesPresenceCleaned = [] + this.listedCoins.get(message.data.relatedCoin).openOrders = message.data.offers + this.tradesPresenceCleaned = message.data.filteredOffers - const workerUrl = URL.createObjectURL(new Blob([parsedFunction], { type: 'text/javascript' })) - const worker = new Worker(workerUrl) - URL.revokeObjectURL(workerUrl) - return worker - } + const filterPresenceList = () => { + this.blockedTradesList.forEach(item => { + const toDelete = item.recipient + this.tradesPresenceCleaned = this.tradesPresenceCleaned.filter(el => { + return el.qortalCreatorTradeAddress !== toDelete + }) + }) + } - clearPaneCache() { - this._openOrdersGrid.clearCache() - this._myHistoricTradesGrid.clearCache() - this._historicTradesGrid.clearCache() - this._myOrdersGrid.clearCache() - } + filterPresenceList() + this.listedCoins.get(message.data.relatedCoin).openFilteredOrders = this.tradesPresenceCleaned + this.reRenderOpenFilteredOrders() + return null + default: + break + } + } - createConnection() { - if (workers.get(this.selectedCoin).tradesConnectedWorker !== null) { - this.isLoadingHistoricTrades = false - this.isLoadingOpenTrades = false - return - } + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ':' + myNode.port - const handleMessage = (message) => { - switch (message.type) { - case 'TRADE_OFFERS': - if (!message.isRestarted) { - this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter = message.counter - this.processTradeOffers(JSON.parse(message.data)) - this.listedCoins.get(this.selectedCoin).tradeOffersSocketCounter === 1 ? this.clearPaneCache() : null - workers.get(this.selectedCoin).tradesConnectedWorker.postMessage(this.listedCoins.get(this.selectedCoin).openOrders) - workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "open_orders", content: this.listedCoins.get(this.selectedCoin).openOrders }) - } - return null - case 'TRADE_BOT': - if (!message.isRestarted) this.processTradeBotStates(JSON.parse(message.data)) - return null - case 'PRESENCE': - this.tradesPresenceCleaned = [] - this.listedCoins.get(message.data.relatedCoin).openOrders = message.data.offers - this.tradesPresenceCleaned = message.data.filteredOffers + const modifiers = [ + { searchValue: 'NODEURL', replaceValue: nodeUrl }, + { searchValue: 'FOREIGN_BLOCKCHAIN', replaceValue: this.selectedCoin }, + ] - const filterPresenceList = () => { - this.blockedTradesList.forEach(item => { - const toDelete = item.recipient - this.tradesPresenceCleaned = this.tradesPresenceCleaned.filter(el => { - return el.qortalCreatorTradeAddress !== toDelete - }) - }) - } + workers.get(this.selectedCoin).tradesConnectedWorker = this.inlineWorker(this.initSocket, modifiers) - filterPresenceList() - this.listedCoins.get(message.data.relatedCoin).openFilteredOrders = this.tradesPresenceCleaned - this.reRenderOpenFilteredOrders() - return null - default: - break - } - } + workers.get(this.selectedCoin).tradesConnectedWorker.addEventListener('message', function (event) { handleMessage(event.data) }, { passive: true }) - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ':' + myNode.port + workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "set_coin", content: this.selectedCoin }) - const modifiers = [ - { searchValue: 'NODEURL', replaceValue: nodeUrl }, - { searchValue: 'FOREIGN_BLOCKCHAIN', replaceValue: this.selectedCoin }, - ] + } - workers.get(this.selectedCoin).tradesConnectedWorker = this.inlineWorker(this.initSocket, modifiers) + async getNewBlockedTrades() { + const unconfirmedTransactionsList = async () => { + const myNodeInf = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const myNodeUrl = myNodeInf.protocol + '://' + myNodeInf.domain + ':' + myNodeInf.port + const unconfirmedTransactionslUrl = `${myNodeUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` - workers.get(this.selectedCoin).tradesConnectedWorker.addEventListener('message', function (event) { handleMessage(event.data) }, { passive: true }) + var addBlockedTrades = JSON.parse(localStorage.getItem('failedTrades') || '[]') - workers.get(this.selectedCoin).tradesConnectedWorker.postMessage({ type: "set_coin", content: this.selectedCoin }) + await fetch(unconfirmedTransactionslUrl).then(response => { + return response.json() + }).then(data => { + data.map(item => { + const unconfirmedNessageTimeDiff = Date.now() - item.timestamp + const timeOneHour = 60 * 60 * 1000 + if (Number(unconfirmedNessageTimeDiff) > Number(timeOneHour)) { + const addBlocked = { + timestamp: item.timestamp, + recipient: item.recipient + } + addBlockedTrades.push(addBlocked) + } + }) + localStorage.setItem("failedTrades", JSON.stringify(addBlockedTrades)) + this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') + }) + } - } + await unconfirmedTransactionsList() - async getNewBlockedTrades() { - const unconfirmedTransactionsList = async () => { - const myNodeInf = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const myNodeUrl = myNodeInf.protocol + '://' + myNodeInf.domain + ':' + myNodeInf.port - const unconfirmedTransactionslUrl = `${myNodeUrl}/transactions/unconfirmed?txType=MESSAGE&limit=0&reverse=true` + const filterUnconfirmedTransactionsList = async () => { + let cleanBlockedTrades = this.blockedTradesList.reduce((newArray, cut) => { + if (!newArray.some(obj => obj.recipient === cut.recipient)) { + newArray.push(cut) + } + return newArray + }, []) + localStorage.setItem("failedTrades", JSON.stringify(cleanBlockedTrades)) + this.blockedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") + } - var addBlockedTrades = JSON.parse(localStorage.getItem('failedTrades') || '[]') + await filterUnconfirmedTransactionsList() + } - await fetch(unconfirmedTransactionslUrl).then(response => { - return response.json() - }).then(data => { - data.map(item => { - const unconfirmedNessageTimeDiff = Date.now() - item.timestamp - const timeOneHour = 60 * 60 * 1000 - if (Number(unconfirmedNessageTimeDiff) > Number(timeOneHour)) { - const addBlocked = { - timestamp: item.timestamp, - recipient: item.recipient - } - addBlockedTrades.push(addBlocked) - } - }) - localStorage.setItem("failedTrades", JSON.stringify(addBlockedTrades)) - this.blockedTradesList = JSON.parse(localStorage.getItem('failedTrades') || '[]') - }) - } + handleStuckTrades() { + let tradeBotStates = [] - await unconfirmedTransactionsList() + self.addEventListener('message', function (event) { + tradeBotStates = event.data + }) - const filterUnconfirmedTransactionsList = async () => { - let cleanBlockedTrades = this.blockedTradesList.reduce((newArray, cut) => { - if(!newArray.some(obj => obj.recipient === cut.recipient)) { - newArray.push(cut) - } - return newArray - },[]) - localStorage.setItem("failedTrades", JSON.stringify(cleanBlockedTrades)) - this.blockedTradesList = JSON.parse(localStorage.getItem("failedTrades") || "[]") - } + const getCompletedTrades = async () => { + const url = `http://NODEURL/crosschain/trades?limit=25&reverse=true&foreignBlockchain=FOREIGN_BLOCKCHAIN` + const res = await fetch(url) + const historicTrades = await res.json() + const compareFn = (a, b) => { + return b.tradeTimestamp - a.tradeTimestamp + } + const sortedTrades = historicTrades.sort(compareFn) + self.postMessage({ type: 'HISTORIC_TRADES', data: sortedTrades }) + } - await filterUnconfirmedTransactionsList() - } - - handleStuckTrades() { - let tradeBotStates = [] - - self.addEventListener('message', function (event) { - tradeBotStates = event.data - }) - - const getCompletedTrades = async () => { - const url = `http://NODEURL/crosschain/trades?limit=25&reverse=true&foreignBlockchain=FOREIGN_BLOCKCHAIN` - const res = await fetch(url) - const historicTrades = await res.json() - const compareFn = (a, b) => { - return b.tradeTimestamp - a.tradeTimestamp - } - const sortedTrades = historicTrades.sort(compareFn) - self.postMessage({ type: 'HISTORIC_TRADES', data: sortedTrades }) - } - - const filterStuckOffers = (myOffers) => { - const myTradeBotStates = tradeBotStates.filter((state) => state.creatorAddress === 'SELECTED_ADDRESS') + const filterStuckOffers = (myOffers) => { + const myTradeBotStates = tradeBotStates.filter((state) => state.creatorAddress === 'SELECTED_ADDRESS') return myOffers.filter((myOffer) => { let value = myTradeBotStates.some((myTradeBotState) => myOffer.qortalAtAddress === myTradeBotState.atAddress) return !value }) - } + } - const getOffers = async () => { - const url = `http://NODEURL/crosschain/tradeoffers?foreignBlockchain=FOREIGN_BLOCKCHAIN` - const res = await fetch(url) - const openTradeOrders = await res.json() - const myOpenTradeOrders = await openTradeOrders.filter((order) => order.mode === 'OFFERING' && order.qortalCreator === 'SELECTED_ADDRESS') - const stuckOffers = filterStuckOffers(myOpenTradeOrders) - self.postMessage({ type: 'STUCK_OFFERS', data: stuckOffers }) - } - setTimeout(() => { getOffers() }, 1000) - setTimeout(() => { getCompletedTrades() }, 1000) - } + const getOffers = async () => { + const url = `http://NODEURL/crosschain/tradeoffers?foreignBlockchain=FOREIGN_BLOCKCHAIN` + const res = await fetch(url) + const openTradeOrders = await res.json() + const myOpenTradeOrders = await openTradeOrders.filter((order) => order.mode === 'OFFERING' && order.qortalCreator === 'SELECTED_ADDRESS') + const stuckOffers = filterStuckOffers(myOpenTradeOrders) + self.postMessage({ type: 'STUCK_OFFERS', data: stuckOffers }) + } + setTimeout(() => { getOffers() }, 1000) + setTimeout(() => { getCompletedTrades() }, 1000) + } - filterStuckTrades(states) { - if (workers.get(this.selectedCoin).handleStuckTradesConnectedWorker !== null) { - this.isLoadingOpenTrades = false - return - } + filterStuckTrades(states) { + if (workers.get(this.selectedCoin).handleStuckTradesConnectedWorker !== null) { + this.isLoadingOpenTrades = false + return + } - this.shadowRoot.getElementById('loadingHistoricTrades').style.display = "block"; - let isHandleTradesDone = false - let isHandleStuckOffersDone = false + this.shadowRoot.getElementById('loadingHistoricTrades').style.display = "block"; + let isHandleTradesDone = false + let isHandleStuckOffersDone = false - const handleMessage = (message) => { - switch (message.type) { - case 'HISTORIC_TRADES': - this.listedCoins.get(this.selectedCoin).historicTrades = message.data - this.reRenderHistoricTrades() - isHandleTradesDone = true - break - case 'STUCK_OFFERS': - doStuckOffers(message.data) - isHandleStuckOffersDone = true - break - default: - break - } - if (isHandleTradesDone === true && isHandleStuckOffersDone === true) return workers.get(this.selectedCoin).handleStuckTradesConnectedWorker.terminate() - } + const handleMessage = (message) => { + switch (message.type) { + case 'HISTORIC_TRADES': + this.listedCoins.get(this.selectedCoin).historicTrades = message.data + this.reRenderHistoricTrades() + isHandleTradesDone = true + break + case 'STUCK_OFFERS': + doStuckOffers(message.data) + isHandleStuckOffersDone = true + break + default: + break + } + if (isHandleTradesDone === true && isHandleStuckOffersDone === true) return workers.get(this.selectedCoin).handleStuckTradesConnectedWorker.terminate() + } - const doStuckOffers = (message) => { - const offers = message - const offerItem = (offer) => { - return { - ...offer, - price: this.round(parseFloat(offer.expectedForeignAmount) / parseFloat(offer.qortAmount)), - } - } - const addStuckOrders = (offerItem) => { - if (offerItem.qortalCreator === this.selectedAddress.address) { - this._stuckOrdersGrid.items.unshift(offerItem) - this._stuckOrdersGrid.clearCache() - } - } - const handleOffers = () => { - offers.forEach((offer) => { - addStuckOrders(offerItem(offer)) - }) - } - handleOffers() - } + const doStuckOffers = (message) => { + const offers = message + const offerItem = (offer) => { + return { + ...offer, + price: this.round(parseFloat(offer.expectedForeignAmount) / parseFloat(offer.qortAmount)), + } + } + const addStuckOrders = (offerItem) => { + if (offerItem.qortalCreator === this.selectedAddress.address) { + this._stuckOrdersGrid.items.unshift(offerItem) + this._stuckOrdersGrid.clearCache() + } + } + const handleOffers = () => { + offers.forEach((offer) => { + addStuckOrders(offerItem(offer)) + }) + } + handleOffers() + } - let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - let nodeUrl = myNode.domain + ':' + myNode.port + let myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + let nodeUrl = myNode.domain + ':' + myNode.port - const modifiers = [ - { searchValue: 'NODEURL', replaceValue: nodeUrl }, - { searchValue: 'SELECTED_ADDRESS', replaceValue: this.selectedAddress.address, }, - { searchValue: 'FOREIGN_BLOCKCHAIN', replaceValue: this.selectedCoin, }, - ] + const modifiers = [ + { searchValue: 'NODEURL', replaceValue: nodeUrl }, + { searchValue: 'SELECTED_ADDRESS', replaceValue: this.selectedAddress.address, }, + { searchValue: 'FOREIGN_BLOCKCHAIN', replaceValue: this.selectedCoin, }, + ] - workers.get(this.selectedCoin).handleStuckTradesConnectedWorker = this.inlineWorker(this.handleStuckTrades, modifiers) - workers.get(this.selectedCoin).handleStuckTradesConnectedWorker.postMessage(states) - workers.get(this.selectedCoin).handleStuckTradesConnectedWorker.addEventListener( - 'message', - function (event) { - handleMessage(event.data) - }, - { passive: true } - ) - } + workers.get(this.selectedCoin).handleStuckTradesConnectedWorker = this.inlineWorker(this.handleStuckTrades, modifiers) + workers.get(this.selectedCoin).handleStuckTradesConnectedWorker.postMessage(states) + workers.get(this.selectedCoin).handleStuckTradesConnectedWorker.addEventListener( + 'message', + function (event) { + handleMessage(event.data) + }, + { passive: true } + ) + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } } -window.customElements.define('trade-portal', TradePortal) +window.customElements.define('trade-portal', TradePortal) \ No newline at end of file diff --git a/plugins/plugins/core/wallet/wallet-app.src.js b/plugins/plugins/core/wallet/wallet-app.src.js index 45b3cd61..a49333d4 100644 --- a/plugins/plugins/core/wallet/wallet-app.src.js +++ b/plugins/plugins/core/wallet/wallet-app.src.js @@ -1,15 +1,15 @@ -import {css, html, LitElement} from 'lit' -import {render} from 'lit/html.js' -import {Epml} from '../../../epml.js' +import { html, LitElement } from 'lit' +import { render } from 'lit/html.js' +import { Epml } from '../../../epml' +import { decryptData, encryptData } from '../../../../core/src/lockScreen' +import { multiWalletStyles } from '../components/plugins-css' import isElectron from 'is-electron' -import {get, registerTranslateConfig, translate, use} from '../../../../core/translate' -import Base58 from '../../../../crypto/api/deps/Base58.js' -import {decryptData, encryptData} from '../../../../core/src/lockScreen.js' import FileSaver from 'file-saver' -import '../components/ButtonIconCopy.js' -import '../components/QortalQrcodeGenerator.js' -import '../components/frag-file-input.js' -import '../components/time-elements/index.js' +import Base58 from '../../../../crypto/api/deps/Base58' +import '../components/ButtonIconCopy' +import '../components/QortalQrcodeGenerator' +import '../components/frag-file-input' +import '../components/time-elements/index' import '@material/mwc-button' import '@material/mwc-checkbox' import '@material/mwc-dialog' @@ -18,20 +18,22 @@ import '@material/mwc-icon' import '@material/mwc-icon-button' import '@material/mwc-tab-bar' import '@material/mwc-textfield' +import '@polymer/iron-icons/iron-icons.js' import '@polymer/paper-dialog/paper-dialog.js' import '@polymer/paper-progress/paper-progress.js' import '@polymer/paper-slider/paper-slider.js' import '@polymer/paper-spinner/paper-spinner-lite.js' import '@polymer/paper-icon-button/paper-icon-button.js' -import '@polymer/iron-icons/iron-icons.js' import '@vaadin/button' import '@vaadin/grid' import '@vaadin/icon' import '@vaadin/icons' import '@vaadin/password-field' +// Multi language support +import { get, registerTranslateConfig, translate, use } from '../../../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -39,4031 +41,3503 @@ const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) const coinsNames = ['qort', 'btc', 'ltc', 'doge', 'dgb', 'rvn', 'arrr'] class MultiWallet extends LitElement { - static get properties() { - return { - loading: { type: Boolean }, - transactions: { type: Object }, - lastBlock: { type: Object }, - selectedTransaction: { type: Object }, - isTextMenuOpen: { type: Boolean }, - wallets: { type: Map }, - _selectedWallet: 'qort', - nodeConfig: { type: Object }, - nodeDomain: { type: String }, - theme: { type: String, reflect: true }, - amount: { type: Number }, - recipient: { type: String }, - btcRecipient: { type: String }, - btcAmount: { type: Number }, - ltcRecipient: { type: String }, - ltcAmount: { type: Number }, - dogeRecipient: { type: String }, - dogeAmount: { type: Number }, - dgbRecipient: { type: String }, - dgbAmount: { type: Number }, - rvnRecipient: { type: String }, - rvnAmount: { type: Number }, - arrrRecipient: { type: String }, - arrrAmount: { type: Number }, - arrrMemo: { type: String }, - errorMessage: { type: String }, - arrrWalletAddress: { type: String }, - unusedWalletAddress: { type: String }, - successMessage: { type: String }, - sendMoneyLoading: { type: Boolean }, - btnDisable: { type: Boolean }, - qortWarning: { type: Boolean }, - isValidAmount: { type: Boolean }, - balance: { type: Number }, - balanceString: { type: String }, - btcServer: { type: Number }, - ltcServer: { type: Number }, - dogeServer: { type: Number }, - dgbServer: { type: Number }, - rvnServer: { type: Number }, - arrrServer: { type: Number }, - qortPaymentFee: { type: Number }, - btcFeePerByte: { type: Number }, - ltcFeePerByte: { type: Number }, - dogeFeePerByte: { type: Number }, - dgbFeePerByte: { type: Number }, - rvnFeePerByte: { type: Number }, - qortBook: { type: Array }, - btcBook: { type: Array }, - ltcBook: { type: Array }, - dogeBook: { type: Array }, - dgbBook: { type: Array }, - rvnBook: { type: Array }, - arrrBook: { type: Array }, - qortBookName: { type: String }, - btcBookName: { type: String }, - ltcBookName: { type: String }, - dogeBookName: { type: String }, - dgbBookName: { type: String }, - rvnBookName: { type: String }, - arrrBookName: { type: String }, - qortBookAddress: { type: String }, - btcBookAddress: { type: String }, - ltcBookAddress: { type: String }, - dogeBookAddress: { type: String }, - dgbBookAddress: { type: String }, - rvnBookAddress: { type: String }, - arrrBookAddress: { type: String }, - myElementId: { type: String }, - walletSalt: { type: String }, - walletStorageData: { type: String }, - walletLockScreenPass: { type: String }, - walletLockScreenSet: { type: String }, - walletLockPass: { type: String }, - walletLockSet: { type: String }, - myWalletLockScreenPass: { type: String }, - myWalletLockScreenSet: { type: String }, - walletHelperMessage: { type: String }, - bookQortalAddress: { type: String }, - bookBitcoinAddress: { type: String }, - bookLitecoinAddress: { type: String }, - bookDogecoinAddress: { type: String }, - bookDigibyteAddress: { type: String }, - bookRavencoinAddress: { type: String }, - bookPiratechainAddress: { type: String } - } - } - - static get observers() { - return ['_kmxKeyUp(amount)'] - } - - static get styles() { - return css` - * { - box-sizing: border-box; - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --mdc-theme-surface: var(--white); - --mdc-theme-error: rgb(255, 89, 89); - --mdc-dialog-content-ink-color: var(--black); - --mdc-dialog-min-width: 500px; - --mdc-dialog-max-width: 1024px; - --paper-input-container-focus-color: var(--mdc-theme-primary); - --lumo-primary-text-color: rgb(0, 167, 245); - --lumo-primary-color-50pct: rgba(0, 167, 245, 0.5); - --lumo-primary-color-10pct: rgba(0, 167, 245, 0.1); - --lumo-primary-color: hsl(199, 100%, 48%); - --lumo-base-color: var(--white); - --lumo-secondary-text-color: var(--sectxt); - --lumo-contrast-60pct: var(--vdicon); - --lumo-body-text-color: var(--black); - --_lumo-grid-border-color: var(--border); - --_lumo-grid-secondary-border-color: var(--border2); - } - - #pages { - display: flex; - flex-wrap: wrap; - padding: 10px 5px 5px 5px; - margin: 0px 20px 20px 20px; - } - - #pages > button { - user-select: none; - padding: 5px; - margin: 0 5px; - border-radius: 10%; - border: 0; - background: transparent; - font: inherit; - outline: none; - cursor: pointer; - color: var(--black); - } - - #pages > button:not([disabled]):hover, - #pages > button:focus { - color: #ccc; - background-color: #eee; - } - - #pages > button[selected] { - font-weight: bold; - color: var(--white); - background-color: #ccc; - } - - #pages > button[disabled] { - opacity: 0.5; - cursor: default; - } - - #tabs-height { - --mdc-tab-height: 50px; - } - - #tabs-1-content { - height: 100%; - padding-bottom: 10px; - } - - mwc-tab-bar { - --mdc-text-transform: none; - --mdc-tab-color-default: var(--black); - --mdc-tab-text-label-color-default: var(--black); - } - - paper-slider.blue { - --paper-slider-knob-color: var(--paper-light-blue-500); - --paper-slider-active-color: var(--paper-light-blue-500); - --paper-slider-pin-color: var(--paper-light-blue-500); - } - - paper-progress { - --paper-progress-active-color: var(--mdc-theme-primary); - } - - .red { - --mdc-theme-primary: #F44336; - } - - .green { - color: var(--paper-green-500); - } - - paper-spinner-lite { - height: 75px; - width: 75px; - --paper-spinner-color: var(--mdc-theme-primary); - --paper-spinner-stroke-width: 3px; - } - - .unconfirmed { - font-style: italic; - } - - .roboto { - font-family: 'Roboto', sans-serif; - } - - .mono { - font-family: 'Roboto Mono', monospace; - } - - .sans { - font-family: 'Open Sans', sans-serif; - } - - .magistral { - font-family: 'magistralbold'; - } - - .montserrat { - font-family: 'Montserrat', sans-serif; - } - - .maven { - font-family: 'MavenPro', sans-serif; - } - - .weight-100 { - font-weight: 100; - } - - .text-white-primary { - color: var(--white); - } - - .text-white-secondary { - color: var(--white-secondary); - } - - .text-white-disabled { - color: var(--white-disabled); - } - - .text-white-hint { - color: var(--white-divider); - } - - .white-bg { - height: 100vh; - background: var(--white); - } - - span { - font-size: 18px; - word-break: break-all; - } - - .floatleft { - float: left; - } - - .floatright { - float: right; - } - - .title { - font-weight: 600; - font-size: 12px; - line-height: 32px; - opacity: 0.66; - } - - #transactionList { - padding: 0; - } - - .color-in { - color: #02977e; - background-color: rgba(0, 201, 167, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - .color-out { - color: #b47d00; - background-color: rgba(219, 154, 4, 0.2); - font-weight: 700; - font-size: 0.60938rem; - border-radius: 0.25rem !important; - padding: 0.2rem 0.5rem; - margin-left: 4px; - } - - body { - margin: 0; - padding: 0; - background: var(--white); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - h2 { - margin: 0; - color: var(--black); - font-weight: 400; - font: 24px/24px 'Open Sans', sans-serif; - } - - h3 { - margin: 0 0 5px; - color: var(--black); - font-weight: 600; - font-size: 18px; - line-height: 18px; - } - - .hrstyle { - color: var(--border); - border-radius: 80%; - margin-bottom: 1rem; - } - - .header-title { - display: inlinr; - font-size: 32px; - color: var(--black); - font-weight: 600; - text-align: center; - margin-top: 1rem; - } - - .fullWidth { - width: 100%; - } - - .wrapper { - margin: 0 auto; - height: 100%; - overflow: hidden; - border-radius: 8px; - background-color: var(--white); - } - - .wallet { - width: 200px; - height: 100vh; - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; - border-right: 1px solid var(--border); - } - - .transactions-wrapper { - width: 100%; - padding: 30px 0 0 0; - height: 100%; - } - - .wallet-header { - margin: 0 20px; - color: var(--black); - } - - .wallet-address { - display: flex; - align-items: center; - font-size: 18px; - color: var(--black); - margin: 4px 0 20px; - } - - .wallet-balance { - display: inline-block; - font-weight: 600; - font-size: 32px; - color: var(--black); - } - - #transactions { - margin-top: 30px; - margin-left: 20px; - margin-right: 20px; - border-top: 1px solid var(--border); - padding-top: 0px; - height: 100%; - } - - .show { - animation: fade-in 0.3s 1; - } - - .transaction-item { - display: flex; - justify-content: space-between; - position: relative; - padding-left: 40px; - margin-bottom: 45px; - margin-right: 50px; - } - - .transaction-item::before { - position: absolute; - content: ''; - border: 2px solid #e1e1e1; - border-radius: 50%; - height: 25px; - width: 25px; - left: 0; - top: 10px; - box-sizing: border-box; - vertical-align: middle; - color: #666666; - } - - .credit::before { - content: '+'; - font-size: 25px; - line-height: 19px; - padding: 0 4px 0; - } - - .debit::before { - content: '-'; - font-size: 20px; - line-height: 21px; - padding: 0 5px; - } - - .transaction-item .details { - font-size: 14px; - line-height: 14px; - color: #999; - } - - .transaction-item_details { - width: 270px; - } - - .transaction-item_amount .amount { - font-weight: 600; - font-size: 18px; - line-height: 45px; - position: relative; - margin: 0; - display: inline-block; - } - - .active { - background: var(--menuactive); - } - - .currency-image { - display: inline-block; - height: 42px; - width: 42px; - background-repeat: no-repeat; - background-size: cover; - border-radius: 3px; - filter: grayscale(100%); - } - - .qort .currency-image { - background-image: url('/img/qort.png'); - } - - .btc .currency-image { - background-image: url('/img/btc.png'); - } - - .ltc .currency-image { - background-image: url('/img/ltc.png'); - } - - .doge .currency-image { - background-image: url('/img/doge.png'); - } - - .dgb .currency-image { - background-image: url('/img/dgb.png'); - } - - .rvn .currency-image { - background-image: url('/img/rvn.png'); - } - - .arrr .currency-image { - background-image: url('/img/arrr.png'); - } - - .card-list { - margin-top: 20px; - } - - .card-list .currency-image { - cursor: pointer; - margin-right: 15px; - transition: 0.1s; - } - - .card-list .currency-image:hover { - transform: scale(1.1); - } - - .buttons { - width: auto !important; - } - - .send-coin-dialog { - min-height: 300px; - min-width: 300px; - box-sizing: border-box; - position: relative; - } - - .unused-address-dialog { - min-height: 150px; - min-width: 550px; - box-sizing: border-box; - position: relative; - } - - .btn-clear-success { - --mdc-icon-button-size: 32px; - color: red; - } - - .btn-clear-error { - --mdc-icon-button-size: 32px; - color: green; - } - - @keyframes fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } - } - - .successBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid green; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .errorBox { - height: 34px; - min-width: 300px; - width: 100%; - border: 1px solid red; - border-radius: 5px; - background-color: transparent; - margin-top: 15px; - } - - .qrcode-pos { - margin-top: -175px; - float: right; - } - - .send-pos { - margin-top: 20px; - margin-left: 20px; - width: 185px; - } - - .book-pos { - margin-top: -44px; - margin-left: 215px; - width: 185px; - } - - @media (max-width: 863px) { - .wallet { - width: 100%; - height: max-content; - border-top-right-radius: inherit; - padding-bottom: 25px; - } - .cards { - margin-top: 25px; - } - } - - .checkboxLabel:hover{ - cursor: pointer; - } - - .warning-text { - animation: blinker 1.5s linear infinite; - text-align: center; - margin-top: 10px; - color: rgb(255, 89, 89); - } - - @keyframes blinker { - 50% { - opacity: 0; - } - } - - @media (max-width: 764px) { - .wallet { - width: 100%; - height: max-content; - border-top-right-radius: inherit; - padding-bottom: 25px; - } - .cards { - margin-top: 25px; - } - } - - @media (max-width: 530px) { - h3 { - line-height: 24px; - } - .cards { - text-align: center; - } - .wallet-balance { - font-size: 22px; - } - } - - @media (max-width: 390px) { - .wallet { - height: max-content; - padding: 50px 25px; - } - .transactions-wrapper { - padding: 50px 25px; - } - h2 { - font: 18px/24px 'Open Sans', sans-serif; - } - } - - .setpass-wrapper { - width: 100%; - min-width: 400px; - max-width: 450px; - text-align: center; - background: var(--white); - border: 1px solid var(--black); - border-radius: 15px; - padding: 10px 10px 0px; - box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); - } - - .lock-wrapper { - width: 100%; - height: 100%; - min-width: 600px; - max-width: 600px; - min-height: 400px; - max-height: 400px; - text-align: center; - background: url("/img/qortal-lock.jpg"); - border: 1px solid var(--black); - border-radius: 25px; - padding: 10px 10px 0px; - } - - .text-wrapper { - width: 100%; - height: 100%; - min-width: 280px; - max-width: 280px; - min-height: 64px; - max-height: 64px; - text-align: center; - margin-left: 35px; - margin-top: 125px; - overflow: hidden; - } - - .lock-title-white { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #ffffff; - } - - .lock-title-red { - font-family: 'magistralbold'; - font-weight: 700; - font-size: 26px; - line-height: 32px; - color: #df3636; - } - ` - } - - constructor() { - super() - - this.lastBlock = { - height: 0, - } - - this.balanceString = this.renderFetchText() - this.selectedTransaction = {} - this.isTextMenuOpen = false - this.loading = true - - this.nodeConfig = {} - this.nodeDomain = '' - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; - - this.qortBook = [] - this.btcBook = [] - this.ltcBook = [] - this.dogeBook = [] - this.dgbBook = [] - this.rvnBook = [] - this.arrrBook = [] - this.qortBookName = '' - this.btcBookName = '' - this.ltcBookName = '' - this.dogeBookName = '' - this.dgbBookName = '' - this.rvnBookName = '' - this.arrrBookName = '' - this.qortBookAddress = '' - this.btcBookAddress = '' - this.ltcBookAddress = '' - this.dogeBookAddress = '' - this.dgbBookAddress = '' - this.rvnBookAddress = '' - this.arrrBookAddress = '' - this.recipient = '' - this.btcRecipient = '' - this.ltcRecipient = '' - this.dogeRecipient = '' - this.dgbRecipient = '' - this.rvnRecipient = '' - this.arrrRecipient = '' - this.arrrMemo = '' - this.arrrWalletAddress = '' - this.unusedWalletAddress = '' - this.btcServer = '' - this.ltcServer = '' - this.dogeServer = '' - this.dgbServer = '' - this.rvnServer = '' - this.arrrServer = '' - this.errorMessage = '' - this.successMessage = '' - this.myElementId = '' - this.sendMoneyLoading = false - this.isValidAmount = false - this.btnDisable = false - this.qortWarning = false - this.balance = 0 - this.amount = 0 - this.btcAmount = 0 - this.ltcAmount = 0 - this.dogeAmount = 0 - this.dgbAmount = 0 - this.rvnAmount = 0 - this.arrrAmount = 0 - this.qortPaymentFee = 0.001 - this.btcFeePerByte = 100 - this.btcSatMinFee = 20 - this.btcSatMaxFee = 150 - this.ltcFeePerByte = 30 - this.ltcSatMinFee = 10 - this.ltcSatMaxFee = 100 - this.dogeFeePerByte = 1000 - this.dogeSatMinFee = 100 - this.dogeSatMaxFee = 10000 - this.dgbFeePerByte = 10 - this.dgbSatMinFee = 1 - this.dgbSatMaxFee = 100 - this.rvnFeePerByte = 1125 - this.rvnSatMinFee = 1000 - this.rvnSatMaxFee = 10000 - this.walletSalt = '' - this.walletStorageData = '' - this.walletLockScreenPass = '' - this.walletLockScreenSet = '' - this.walletLockPass = '' - this.walletLockSet = '' - this.myWalletLockScreenPass = '' - this.myWalletLockScreenSet = '' - this.walletHelperMessage = '' - this.bookQortalAddress = '' - this.bookBitcoinAddress = '' - this.bookLitecoinAddress = '' - this.bookDogecoinAddress = '' - this.bookDigibyteAddress = '' - this.bookRavencoinAddress = '' - this.bookPiratechainAddress = '' - - this.wallets = new Map() - - let coinProp = { - balance: 0, - wallet: null, - transactions: [], - fetchingWalletBalance: false, - fetchingWalletTransactions: false - } - - coinsNames.forEach((c, i) => { - this.wallets.set(c, { ...coinProp }) - }, this) - - this.wallets.get('qort').wallet = window.parent.reduxStore.getState().app.selectedAddress - this.wallets.get('btc').wallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet - this.wallets.get('ltc').wallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet - this.wallets.get('doge').wallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet - this.wallets.get('dgb').wallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet - this.wallets.get('rvn').wallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet - this.wallets.get('arrr').wallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet - - this._selectedWallet = 'qort' - - parentEpml.ready().then(() => { - parentEpml.subscribe('selected_address', async (selectedAddress) => { - selectedAddress = JSON.parse(selectedAddress) - if (!selectedAddress || Object.entries(selectedAddress).length === 0) return - - this.wallets.get('qort').wallet = selectedAddress - this.wallets.get('btc').wallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet - this.wallets.get('ltc').wallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet - this.wallets.get('doge').wallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet - this.wallets.get('dgb').wallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet - this.wallets.get('rvn').wallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet - this.wallets.get('arrr').wallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet - }) - parentEpml.subscribe('coin_balances', async (payload) => { - const coinBalances = JSON.parse(payload) - if(coinBalances[this._selectedWallet]){ - const res = coinBalances[this._selectedWallet].fullValue - let value = Number(res).toFixed(8) - if(this._selectedWallet !== 'qort'){ - value = (Number(res) / 1e8).toFixed(8) - } - this.wallets.get(this._selectedWallet).balance = value - this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() - this.balance = this.wallets.get(this._selectedWallet).balance - } - }) - }) - - this.pingCoinBalancesController = this.pingCoinBalancesController.bind(this) - } - - refreshWallet(){ - const coin = this._selectedWallet - switch (coin) { - case 'qort': - this.tabWalletQort(); - break - case 'arrr': - this.tabWalletArrr(); - break - case 'btc': - this.tabWalletBtc(); - break; - case 'ltc': - this.tabWalletLtc(); - break; - case 'doge': - this.tabWalletDoge(); - break - case 'dgb': - this.tabWalletDgb() - break; - case 'rvn': - this.tabWalletRvn(); - break - default: - break - } - - } - - render() { - return html` -
    -
    - ${translate("walletpage.wchange22")} ${this.renderWalletLockButton()} -
    - -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - -
    -

    -
    - ${translate("walletpage.wchange2")} - - -
    -
    - ${this.getSelectedWalletAddress()} - - -
    - - ${this.balanceString} - -
    - ${this.getSelectedWalletServer()} -
    -

    -
    - ${this.renderSendButton()} -
    -
    - ${this.renderAddressbookButton()} -
    -
    - -
    -
    - - ${this.loading ? html`` : ''} -
    -
    -
    - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${this.selectedTransaction.type} - ${this.selectedTransaction.txnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    ${this.selectedTransaction.type === 'AT' ? html`${this.selectedTransaction.atAddress}` : html`${this.selectedTransaction.creatorAddress}`}
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.type === 'DEPLOY_AT' ? html`${this.renderCAB()}` : html`${this.renderSQB()}`} -
    -
    - ${!this.selectedTransaction.amount ? '' : html` - ${translate("walletpage.wchange11")} -
    -
    ${this.selectedTransaction.amount} QORT
    - `} - ${translate("walletpage.wchange12")} -
    -
    ${this.selectedTransaction.fee}
    - ${translate("walletpage.wchange13")} -
    -
    ${this.selectedTransaction.blockHeight}
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange15")} -
    -
    ${this.selectedTransaction.signature}
    -
    - - ${translate("general.close")} - -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} - ${this.selectedTransaction.btcTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    - ${this.selectedTransaction.btcSender} -
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.btcReceiver} - this.sendToBtcAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddBtcAddressDialog()} title="${translate("walletpage.wchange49")}"> -
    -
    - ${translate("walletpage.wchange12")} -
    -
    - ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} BTC -
    - ${translate("walletpage.wchange37")} -
    -
    - ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} BTC -
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange16")} -
    -
    - ${this.selectedTransaction.txHash} -
    -
    - - ${translate("general.close")} - -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")}e -
    -
    - ${translate("walletpage.wchange40")} - ${this.selectedTransaction.ltcTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    - ${this.selectedTransaction.ltcSender} -
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.ltcReceiver} - this.sendToLtcAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddLtcAddressDialog()} title="${translate("walletpage.wchange49")}"> -
    -
    - ${translate("walletpage.wchange12")} -
    -
    - ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} LTC -
    - ${translate("walletpage.wchange37")} -
    -
    - ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} LTC -
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange16")} -
    -
    - ${this.selectedTransaction.txHash} -
    -
    - - ${translate("general.close")} - -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} - ${this.selectedTransaction.dogeTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    - ${this.selectedTransaction.dogeSender} -
    -
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.dogeReceiver} - this.sendToDogeAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddDogeAddressDialog()} title="${translate("walletpage.wchange49")}"> -
    -
    - ${translate("walletpage.wchange12")} -
    -
    - ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} DOGE -
    - ${translate("walletpage.wchange37")} -
    -
    - ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} DOGE -
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange16")} -
    -
    - ${this.selectedTransaction.txHash} -
    -
    - - ${translate("general.close")} - -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} - ${this.selectedTransaction.dgbTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    - ${this.selectedTransaction.dgbSender} -
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.dgbReceiver} - this.sendToDgbAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddDgbAddressDialog()} title="${translate("walletpage.wchange49")}"> -
    -
    - ${translate("walletpage.wchange12")} -
    -
    - ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} DGB -
    - ${translate("walletpage.wchange37")} -
    -
    - ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} DGB -
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange16")} -
    -
    - ${this.selectedTransaction.txHash} -
    -
    - - ${translate("general.close")} - -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} - ${this.selectedTransaction.rvnTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    - ${this.selectedTransaction.rvnSender} -
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.rvnReceiver} - this.sendToRvnAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddRvnAddressDialog()} title="${translate("walletpage.wchange49")}"> -
    -
    - ${translate("walletpage.wchange12")} -
    -
    - ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} RVN -
    - ${translate("walletpage.wchange37")} -
    -
    - ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} RVN -
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange16")} -
    -
    - ${this.selectedTransaction.txHash} -
    -
    - - ${translate("general.close")} - -     - - -
    -

    ${translate("walletpage.wchange5")}

    -
    -
    -
    - ${translate("walletpage.wchange6")} -
    -
    - ${translate("walletpage.wchange40")} - ${this.selectedTransaction.arrrTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} -
    - ${translate("walletpage.wchange9")} -
    -
    - ${this.selectedTransaction.arrrSender} -
    - ${translate("walletpage.wchange10")} -
    -
    - ${this.selectedTransaction.arrrReceiver} - this.sendToArrrAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddArrrAddressDialog()} title="${translate("walletpage.wchange49")}"> -
    -
    - ${translate("walletpage.wchange12")} -
    -
    - ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} ARRR -
    - ${translate("walletpage.wchange37")} -
    -
    - ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} ARRR -
    - ${translate("walletpage.wchange14")} -
    -
    ${new Date(this.selectedTransaction.timestamp).toString()}
    - ${translate("walletpage.wchange16")} -
    -
    - ${this.selectedTransaction.txHash} -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} QORT

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${this.getSelectedWalletAddress()} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balanceString}
    - - this.calculateQortAll()}> ${translate("walletpage.wchange45")} QORT -
      -

    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange21")} ${this.qortPaymentFee} QORT

    -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendQort()}> - - ${translate("walletpage.wchange17")} QORT - -
    ${this.renderWarning()}
    -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} BTC

    -
    -
    -

    - From address:
    - ${this.getSelectedWalletAddress()} -

    -

    - Available balance:
    - ${this.balanceString}
    - - this.calculateBtcAll()}> ${translate("walletpage.wchange45")} BTC -
      -

    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange24")}: ${(this.btcFeePerByte / 1e8).toFixed(8)} BTC
    ${translate("walletpage.wchange25")}

    - - -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendBtc()}> - - ${translate("walletpage.wchange17")} BTC - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} LTC

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${this.getSelectedWalletAddress()} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balanceString}
    - - this.calculateLtcAll()}> ${translate("walletpage.wchange45")} LTC -
      -

    -

    - - -

    -

    - - -

    -
    -

    ${translate("walletpage.wchange24")}: ${(this.ltcFeePerByte / 1e8).toFixed(8)} LTC
    ${translate("walletpage.wchange25")}

    - - -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendLtc()}> - - ${translate("walletpage.wchange17")} LTC - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} DOGE

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${this.getSelectedWalletAddress()} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balanceString}
    - - this.calculateDogeAll()}> ${translate("walletpage.wchange45")} DOGE -
      -

    -

    - - -

    -

    - - -

    -
    -

    - ${translate("walletpage.wchange24")}: ${(this.dogeFeePerByte / 1e8).toFixed(8)} DOGE
    ${translate("walletpage.wchange25")} -

    - - -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendDoge()}> - - ${translate("walletpage.wchange17")} DOGE - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} DGB

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${this.getSelectedWalletAddress()} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balanceString}
    - - this.calculateDgbAll()}> ${translate("walletpage.wchange45")} DGB -
      -

    -

    - - -

    -

    - - -

    -
    -

    - ${translate("walletpage.wchange24")}: ${(this.dgbFeePerByte / 1e8).toFixed(8)} DGB
    ${translate("walletpage.wchange25")} -

    - - -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendDgb()}> - - ${translate("walletpage.wchange17")} DGB - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} RVN

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${this.getSelectedWalletAddress()} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balanceString}
    - - this.calculateRvnAll()}> ${translate("walletpage.wchange45")} RVN -
      -

    -

    - - -

    -

    - - -

    -
    -

    - ${translate("walletpage.wchange24")}: ${(this.rvnFeePerByte / 1e8).toFixed(8)} RVN
    ${translate("walletpage.wchange25")} -

    - - -
    - ${this.renderClearSuccess()} - ${this.renderClearError()} - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendRvn()}> - - ${translate("walletpage.wchange17")} RVN - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    -
    - -

    ${translate("walletpage.wchange17")} ARRR

    -
    -
    -

    - ${translate("walletpage.wchange18")}:
    - ${this.getSelectedWalletAddress()} -

    -

    - ${translate("walletpage.wchange19")}:
    - ${this.balanceString}
    - - this.calculateArrrAll()}> ${translate("walletpage.wchange45")} ARRR -
      -

    -

    - - -

    -

    - - -

    -

    - - -

    -

    ${this.errorMessage}

    -

    ${this.successMessage}

    - ${this.sendMoneyLoading ? html` ` : ''} -
    -
    - this.sendArrr()}> - - ${translate("walletpage.wchange17")} ARRR - -
    -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Qortal ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromQortAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeQortAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.qortBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToQortAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Bitcoin ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromBtcAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeBtcAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.btcBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToBtcAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Litecoin ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromLtcAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeLtcAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.ltcBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToLtcAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Dogecoin ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromDogeAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeDogeAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.dogeBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToDogeAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Digibyte ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromDgbAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeDgbAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.dgbBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToDgbAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Ravencoin ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromRvnAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeRvnAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.rvnBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToRvnAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Pirate Chain ${translate("walletpage.wchange47")}

    -
    -
    ${this.renderExportAddressbookButton()}
    ${this.renderImportAddressbookButton()}


    -
    -
    - - - - { - render(html`${this.renderSendFromArrrAddressbookButton(data.item)}`, root); - }}> - - { - render(html` this.removeArrrAddress(data.item.address)}>delete ${translate("nodepage.nchange12")}`, root) - }}> - - - ${this.isEmptyArray(this.arrrBook) ? html` - ${translate("walletpage.wchange48")} - `: ''} - - ${translate("general.close")} - - this.openAddToArrrAddressbook()} - > - ${translate("rewardsharepage.rchange14")} - -     - - -
    - -

    Qortal ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToQortalAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Bitcoin ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToBitcoinAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Litecoin ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToLitecoinAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Dogecoin ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToDogecoinAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Digibyte ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToDigibyteAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Ravencoin ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToRavencoinAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Pirate Chain ${translate("walletpage.wchange47")}


    -

    ${translate("walletpage.wchange49")}

    -
    -
    -
    -
    -

    - - -

    -

    - - -

    -
    -
    -
    - this.addToPiratechainAddressbook()}> - - ${translate("walletpage.wchange49")} - -
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Qortal ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Bitcoin ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Litecoin ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Dogecoin ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Digibyte ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Litecoin ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     - - -
    - -

    Pirate Chain ${translate("walletpage.wchange53")}


    -
    -
    -
    -
    - -

    ${translate("walletpage.wchange56")}

    -
    ${translate("walletpage.wchange55")}
    -
    - - ${translate("general.close")} - -     -
    - -
    -

    Qortal ${translate("tabmenu.tm5")} ${translate("login.lp1")}

    -
    -
    -
    -

    ${translate("login.lp2")}

    -

    ${translate("login.lp3")}

    -
    -
    - password - -
    -
    - password - -
    -
    - ${translate("login.lp4")} - ${translate("login.lp5")} -
    -     - -
    -

    Qortal ${translate("tabmenu.tm5")} ${translate("login.lp1")}

    -
    -
    -
    -

    ${translate("login.lessthen8")}

    -
    -
    - ${translate("login.lp4")} - ${translate("login.lp5")} -
    -     - -
    - ${translate("sidemenu.wallets")}
    - ${translate("login.lp9")} - ${translate("login.lp10")} -
    -
    - password - -
    - ${this.walletHelperMessage} -
    -     -
    -
    - -
    -     - ` - } - - firstUpdated() { - - this.changeTheme() - this.changeLanguage() - this.paymentFee() - this.getNodeConfig() - - this.bookQortalAddress = window.parent.reduxStore.getState().app.selectedAddress.address - this.bookBitcoinAddress = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address - this.bookLitecoinAddress = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address - this.bookDogecoinAddress = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address - this.bookDigibyteAddress = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address - this.bookRavencoinAddress = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address - this.bookPiratechainAddress = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address - - this.walletHelperMessage = this.renderWalletHelperPass() - - this.walletSalt = '' - this.walletSalt = Base58.encode(window.parent.reduxStore.getState().app.wallet._addresses[0].keyPair.privateKey) - - this.walletStorageData = '' - this.walletStorageData = window.parent.reduxStore.getState().app.selectedAddress.address - - this.walletLockScreenPass = '' - this.walletLockScreenPass = 'walletLockScreenPass-' + this.walletStorageData - - this.walletLockScreenSet = '' - this.walletLockScreenSet = 'walletLockScreenSet-' + this.walletStorageData - - this.walletLockPass = '' - this.walletLockPass = encryptData(false, this.walletSalt) - - this.walletLockSet = '' - this.walletLockSet = encryptData(false, this.walletSalt) - - if (localStorage.getItem(this.walletLockScreenPass) === null && localStorage.getItem(this.walletLockScreenSet) === null) { - localStorage.setItem(this.walletLockScreenPass, this.walletLockPass) - localStorage.setItem(this.walletLockScreenSet, this.walletLockSet) - this.myWalletLockScreenPass = '' - this.myWalletLockScreenPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) - this.myWalletLockScreenSet = '' - this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) - } else { - this.myWalletLockScreenPass = '' - this.myWalletLockScreenPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) - this.myWalletLockScreenSet = '' - this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) - } - - if (this.myWalletLockScreenSet === true) { - this.shadowRoot.getElementById('walletLockScreenActive').open() - } - - this.qortAddressbook() - this.btcAddressbook() - this.ltcAddressbook() - this.dogeAddressbook() - this.dgbAddressbook() - this.rvnAddressbook() - this.arrrAddressbook() - - this.transactionsDOM = this.shadowRoot.getElementById('transactionsDOM') - - this.showWallet() - - window.addEventListener('storage', () => { - const checkLanguage = localStorage.getItem('qortalLanguage') - const checkTheme = localStorage.getItem('qortalTheme') - - use(checkLanguage) - - if (checkTheme === 'dark') { - this.theme = 'dark' - } else { - this.theme = 'light' - } - document.querySelector('html').setAttribute('theme', this.theme) - }) - - if (!isElectron()) { - } else { - window.addEventListener('contextmenu', (event) => { - event.preventDefault() - window.parent.electronAPI.showMyMenu() - }) - } - - this.clearConsole() - - setInterval(() => { - this.clearConsole() - this.getNodeConfig() - }, 60000) - - setInterval(() => { - this.paymentFee() - }, 600000) - } - - async paymentFee() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port - const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` - await fetch(url).then((response) => { - if (response.ok) { - return response.json() - } - return Promise.reject(response) - }).then((json) => { - this.qortPaymentFee = (Number(json) / 1e8).toFixed(8) - }) - } - - clearConsole() { - if (!isElectron()) { - } else { - console.clear() - window.parent.electronAPI.clearCache() - } - } - - pingCoinBalancesController(){ - if(!this._selectedWallet) return - const customEvent = new CustomEvent('ping-coin-controller-with-coin', { - detail: this._selectedWallet - }); - window.parent.dispatchEvent(customEvent); - } - - connectedCallback() { - super.connectedCallback() - this.intervalID = setInterval(this.pingCoinBalancesController, 30000) - } - - disconnectedCallback() { - super.disconnectedCallback() - if(this.intervalID) { - clearInterval(this.intervalID) - } - } - - renderWalletLockButton() { - if (this.myWalletLockScreenPass === false && this.myWalletLockScreenSet === false) { - return html` -
    - this.openWalletSetScreenLockPass()} title="${translate("login.lp11")}"> -
    - ` - } else if (this.myWalletLockScreenSet === false) { - return html` -
    - this.setWalletLockQortal()} title="${translate("login.lp11")}"> -
    - ` - } else if (this.myWalletLockScreenSet === true) { - return html` -
    - -
    - ` - } - } - - openWalletSetScreenLockPass() { - this.shadowRoot.getElementById('walletLockPassword').value = '' - this.shadowRoot.getElementById('walletLockPasswordConfirm').value = '' - this.shadowRoot.getElementById('setWalletLockScreenPass').open() - } - - closewWalletSetScreenLockPass() { - this.shadowRoot.getElementById('setWalletLockScreenPass').close() - } - - walletCheckPass() { - const walletPassword = this.shadowRoot.getElementById('walletLockPassword').value - const walletRePassword = this.shadowRoot.getElementById('walletLockPasswordConfirm').value - - if (walletPassword === '') { - let snackbar1string = get("login.pleaseenter") - parentEpml.request('showSnackBar', `${snackbar1string}`) - return - } - - if (walletPassword != walletRePassword) { - let snackbar2string = get("login.notmatch") - parentEpml.request('showSnackBar', `${snackbar2string}`) - return - } - - if (walletPassword.length < 8) { - let snackbar3string = get("login.lessthen8") - parentEpml.request('showSnackBar', `${snackbar3string}`) - this.walletExtraConfirm() - } - - if (walletPassword.length >= 8) { - this.setWalletNewScreenPass() - let snackbar4string = get("login.lp6") - parentEpml.request('showSnackBar', `${snackbar4string}`) - } - } - - walletExtraConfirm() { - this.shadowRoot.getElementById('setWalletLockScreenPass').close() - this.shadowRoot.getElementById('walletExtraConfirmPass').open() - } - - closWalletExtraConfirmPass() { - this.shadowRoot.getElementById('walletExtraConfirmPass').close() - this.shadowRoot.getElementById('walletLockPassword').value = '' - this.shadowRoot.getElementById('walletLockPasswordConfirm').value = '' - } - - setWalletNewScreenPass() { - const walletRawPassword = this.shadowRoot.getElementById('walletLockPassword').value - const walletCryptPassword = encryptData(walletRawPassword, this.walletSalt) - localStorage.setItem(this.walletLockScreenPass, walletCryptPassword) - this.myWalletLockScreenPass = '' - this.myWalletLockScreenPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) - this.shadowRoot.getElementById('setWalletLockScreenPass').close() - this.shadowRoot.getElementById('walletExtraConfirmPass').close() - this.shadowRoot.getElementById('walletLockPassword').value = '' - this.shadowRoot.getElementById('walletLockPasswordConfirm').value = '' - } - - setWalletLockQortal() { - this.walletHelperMessage = this.renderWalletHelperPass() - this.walletLockSet = '' - this.walletLockSet = encryptData(true, this.walletSalt) - localStorage.setItem(this.walletLockScreenSet, this.walletLockSet) - this.myWalletLockScreenSet = '' - this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) - this.shadowRoot.getElementById('walletLockScreenActive').open() - } - - walletPassKeyListener(e) { - if (e.key === 'Enter') { - this.closeWalletLockScreenActive() - } - } - - async closeWalletLockScreenActive() { - const myWalletPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) - const walletCheckPass = this.shadowRoot.getElementById('walletUnlockPassword').value - const errDelay = ms => new Promise(res => setTimeout(res, ms)) - - if (walletCheckPass === myWalletPass) { - this.walletLockSet = '' - this.walletLockSet = encryptData(false, this.walletSalt) - localStorage.setItem(this.walletLockScreenSet, this.walletLockSet) - this.myWalletLockScreenSet = '' - this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) - this.shadowRoot.getElementById('walletLockScreenActive').close() - this.shadowRoot.getElementById('walletUnlockPassword').value = '' - this.walletHelperMessage = this.renderWalletHelperPass() - } else { - this.shadowRoot.getElementById('walletUnlockPassword').value = '' - this.walletHelperMessage = this.renderWalletHelperErr() - await errDelay(3000) - this.walletHelperMessage = this.renderWalletHelperPass() - - } - } - - renderWalletHelperPass() { - return html`${translate("login.pleaseenter")}` - } - - renderWalletHelperErr() { - return html`${translate("login.lp8")}` - } - - renderWarning() { - return html`${translate("tradepage.tchange48")} QORT` - } - - renderClearSuccess() { - let strSuccessValue = this.successMessage - if (strSuccessValue === "") { - return html`` - } else { - return html` -
    - ${this.successMessage} - -
    -
    -

    ${translate("walletpage.wchange43")}

    -
    - ` - } - } - - renderClearError() { - let strErrorValue = this.errorMessage - if (strErrorValue === "") { - return html`` - } else { - return html` -
    - ${this.errorMessage} - -
    -
    -

    ${translate("walletpage.wchange44")}

    -
    - ` - } - } - - tabWalletQort() { - this._selectedWallet = 'qort' - this.showWallet() - } - - tabWalletBtc() { - this._selectedWallet = 'btc' - this.showWallet() - } - - tabWalletLtc() { - this._selectedWallet = 'ltc' - this.showWallet() - } - - tabWalletDoge() { - this._selectedWallet = 'doge' - this.showWallet() - } - - tabWalletDgb() { - this._selectedWallet = 'dgb' - this.showWallet() - } - - tabWalletRvn() { - this._selectedWallet = 'rvn' - this.showWallet() - } - - tabWalletArrr() { - this._selectedWallet = 'arrr' - this.showWallet() - } - - qortAddressbook() { - const storedQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress - if (localStorage.getItem(storedQortalAddressBook) === null) { - localStorage.setItem(storedQortalAddressBook, "") - } else { - this.qortBook = JSON.parse(localStorage.getItem(storedQortalAddressBook) || "[]") - } - } - - btcAddressbook() { - const storedBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress - if (localStorage.getItem(storedBitcoinAddressBook) === null) { - localStorage.setItem(storedBitcoinAddressBook, "") - } else { - this.btcBook = JSON.parse(localStorage.getItem(storedBitcoinAddressBook) || "[]") - } - } - - ltcAddressbook() { - const storedLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress - if (localStorage.getItem(storedLitecoinAddressBook) === null) { - localStorage.setItem(storedLitecoinAddressBook, "") - } else { - this.ltcBook = JSON.parse(localStorage.getItem(storedLitecoinAddressBook) || "[]") - } - } - - dogeAddressbook() { - const storedDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress - if (localStorage.getItem(storedDogecoinAddressBook) === null) { - localStorage.setItem(storedDogecoinAddressBook, "") - } else { - this.dogeBook = JSON.parse(localStorage.getItem(storedDogecoinAddressBook) || "[]") - } - } - - dgbAddressbook() { - const storedDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress - if (localStorage.getItem(storedDigibyteAddressBook) === null) { - localStorage.setItem(storedDigibyteAddressBook, "") - } else { - this.dgbBook = JSON.parse(localStorage.getItem(storedDigibyteAddressBook) || "[]") - } - } - - rvnAddressbook() { - const storedRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress - if (localStorage.getItem(storedRavencoinAddressBook) === null) { - localStorage.setItem(storedRavencoinAddressBook, "") - } else { - this.rvnBook = JSON.parse(localStorage.getItem(storedRavencoinAddressBook) || "[]") - } - } - - arrrAddressbook() { - const storedPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress - if (localStorage.getItem(storedPiratechainAddressBook) === null) { - localStorage.setItem(storedPiratechainAddressBook, "") - } else { - this.arrrBook = JSON.parse(localStorage.getItem(storedPiratechainAddressBook) || "[]") - } - } - - openQortAddressbook() { - this.shadowRoot.querySelector("#qortBookDialog").show() - } - - openBtcAddressbook() { - this.shadowRoot.querySelector("#btcBookDialog").show() - } - - openLtcAddressbook() { - this.shadowRoot.querySelector("#ltcBookDialog").show() - } - - openDogeAddressbook() { - this.shadowRoot.querySelector("#dogeBookDialog").show() - } - - openDgbAddressbook() { - this.shadowRoot.querySelector("#dgbBookDialog").show() - } - - openRvnAddressbook() { - this.shadowRoot.querySelector("#rvnBookDialog").show() - } - - openArrrAddressbook() { - this.shadowRoot.querySelector("#arrrBookDialog").show() - } - - openAddQortAddressDialog() { - this.qortBookAddress = this.selectedTransaction.recipient - this.openAddToQortAddressbook() - this.shadowRoot.querySelector('#showTransactionDetailsDialog').close() - } - - openAddBtcAddressDialog() { - this.btcBookAddress = this.selectedTransaction.btcReceiver - this.openAddToBtcAddressbook() - this.shadowRoot.querySelector('#showBtcTransactionDetailsDialog').close() - } - - openAddLtcAddressDialog() { - this.ltcBookAddress = this.selectedTransaction.ltcReceiver - this.openAddToLtcAddressbook() - this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').close() - } - - openAddDogeAddressDialog() { - this.dogeBookAddress = this.selectedTransaction.dogeReceiver - this.openAddToDogeAddressbook() - this.shadowRoot.querySelector('#showDogeTransactionDetailsDialog').close() - } - - openAddDgbAddressDialog() { - this.dgbBookAddress = this.selectedTransaction.dgbReceiver - this.openAddToDgbAddressbook() - this.shadowRoot.querySelector('#showDgbTransactionDetailsDialog').close() - } - - openAddRvnAddressDialog() { - this.rvnBookAddress = this.selectedTransaction.rvnReceiver - this.openAddToRvnAddressbook() - this.shadowRoot.querySelector('#showRvnTransactionDetailsDialog').close() - } - - openAddArrrAddressDialog() { - this.arrrBookAddress = this.selectedTransaction.arrrReceiver - this.openAddToArrrAddressbook() - this.shadowRoot.querySelector('#showArrrTransactionDetailsDialog').close() - } - - openAddToQortAddressbook() { - this.shadowRoot.querySelector("#addQortAddressDialog").show() - } - - openAddToBtcAddressbook() { - this.shadowRoot.querySelector("#addBtcAddressDialog").show() - } - - openAddToLtcAddressbook() { - this.shadowRoot.querySelector("#addLtcAddressDialog").show() - } - - openAddToDogeAddressbook() { - this.shadowRoot.querySelector("#addDogeAddressDialog").show() - } - - openAddToDgbAddressbook() { - this.shadowRoot.querySelector("#addDgbAddressDialog").show() - } - - openAddToRvnAddressbook() { - this.shadowRoot.querySelector("#addRvnAddressDialog").show() - } - - openAddToArrrAddressbook() { - this.shadowRoot.querySelector("#addArrrAddressDialog").show() - } - - openImportQortAddressbook() { - this.shadowRoot.querySelector("#importQortAddressbookDialog").show() - } - - openImportBtcAddressbook() { - this.shadowRoot.querySelector("#importBtcAddressbookDialog").show() - } - - openImportLtcAddressbook() { - this.shadowRoot.querySelector("#importLtcAddressbookDialog").show() - } - - openImportDogeAddressbook() { - this.shadowRoot.querySelector("#importDogeAddressbookDialog").show() - } - - openImportDgbAddressbook() { - this.shadowRoot.querySelector("#importDgbAddressbookDialog").show() - } - - openImportRvnAddressbook() { - this.shadowRoot.querySelector("#importRvnAddressbookDialog").show() - } - - openImportArrrAddressbook() { - this.shadowRoot.querySelector("#importArrrAddressbookDialog").show() - } - - closeQortAddressDialog() { - this.shadowRoot.querySelector('#addQortAddressDialog').close() - this.shadowRoot.getElementById('qortNameInput').value = '' - this.shadowRoot.getElementById('qortAddressInput').value = '' - this.qortBookName = '' - this.qortBookAddress = '' - } - - closeBtcAddressDialog() { - this.shadowRoot.querySelector('#addBtcAddressDialog').close() - this.shadowRoot.getElementById('btcNameInput').value = '' - this.shadowRoot.getElementById('btcAddressInput').value = '' - this.btcBookName = '' - this.btcBookAddress = '' - } - - closeLtcAddressDialog() { - this.shadowRoot.querySelector('#addLtcAddressDialog').close() - this.shadowRoot.getElementById('ltcNameInput').value = '' - this.shadowRoot.getElementById('ltcAddressInput').value = '' - this.ltcBookName = '' - this.ltcBookAddress = '' - } - - closeDogeAddressDialog() { - this.shadowRoot.querySelector('#addDogeAddressDialog').close() - this.shadowRoot.getElementById('dogeNameInput').value = '' - this.shadowRoot.getElementById('dogeAddressInput').value = '' - this.dogeBookName = '' - this.dogeBookAddress = '' - } - - closeDgbAddressDialog() { - this.shadowRoot.querySelector('#addDgbAddressDialog').close() - this.shadowRoot.getElementById('dgbNameInput').value = '' - this.shadowRoot.getElementById('dgbAddressInput').value = '' - this.dgbBookName = '' - this.dgbBookAddress = '' - } - - closeRvnAddressDialog() { - this.shadowRoot.querySelector('#addRvnAddressDialog').close() - this.shadowRoot.getElementById('rvnNameInput').value = '' - this.shadowRoot.getElementById('rvnAddressInput').value = '' - this.rvnBookName = '' - this.rvnBookAddress = '' - } - - closeArrrAddressDialog() { - this.shadowRoot.querySelector('#addArrrAddressDialog').close() - this.shadowRoot.getElementById('arrrNameInput').value = '' - this.shadowRoot.getElementById('arrrAddressInput').value = '' - this.arrrBookName = '' - this.arrrBookAddress = '' - } - - closeImportQortAddressbookDialog() { - this.shadowRoot.querySelector("#importQortAddressbookDialog").close() - } - - closeImportBtcAddressbookDialog() { - this.shadowRoot.querySelector("#importBtcAddressbookDialog").close() - } - - closeImportLtcAddressbookDialog() { - this.shadowRoot.querySelector("#importLtcAddressbookDialog").close() - } - - closeImportDogeAddressbookDialog() { - this.shadowRoot.querySelector("#importDogeAddressbookDialog").close() - } - - closeImportDgbAddressbookDialog() { - this.shadowRoot.querySelector("#importDgbAddressbookDialog").close() - } - - closeImportRvnAddressbookDialog() { - this.shadowRoot.querySelector("#importRvnAddressbookDialog").close() - } - - closeImportArrrAddressbookDialog() { - this.shadowRoot.querySelector("#importArrrAddressbookDialog").close() - } - - addToQortalAddressbook() { - const myQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress - - let name = this.shadowRoot.getElementById('qortNameInput').value - let address = this.shadowRoot.getElementById('qortAddressInput').value - - var oldQortalBook = JSON.parse(localStorage.getItem(myQortalAddressBook) || "[]") - - if (name.length === 0) { - let qortbookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${qortbookstring1}`) - return false - } - - if (address.length === 0) { - let qortbookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${qortbookstring2}`) - return false - } - - const newQortalBookItem = { - name: name, - address: address - } - - oldQortalBook.push(newQortalBookItem) - - localStorage.setItem(myQortalAddressBook, JSON.stringify(oldQortalBook)) - - let qortbookstring2 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${qortbookstring2}`) - - this.closeQortAddressDialog() - this.qortBook = JSON.parse(localStorage.getItem(myQortalAddressBook) || "[]") - } - - addToBitcoinAddressbook() { - const myBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress + static get properties() { + return { + loading: { type: Boolean }, + transactions: { type: Object }, + lastBlock: { type: Object }, + selectedTransaction: { type: Object }, + isTextMenuOpen: { type: Boolean }, + wallets: { type: Map }, + _selectedWallet: 'qort', + nodeConfig: { type: Object }, + nodeDomain: { type: String }, + theme: { type: String, reflect: true }, + amount: { type: Number }, + recipient: { type: String }, + btcRecipient: { type: String }, + btcAmount: { type: Number }, + ltcRecipient: { type: String }, + ltcAmount: { type: Number }, + dogeRecipient: { type: String }, + dogeAmount: { type: Number }, + dgbRecipient: { type: String }, + dgbAmount: { type: Number }, + rvnRecipient: { type: String }, + rvnAmount: { type: Number }, + arrrRecipient: { type: String }, + arrrAmount: { type: Number }, + arrrMemo: { type: String }, + errorMessage: { type: String }, + arrrWalletAddress: { type: String }, + unusedWalletAddress: { type: String }, + successMessage: { type: String }, + sendMoneyLoading: { type: Boolean }, + btnDisable: { type: Boolean }, + qortWarning: { type: Boolean }, + isValidAmount: { type: Boolean }, + balance: { type: Number }, + balanceString: { type: String }, + btcServer: { type: Number }, + ltcServer: { type: Number }, + dogeServer: { type: Number }, + dgbServer: { type: Number }, + rvnServer: { type: Number }, + arrrServer: { type: Number }, + qortPaymentFee: { type: Number }, + btcFeePerByte: { type: Number }, + ltcFeePerByte: { type: Number }, + dogeFeePerByte: { type: Number }, + dgbFeePerByte: { type: Number }, + rvnFeePerByte: { type: Number }, + qortBook: { type: Array }, + btcBook: { type: Array }, + ltcBook: { type: Array }, + dogeBook: { type: Array }, + dgbBook: { type: Array }, + rvnBook: { type: Array }, + arrrBook: { type: Array }, + qortBookName: { type: String }, + btcBookName: { type: String }, + ltcBookName: { type: String }, + dogeBookName: { type: String }, + dgbBookName: { type: String }, + rvnBookName: { type: String }, + arrrBookName: { type: String }, + qortBookAddress: { type: String }, + btcBookAddress: { type: String }, + ltcBookAddress: { type: String }, + dogeBookAddress: { type: String }, + dgbBookAddress: { type: String }, + rvnBookAddress: { type: String }, + arrrBookAddress: { type: String }, + myElementId: { type: String }, + walletSalt: { type: String }, + walletStorageData: { type: String }, + walletLockScreenPass: { type: String }, + walletLockScreenSet: { type: String }, + walletLockPass: { type: String }, + walletLockSet: { type: String }, + myWalletLockScreenPass: { type: String }, + myWalletLockScreenSet: { type: String }, + walletHelperMessage: { type: String }, + bookQortalAddress: { type: String }, + bookBitcoinAddress: { type: String }, + bookLitecoinAddress: { type: String }, + bookDogecoinAddress: { type: String }, + bookDigibyteAddress: { type: String }, + bookRavencoinAddress: { type: String }, + bookPiratechainAddress: { type: String } + } + } + + static get styles() { + return [multiWalletStyles] + } + + static get observers() { + return ['_kmxKeyUp(amount)'] + } + + constructor() { + super() + this.lastBlock = { + height: 0 + } + this.balanceString = this.renderFetchText() + this.selectedTransaction = {} + this.isTextMenuOpen = false + this.loading = true + this.nodeConfig = {} + this.nodeDomain = '' + this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light' + this.qortBook = [] + this.btcBook = [] + this.ltcBook = [] + this.dogeBook = [] + this.dgbBook = [] + this.rvnBook = [] + this.arrrBook = [] + this.qortBookName = '' + this.btcBookName = '' + this.ltcBookName = '' + this.dogeBookName = '' + this.dgbBookName = '' + this.rvnBookName = '' + this.arrrBookName = '' + this.qortBookAddress = '' + this.btcBookAddress = '' + this.ltcBookAddress = '' + this.dogeBookAddress = '' + this.dgbBookAddress = '' + this.rvnBookAddress = '' + this.arrrBookAddress = '' + this.recipient = '' + this.btcRecipient = '' + this.ltcRecipient = '' + this.dogeRecipient = '' + this.dgbRecipient = '' + this.rvnRecipient = '' + this.arrrRecipient = '' + this.arrrMemo = '' + this.arrrWalletAddress = '' + this.unusedWalletAddress = '' + this.btcServer = '' + this.ltcServer = '' + this.dogeServer = '' + this.dgbServer = '' + this.rvnServer = '' + this.arrrServer = '' + this.errorMessage = '' + this.successMessage = '' + this.myElementId = '' + this.sendMoneyLoading = false + this.isValidAmount = false + this.btnDisable = false + this.qortWarning = false + this.balance = 0 + this.amount = 0 + this.btcAmount = 0 + this.ltcAmount = 0 + this.dogeAmount = 0 + this.dgbAmount = 0 + this.rvnAmount = 0 + this.arrrAmount = 0 + this.qortPaymentFee = 0.001 + this.btcFeePerByte = 100 + this.btcSatMinFee = 20 + this.btcSatMaxFee = 150 + this.ltcFeePerByte = 30 + this.ltcSatMinFee = 10 + this.ltcSatMaxFee = 100 + this.dogeFeePerByte = 1000 + this.dogeSatMinFee = 100 + this.dogeSatMaxFee = 10000 + this.dgbFeePerByte = 10 + this.dgbSatMinFee = 1 + this.dgbSatMaxFee = 100 + this.rvnFeePerByte = 1125 + this.rvnSatMinFee = 1000 + this.rvnSatMaxFee = 10000 + this.walletSalt = '' + this.walletStorageData = '' + this.walletLockScreenPass = '' + this.walletLockScreenSet = '' + this.walletLockPass = '' + this.walletLockSet = '' + this.myWalletLockScreenPass = '' + this.myWalletLockScreenSet = '' + this.walletHelperMessage = '' + this.bookQortalAddress = '' + this.bookBitcoinAddress = '' + this.bookLitecoinAddress = '' + this.bookDogecoinAddress = '' + this.bookDigibyteAddress = '' + this.bookRavencoinAddress = '' + this.bookPiratechainAddress = '' + this.wallets = new Map() + + let coinProp = { + balance: 0, + wallet: null, + transactions: [], + fetchingWalletBalance: false, + fetchingWalletTransactions: false + } + + coinsNames.forEach((c, i) => { + this.wallets.set(c, { ...coinProp }) + }, this) + + this.wallets.get('qort').wallet = window.parent.reduxStore.getState().app.selectedAddress + this.wallets.get('btc').wallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet + this.wallets.get('ltc').wallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet + this.wallets.get('doge').wallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet + this.wallets.get('dgb').wallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet + this.wallets.get('rvn').wallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet + this.wallets.get('arrr').wallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet + + this._selectedWallet = 'qort' + + parentEpml.ready().then(() => { + parentEpml.subscribe('selected_address', async (selectedAddress) => { + selectedAddress = JSON.parse(selectedAddress) + if (!selectedAddress || Object.entries(selectedAddress).length === 0) return + + this.wallets.get('qort').wallet = selectedAddress + this.wallets.get('btc').wallet = window.parent.reduxStore.getState().app.selectedAddress.btcWallet + this.wallets.get('ltc').wallet = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet + this.wallets.get('doge').wallet = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet + this.wallets.get('dgb').wallet = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet + this.wallets.get('rvn').wallet = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet + this.wallets.get('arrr').wallet = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet + }) + parentEpml.subscribe('coin_balances', async (payload) => { + const coinBalances = JSON.parse(payload) + if (coinBalances[this._selectedWallet]) { + const res = coinBalances[this._selectedWallet].fullValue + let value = Number(res).toFixed(8) + if (this._selectedWallet !== 'qort') { + value = (Number(res) / 1e8).toFixed(8) + } + this.wallets.get(this._selectedWallet).balance = value + this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() + this.balance = this.wallets.get(this._selectedWallet).balance + } + }) + }) + + this.pingCoinBalancesController = this.pingCoinBalancesController.bind(this) + } + + refreshWallet() { + const coin = this._selectedWallet + switch (coin) { + case 'qort': + this.tabWalletQort() + break + case 'arrr': + this.tabWalletArrr() + break + case 'btc': + this.tabWalletBtc() + break; + case 'ltc': + this.tabWalletLtc() + break; + case 'doge': + this.tabWalletDoge() + break + case 'dgb': + this.tabWalletDgb() + break; + case 'rvn': + this.tabWalletRvn() + break + default: + break + } + } + + render() { + return html` +
    +
    + ${translate("walletpage.wchange22")} ${this.renderWalletLockButton()} +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + +
    +

    +
    + ${translate("walletpage.wchange2")} + +
    +
    + ${this.getSelectedWalletAddress()} + + +
    + + ${this.balanceString} + +
    + ${this.getSelectedWalletServer()} +
    +

    +
    + ${this.renderSendButton()} +
    +
    + ${this.renderAddressbookButton()} +
    +
    + +
    +
    + ${this.loading ? html` + + ` : ''} +
    +
    +
    + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${this.selectedTransaction.type} + ${this.selectedTransaction.txnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    ${this.selectedTransaction.type === 'AT' ? html`${this.selectedTransaction.atAddress}` : html`${this.selectedTransaction.creatorAddress}`}
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.type === 'DEPLOY_AT' ? html`${this.renderCAB()}` : html`${this.renderSQB()}`} +
    +
    + ${!this.selectedTransaction.amount ? '' : html` + ${translate("walletpage.wchange11")} +
    +
    ${this.selectedTransaction.amount} QORT
    + `} + ${translate("walletpage.wchange12")} +
    +
    ${this.selectedTransaction.fee}
    + ${translate("walletpage.wchange13")} +
    +
    ${this.selectedTransaction.blockHeight}
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange15")} +
    +
    ${this.selectedTransaction.signature}
    +
    + + ${translate("general.close")} + +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${translate("walletpage.wchange40")} + ${this.selectedTransaction.btcTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    + ${this.selectedTransaction.btcSender} +
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.btcReceiver} + this.sendToBtcAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddBtcAddressDialog()} title="${translate("walletpage.wchange49")}"> +
    +
    + ${translate("walletpage.wchange12")} +
    +
    + ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} BTC +
    + ${translate("walletpage.wchange37")} +
    +
    + ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} BTC +
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange16")} +
    +
    + ${this.selectedTransaction.txHash} +
    +
    + + ${translate("general.close")} + +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")}e +
    +
    + ${translate("walletpage.wchange40")} + ${this.selectedTransaction.ltcTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    + ${this.selectedTransaction.ltcSender} +
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.ltcReceiver} + this.sendToLtcAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddLtcAddressDialog()} title="${translate("walletpage.wchange49")}"> +
    +
    + ${translate("walletpage.wchange12")} +
    +
    + ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} LTC +
    + ${translate("walletpage.wchange37")} +
    +
    + ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} LTC +
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange16")} +
    +
    + ${this.selectedTransaction.txHash} +
    +
    + + ${translate("general.close")} + +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${translate("walletpage.wchange40")} + ${this.selectedTransaction.dogeTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    + ${this.selectedTransaction.dogeSender} +
    +
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.dogeReceiver} + this.sendToDogeAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddDogeAddressDialog()} title="${translate("walletpage.wchange49")}"> +
    +
    + ${translate("walletpage.wchange12")} +
    +
    + ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} DOGE +
    + ${translate("walletpage.wchange37")} +
    +
    + ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} DOGE +
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange16")} +
    +
    + ${this.selectedTransaction.txHash} +
    +
    + + ${translate("general.close")} + +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${translate("walletpage.wchange40")} + ${this.selectedTransaction.dgbTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    + ${this.selectedTransaction.dgbSender} +
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.dgbReceiver} + this.sendToDgbAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddDgbAddressDialog()} title="${translate("walletpage.wchange49")}"> +
    +
    + ${translate("walletpage.wchange12")} +
    +
    + ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} DGB +
    + ${translate("walletpage.wchange37")} +
    +
    + ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} DGB +
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange16")} +
    +
    + ${this.selectedTransaction.txHash} +
    +
    + + ${translate("general.close")} + +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${translate("walletpage.wchange40")} + ${this.selectedTransaction.rvnTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    + ${this.selectedTransaction.rvnSender} +
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.rvnReceiver} + this.sendToRvnAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddRvnAddressDialog()} title="${translate("walletpage.wchange49")}"> +
    +
    + ${translate("walletpage.wchange12")} +
    +
    + ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} RVN +
    + ${translate("walletpage.wchange37")} +
    +
    + ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} RVN +
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange16")} +
    +
    + ${this.selectedTransaction.txHash} +
    +
    + + ${translate("general.close")} + +     + +
    +

    ${translate("walletpage.wchange5")}

    +
    +
    +
    + ${translate("walletpage.wchange6")} +
    +
    + ${translate("walletpage.wchange40")} + ${this.selectedTransaction.arrrTxnFlow === 'OUT' ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} +
    + ${translate("walletpage.wchange9")} +
    +
    + ${this.selectedTransaction.arrrSender} +
    + ${translate("walletpage.wchange10")} +
    +
    + ${this.selectedTransaction.arrrReceiver} + this.sendToArrrAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddArrrAddressDialog()} title="${translate("walletpage.wchange49")}"> +
    +
    + ${translate("walletpage.wchange12")} +
    +
    + ${(this.selectedTransaction.feeAmount / 1e8).toFixed(8)} ARRR +
    + ${translate("walletpage.wchange37")} +
    +
    + ${(this.selectedTransaction.totalAmount / 1e8).toFixed(8)} ARRR +
    + ${translate("walletpage.wchange14")} +
    +
    ${new Date(this.selectedTransaction.timestamp).toString()}
    + ${translate("walletpage.wchange16")} +
    +
    + ${this.selectedTransaction.txHash} +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} QORT

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${this.getSelectedWalletAddress()} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balanceString}
    + + this.calculateQortAll()}> + + ${translate("walletpage.wchange45")} QORT + + +
      +

    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange21")} ${this.qortPaymentFee} QORT

    +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendQort()}> + + ${translate("walletpage.wchange17")} QORT + +
    ${this.renderWarning()}
    +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} BTC

    +
    +
    +

    + From address:
    + ${this.getSelectedWalletAddress()} +

    +

    + Available balance:
    + ${this.balanceString}
    + + this.calculateBtcAll()}> + + ${translate("walletpage.wchange45")} BTC + + +
      +

    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange24")}: ${(this.btcFeePerByte / 1e8).toFixed(8)} BTC
    ${translate("walletpage.wchange25")}

    + + +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendBtc()}> + + ${translate("walletpage.wchange17")} BTC + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} LTC

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${this.getSelectedWalletAddress()} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balanceString}
    + + this.calculateLtcAll()}> + + ${translate("walletpage.wchange45")} LTC + + +
      +

    +

    + + +

    +

    + + +

    +
    +

    ${translate("walletpage.wchange24")}: ${(this.ltcFeePerByte / 1e8).toFixed(8)} LTC
    ${translate("walletpage.wchange25")}

    + + +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendLtc()}> + + ${translate("walletpage.wchange17")} LTC + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} DOGE

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${this.getSelectedWalletAddress()} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balanceString}
    + + this.calculateDogeAll()}> + + ${translate("walletpage.wchange45")} DOGE + + +
      +

    +

    + + +

    +

    + + +

    +
    +

    + ${translate("walletpage.wchange24")}: ${(this.dogeFeePerByte / 1e8).toFixed(8)} DOGE
    ${translate("walletpage.wchange25")} +

    + + +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendDoge()}> + + ${translate("walletpage.wchange17")} DOGE + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} DGB

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${this.getSelectedWalletAddress()} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balanceString}
    + + this.calculateDgbAll()}> + + ${translate("walletpage.wchange45")} DGB + + +
      +

    +

    + + +

    +

    + + +

    +
    +

    + ${translate("walletpage.wchange24")}: ${(this.dgbFeePerByte / 1e8).toFixed(8)} DGB
    ${translate("walletpage.wchange25")} +

    + + +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendDgb()}> + + ${translate("walletpage.wchange17")} DGB + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} RVN

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${this.getSelectedWalletAddress()} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balanceString}
    + + this.calculateRvnAll()}> + + ${translate("walletpage.wchange45")} RVN + + +
      +

    +

    + + +

    +

    + + +

    +
    +

    + ${translate("walletpage.wchange24")}: ${(this.rvnFeePerByte / 1e8).toFixed(8)} RVN
    ${translate("walletpage.wchange25")} +

    + + +
    + ${this.renderClearSuccess()} + ${this.renderClearError()} + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendRvn()}> + + ${translate("walletpage.wchange17")} RVN + +
    +
    +
    + + ${translate("general.close")} + +     + +
    +
    + +

    ${translate("walletpage.wchange17")} ARRR

    +
    +
    +

    + ${translate("walletpage.wchange18")}:
    + ${this.getSelectedWalletAddress()} +

    +

    + ${translate("walletpage.wchange19")}:
    + ${this.balanceString}
    + + this.calculateArrrAll()}> + + ${translate("walletpage.wchange45")} ARRR + + +
      +

    +

    + + +

    +

    + + +

    +

    + + +

    +

    ${this.errorMessage}

    +

    ${this.successMessage}

    + ${this.sendMoneyLoading ? html` + + ` : ''} +
    +
    + this.sendArrr()}> + + ${translate("walletpage.wchange17")} ARRR + +
    +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Qortal ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromQortAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeQortAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.qortBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToQortAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Bitcoin ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromBtcAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeBtcAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.btcBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToBtcAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Litecoin ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromLtcAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeLtcAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.ltcBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToLtcAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Dogecoin ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromDogeAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeDogeAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.dogeBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToDogeAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Digibyte ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromDgbAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeDgbAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.dgbBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToDgbAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Ravencoin ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromRvnAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeRvnAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.rvnBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToRvnAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Pirate Chain ${translate("walletpage.wchange47")}

    +
    +
    ${this.renderExportAddressbookButton()}
    +
    ${this.renderImportAddressbookButton()}
    +

    +
    +
    + + + + { + render(html`${this.renderSendFromArrrAddressbookButton(data.item)}`, root) + }}> + + { + render(html` + this.removeArrrAddress(data.item.address)}> + delete +  ${translate("nodepage.nchange12")} + + `, root) + }}> + + + ${this.isEmptyArray(this.arrrBook) ? html` + ${translate("walletpage.wchange48")} + `: ''} + + ${translate("general.close")} + + this.openAddToArrrAddressbook()} + > + ${translate("rewardsharepage.rchange14")} + +     + +
    + +

    Qortal ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToQortalAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Bitcoin ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToBitcoinAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Litecoin ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToLitecoinAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Dogecoin ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToDogecoinAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Digibyte ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToDigibyteAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Ravencoin ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToRavencoinAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Pirate Chain ${translate("walletpage.wchange47")}

    +
    +

    ${translate("walletpage.wchange49")}

    +
    +
    +
    +
    +

    + + +

    +

    + + +

    +
    +
    +
    + + this.addToPiratechainAddressbook()}> + + ${translate("walletpage.wchange49")} + +
    +
    + + ${translate("general.close")} + +     + +
    + +

    Qortal ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     + +
    + +

    Bitcoin ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     + +
    + +

    Litecoin ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     + +
    + +

    Dogecoin ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     + +
    + +

    Digibyte ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     + +
    + +

    Litecoin ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     + +
    + +

    Pirate Chain ${translate("walletpage.wchange53")}

    +
    +
    +
    +
    +
    + +

    ${translate("walletpage.wchange56")}

    +
    ${translate("walletpage.wchange55")}
    +
    + + ${translate("general.close")} + +     +
    + +
    +

    Qortal ${translate("tabmenu.tm5")} ${translate("login.lp1")}

    +
    +
    +
    +

    ${translate("login.lp2")}

    +

    ${translate("login.lp3")}

    +
    +
    + password + +
    +
    + password + +
    +
    + ${translate("login.lp4")} + ${translate("login.lp5")} +
    +     + +
    +

    Qortal ${translate("tabmenu.tm5")} ${translate("login.lp1")}

    +
    +
    +
    +

    ${translate("login.lessthen8")}

    +
    +
    + ${translate("login.lp4")} + ${translate("login.lp5")} +
    +     + +
    + ${translate("sidemenu.wallets")}
    + ${translate("login.lp9")} + ${translate("login.lp10")} +
    +
    + password + +
    + ${this.walletHelperMessage} +
    +     +
    +
    + +
    +     + ` + } + + firstUpdated() { + + this.changeTheme() + this.changeLanguage() + this.paymentFee() + this.getNodeConfig() + + this.bookQortalAddress = window.parent.reduxStore.getState().app.selectedAddress.address + this.bookBitcoinAddress = window.parent.reduxStore.getState().app.selectedAddress.btcWallet.address + this.bookLitecoinAddress = window.parent.reduxStore.getState().app.selectedAddress.ltcWallet.address + this.bookDogecoinAddress = window.parent.reduxStore.getState().app.selectedAddress.dogeWallet.address + this.bookDigibyteAddress = window.parent.reduxStore.getState().app.selectedAddress.dgbWallet.address + this.bookRavencoinAddress = window.parent.reduxStore.getState().app.selectedAddress.rvnWallet.address + this.bookPiratechainAddress = window.parent.reduxStore.getState().app.selectedAddress.arrrWallet.address + + this.walletHelperMessage = this.renderWalletHelperPass() + + this.walletSalt = '' + this.walletSalt = Base58.encode(window.parent.reduxStore.getState().app.wallet._addresses[0].keyPair.privateKey) + + this.walletStorageData = '' + this.walletStorageData = window.parent.reduxStore.getState().app.selectedAddress.address + + this.walletLockScreenPass = '' + this.walletLockScreenPass = 'walletLockScreenPass-' + this.walletStorageData + + this.walletLockScreenSet = '' + this.walletLockScreenSet = 'walletLockScreenSet-' + this.walletStorageData + + this.walletLockPass = '' + this.walletLockPass = encryptData(false, this.walletSalt) + + this.walletLockSet = '' + this.walletLockSet = encryptData(false, this.walletSalt) + + if (localStorage.getItem(this.walletLockScreenPass) === null && localStorage.getItem(this.walletLockScreenSet) === null) { + localStorage.setItem(this.walletLockScreenPass, this.walletLockPass) + localStorage.setItem(this.walletLockScreenSet, this.walletLockSet) + this.myWalletLockScreenPass = '' + this.myWalletLockScreenPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) + this.myWalletLockScreenSet = '' + this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) + } else { + this.myWalletLockScreenPass = '' + this.myWalletLockScreenPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) + this.myWalletLockScreenSet = '' + this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) + } + + if (this.myWalletLockScreenSet === true) { + this.shadowRoot.getElementById('walletLockScreenActive').open() + } + + this.qortAddressbook() + this.btcAddressbook() + this.ltcAddressbook() + this.dogeAddressbook() + this.dgbAddressbook() + this.rvnAddressbook() + this.arrrAddressbook() + + this.transactionsDOM = this.shadowRoot.getElementById('transactionsDOM') + + this.showWallet() + + window.addEventListener('storage', () => { + const checkLanguage = localStorage.getItem('qortalLanguage') + const checkTheme = localStorage.getItem('qortalTheme') + + use(checkLanguage) + + if (checkTheme === 'dark') { + this.theme = 'dark' + } else { + this.theme = 'light' + } + document.querySelector('html').setAttribute('theme', this.theme) + }) + + if (!isElectron()) { + } else { + window.addEventListener('contextmenu', (event) => { + event.preventDefault() + window.parent.electronAPI.showMyMenu() + }) + } + + this.clearConsole() + + setInterval(() => { + this.clearConsole() + this.getNodeConfig() + }, 60000) + + setInterval(() => { + this.paymentFee() + }, 600000) + } + + async paymentFee() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const url = `${nodeUrl}/transactions/unitfee?txType=PAYMENT` + + await fetch(url).then((response) => { + if (response.ok) { + return response.json() + } + return Promise.reject(response) + }).then((json) => { + this.qortPaymentFee = (Number(json) / 1e8).toFixed(8) + }) + } + + clearConsole() { + if (!isElectron()) { + } else { + console.clear() + window.parent.electronAPI.clearCache() + } + } + + pingCoinBalancesController() { + if (!this._selectedWallet) return + const customEvent = new CustomEvent('ping-coin-controller-with-coin', { + detail: this._selectedWallet + }) + window.parent.dispatchEvent(customEvent) + } + + connectedCallback() { + super.connectedCallback() + this.intervalID = setInterval(this.pingCoinBalancesController, 30000) + } + + disconnectedCallback() { + super.disconnectedCallback() + if (this.intervalID) { + clearInterval(this.intervalID) + } + } + + renderWalletLockButton() { + if (this.myWalletLockScreenPass === false && this.myWalletLockScreenSet === false) { + return html` +
    + this.openWalletSetScreenLockPass()} title="${translate("login.lp11")}"> +
    + ` + } else if (this.myWalletLockScreenSet === false) { + return html` +
    + this.setWalletLockQortal()} title="${translate("login.lp11")}"> +
    + ` + } else if (this.myWalletLockScreenSet === true) { + return html` +
    + +
    + ` + } + } + + openWalletSetScreenLockPass() { + this.shadowRoot.getElementById('walletLockPassword').value = '' + this.shadowRoot.getElementById('walletLockPasswordConfirm').value = '' + this.shadowRoot.getElementById('setWalletLockScreenPass').open() + } + + closewWalletSetScreenLockPass() { + this.shadowRoot.getElementById('setWalletLockScreenPass').close() + } + + walletCheckPass() { + const walletPassword = this.shadowRoot.getElementById('walletLockPassword').value + const walletRePassword = this.shadowRoot.getElementById('walletLockPasswordConfirm').value + + if (walletPassword === '') { + let snackbar1string = get("login.pleaseenter") + parentEpml.request('showSnackBar', `${snackbar1string}`) + return + } + + if (walletPassword != walletRePassword) { + let snackbar2string = get("login.notmatch") + parentEpml.request('showSnackBar', `${snackbar2string}`) + return + } + + if (walletPassword.length < 8) { + let snackbar3string = get("login.lessthen8") + parentEpml.request('showSnackBar', `${snackbar3string}`) + this.walletExtraConfirm() + } + + if (walletPassword.length >= 8) { + this.setWalletNewScreenPass() + let snackbar4string = get("login.lp6") + parentEpml.request('showSnackBar', `${snackbar4string}`) + } + } + + walletExtraConfirm() { + this.shadowRoot.getElementById('setWalletLockScreenPass').close() + this.shadowRoot.getElementById('walletExtraConfirmPass').open() + } + + closWalletExtraConfirmPass() { + this.shadowRoot.getElementById('walletExtraConfirmPass').close() + this.shadowRoot.getElementById('walletLockPassword').value = '' + this.shadowRoot.getElementById('walletLockPasswordConfirm').value = '' + } + + setWalletNewScreenPass() { + const walletRawPassword = this.shadowRoot.getElementById('walletLockPassword').value + const walletCryptPassword = encryptData(walletRawPassword, this.walletSalt) + localStorage.setItem(this.walletLockScreenPass, walletCryptPassword) + this.myWalletLockScreenPass = '' + this.myWalletLockScreenPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) + this.shadowRoot.getElementById('setWalletLockScreenPass').close() + this.shadowRoot.getElementById('walletExtraConfirmPass').close() + this.shadowRoot.getElementById('walletLockPassword').value = '' + this.shadowRoot.getElementById('walletLockPasswordConfirm').value = '' + } + + setWalletLockQortal() { + this.walletHelperMessage = this.renderWalletHelperPass() + this.walletLockSet = '' + this.walletLockSet = encryptData(true, this.walletSalt) + localStorage.setItem(this.walletLockScreenSet, this.walletLockSet) + this.myWalletLockScreenSet = '' + this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) + this.shadowRoot.getElementById('walletLockScreenActive').open() + } + + walletPassKeyListener(e) { + if (e.key === 'Enter') { + this.closeWalletLockScreenActive() + } + } + + async closeWalletLockScreenActive() { + const myWalletPass = decryptData(localStorage.getItem(this.walletLockScreenPass), this.walletSalt) + const walletCheckPass = this.shadowRoot.getElementById('walletUnlockPassword').value + const errDelay = ms => new Promise(res => setTimeout(res, ms)) + + if (walletCheckPass === myWalletPass) { + this.walletLockSet = '' + this.walletLockSet = encryptData(false, this.walletSalt) + localStorage.setItem(this.walletLockScreenSet, this.walletLockSet) + this.myWalletLockScreenSet = '' + this.myWalletLockScreenSet = decryptData(localStorage.getItem(this.walletLockScreenSet), this.walletSalt) + this.shadowRoot.getElementById('walletLockScreenActive').close() + this.shadowRoot.getElementById('walletUnlockPassword').value = '' + this.walletHelperMessage = this.renderWalletHelperPass() + } else { + this.shadowRoot.getElementById('walletUnlockPassword').value = '' + this.walletHelperMessage = this.renderWalletHelperErr() + await errDelay(3000) + this.walletHelperMessage = this.renderWalletHelperPass() + } + } + + renderWalletHelperPass() { + return html`${translate("login.pleaseenter")}` + } + + renderWalletHelperErr() { + return html`${translate("login.lp8")}` + } + + renderWarning() { + return html`${translate("tradepage.tchange48")} QORT` + } + + renderClearSuccess() { + let strSuccessValue = this.successMessage + if (strSuccessValue === "") { + return html`` + } else { + return html` +
    + ${this.successMessage} + + + +
    +
    +

    ${translate("walletpage.wchange43")}

    +
    + ` + } + } + + renderClearError() { + let strErrorValue = this.errorMessage + if (strErrorValue === "") { + return html`` + } else { + return html` +
    + ${this.errorMessage} + + + +
    +
    +

    ${translate("walletpage.wchange44")}

    +
    + ` + } + } + + tabWalletQort() { + this._selectedWallet = 'qort' + this.showWallet() + } + + tabWalletBtc() { + this._selectedWallet = 'btc' + this.showWallet() + } + + tabWalletLtc() { + this._selectedWallet = 'ltc' + this.showWallet() + } + + tabWalletDoge() { + this._selectedWallet = 'doge' + this.showWallet() + } + + tabWalletDgb() { + this._selectedWallet = 'dgb' + this.showWallet() + } + + tabWalletRvn() { + this._selectedWallet = 'rvn' + this.showWallet() + } + + tabWalletArrr() { + this._selectedWallet = 'arrr' + this.showWallet() + } + + qortAddressbook() { + const storedQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress + if (localStorage.getItem(storedQortalAddressBook) === null) { + localStorage.setItem(storedQortalAddressBook, "") + } else { + this.qortBook = JSON.parse(localStorage.getItem(storedQortalAddressBook) || "[]") + } + } + + btcAddressbook() { + const storedBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress + if (localStorage.getItem(storedBitcoinAddressBook) === null) { + localStorage.setItem(storedBitcoinAddressBook, "") + } else { + this.btcBook = JSON.parse(localStorage.getItem(storedBitcoinAddressBook) || "[]") + } + } + + ltcAddressbook() { + const storedLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress + if (localStorage.getItem(storedLitecoinAddressBook) === null) { + localStorage.setItem(storedLitecoinAddressBook, "") + } else { + this.ltcBook = JSON.parse(localStorage.getItem(storedLitecoinAddressBook) || "[]") + } + } + + dogeAddressbook() { + const storedDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress + if (localStorage.getItem(storedDogecoinAddressBook) === null) { + localStorage.setItem(storedDogecoinAddressBook, "") + } else { + this.dogeBook = JSON.parse(localStorage.getItem(storedDogecoinAddressBook) || "[]") + } + } + + dgbAddressbook() { + const storedDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress + if (localStorage.getItem(storedDigibyteAddressBook) === null) { + localStorage.setItem(storedDigibyteAddressBook, "") + } else { + this.dgbBook = JSON.parse(localStorage.getItem(storedDigibyteAddressBook) || "[]") + } + } + + rvnAddressbook() { + const storedRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress + if (localStorage.getItem(storedRavencoinAddressBook) === null) { + localStorage.setItem(storedRavencoinAddressBook, "") + } else { + this.rvnBook = JSON.parse(localStorage.getItem(storedRavencoinAddressBook) || "[]") + } + } + + arrrAddressbook() { + const storedPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress + if (localStorage.getItem(storedPiratechainAddressBook) === null) { + localStorage.setItem(storedPiratechainAddressBook, "") + } else { + this.arrrBook = JSON.parse(localStorage.getItem(storedPiratechainAddressBook) || "[]") + } + } + + openQortAddressbook() { + this.shadowRoot.querySelector("#qortBookDialog").show() + } + + openBtcAddressbook() { + this.shadowRoot.querySelector("#btcBookDialog").show() + } + + openLtcAddressbook() { + this.shadowRoot.querySelector("#ltcBookDialog").show() + } + + openDogeAddressbook() { + this.shadowRoot.querySelector("#dogeBookDialog").show() + } + + openDgbAddressbook() { + this.shadowRoot.querySelector("#dgbBookDialog").show() + } + + openRvnAddressbook() { + this.shadowRoot.querySelector("#rvnBookDialog").show() + } + + openArrrAddressbook() { + this.shadowRoot.querySelector("#arrrBookDialog").show() + } + + openAddQortAddressDialog() { + this.qortBookAddress = this.selectedTransaction.recipient + this.openAddToQortAddressbook() + this.shadowRoot.querySelector('#showTransactionDetailsDialog').close() + } + + openAddBtcAddressDialog() { + this.btcBookAddress = this.selectedTransaction.btcReceiver + this.openAddToBtcAddressbook() + this.shadowRoot.querySelector('#showBtcTransactionDetailsDialog').close() + } + + openAddLtcAddressDialog() { + this.ltcBookAddress = this.selectedTransaction.ltcReceiver + this.openAddToLtcAddressbook() + this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').close() + } + + openAddDogeAddressDialog() { + this.dogeBookAddress = this.selectedTransaction.dogeReceiver + this.openAddToDogeAddressbook() + this.shadowRoot.querySelector('#showDogeTransactionDetailsDialog').close() + } + + openAddDgbAddressDialog() { + this.dgbBookAddress = this.selectedTransaction.dgbReceiver + this.openAddToDgbAddressbook() + this.shadowRoot.querySelector('#showDgbTransactionDetailsDialog').close() + } + + openAddRvnAddressDialog() { + this.rvnBookAddress = this.selectedTransaction.rvnReceiver + this.openAddToRvnAddressbook() + this.shadowRoot.querySelector('#showRvnTransactionDetailsDialog').close() + } + + openAddArrrAddressDialog() { + this.arrrBookAddress = this.selectedTransaction.arrrReceiver + this.openAddToArrrAddressbook() + this.shadowRoot.querySelector('#showArrrTransactionDetailsDialog').close() + } + + openAddToQortAddressbook() { + this.shadowRoot.querySelector("#addQortAddressDialog").show() + } + + openAddToBtcAddressbook() { + this.shadowRoot.querySelector("#addBtcAddressDialog").show() + } + + openAddToLtcAddressbook() { + this.shadowRoot.querySelector("#addLtcAddressDialog").show() + } + + openAddToDogeAddressbook() { + this.shadowRoot.querySelector("#addDogeAddressDialog").show() + } + + openAddToDgbAddressbook() { + this.shadowRoot.querySelector("#addDgbAddressDialog").show() + } + + openAddToRvnAddressbook() { + this.shadowRoot.querySelector("#addRvnAddressDialog").show() + } + + openAddToArrrAddressbook() { + this.shadowRoot.querySelector("#addArrrAddressDialog").show() + } + + openImportQortAddressbook() { + this.shadowRoot.querySelector("#importQortAddressbookDialog").show() + } + + openImportBtcAddressbook() { + this.shadowRoot.querySelector("#importBtcAddressbookDialog").show() + } + + openImportLtcAddressbook() { + this.shadowRoot.querySelector("#importLtcAddressbookDialog").show() + } + + openImportDogeAddressbook() { + this.shadowRoot.querySelector("#importDogeAddressbookDialog").show() + } + + openImportDgbAddressbook() { + this.shadowRoot.querySelector("#importDgbAddressbookDialog").show() + } + + openImportRvnAddressbook() { + this.shadowRoot.querySelector("#importRvnAddressbookDialog").show() + } + + openImportArrrAddressbook() { + this.shadowRoot.querySelector("#importArrrAddressbookDialog").show() + } + + closeQortAddressDialog() { + this.shadowRoot.querySelector('#addQortAddressDialog').close() + this.shadowRoot.getElementById('qortNameInput').value = '' + this.shadowRoot.getElementById('qortAddressInput').value = '' + this.qortBookName = '' + this.qortBookAddress = '' + } + + closeBtcAddressDialog() { + this.shadowRoot.querySelector('#addBtcAddressDialog').close() + this.shadowRoot.getElementById('btcNameInput').value = '' + this.shadowRoot.getElementById('btcAddressInput').value = '' + this.btcBookName = '' + this.btcBookAddress = '' + } + + closeLtcAddressDialog() { + this.shadowRoot.querySelector('#addLtcAddressDialog').close() + this.shadowRoot.getElementById('ltcNameInput').value = '' + this.shadowRoot.getElementById('ltcAddressInput').value = '' + this.ltcBookName = '' + this.ltcBookAddress = '' + } + + closeDogeAddressDialog() { + this.shadowRoot.querySelector('#addDogeAddressDialog').close() + this.shadowRoot.getElementById('dogeNameInput').value = '' + this.shadowRoot.getElementById('dogeAddressInput').value = '' + this.dogeBookName = '' + this.dogeBookAddress = '' + } + + closeDgbAddressDialog() { + this.shadowRoot.querySelector('#addDgbAddressDialog').close() + this.shadowRoot.getElementById('dgbNameInput').value = '' + this.shadowRoot.getElementById('dgbAddressInput').value = '' + this.dgbBookName = '' + this.dgbBookAddress = '' + } + + closeRvnAddressDialog() { + this.shadowRoot.querySelector('#addRvnAddressDialog').close() + this.shadowRoot.getElementById('rvnNameInput').value = '' + this.shadowRoot.getElementById('rvnAddressInput').value = '' + this.rvnBookName = '' + this.rvnBookAddress = '' + } + + closeArrrAddressDialog() { + this.shadowRoot.querySelector('#addArrrAddressDialog').close() + this.shadowRoot.getElementById('arrrNameInput').value = '' + this.shadowRoot.getElementById('arrrAddressInput').value = '' + this.arrrBookName = '' + this.arrrBookAddress = '' + } + + closeImportQortAddressbookDialog() { + this.shadowRoot.querySelector("#importQortAddressbookDialog").close() + } + + closeImportBtcAddressbookDialog() { + this.shadowRoot.querySelector("#importBtcAddressbookDialog").close() + } + + closeImportLtcAddressbookDialog() { + this.shadowRoot.querySelector("#importLtcAddressbookDialog").close() + } + + closeImportDogeAddressbookDialog() { + this.shadowRoot.querySelector("#importDogeAddressbookDialog").close() + } + + closeImportDgbAddressbookDialog() { + this.shadowRoot.querySelector("#importDgbAddressbookDialog").close() + } + + closeImportRvnAddressbookDialog() { + this.shadowRoot.querySelector("#importRvnAddressbookDialog").close() + } + + closeImportArrrAddressbookDialog() { + this.shadowRoot.querySelector("#importArrrAddressbookDialog").close() + } + + addToQortalAddressbook() { + const myQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress + + let name = this.shadowRoot.getElementById('qortNameInput').value + let address = this.shadowRoot.getElementById('qortAddressInput').value + + var oldQortalBook = JSON.parse(localStorage.getItem(myQortalAddressBook) || "[]") + + if (name.length === 0) { + let qortbookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${qortbookstring1}`) + return false + } + + if (address.length === 0) { + let qortbookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${qortbookstring2}`) + return false + } + + const newQortalBookItem = { + name: name, + address: address + } + + oldQortalBook.push(newQortalBookItem) + + localStorage.setItem(myQortalAddressBook, JSON.stringify(oldQortalBook)) + + let qortbookstring2 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${qortbookstring2}`) + + this.closeQortAddressDialog() + this.qortBook = JSON.parse(localStorage.getItem(myQortalAddressBook) || "[]") + } + + addToBitcoinAddressbook() { + const myBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress - let name = this.shadowRoot.getElementById('btcNameInput').value - let address = this.shadowRoot.getElementById('btcAddressInput').value + let name = this.shadowRoot.getElementById('btcNameInput').value + let address = this.shadowRoot.getElementById('btcAddressInput').value - var oldBitcoinBook = JSON.parse(localStorage.getItem(myBitcoinAddressBook) || "[]") + var oldBitcoinBook = JSON.parse(localStorage.getItem(myBitcoinAddressBook) || "[]") - if (name.length === 0) { - let btcbookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${btcbookstring1}`) - return false - } + if (name.length === 0) { + let btcbookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${btcbookstring1}`) + return false + } - if (address.length === 0) { - let btcbookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${btcbookstring2}`) - return false - } + if (address.length === 0) { + let btcbookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${btcbookstring2}`) + return false + } - const newBitcoinBookItem = { - name: name, - address: address - } + const newBitcoinBookItem = { + name: name, + address: address + } - oldBitcoinBook.push(newBitcoinBookItem) + oldBitcoinBook.push(newBitcoinBookItem) - localStorage.setItem(myBitcoinAddressBook, JSON.stringify(oldBitcoinBook)) + localStorage.setItem(myBitcoinAddressBook, JSON.stringify(oldBitcoinBook)) - let btcbookstring3 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${btcbookstring3}`) + let btcbookstring3 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${btcbookstring3}`) - this.closeBtcAddressDialog() - this.btcBook = JSON.parse(localStorage.getItem(myBitcoinAddressBook) || "[]") - } + this.closeBtcAddressDialog() + this.btcBook = JSON.parse(localStorage.getItem(myBitcoinAddressBook) || "[]") + } - addToLitecoinAddressbook() { - const myLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress + addToLitecoinAddressbook() { + const myLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress - let name = this.shadowRoot.getElementById('ltcNameInput').value - let address = this.shadowRoot.getElementById('ltcAddressInput').value + let name = this.shadowRoot.getElementById('ltcNameInput').value + let address = this.shadowRoot.getElementById('ltcAddressInput').value - var oldLitecoinBook = JSON.parse(localStorage.getItem(myLitecoinAddressBook) || "[]") + var oldLitecoinBook = JSON.parse(localStorage.getItem(myLitecoinAddressBook) || "[]") - if (name.length === 0) { - let ltcbookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${ltcbookstring1}`) - return false - } + if (name.length === 0) { + let ltcbookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${ltcbookstring1}`) + return false + } - if (address.length === 0) { - let ltcbookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${ltcbookstring2}`) - return false - } + if (address.length === 0) { + let ltcbookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${ltcbookstring2}`) + return false + } - const newLitecoinBookItem = { - name: name, - address: address - } + const newLitecoinBookItem = { + name: name, + address: address + } - oldLitecoinBook.push(newLitecoinBookItem) + oldLitecoinBook.push(newLitecoinBookItem) - localStorage.setItem(myLitecoinAddressBook, JSON.stringify(oldLitecoinBook)) + localStorage.setItem(myLitecoinAddressBook, JSON.stringify(oldLitecoinBook)) - let ltcbookstring3 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${ltcbookstring3}`) + let ltcbookstring3 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${ltcbookstring3}`) - this.closeLtcAddressDialog() - this.ltcBook = JSON.parse(localStorage.getItem(myLitecoinAddressBook) || "[]") - } + this.closeLtcAddressDialog() + this.ltcBook = JSON.parse(localStorage.getItem(myLitecoinAddressBook) || "[]") + } - addToDogecoinAddressbook() { - const myDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress + addToDogecoinAddressbook() { + const myDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress - let name = this.shadowRoot.getElementById('dogeNameInput').value - let address = this.shadowRoot.getElementById('dogeAddressInput').value + let name = this.shadowRoot.getElementById('dogeNameInput').value + let address = this.shadowRoot.getElementById('dogeAddressInput').value - var oldDogecoinBook = JSON.parse(localStorage.getItem(myDogecoinAddressBook) || "[]") + var oldDogecoinBook = JSON.parse(localStorage.getItem(myDogecoinAddressBook) || "[]") - if (name.length === 0) { - let dogebookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${dogebookstring1}`) - return false - } + if (name.length === 0) { + let dogebookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${dogebookstring1}`) + return false + } - if (address.length === 0) { - let dogebookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${dogebookstring2}`) - return false - } + if (address.length === 0) { + let dogebookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${dogebookstring2}`) + return false + } - const newDogecoinBookItem = { - name: name, - address: address - } + const newDogecoinBookItem = { + name: name, + address: address + } - oldDogecoinBook.push(newDogecoinBookItem) + oldDogecoinBook.push(newDogecoinBookItem) - localStorage.setItem(myDogecoinAddressBook, JSON.stringify(oldDogecoinBook)) + localStorage.setItem(myDogecoinAddressBook, JSON.stringify(oldDogecoinBook)) - let dogebookstring3 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${dogebookstring3}`) + let dogebookstring3 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${dogebookstring3}`) - this.closeDogeAddressDialog() - this.dogeBook = JSON.parse(localStorage.getItem(myDogecoinAddressBook) || "[]") - } + this.closeDogeAddressDialog() + this.dogeBook = JSON.parse(localStorage.getItem(myDogecoinAddressBook) || "[]") + } - addToDigibyteAddressbook() { - const myDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress + addToDigibyteAddressbook() { + const myDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress - let name = this.shadowRoot.getElementById('dgbNameInput').value - let address = this.shadowRoot.getElementById('dgbAddressInput').value + let name = this.shadowRoot.getElementById('dgbNameInput').value + let address = this.shadowRoot.getElementById('dgbAddressInput').value - var oldDigibyteBook = JSON.parse(localStorage.getItem(myDigibyteAddressBook) || "[]") + var oldDigibyteBook = JSON.parse(localStorage.getItem(myDigibyteAddressBook) || "[]") - if (name.length === 0) { - let dgbbookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${dgbbookstring1}`) - return false - } + if (name.length === 0) { + let dgbbookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${dgbbookstring1}`) + return false + } - if (address.length === 0) { - let dgbbookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${dgbbookstring2}`) - return false - } + if (address.length === 0) { + let dgbbookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${dgbbookstring2}`) + return false + } - const newDigibyteBookItem = { - name: name, - address: address - } + const newDigibyteBookItem = { + name: name, + address: address + } - oldDigibyteBook.push(newDigibyteBookItem) + oldDigibyteBook.push(newDigibyteBookItem) - localStorage.setItem(myDigibyteAddressBook, JSON.stringify(oldDigibyteBook)) + localStorage.setItem(myDigibyteAddressBook, JSON.stringify(oldDigibyteBook)) - let dgbbookstring3 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${dgbbookstring3}`) + let dgbbookstring3 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${dgbbookstring3}`) - this.closeDgbAddressDialog() - this.dgbBook = JSON.parse(localStorage.getItem(myDigibyteAddressBook) || "[]") - } + this.closeDgbAddressDialog() + this.dgbBook = JSON.parse(localStorage.getItem(myDigibyteAddressBook) || "[]") + } - addToRavencoinAddressbook() { - const myRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress + addToRavencoinAddressbook() { + const myRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress - let name = this.shadowRoot.getElementById('rvnNameInput').value - let address = this.shadowRoot.getElementById('rvnAddressInput').value + let name = this.shadowRoot.getElementById('rvnNameInput').value + let address = this.shadowRoot.getElementById('rvnAddressInput').value - var oldRavencoinBook = JSON.parse(localStorage.getItem(myRavencoinAddressBook) || "[]") + var oldRavencoinBook = JSON.parse(localStorage.getItem(myRavencoinAddressBook) || "[]") - if (name.length === 0) { - let rvnbookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${rvnbookstring1}`) - return false - } + if (name.length === 0) { + let rvnbookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${rvnbookstring1}`) + return false + } - if (address.length === 0) { - let rvnbookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${rvnbookstring2}`) - return false - } + if (address.length === 0) { + let rvnbookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${rvnbookstring2}`) + return false + } - const newRavencoinBookItem = { - name: name, - address: address - } + const newRavencoinBookItem = { + name: name, + address: address + } - oldRavencoinBook.push(newRavencoinBookItem) + oldRavencoinBook.push(newRavencoinBookItem) - localStorage.setItem(myRavencoinAddressBook, JSON.stringify(oldRavencoinBook)) + localStorage.setItem(myRavencoinAddressBook, JSON.stringify(oldRavencoinBook)) - let rvnbookstring3 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${rvnbookstring3}`) + let rvnbookstring3 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${rvnbookstring3}`) - this.closeRvnAddressDialog() - this.rvnBook = JSON.parse(localStorage.getItem(myRavencoinAddressBook) || "[]") - } + this.closeRvnAddressDialog() + this.rvnBook = JSON.parse(localStorage.getItem(myRavencoinAddressBook) || "[]") + } - addToPiratechainAddressbook() { - const myPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress + addToPiratechainAddressbook() { + const myPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress - let name = this.shadowRoot.getElementById('arrrNameInput').value - let address = this.shadowRoot.getElementById('arrrAddressInput').value + let name = this.shadowRoot.getElementById('arrrNameInput').value + let address = this.shadowRoot.getElementById('arrrAddressInput').value - var oldPiratechainBook = JSON.parse(localStorage.getItem(myPiratechainAddressBook) || "[]") + var oldPiratechainBook = JSON.parse(localStorage.getItem(myPiratechainAddressBook) || "[]") - if (name.length === 0) { - let arrrbookstring1 = get("walletpage.wchange50") - parentEpml.request('showSnackBar', `${arrrbookstring1}`) - return false - } + if (name.length === 0) { + let arrrbookstring1 = get("walletpage.wchange50") + parentEpml.request('showSnackBar', `${arrrbookstring1}`) + return false + } - if (address.length === 0) { - let arrrbookstring2 = get("walletpage.wchange51") - parentEpml.request('showSnackBar', `${arrrbookstring2}`) - return false - } + if (address.length === 0) { + let arrrbookstring2 = get("walletpage.wchange51") + parentEpml.request('showSnackBar', `${arrrbookstring2}`) + return false + } - const newPiratechainBookItem = { - name: name, - address: address - } + const newPiratechainBookItem = { + name: name, + address: address + } - oldPiratechainBook.push(newPiratechainBookItem) + oldPiratechainBook.push(newPiratechainBookItem) - localStorage.setItem(myPiratechainAddressBook, JSON.stringify(oldPiratechainBook)) + localStorage.setItem(myPiratechainAddressBook, JSON.stringify(oldPiratechainBook)) - let arrrbookstring3 = get("walletpage.wchange52") - parentEpml.request('showSnackBar', `${arrrbookstring3}`) + let arrrbookstring3 = get("walletpage.wchange52") + parentEpml.request('showSnackBar', `${arrrbookstring3}`) - this.closeArrrAddressDialog() - this.arrrBook = JSON.parse(localStorage.getItem(myPiratechainAddressBook) || "[]") - } + this.closeArrrAddressDialog() + this.arrrBook = JSON.parse(localStorage.getItem(myPiratechainAddressBook) || "[]") + } - sendFromQortAddressbook(websiteObj) { + sendFromQortAddressbook(websiteObj) { this.recipient = websiteObj.address - this.openSendQort() - this.shadowRoot.querySelector('#qortBookDialog').close() - } + this.openSendQort() + this.shadowRoot.querySelector('#qortBookDialog').close() + } - sendFromBtcAddressbook(websiteObj) { + sendFromBtcAddressbook(websiteObj) { this.btcRecipient = websiteObj.address - this.openSendBtc() - this.shadowRoot.querySelector('#btcBookDialog').close() - } + this.openSendBtc() + this.shadowRoot.querySelector('#btcBookDialog').close() + } - sendFromLtcAddressbook(websiteObj) { + sendFromLtcAddressbook(websiteObj) { this.ltcRecipient = websiteObj.address - this.openSendLtc() - this.shadowRoot.querySelector('#ltcBookDialog').close() - } + this.openSendLtc() + this.shadowRoot.querySelector('#ltcBookDialog').close() + } - sendFromDogeAddressbook(websiteObj) { + sendFromDogeAddressbook(websiteObj) { this.dogeRecipient = websiteObj.address - this.openSendDoge() - this.shadowRoot.querySelector('#dogeBookDialog').close() - } + this.openSendDoge() + this.shadowRoot.querySelector('#dogeBookDialog').close() + } - sendFromDgbAddressbook(websiteObj) { + sendFromDgbAddressbook(websiteObj) { this.dgbRecipient = websiteObj.address - this.openSendDgb() - this.shadowRoot.querySelector('#dgbBookDialog').close() - } + this.openSendDgb() + this.shadowRoot.querySelector('#dgbBookDialog').close() + } - sendFromRvnAddressbook(websiteObj) { + sendFromRvnAddressbook(websiteObj) { this.rvnRecipient = websiteObj.address - this.openSendRvn() - this.shadowRoot.querySelector('#rvnBookDialog').close() - } + this.openSendRvn() + this.shadowRoot.querySelector('#rvnBookDialog').close() + } - sendFromArrrAddressbook(websiteObj) { + sendFromArrrAddressbook(websiteObj) { this.arrrRecipient = websiteObj.address - this.openSendArrr() - this.shadowRoot.querySelector('#arrrBookDialog').close() - } + this.openSendArrr() + this.shadowRoot.querySelector('#arrrBookDialog').close() + } - removeQortAddress(adressObj) { - const theQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress - const addressToRemove = adressObj - this.newQortBookFilter = [] - this.newQortBookFilter = this.qortBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newQortBookFilter) - localStorage.removeItem(theQortalAddressBook) - localStorage.setItem(theQortalAddressBook, myNewObj) - this.qortBook = JSON.parse(localStorage.getItem(theQortalAddressBook) || "[]") - } + removeQortAddress(adressObj) { + const theQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress + const addressToRemove = adressObj + this.newQortBookFilter = [] + this.newQortBookFilter = this.qortBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newQortBookFilter) + localStorage.removeItem(theQortalAddressBook) + localStorage.setItem(theQortalAddressBook, myNewObj) + this.qortBook = JSON.parse(localStorage.getItem(theQortalAddressBook) || "[]") + } - removeBtcAddress(adressObj) { - const theBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress - const addressToRemove = adressObj - this.newBtcBookFilter = [] - this.newBtcBookFilter = this.btcBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newBtcBookFilter) - localStorage.removeItem(theBitcoinAddressBook) - localStorage.setItem(theBitcoinAddressBook, myNewObj) - this.btcBook = JSON.parse(localStorage.getItem(theBitcoinAddressBook) || "[]") - } + removeBtcAddress(adressObj) { + const theBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress + const addressToRemove = adressObj + this.newBtcBookFilter = [] + this.newBtcBookFilter = this.btcBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newBtcBookFilter) + localStorage.removeItem(theBitcoinAddressBook) + localStorage.setItem(theBitcoinAddressBook, myNewObj) + this.btcBook = JSON.parse(localStorage.getItem(theBitcoinAddressBook) || "[]") + } - removeLtcAddress(adressObj) { - const theLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress - const addressToRemove = adressObj - this.newLtcBookFilter = [] - this.newLtcBookFilter = this.ltcBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newLtcBookFilter) - localStorage.removeItem(theLitecoinAddressBook) - localStorage.setItem(theLitecoinAddressBook, myNewObj) - this.ltcBook = JSON.parse(localStorage.getItem(theLitecoinAddressBook) || "[]") - } + removeLtcAddress(adressObj) { + const theLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress + const addressToRemove = adressObj + this.newLtcBookFilter = [] + this.newLtcBookFilter = this.ltcBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newLtcBookFilter) + localStorage.removeItem(theLitecoinAddressBook) + localStorage.setItem(theLitecoinAddressBook, myNewObj) + this.ltcBook = JSON.parse(localStorage.getItem(theLitecoinAddressBook) || "[]") + } - removeDogeAddress(adressObj) { - const theDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress - const addressToRemove = adressObj - this.newDogeBookFilter = [] - this.newDogeBookFilter = this.dogeBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newDogeBookFilter) - localStorage.removeItem(theDogecoinAddressBook) - localStorage.setItem(theDogecoinAddressBook, myNewObj) - this.dogeBook = JSON.parse(localStorage.getItem(theDogecoinAddressBook) || "[]") - } + removeDogeAddress(adressObj) { + const theDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress + const addressToRemove = adressObj + this.newDogeBookFilter = [] + this.newDogeBookFilter = this.dogeBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newDogeBookFilter) + localStorage.removeItem(theDogecoinAddressBook) + localStorage.setItem(theDogecoinAddressBook, myNewObj) + this.dogeBook = JSON.parse(localStorage.getItem(theDogecoinAddressBook) || "[]") + } - removeDgbAddress(adressObj) { - const theDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress - const addressToRemove = adressObj - this.newDgbBookFilter = [] - this.newDgbBookFilter = this.dgbBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newDgbBookFilter) - localStorage.removeItem(theDigibyteAddressBook) - localStorage.setItem(theDigibyteAddressBook, myNewObj) - this.dgbBook = JSON.parse(localStorage.getItem(theDigibyteAddressBook) || "[]") - } + removeDgbAddress(adressObj) { + const theDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress + const addressToRemove = adressObj + this.newDgbBookFilter = [] + this.newDgbBookFilter = this.dgbBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newDgbBookFilter) + localStorage.removeItem(theDigibyteAddressBook) + localStorage.setItem(theDigibyteAddressBook, myNewObj) + this.dgbBook = JSON.parse(localStorage.getItem(theDigibyteAddressBook) || "[]") + } - removeRvnAddress(adressObj) { - const theRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress - const addressToRemove = adressObj - this.newRvnBookFilter = [] - this.newRvnBookFilter = this.rvnBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newRvnBookFilter) - localStorage.removeItem(theRavencoinAddressBook) - localStorage.setItem(theRavencoinAddressBook, myNewObj) - this.rvnBook = JSON.parse(localStorage.getItem(theRavencoinAddressBook) || "[]") - } + removeRvnAddress(adressObj) { + const theRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress + const addressToRemove = adressObj + this.newRvnBookFilter = [] + this.newRvnBookFilter = this.rvnBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newRvnBookFilter) + localStorage.removeItem(theRavencoinAddressBook) + localStorage.setItem(theRavencoinAddressBook, myNewObj) + this.rvnBook = JSON.parse(localStorage.getItem(theRavencoinAddressBook) || "[]") + } - removeArrrAddress(adressObj) { - const thePiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress - const addressToRemove = adressObj - this.newArrrBookFilter = [] - this.newArrrBookFilter = this.arrrBook.filter((item) => item.address !== addressToRemove) - const myNewObj = JSON.stringify(this.newArrrBookFilter) - localStorage.removeItem(thePiratechainAddressBook) - localStorage.setItem(thePiratechainAddressBook, myNewObj) - this.arrrBook = JSON.parse(localStorage.getItem(thePiratechainAddressBook) || "[]") - } + removeArrrAddress(adressObj) { + const thePiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress + const addressToRemove = adressObj + this.newArrrBookFilter = [] + this.newArrrBookFilter = this.arrrBook.filter((item) => item.address !== addressToRemove) + const myNewObj = JSON.stringify(this.newArrrBookFilter) + localStorage.removeItem(thePiratechainAddressBook) + localStorage.setItem(thePiratechainAddressBook, myNewObj) + this.arrrBook = JSON.parse(localStorage.getItem(thePiratechainAddressBook) || "[]") + } - renderSendFromQortAddressbookButton(websiteObj) { - return html`` - } + renderSendFromQortAddressbookButton(websiteObj) { + return html`` + } - renderSendFromBtcAddressbookButton(websiteObj) { - return html`` - } + renderSendFromBtcAddressbookButton(websiteObj) { + return html`` + } - renderSendFromLtcAddressbookButton(websiteObj) { - return html`` - } + renderSendFromLtcAddressbookButton(websiteObj) { + return html`` + } - renderSendFromDogeAddressbookButton(websiteObj) { - return html`` - } + renderSendFromDogeAddressbookButton(websiteObj) { + return html`` + } - renderSendFromDgbAddressbookButton(websiteObj) { - return html`` - } + renderSendFromDgbAddressbookButton(websiteObj) { + return html`` + } - renderSendFromRvnAddressbookButton(websiteObj) { - return html`` - } + renderSendFromRvnAddressbookButton(websiteObj) { + return html`` + } - renderSendFromArrrAddressbookButton(websiteObj) { - return html`` - } + renderSendFromArrrAddressbookButton(websiteObj) { + return html`` + } - exportQortAddressbook() { - const expQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress - let bookname = "" - const qortBookData = JSON.stringify(localStorage.getItem(expQortalAddressBook)) - const qortBookSave = JSON.parse((qortBookData) || "[]") - const blob = new Blob([qortBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "qortal_addressbook." + this.bookQortalAddress + ".qort.json" - this.saveFileToDisk(blob, bookname) - } + exportQortAddressbook() { + const expQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress + let bookname = "" + const qortBookData = JSON.stringify(localStorage.getItem(expQortalAddressBook)) + const qortBookSave = JSON.parse((qortBookData) || "[]") + const blob = new Blob([qortBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "qortal_addressbook." + this.bookQortalAddress + ".qort.json" + this.saveFileToDisk(blob, bookname) + } - exportBtcAddressbook() { - const expBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress - let bookname = "" - const btcBookData = JSON.stringify(localStorage.getItem(expBitcoinAddressBook)) - const btcBookSave = JSON.parse((btcBookData) || "[]") - const blob = new Blob([btcBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "bitcoin_addressbook." + this.bookBitcoinAddress + ".btc.json" - this.saveFileToDisk(blob, bookname) - } + exportBtcAddressbook() { + const expBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress + let bookname = "" + const btcBookData = JSON.stringify(localStorage.getItem(expBitcoinAddressBook)) + const btcBookSave = JSON.parse((btcBookData) || "[]") + const blob = new Blob([btcBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "bitcoin_addressbook." + this.bookBitcoinAddress + ".btc.json" + this.saveFileToDisk(blob, bookname) + } - exportLtcAddressbook() { - const expLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress - let bookname = "" - const ltcBookData = JSON.stringify(localStorage.getItem(expLitecoinAddressBook)) - const ltcBookSave = JSON.parse((ltcBookData) || "[]") - const blob = new Blob([ltcBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "litecoin_addressbook." + this.bookLitecoinAddress + ".ltc.json" - this.saveFileToDisk(blob, bookname) - } + exportLtcAddressbook() { + const expLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress + let bookname = "" + const ltcBookData = JSON.stringify(localStorage.getItem(expLitecoinAddressBook)) + const ltcBookSave = JSON.parse((ltcBookData) || "[]") + const blob = new Blob([ltcBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "litecoin_addressbook." + this.bookLitecoinAddress + ".ltc.json" + this.saveFileToDisk(blob, bookname) + } - exportDogeAddressbook() { - const expDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress - let bookname = "" - const dogeBookData = JSON.stringify(localStorage.getItem(expDogecoinAddressBook)) - const dogeBookSave = JSON.parse((dogeBookData) || "[]") - const blob = new Blob([dogeBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "dogecoin_addressbook." + this.bookDogecoinAddress + ".doge.json" - this.saveFileToDisk(blob, bookname) - } + exportDogeAddressbook() { + const expDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress + let bookname = "" + const dogeBookData = JSON.stringify(localStorage.getItem(expDogecoinAddressBook)) + const dogeBookSave = JSON.parse((dogeBookData) || "[]") + const blob = new Blob([dogeBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "dogecoin_addressbook." + this.bookDogecoinAddress + ".doge.json" + this.saveFileToDisk(blob, bookname) + } - exportDgbAddressbook() { - const expDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress - let bookname = "" - const dgbBookData = JSON.stringify(localStorage.getItem(expDigibyteAddressBook)) - const dgbBookSave = JSON.parse((dgbBookData) || "[]") - const blob = new Blob([dgbBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "digibyte_addressbook." + this.bookDigibyteAddress + ".dgb.json" - this.saveFileToDisk(blob, bookname) - } + exportDgbAddressbook() { + const expDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress + let bookname = "" + const dgbBookData = JSON.stringify(localStorage.getItem(expDigibyteAddressBook)) + const dgbBookSave = JSON.parse((dgbBookData) || "[]") + const blob = new Blob([dgbBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "digibyte_addressbook." + this.bookDigibyteAddress + ".dgb.json" + this.saveFileToDisk(blob, bookname) + } - exportRvnAddressbook() { - const expRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress - let bookname = "" - const rvnBookData = JSON.stringify(localStorage.getItem(expRavencoinAddressBook)) - const rvnBookSave = JSON.parse((rvnBookData) || "[]") - const blob = new Blob([rvnBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "ravencoin_addressbook." + this.bookRavencoinAddress + ".rvn.json" - this.saveFileToDisk(blob, bookname) - } + exportRvnAddressbook() { + const expRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress + let bookname = "" + const rvnBookData = JSON.stringify(localStorage.getItem(expRavencoinAddressBook)) + const rvnBookSave = JSON.parse((rvnBookData) || "[]") + const blob = new Blob([rvnBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "ravencoin_addressbook." + this.bookRavencoinAddress + ".rvn.json" + this.saveFileToDisk(blob, bookname) + } - exportArrrAddressbook() { - const expPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress - let bookname = "" - const arrrBookData = JSON.stringify(localStorage.getItem(expPiratechainAddressBook)) - const arrrBookSave = JSON.parse((arrrBookData) || "[]") - const blob = new Blob([arrrBookSave], { type: 'text/plain;charset=utf-8' }) - bookname = "piratechain_addressbook." + this.bookPiratechainAddress + ".arrr.json" - this.saveFileToDisk(blob, bookname) - } + exportArrrAddressbook() { + const expPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress + let bookname = "" + const arrrBookData = JSON.stringify(localStorage.getItem(expPiratechainAddressBook)) + const arrrBookSave = JSON.parse((arrrBookData) || "[]") + const blob = new Blob([arrrBookSave], { type: 'text/plain;charset=utf-8' }) + bookname = "piratechain_addressbook." + this.bookPiratechainAddress + ".arrr.json" + this.saveFileToDisk(blob, bookname) + } - importQortAddressbook(file) { - const impQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress - localStorage.removeItem(impQortalAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impQortalAddressBook, JSON.stringify(newItems)) - this.qortBook = JSON.parse(localStorage.getItem(impQortalAddressBook) || "[]") - this.shadowRoot.querySelector('#importQortAddressbookDialog').close() - } + importQortAddressbook(file) { + const impQortalAddressBook = 'addressbookQort-' + this.bookQortalAddress + localStorage.removeItem(impQortalAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impQortalAddressBook, JSON.stringify(newItems)) + this.qortBook = JSON.parse(localStorage.getItem(impQortalAddressBook) || "[]") + this.shadowRoot.querySelector('#importQortAddressbookDialog').close() + } - importBtcAddressbook(file) { - const impBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress - localStorage.removeItem(impBitcoinAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impBitcoinAddressBook, JSON.stringify(newItems)) - this.btcBook = JSON.parse(localStorage.getItem(impBitcoinAddressBook) || "[]") - this.shadowRoot.querySelector('#importBtcAddressbookDialog').close() - } + importBtcAddressbook(file) { + const impBitcoinAddressBook = 'addressbookBtc-' + this.bookBitcoinAddress + localStorage.removeItem(impBitcoinAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impBitcoinAddressBook, JSON.stringify(newItems)) + this.btcBook = JSON.parse(localStorage.getItem(impBitcoinAddressBook) || "[]") + this.shadowRoot.querySelector('#importBtcAddressbookDialog').close() + } - importLtcAddressbook(file) { - const impLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress - localStorage.removeItem(impLitecoinAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impLitecoinAddressBook, JSON.stringify(newItems)) - this.ltcBook = JSON.parse(localStorage.getItem(impLitecoinAddressBook) || "[]") - this.shadowRoot.querySelector('#importLtcAddressbookDialog').close() - } + importLtcAddressbook(file) { + const impLitecoinAddressBook = 'addressbookLtc-' + this.bookLitecoinAddress + localStorage.removeItem(impLitecoinAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impLitecoinAddressBook, JSON.stringify(newItems)) + this.ltcBook = JSON.parse(localStorage.getItem(impLitecoinAddressBook) || "[]") + this.shadowRoot.querySelector('#importLtcAddressbookDialog').close() + } - importDogeAddressbook(file) { - const impDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress - localStorage.removeItem(impDogecoinAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impDogecoinAddressBook, JSON.stringify(newItems)) - this.dogeBook = JSON.parse(localStorage.getItem(impDogecoinAddressBook) || "[]") - this.shadowRoot.querySelector('#importDogeAddressbookDialog').close() - } + importDogeAddressbook(file) { + const impDogecoinAddressBook = 'addressbookDoge-' + this.bookDogecoinAddress + localStorage.removeItem(impDogecoinAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impDogecoinAddressBook, JSON.stringify(newItems)) + this.dogeBook = JSON.parse(localStorage.getItem(impDogecoinAddressBook) || "[]") + this.shadowRoot.querySelector('#importDogeAddressbookDialog').close() + } - importDgbAddressbook(file) { - const impDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress - localStorage.removeItem(impDigibyteAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impDigibyteAddressBook, JSON.stringify(newItems)) - this.dgbBook = JSON.parse(localStorage.getItem(impDigibyteAddressBook) || "[]") - this.shadowRoot.querySelector('#importDgbAddressbookDialog').close() - } + importDgbAddressbook(file) { + const impDigibyteAddressBook = 'addressbookDgb-' + this.bookDigibyteAddress + localStorage.removeItem(impDigibyteAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impDigibyteAddressBook, JSON.stringify(newItems)) + this.dgbBook = JSON.parse(localStorage.getItem(impDigibyteAddressBook) || "[]") + this.shadowRoot.querySelector('#importDgbAddressbookDialog').close() + } - importRvnAddressbook(file) { - const impRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress - localStorage.removeItem(impRavencoinAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impRavencoinAddressBook, JSON.stringify(newItems)) - this.rvnBook = JSON.parse(localStorage.getItem(impRavencoinAddressBook) || "[]") - this.shadowRoot.querySelector('#importRvnAddressbookDialog').close() - } + importRvnAddressbook(file) { + const impRavencoinAddressBook = 'addressbookRvn-' + this.bookRavencoinAddress + localStorage.removeItem(impRavencoinAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impRavencoinAddressBook, JSON.stringify(newItems)) + this.rvnBook = JSON.parse(localStorage.getItem(impRavencoinAddressBook) || "[]") + this.shadowRoot.querySelector('#importRvnAddressbookDialog').close() + } - importArrrAddressbook(file) { - const impPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress - localStorage.removeItem(impPiratechainAddressBook) - const newItems = JSON.parse((file) || "[]") - localStorage.setItem(impPiratechainAddressBook, JSON.stringify(newItems)) - this.arrrBook = JSON.parse(localStorage.getItem(impPiratechainAddressBook) || "[]") - this.shadowRoot.querySelector('#importArrrAddressbookDialog').close() - } + importArrrAddressbook(file) { + const impPiratechainAddressBook = 'addressbookArrr-' + this.bookPiratechainAddress + localStorage.removeItem(impPiratechainAddressBook) + const newItems = JSON.parse((file) || "[]") + localStorage.setItem(impPiratechainAddressBook, JSON.stringify(newItems)) + this.arrrBook = JSON.parse(localStorage.getItem(impPiratechainAddressBook) || "[]") + this.shadowRoot.querySelector('#importArrrAddressbookDialog').close() + } - closeQortDialog() { - this.shadowRoot.querySelector('#sendQortDialog').close() - this.shadowRoot.getElementById('amountInput').value = '' - this.shadowRoot.getElementById('recipient').value = '' - this.recipient = '' - this.amount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeQortDialog() { + this.shadowRoot.querySelector('#sendQortDialog').close() + this.shadowRoot.getElementById('amountInput').value = '' + this.shadowRoot.getElementById('recipient').value = '' + this.recipient = '' + this.amount = 0 + this.successMessage = '' + this.errorMessage = '' + } - closeBtcDialog() { - this.shadowRoot.querySelector('#sendBtcDialog').close() - this.shadowRoot.getElementById('btcAmountInput').value = 0 - this.shadowRoot.getElementById('btcRecipient').value = '' - this.btcRecipient = '' - this.btcAmount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeBtcDialog() { + this.shadowRoot.querySelector('#sendBtcDialog').close() + this.shadowRoot.getElementById('btcAmountInput').value = 0 + this.shadowRoot.getElementById('btcRecipient').value = '' + this.btcRecipient = '' + this.btcAmount = 0 + this.successMessage = '' + this.errorMessage = '' + } - closeLtcDialog() { - this.shadowRoot.querySelector('#sendLtcDialog').close() - this.shadowRoot.getElementById('ltcAmountInput').value = 0 - this.shadowRoot.getElementById('ltcRecipient').value = '' - this.ltcRecipient = '' - this.ltcAmount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeLtcDialog() { + this.shadowRoot.querySelector('#sendLtcDialog').close() + this.shadowRoot.getElementById('ltcAmountInput').value = 0 + this.shadowRoot.getElementById('ltcRecipient').value = '' + this.ltcRecipient = '' + this.ltcAmount = 0 + this.successMessage = '' + this.errorMessage = '' + } - closeDogeDialog() { - this.shadowRoot.querySelector('#sendDogeDialog').close() - this.shadowRoot.getElementById('dogeAmountInput').value = 0 - this.shadowRoot.getElementById('dogeRecipient').value = '' - this.dogeRecipient = '' - this.dogeAmount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeDogeDialog() { + this.shadowRoot.querySelector('#sendDogeDialog').close() + this.shadowRoot.getElementById('dogeAmountInput').value = 0 + this.shadowRoot.getElementById('dogeRecipient').value = '' + this.dogeRecipient = '' + this.dogeAmount = 0 + this.successMessage = '' + this.errorMessage = '' + } - closeDgbDialog() { - this.shadowRoot.querySelector('#sendDgbDialog').close() - this.shadowRoot.getElementById('dgbAmountInput').value = 0 - this.shadowRoot.getElementById('dgbRecipient').value = '' - this.dgbRecipient = '' - this.dgbAmount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeDgbDialog() { + this.shadowRoot.querySelector('#sendDgbDialog').close() + this.shadowRoot.getElementById('dgbAmountInput').value = 0 + this.shadowRoot.getElementById('dgbRecipient').value = '' + this.dgbRecipient = '' + this.dgbAmount = 0 + this.successMessage = '' + this.errorMessage = '' + } - closeRvnDialog() { - this.shadowRoot.querySelector('#sendRvnDialog').close() - this.shadowRoot.getElementById('rvnAmountInput').value = 0 - this.shadowRoot.getElementById('rvRecipient').value = '' - this.rvnRecipient = '' - this.rvnAmount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeRvnDialog() { + this.shadowRoot.querySelector('#sendRvnDialog').close() + this.shadowRoot.getElementById('rvnAmountInput').value = 0 + this.shadowRoot.getElementById('rvRecipient').value = '' + this.rvnRecipient = '' + this.rvnAmount = 0 + this.successMessage = '' + this.errorMessage = '' + } - closeArrrDialog() { - this.shadowRoot.querySelector('#sendArrrDialog').close() - this.shadowRoot.getElementById('arrrRecipient').value = '' - this.shadowRoot.getElementById('arrrMemo').value = '' - this.arrrRecipient = '' - this.arrrMemo='' - this.arrrAmount = 0 - this.successMessage = '' - this.errorMessage = '' - } + closeArrrDialog() { + this.shadowRoot.querySelector('#sendArrrDialog').close() + this.shadowRoot.getElementById('arrrRecipient').value = '' + this.shadowRoot.getElementById('arrrMemo').value = '' + this.arrrRecipient = '' + this.arrrMemo = '' + this.arrrAmount = 0 + this.successMessage = '' + this.errorMessage = '' + } - sendToQortAddress() { - this.recipient = this.selectedTransaction.recipient - this.openSendQort() - this.shadowRoot.querySelector('#showTransactionDetailsDialog').close() - } + sendToQortAddress() { + this.recipient = this.selectedTransaction.recipient + this.openSendQort() + this.shadowRoot.querySelector('#showTransactionDetailsDialog').close() + } - sendToBtcAddress() { - this.btcRecipient = this.selectedTransaction.btcReceiver - this.openSendBtc() - this.shadowRoot.querySelector('#showBtcTransactionDetailsDialog').close() - } + sendToBtcAddress() { + this.btcRecipient = this.selectedTransaction.btcReceiver + this.openSendBtc() + this.shadowRoot.querySelector('#showBtcTransactionDetailsDialog').close() + } - sendToLtcAddress() { - this.ltcRecipient = this.selectedTransaction.ltcReceiver - this.openSendLtc() - this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').close() - } + sendToLtcAddress() { + this.ltcRecipient = this.selectedTransaction.ltcReceiver + this.openSendLtc() + this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').close() + } - sendToDogeAddress() { - this.dogeRecipient = this.selectedTransaction.dogeReceiver - this.openSendDoge() - this.shadowRoot.querySelector('#showDogeTransactionDetailsDialog').close() - } + sendToDogeAddress() { + this.dogeRecipient = this.selectedTransaction.dogeReceiver + this.openSendDoge() + this.shadowRoot.querySelector('#showDogeTransactionDetailsDialog').close() + } - sendToDgbAddress() { - this.dgbRecipient = this.selectedTransaction.dgbReceiver - this.openSendDgb() - this.shadowRoot.querySelector('#showDgbTransactionDetailsDialog').close() - } + sendToDgbAddress() { + this.dgbRecipient = this.selectedTransaction.dgbReceiver + this.openSendDgb() + this.shadowRoot.querySelector('#showDgbTransactionDetailsDialog').close() + } - sendToRvnAddress() { - this.rvnRecipient = this.selectedTransaction.rvnReceiver - this.openSendRvn() - this.shadowRoot.querySelector('#showRvnTransactionDetailsDialog').close() - } + sendToRvnAddress() { + this.rvnRecipient = this.selectedTransaction.rvnReceiver + this.openSendRvn() + this.shadowRoot.querySelector('#showRvnTransactionDetailsDialog').close() + } - sendToArrrAddress() { - this.arrrRecipient = this.selectedTransaction.arrrReceiver - this.openSendArrr() - this.shadowRoot.querySelector('#showArrrTransactionDetailsDialog').close() - } + sendToArrrAddress() { + this.arrrRecipient = this.selectedTransaction.arrrReceiver + this.openSendArrr() + this.shadowRoot.querySelector('#showArrrTransactionDetailsDialog').close() + } - calculateQortAll() { - this.amount = 0 - this.shadowRoot.getElementById('amountInput').value = this.amount - if (this.balance < 0.01100000) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.amount = (this.balance - 0.01100000).toFixed(8) - this.shadowRoot.getElementById('amountInput').value = this.amount - this.shadowRoot.getElementById('amountInput').blur() - this.shadowRoot.getElementById('amountInput').focus() - } - } + calculateQortAll() { + this.amount = 0 + this.shadowRoot.getElementById('amountInput').value = this.amount + if (this.balance < 0.01100000) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.amount = (this.balance - 0.01100000).toFixed(8) + this.shadowRoot.getElementById('amountInput').value = this.amount + this.shadowRoot.getElementById('amountInput').blur() + this.shadowRoot.getElementById('amountInput').focus() + } + } - calculateBtcAll() { - if (this.balance < 0.00051000) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.btcAmount = (this.balance - 0.00050000).toFixed(8) - this.btcFeePerByte = 100 - } - } + calculateBtcAll() { + if (this.balance < 0.00051000) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.btcAmount = (this.balance - 0.00050000).toFixed(8) + this.btcFeePerByte = 100 + } + } - calculateLtcAll() { - if (this.balance < 0.00031000) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.ltcAmount = (this.balance - 0.00030000).toFixed(8) - this.ltcFeePerByte = 15 - } - } + calculateLtcAll() { + if (this.balance < 0.00031000) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.ltcAmount = (this.balance - 0.00030000).toFixed(8) + this.ltcFeePerByte = 15 + } + } - calculateDogeAll() { - if (this.balance < 0.05100000) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.dogeAmount = (this.balance - 0.05000000).toFixed(8) - this.dogeFeePerByte = 1000 - } - } + calculateDogeAll() { + if (this.balance < 0.05100000) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.dogeAmount = (this.balance - 0.05000000).toFixed(8) + this.dogeFeePerByte = 1000 + } + } - calculateDgbAll() { - if (this.balance < 0.00005100) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.dgbAmount = (this.balance - 0.00005000).toFixed(8) - this.dgbFeePerByte = 10 - } - } + calculateDgbAll() { + if (this.balance < 0.00005100) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.dgbAmount = (this.balance - 0.00005000).toFixed(8) + this.dgbFeePerByte = 10 + } + } - calculateRvnAll() { - if (this.balance < 0.00572500) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.rvnAmount = (this.balance - 0.00562500).toFixed(8) - this.rvnFeePerByte = 1125 - } - } + calculateRvnAll() { + if (this.balance < 0.00572500) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.rvnAmount = (this.balance - 0.00562500).toFixed(8) + this.rvnFeePerByte = 1125 + } + } - calculateArrrAll() { - if (this.balance < 0.00011000) { - let not_enough_string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${not_enough_string}`) - } else { - this.arrrAmount = (this.balance - 0.00010000).toFixed(8) - } - } + calculateArrrAll() { + if (this.balance < 0.00011000) { + let not_enough_string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${not_enough_string}`) + } else { + this.arrrAmount = (this.balance - 0.00010000).toFixed(8) + } + } - renderSQB() { - let displaybutton = this.selectedTransaction.recipient - if (displaybutton == null) { - return html`${this.selectedTransaction.recipient}` - } else { - return html` - ${this.selectedTransaction.recipient} - this.sendToQortAddress()} title="${translate("walletpage.wchange46")}"> - this.openAddQortAddressDialog()} title="${translate("walletpage.wchange49")}"> - ` - } - } + renderSQB() { + let displaybutton = this.selectedTransaction.recipient + if (displaybutton == null) { + return html`${this.selectedTransaction.recipient}` + } else { + return html` + ${this.selectedTransaction.recipient} + this.sendToQortAddress()} title="${translate("walletpage.wchange46")}"> + this.openAddQortAddressDialog()} title="${translate("walletpage.wchange49")}"> + ` + } + } - renderCAB() { - return html` + renderCAB() { + return html` ${this.selectedTransaction.aTAddress} ` - } + } - renderFetchText() { - return html`${translate("walletpage.wchange1")}` - } + renderFetchText() { + return html`${translate("walletpage.wchange1")}` + } - renderInvalidText() { - return html`${translate("walletpage.wchange27")}` - } + renderInvalidText() { + return html`${translate("walletpage.wchange27")}` + } - renderReceiverText() { - return html`${translate("walletpage.wchange29")}` - } + renderReceiverText() { + return html`${translate("walletpage.wchange29")}` + } - renderSuccessText() { - return html`${translate("walletpage.wchange30")}` - } + renderSuccessText() { + return html`${translate("walletpage.wchange30")}` + } - renderFailText() { - return html`${translate("walletpage.wchange31")}` - } + renderFailText() { + return html`${translate("walletpage.wchange31")}` + } - renderOutText() { - return html`${translate("walletpage.wchange7")}` - } + renderOutText() { + return html`${translate("walletpage.wchange7")}` + } - renderInText() { - return html`${translate("walletpage.wchange8")}` - } + renderInText() { + return html`${translate("walletpage.wchange8")}` + } - _checkAmount(e) { - const targetAmount = e.target.value - const target = e.target + _checkAmount(e) { + const targetAmount = e.target.value + const target = e.target - if (targetAmount.length === 0) { - this.isValidAmount = false - this.btnDisable = true + if (targetAmount.length === 0) { + this.isValidAmount = false + this.btnDisable = true - e.target.blur() - e.target.focus() + e.target.blur() + e.target.focus() - e.target.invalid = true - e.target.validationMessage = this.renderInvalidText() - } else { - this.btnDisable = false - } + e.target.invalid = true + e.target.validationMessage = this.renderInvalidText() + } else { + this.btnDisable = false + } - e.target.blur() - e.target.focus() + e.target.blur() + e.target.focus() - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.btnDisable = true - target.validationMessage = this.renderInvalidText() + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.btnDisable = true + target.validationMessage = this.renderInvalidText() - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.btnDisable = true - target.validationMessage = this.renderInvalidText() - } else { - return { - valid: true, - } - } - } - } else { - this.btnDisable = false - } - } - } + return { + valid: false + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.btnDisable = true + target.validationMessage = this.renderInvalidText() + } else { + return { + valid: true + } + } + } + } else { + this.btnDisable = false + } + } + } - checkQortAmount(e) { - const targetAmount = e.target.value - const target = e.target - this.btnDisable = true - this.qortWarning = false + checkQortAmount(e) { + const targetAmount = e.target.value + const target = e.target + this.btnDisable = true + this.qortWarning = false - if (targetAmount.length === 0) { - this.isValidAmount = false - this.btnDisable = true - this.qortWarning = false - e.target.blur() - e.target.focus() - e.target.invalid = true - } else { - const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value - const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) - const myFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(myFunds) >= Number(checkQortAmount)) { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = false - this.qortWarning = false - } else { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = true - this.qortWarning = true - } - } + if (targetAmount.length === 0) { + this.isValidAmount = false + this.btnDisable = true + this.qortWarning = false + e.target.blur() + e.target.focus() + e.target.invalid = true + } else { + const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value + const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) + const myFunds = this.round(parseFloat(this.balance - 0.01100000)) + if (Number(myFunds) >= Number(checkQortAmount)) { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = false + this.qortWarning = false + } else { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = true + this.qortWarning = true + } + } - e.target.blur() - e.target.focus() + e.target.blur() + e.target.focus() - e.target.validityTransform = (newValue, nativeValidity) => { - if (newValue.includes('-') === true) { - this.btnDisable = true - this.qortWarning = false - return { - valid: false, - } - } else if (!nativeValidity.valid) { - if (newValue.includes('.') === true) { - let myAmount = newValue.split('.') - if (myAmount[1].length > 8) { - this.btnDisable = true - this.qortWarning = false - } else { - const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value - const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) - const myFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(myFunds) >= Number(checkQortAmount)) { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = false - this.qortWarning = false - } else { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = true - this.qortWarning = true - } - return { - valid: true, - } - } - } - } else { - const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value - const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) - const myFunds = this.round(parseFloat(this.balance - 0.01100000)) - if (Number(myFunds) >= Number(checkQortAmount)) { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = false - this.qortWarning = false - } else { - this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput - this.btnDisable = true - this.qortWarning = true - } - } - } - } + e.target.validityTransform = (newValue, nativeValidity) => { + if (newValue.includes('-') === true) { + this.btnDisable = true + this.qortWarning = false + return { + valid: false + } + } else if (!nativeValidity.valid) { + if (newValue.includes('.') === true) { + let myAmount = newValue.split('.') + if (myAmount[1].length > 8) { + this.btnDisable = true + this.qortWarning = false + } else { + const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value + const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) + const myFunds = this.round(parseFloat(this.balance - 0.01100000)) + if (Number(myFunds) >= Number(checkQortAmount)) { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = false + this.qortWarning = false + } else { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = true + this.qortWarning = true + } + return { + valid: true + } + } + } + } else { + const checkQortAmountInput = this.shadowRoot.getElementById('amountInput').value + const checkQortAmount = this.round(parseFloat(checkQortAmountInput)) + const myFunds = this.round(parseFloat(this.balance - 0.01100000)) + if (Number(myFunds) >= Number(checkQortAmount)) { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = false + this.qortWarning = false + } else { + this.shadowRoot.getElementById('amountInput').value = checkQortAmountInput + this.btnDisable = true + this.qortWarning = true + } + } + } + } - async sendQort() { - const sendFee = this.qortPaymentFee - const amount = this.shadowRoot.getElementById('amountInput').value - let recipient = this.shadowRoot.getElementById('recipient').value + async sendQort() { + const sendFee = this.qortPaymentFee + const amount = this.shadowRoot.getElementById('amountInput').value + let recipient = this.shadowRoot.getElementById('recipient').value - this.sendMoneyLoading = true - this.btnDisable = true + this.sendMoneyLoading = true + this.btnDisable = true - if (parseFloat(amount) + parseFloat(0.001) > parseFloat(this.balance)) { - this.sendMoneyLoading = false - this.btnDisable = false - let snack1string = get("walletpage.wchange26") - parentEpml.request('showSnackBar', `${snack1string}`) - return false - } + if (parseFloat(amount) + parseFloat(0.001) > parseFloat(this.balance)) { + this.sendMoneyLoading = false + this.btnDisable = false + let snack1string = get("walletpage.wchange26") + parentEpml.request('showSnackBar', `${snack1string}`) + return false + } - if (parseFloat(amount) <= 0) { - this.sendMoneyLoading = false - this.btnDisable = false - let snack2string = get("walletpage.wchange27") - parentEpml.request('showSnackBar', `${snack2string}`) - return false - } + if (parseFloat(amount) <= 0) { + this.sendMoneyLoading = false + this.btnDisable = false + let snack2string = get("walletpage.wchange27") + parentEpml.request('showSnackBar', `${snack2string}`) + return false + } - if (recipient.length === 0) { - this.sendMoneyLoading = false - this.btnDisable = false - let snack3string = get("walletpage.wchange28") - parentEpml.request('showSnackBar', `${snack3string}`) - return false - } + if (recipient.length === 0) { + this.sendMoneyLoading = false + this.btnDisable = false + let snack3string = get("walletpage.wchange28") + parentEpml.request('showSnackBar', `${snack3string}`) + return false + } - const getLastRef = async () => { - return await parentEpml.request('apiCall', { - type: 'api', - url: `/addresses/lastreference/${this.getSelectedWalletAddress()}`, - }) - } + const getLastRef = async () => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/addresses/lastreference/${this.getSelectedWalletAddress()}` + }) + } - const validateName = async (receiverName) => { - let myRes - let myNameRes = await parentEpml.request('apiCall', { - type: 'api', - url: `/names/${receiverName}`, - }) + const validateName = async (receiverName) => { + let myRes + let myNameRes = await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}` + }) - if (myNameRes.error === 401) { - myRes = false - } else { - myRes = myNameRes - } - return myRes - } + if (myNameRes.error === 401) { + myRes = false + } else { + myRes = myNameRes + } + return myRes + } - const validateAddress = async (receiverAddress) => { + const validateAddress = async (receiverAddress) => { return await window.parent.validateAddress(receiverAddress) - } + } - const validateReceiver = async (recipient) => { - let lastRef = await getLastRef() - let isAddress + const validateReceiver = async (recipient) => { + let lastRef = await getLastRef() + let isAddress - try { - isAddress = await validateAddress(recipient) - } catch (err) { - isAddress = false - } + try { + isAddress = await validateAddress(recipient) + } catch (err) { + isAddress = false + } - if (isAddress) { - let myTransaction = await makeTransactionRequest(recipient, lastRef) - getTxnRequestResponse(myTransaction) - } else { - let myNameRes = await validateName(recipient) - if (myNameRes !== false) { - let myNameAddress = myNameRes.owner - let myTransaction = await makeTransactionRequest(myNameAddress, lastRef) - getTxnRequestResponse(myTransaction) - } else { - console.error(this.renderReceiverText()) - this.errorMessage = this.renderReceiverText() - this.sendMoneyLoading = false - this.btnDisable = false - } - } - } + if (isAddress) { + let myTransaction = await makeTransactionRequest(recipient, lastRef) + getTxnRequestResponse(myTransaction) + } else { + let myNameRes = await validateName(recipient) + if (myNameRes !== false) { + let myNameAddress = myNameRes.owner + let myTransaction = await makeTransactionRequest(myNameAddress, lastRef) + getTxnRequestResponse(myTransaction) + } else { + console.error(this.renderReceiverText()) + this.errorMessage = this.renderReceiverText() + this.sendMoneyLoading = false + this.btnDisable = false + } + } + } - const getName = async (recipient)=> { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${recipient}`, - }) - if(getNames?.length > 0 ){ - return getNames[0].name - } else { - return '' - } - } catch (error) { - return "" - } - } + const getName = async (recipient) => { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${recipient}` + }) + if (getNames?.length > 0) { + return getNames[0].name + } else { + return '' + } + } catch (error) { + return '' + } + } - const makeTransactionRequest = async (receiver, lastRef) => { - let myReceiver = receiver - let mylastRef = lastRef - let dialogamount = get("transactions.amount") - let dialogAddress = get("login.address") - let dialogName = get("login.name") - let dialogto = get("transactions.to") - let recipientName = await getName(myReceiver) + const makeTransactionRequest = async (receiver, lastRef) => { + let myReceiver = receiver + let mylastRef = lastRef + let dialogamount = get("transactions.amount") + let dialogAddress = get("login.address") + let dialogName = get("login.name") + let dialogto = get("transactions.to") + let recipientName = await getName(myReceiver) - return await parentEpml.request('transaction', { - type: 2, - nonce: this.wallets.get(this._selectedWallet).wallet.nonce, - params: { - recipient: myReceiver, - recipientName: recipientName, - amount: amount, - lastReference: mylastRef, - fee: sendFee, - dialogamount: dialogamount, - dialogto: dialogto, - dialogAddress, - dialogName - }, - }) - } + return await parentEpml.request('transaction', { + type: 2, + nonce: this.wallets.get(this._selectedWallet).wallet.nonce, + params: { + recipient: myReceiver, + recipientName: recipientName, + amount: amount, + lastReference: mylastRef, + fee: sendFee, + dialogamount: dialogamount, + dialogto: dialogto, + dialogAddress, + dialogName + }, + }) + } - const getTxnRequestResponse = (txnResponse) => { - if (txnResponse.success === false && txnResponse.message) { - this.errorMessage = txnResponse.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else if (txnResponse.success === true && !txnResponse.data.error) { - this.shadowRoot.getElementById('amountInput').value = '' - this.shadowRoot.getElementById('recipient').value = '' - this.errorMessage = '' - this.recipient = '' - this.amount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else { - this.errorMessage = txnResponse.data.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } - } - await validateReceiver(recipient) - await this.showWallet() - } + const getTxnRequestResponse = (txnResponse) => { + if (txnResponse.success === false && txnResponse.message) { + this.errorMessage = txnResponse.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else if (txnResponse.success === true && !txnResponse.data.error) { + this.shadowRoot.getElementById('amountInput').value = '' + this.shadowRoot.getElementById('recipient').value = '' + this.errorMessage = '' + this.recipient = '' + this.amount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else { + this.errorMessage = txnResponse.data.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } + } + await validateReceiver(recipient) + await this.showWallet() + } - async sendBtc() { - const btcAmount = this.shadowRoot.getElementById('btcAmountInput').value - let btcRecipient = this.shadowRoot.getElementById('btcRecipient').value - const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey + async sendBtc() { + const btcAmount = this.shadowRoot.getElementById('btcAmountInput').value + let btcRecipient = this.shadowRoot.getElementById('btcRecipient').value + const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey - this.sendMoneyLoading = true - this.btnDisable = true + this.sendMoneyLoading = true + this.btnDisable = true - const makeRequest = async () => { - const opts = { - xprv58: xprv58, - receivingAddress: btcRecipient, - bitcoinAmount: btcAmount, - feePerByte: (this.btcFeePerByte / 1e8).toFixed(8), - } - return await parentEpml.request('sendBtc', opts) - } + const makeRequest = async () => { + const opts = { + xprv58: xprv58, + receivingAddress: btcRecipient, + bitcoinAmount: btcAmount, + feePerByte: (this.btcFeePerByte / 1e8).toFixed(8) + } + return await parentEpml.request('sendBtc', opts) + } - const manageResponse = (response) => { - if (response.length === 64) { - this.shadowRoot.getElementById('btcAmountInput').value = 0 - this.shadowRoot.getElementById('btcRecipient').value = '' - this.errorMessage = '' - this.btcRecipient = '' - this.btcAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else if (response === false) { - this.errorMessage = this.renderFailText() - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else { - this.errorMessage = response.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(response) - } - } - const res = await makeRequest() - manageResponse(res) - await this.showWallet() - } + const manageResponse = (response) => { + if (response.length === 64) { + this.shadowRoot.getElementById('btcAmountInput').value = 0 + this.shadowRoot.getElementById('btcRecipient').value = '' + this.errorMessage = '' + this.btcRecipient = '' + this.btcAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else if (response === false) { + this.errorMessage = this.renderFailText() + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else { + this.errorMessage = response.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(response) + } + } + const res = await makeRequest() + manageResponse(res) + await this.showWallet() + } - async sendLtc() { - const ltcAmount = this.shadowRoot.getElementById('ltcAmountInput').value - const ltcRecipient = this.shadowRoot.getElementById('ltcRecipient').value - const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey + async sendLtc() { + const ltcAmount = this.shadowRoot.getElementById('ltcAmountInput').value + const ltcRecipient = this.shadowRoot.getElementById('ltcRecipient').value + const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey - this.sendMoneyLoading = true - this.btnDisable = true + this.sendMoneyLoading = true + this.btnDisable = true - const makeRequest = async () => { - const opts = { - xprv58: xprv58, - receivingAddress: ltcRecipient, - litecoinAmount: ltcAmount, - feePerByte: (this.ltcFeePerByte / 1e8).toFixed(8), - } + const makeRequest = async () => { + const opts = { + xprv58: xprv58, + receivingAddress: ltcRecipient, + litecoinAmount: ltcAmount, + feePerByte: (this.ltcFeePerByte / 1e8).toFixed(8) + } return await parentEpml.request('sendLtc', opts) - } + } - const manageResponse = (response) => { - if (response.length === 64) { - this.shadowRoot.getElementById('ltcAmountInput').value = 0 - this.shadowRoot.getElementById('ltcRecipient').value = '' - this.errorMessage = '' - this.ltcRecipient = '' - this.ltcAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else if (response === false) { - this.errorMessage = this.renderFailText() - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else { - this.errorMessage = response.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(response) - } - } - const res = await makeRequest() - manageResponse(res) - await this.showWallet() - } + const manageResponse = (response) => { + if (response.length === 64) { + this.shadowRoot.getElementById('ltcAmountInput').value = 0 + this.shadowRoot.getElementById('ltcRecipient').value = '' + this.errorMessage = '' + this.ltcRecipient = '' + this.ltcAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else if (response === false) { + this.errorMessage = this.renderFailText() + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else { + this.errorMessage = response.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(response) + } + } + const res = await makeRequest() + manageResponse(res) + await this.showWallet() + } - async sendDoge() { - const dogeAmount = this.shadowRoot.getElementById('dogeAmountInput').value - let dogeRecipient = this.shadowRoot.getElementById('dogeRecipient').value - const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey + async sendDoge() { + const dogeAmount = this.shadowRoot.getElementById('dogeAmountInput').value + let dogeRecipient = this.shadowRoot.getElementById('dogeRecipient').value + const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey - this.sendMoneyLoading = true - this.btnDisable = true + this.sendMoneyLoading = true + this.btnDisable = true - const makeRequest = async () => { - const opts = { - xprv58: xprv58, - receivingAddress: dogeRecipient, - dogecoinAmount: dogeAmount, - feePerByte: (this.dogeFeePerByte / 1e8).toFixed(8), - } - return await parentEpml.request('sendDoge', opts) - } + const makeRequest = async () => { + const opts = { + xprv58: xprv58, + receivingAddress: dogeRecipient, + dogecoinAmount: dogeAmount, + feePerByte: (this.dogeFeePerByte / 1e8).toFixed(8) + } + return await parentEpml.request('sendDoge', opts) + } - const manageResponse = (response) => { - if (response.length === 64) { - this.shadowRoot.getElementById('dogeAmountInput').value = 0 - this.shadowRoot.getElementById('dogeRecipient').value = '' - this.errorMessage = '' - this.dogeRecipient = '' - this.dogeAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else if (response === false) { - this.errorMessage = this.renderFailText() - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else { - this.errorMessage = response.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(response) - } - } - const res = await makeRequest() - manageResponse(res) - await this.showWallet() - } + const manageResponse = (response) => { + if (response.length === 64) { + this.shadowRoot.getElementById('dogeAmountInput').value = 0 + this.shadowRoot.getElementById('dogeRecipient').value = '' + this.errorMessage = '' + this.dogeRecipient = '' + this.dogeAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else if (response === false) { + this.errorMessage = this.renderFailText() + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else { + this.errorMessage = response.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(response) + } + } + const res = await makeRequest() + manageResponse(res) + await this.showWallet() + } - async sendDgb() { - const dgbAmount = this.shadowRoot.getElementById('dgbAmountInput').value - let dgbRecipient = this.shadowRoot.getElementById('dgbRecipient').value - const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey + async sendDgb() { + const dgbAmount = this.shadowRoot.getElementById('dgbAmountInput').value + let dgbRecipient = this.shadowRoot.getElementById('dgbRecipient').value + const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey - this.sendMoneyLoading = true - this.btnDisable = true + this.sendMoneyLoading = true + this.btnDisable = true - const makeRequest = async () => { - const opts = { - xprv58: xprv58, - receivingAddress: dgbRecipient, - digibyteAmount: dgbAmount, - feePerByte: (this.dgbFeePerByte / 1e8).toFixed(8), - } - return await parentEpml.request('sendDgb', opts) - } + const makeRequest = async () => { + const opts = { + xprv58: xprv58, + receivingAddress: dgbRecipient, + digibyteAmount: dgbAmount, + feePerByte: (this.dgbFeePerByte / 1e8).toFixed(8) + } + return await parentEpml.request('sendDgb', opts) + } - const manageResponse = (response) => { - if (response.length === 64) { - this.shadowRoot.getElementById('dgbAmountInput').value = 0 - this.shadowRoot.getElementById('dgbRecipient').value = '' - this.errorMessage = '' - this.dgbRecipient = '' - this.dgbAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else if (response === false) { - this.errorMessage = this.renderFailText() - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else { - this.errorMessage = response.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(response) - } - } - const res = await makeRequest() - manageResponse(res) - await this.showWallet() - } + const manageResponse = (response) => { + if (response.length === 64) { + this.shadowRoot.getElementById('dgbAmountInput').value = 0 + this.shadowRoot.getElementById('dgbRecipient').value = '' + this.errorMessage = '' + this.dgbRecipient = '' + this.dgbAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else if (response === false) { + this.errorMessage = this.renderFailText() + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else { + this.errorMessage = response.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(response) + } + } + const res = await makeRequest() + manageResponse(res) + await this.showWallet() + } - async sendRvn() { - const rvnAmount = this.shadowRoot.getElementById('rvnAmountInput').value - let rvnRecipient = this.shadowRoot.getElementById('rvnRecipient').value - const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey + async sendRvn() { + const rvnAmount = this.shadowRoot.getElementById('rvnAmountInput').value + let rvnRecipient = this.shadowRoot.getElementById('rvnRecipient').value + const xprv58 = this.wallets.get(this._selectedWallet).wallet.derivedMasterPrivateKey - this.sendMoneyLoading = true - this.btnDisable = true + this.sendMoneyLoading = true + this.btnDisable = true - const makeRequest = async () => { - const opts = { - xprv58: xprv58, - receivingAddress: rvnRecipient, - ravencoinAmount: rvnAmount, - feePerByte: (this.rvnFeePerByte / 1e8).toFixed(8), - } + const makeRequest = async () => { + const opts = { + xprv58: xprv58, + receivingAddress: rvnRecipient, + ravencoinAmount: rvnAmount, + feePerByte: (this.rvnFeePerByte / 1e8).toFixed(8) + } return await parentEpml.request('sendRvn', opts) - } - - const manageResponse = (response) => { - if (response.length === 64) { - this.shadowRoot.getElementById('rvnAmountInput').value = 0 - this.shadowRoot.getElementById('rvnRecipient').value = '' - this.errorMessage = '' - this.rvnRecipient = '' - this.rvnAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else if (response === false) { - this.errorMessage = this.renderFailText() - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else { - this.errorMessage = response.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(response) - } - } - const res = await makeRequest() - manageResponse(res) - await this.showWallet() - } - - async sendArrr() { - const arrrAmount = this.shadowRoot.getElementById('arrrAmountInput').value - let arrrRecipient = this.shadowRoot.getElementById('arrrRecipient').value - let arrrMemo = this.shadowRoot.getElementById('arrrMemo').value - const seed58 = this.wallets.get(this._selectedWallet).wallet.seed58 - - this.sendMoneyLoading = true - this.btnDisable = true - - const makeRequest = async () => { - const opts = { - entropy58: seed58, - receivingAddress: arrrRecipient, - arrrAmount: arrrAmount, - memo: arrrMemo - } - return await parentEpml.request('sendArrr', opts) - } - - const manageResponse = (response) => { - if (response.length === 64) { - this.shadowRoot.getElementById('arrrAmountInput').value = 0 - this.shadowRoot.getElementById('arrrRecipient').value = '' - this.shadowRoot.getElementById('arrrMemo').value = '' - this.errorMessage = '' - this.arrrRecipient = '' - this.arrrMemo='' - this.arrrAmount = 0 - this.successMessage = this.renderSuccessText() - this.sendMoneyLoading = false - this.btnDisable = false - } else if (response === false) { - this.errorMessage = this.renderFailText() - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(txnResponse) - } else { - this.errorMessage = response.message - this.sendMoneyLoading = false - this.btnDisable = false - throw new Error(response) - } - } - const res = await makeRequest() - manageResponse(res) - await this.showWallet() - } - - async showWallet() { - this.transactionsDOM.hidden = true - this.loading = true - - if (this._selectedWallet == 'qort') { - if (!window.parent.reduxStore.getState().app.blockInfo.height) { - await parentEpml.request('apiCall', { url: `/blocks/height`, type: 'api' }) - .then(height => parentEpml.request('updateBlockInfo', { height })) - } - } - const coin = this._selectedWallet - await this.fetchWalletAddress(this._selectedWallet) - await this.fetchWalletServer(this._selectedWallet) - await this.fetchWalletDetails(this._selectedWallet) - await this.fetchWalletServer(this._selectedWallet) - if (this._selectedWallet == coin) { - await this.renderTransactions() - await this.getTransactionGrid(this._selectedWallet) - await this.updateItemsFromPage(1, true) - this.loading = false - this.transactionsDOM.hidden = false - } - } - - async fetchWalletDetails(coin) { - switch (coin) { - case 'qort': - this.balanceString = this.renderFetchText() - parentEpml.request('apiCall', { - url: `/addresses/balance/${this.wallets.get('qort').wallet.address}?apiKey=${this.getApiKey()}`, - }) - .then((res) => { - if (isNaN(Number(res))) { - let snack4string = get("walletpage.wchange32") - parentEpml.request('showSnackBar', `${snack4string}`) - } else { - if (this._selectedWallet == coin) { - this.wallets.get(coin).balance = Number(res).toFixed(8) - this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() - this.balance = this.wallets.get(this._selectedWallet).balance - } - } - }) - const txsQort = await parentEpml.request('apiCall', { - url: `/transactions/search?address=${this.wallets.get('qort').wallet.address}&confirmationStatus=CONFIRMED&reverse=true&txType=PAYMENT&txType=REGISTER_NAME&txType=UPDATE_NAME&txType=SELL_NAME&txType=CANCEL_SELL_NAME&txType=BUY_NAME&txType=CREATE_POLL&txType=VOTE_ON_POLL&txType=ARBITRARY&txType=ISSUE_ASSET&txType=TRANSFER_ASSET&txType=CREATE_ASSET_ORDER&txType=CANCEL_ASSET_ORDER&txType=MULTI_PAYMENT&txType=DEPLOY_AT&txType=MESSAGE&txType=AIRDROP&txType=AT&txType=CREATE_GROUP&txType=UPDATE_GROUP&txType=ADD_GROUP_ADMIN&txType=REMOVE_GROUP_ADMIN&txType=GROUP_BAN&txType=CANCEL_GROUP_BAN&txType=GROUP_KICK&txType=GROUP_INVITE&txType=CANCEL_GROUP_INVITE&txType=JOIN_GROUP&txType=LEAVE_GROUP&txType=GROUP_APPROVAL&txType=SET_GROUP&txType=UPDATE_ASSET&txType=ACCOUNT_FLAGS&txType=ENABLE_FORGING&txType=REWARD_SHARE&txType=ACCOUNT_LEVEL&txType=TRANSFER_PRIVS&txType=PRESENCE`, - }) - const pendingTxsQort = await parentEpml.request('apiCall', { - url: `/transactions/unconfirmed?creator=${this.wallets.get('qort').wallet.base58PublicKey}&reverse=true&txType=PAYMENT&txType=REGISTER_NAME&txType=UPDATE_NAME&txType=SELL_NAME&txType=CANCEL_SELL_NAME&txType=BUY_NAME&txType=CREATE_POLL&txType=VOTE_ON_POLL&txType=ARBITRARY&txType=ISSUE_ASSET&txType=TRANSFER_ASSET&txType=CREATE_ASSET_ORDER&txType=CANCEL_ASSET_ORDER&txType=MULTI_PAYMENT&txType=DEPLOY_AT&txType=MESSAGE&txType=AIRDROP&txType=AT&txType=CREATE_GROUP&txType=UPDATE_GROUP&txType=ADD_GROUP_ADMIN&txType=REMOVE_GROUP_ADMIN&txType=GROUP_BAN&txType=CANCEL_GROUP_BAN&txType=GROUP_KICK&txType=GROUP_INVITE&txType=CANCEL_GROUP_INVITE&txType=JOIN_GROUP&txType=LEAVE_GROUP&txType=GROUP_APPROVAL&txType=SET_GROUP&txType=UPDATE_ASSET&txType=ACCOUNT_FLAGS&txType=ENABLE_FORGING&txType=REWARD_SHARE&txType=ACCOUNT_LEVEL&txType=TRANSFER_PRIVS&txType=PRESENCE`, - }) - if (this._selectedWallet == coin) { - this.wallets.get(coin).transactions = pendingTxsQort.concat(txsQort) - } - break - case 'btc': - case 'ltc': - case 'doge': - case 'dgb': - case 'rvn': - this.balanceString = this.renderFetchText() - const walletName = `${coin}Wallet` - parentEpml.request('apiCall', { - url: `/crosschain/${coin}/walletbalance?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress[walletName].derivedMasterPublicKey}`, - }) - .then((res) => { - if (isNaN(Number(res))) { - let snack5string = get("walletpage.wchange33") - let snack6string = get("walletpage.wchange34") - parentEpml.request('showSnackBar', `${snack5string} ${coin.toLocaleUpperCase()} ${snack6string}!`) - } else { - if (this._selectedWallet == coin) { - this.wallets.get(this._selectedWallet).balance = (Number(res) / 1e8).toFixed(8) - this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() - this.balance = this.wallets.get(this._selectedWallet).balance - } - } - }) - - const txs = await parentEpml.request('apiCall', { - url: `/crosschain/${coin}/wallettransactions?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress[walletName].derivedMasterPublicKey}`, - }) - - const compareFn = (a, b) => { - return b.timestamp - a.timestamp - } - - const sortedTransactions = txs.sort(compareFn) - if (this._selectedWallet == coin) { - this.wallets.get(this._selectedWallet).transactions = sortedTransactions - } - break - case 'arrr': - const arrrWalletName = `${coin}Wallet` - - const res = await parentEpml.request('apiCall', { - url: `/crosschain/${coin}/syncstatus?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, - }) - - if (coin != this._selectedWallet) { - // We've switched away from this coin - } - - if (res.indexOf('<') > -1) { - this.balanceString = this.renderFetchText() - await new Promise(resolve => setTimeout(resolve, 2000)) - await this.showWallet() - return - } else if (res !== "Synchronized") { - this.balanceString = res - await new Promise(resolve => setTimeout(resolve, 2000)) - await this.showWallet() - return - } - - this.balanceString = this.renderFetchText() - - parentEpml.request('apiCall', { - url: `/crosschain/${coin}/walletbalance?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, - }) - .then((res) => { - if (isNaN(Number(res))) { - let snack5string = get("walletpage.wchange33") - let snack6string = get("walletpage.wchange34") - parentEpml.request('showSnackBar', `${snack5string} ${coin.toLocaleUpperCase()} ${snack6string}!`) - } else { - if (this._selectedWallet == coin) { - this.wallets.get(this._selectedWallet).balance = (Number(res) / 1e8).toFixed(8) - this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() - this.balance = this.wallets.get(this._selectedWallet).balance - } - } - }) - - const arrrTxs = await parentEpml.request('apiCall', { - url: `/crosschain/${coin}/wallettransactions?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, - }) - - const arrrCompareFn = (a, b) => { - return b.timestamp - a.timestamp - } - - const arrrSortedTransactions = arrrTxs.sort(arrrCompareFn) - - if (this._selectedWallet == coin) { - this.wallets.get(this._selectedWallet).transactions = arrrSortedTransactions - } - break - default: - break - } - } - - async fetchWalletAddress(coin) { - switch (coin) { - case 'arrr': - const arrrWalletName = `${coin}Wallet` - let res = await parentEpml.request('apiCall', { - url: `/crosschain/${coin}/walletaddress?apiKey=${this.getApiKey()}`, - method: 'POST', - body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, - }) - if (res != null && res.error != 1201 && res.length === 78) { - this.arrrWalletAddress = res - } - break - - default: - // Not used for other coins yet - break - } - } - - renderSendButton() { - if ( this._selectedWallet === "qort" ) { - return html` this.openSendQort()}> ${translate("walletpage.wchange17")} QORT` - } else if ( this._selectedWallet === "btc" ) { - return html` this.openSendBtc()}> ${translate("walletpage.wchange17")} BTC` - } else if ( this._selectedWallet === "ltc" ) { - return html` this.openSendLtc()}> ${translate("walletpage.wchange17")} LTC` - } else if ( this._selectedWallet === "doge" ) { - return html` this.openSendDoge()}> ${translate("walletpage.wchange17")} DOGE` - } else if ( this._selectedWallet === "dgb" ) { - return html` this.openSendDgb()}> ${translate("walletpage.wchange17")} DGB` - } else if ( this._selectedWallet === "rvn" ) { - return html` this.openSendRvn()}> ${translate("walletpage.wchange17")} RVN` - } else if ( this._selectedWallet === "arrr" ) { - return html` this.openSendArrr()}> ${translate("walletpage.wchange17")} ARRR` - } else { - return html`` - } - } - - renderAddressbookButton() { - if ( this._selectedWallet === "qort" ) { - return html` this.openQortAddressbook()}> ${translate("walletpage.wchange47")}` - } else if ( this._selectedWallet === "btc" ) { - return html` this.openBtcAddressbook()}> ${translate("walletpage.wchange47")}` - } else if ( this._selectedWallet === "ltc" ) { - return html` this.openLtcAddressbook()}> ${translate("walletpage.wchange47")}` - } else if ( this._selectedWallet === "doge" ) { - return html` this.openDogeAddressbook()}> ${translate("walletpage.wchange47")}` - } else if ( this._selectedWallet === "dgb" ) { - return html` this.openDgbAddressbook()}> ${translate("walletpage.wchange47")}` - } else if ( this._selectedWallet === "rvn" ) { - return html` this.openRvnAddressbook()}> ${translate("walletpage.wchange47")}` - } else if ( this._selectedWallet === "arrr" ) { - return html` this.openArrrAddressbook()}> ${translate("walletpage.wchange47")}` - } else { - return html`` - } - } - - renderExportAddressbookButton() { - if ( this._selectedWallet === "qort" ) { - return html` this.exportQortAddressbook()}> ${translate("walletpage.wchange54")}` - } else if ( this._selectedWallet === "btc" ) { - return html` this.exportBtcAddressbook()}> ${translate("walletpage.wchange54")}` - } else if ( this._selectedWallet === "ltc" ) { - return html` this.exportLtcAddressbook()}> ${translate("walletpage.wchange54")}` - } else if ( this._selectedWallet === "doge" ) { - return html` this.exportDogeAddressbook()}> ${translate("walletpage.wchange54")}` - } else if ( this._selectedWallet === "dgb" ) { - return html` this.exportDgbAddressbook()}> ${translate("walletpage.wchange54")}` - } else if ( this._selectedWallet === "rvn" ) { - return html` this.exportRvnAddressbook()}> ${translate("walletpage.wchange54")}` - } else if ( this._selectedWallet === "arrr" ) { - return html` this.exportArrrAddressbook()}> ${translate("walletpage.wchange54")}` - } else { - return html`` - } - } - - renderImportAddressbookButton() { - if ( this._selectedWallet === "qort" ) { - return html` this.openImportQortAddressbook()}> ${translate("walletpage.wchange53")}` - } else if ( this._selectedWallet === "btc" ) { - return html` this.openImportBtcAddressbook()}> ${translate("walletpage.wchange53")}` - } else if ( this._selectedWallet === "ltc" ) { - return html` this.openImportLtcAddressbook()}> ${translate("walletpage.wchange53")}` - } else if ( this._selectedWallet === "doge" ) { - return html` this.openImportDogeAddressbook()}> ${translate("walletpage.wchange53")}` - } else if ( this._selectedWallet === "dgb" ) { - return html` this.openImportDgbAddressbook()}> ${translate("walletpage.wchange53")}` - } else if ( this._selectedWallet === "rvn" ) { - return html` this.openImportRvnAddressbook()}> ${translate("walletpage.wchange53")}` - } else if ( this._selectedWallet === "arrr" ) { - return html` this.openImportArrrAddressbook()}> ${translate("walletpage.wchange53")}` - } else { - return html`` - } - } - - openSendQort() { - this.shadowRoot.querySelector("#sendQortDialog").show(); - } - - openSendBtc() { - this.shadowRoot.querySelector("#sendBtcDialog").show(); - } - - openSendLtc() { - this.shadowRoot.querySelector("#sendLtcDialog").show(); - } - - openSendDoge() { - this.shadowRoot.querySelector("#sendDogeDialog").show(); - } - - openSendDgb() { - this.shadowRoot.querySelector("#sendDgbDialog").show(); - } - - openSendRvn() { - this.shadowRoot.querySelector("#sendRvnDialog").show(); - } - - openSendArrr() { - this.shadowRoot.querySelector("#sendArrrDialog").show(); - } - - changeTheme() { - const checkTheme = localStorage.getItem('qortalTheme') - if (checkTheme === 'dark') { - this.theme = 'dark'; - } else { - this.theme = 'light'; - } - document.querySelector('html').setAttribute('theme', this.theme); - } - - changeLanguage() { - const checkLanguage = localStorage.getItem('qortalLanguage') - - if (checkLanguage === null || checkLanguage.length === 0) { - localStorage.setItem('qortalLanguage', 'us') - use('us') - } else { - use(checkLanguage) - } - } - - getSelectedWalletAddress() { - switch (this._selectedWallet) { - case "arrr": - // Use address returned by core API - return this.arrrWalletAddress - - default: - // Use locally derived address - return this.wallets.get(this._selectedWallet).wallet.address - } - } - - getSelectedWalletServer() { - switch (this._selectedWallet) { - case "qort": - return this.nodeDomain - - case "btc": - return this.btcServer - - case "ltc": - return this.ltcServer - - case "doge": - return this.dogeServer - - case "dgb": - return this.dgbServer - - case "rvn": - return this.rvnServer - - case "arrr": - return this.arrrServer - - default: - return - } - } - - async fetchWalletServer(coin) { - if (coin == 'qort') { - return - } - let walletServer = '' - try { - const serverInfo = await parentEpml.request('apiCall', { - type: 'api', - /* TODO */ - url: `/crosschain/${coin}/serverinfos`, - // TODO when 'current' parameter is added to 'serverinfos' API call, change above line to: - // url: `/crosschain/${coin}/serverinfos?current=true`, - }) - /* TODO */ - let currentServerFound = false - for (const server of serverInfo.servers) { - if (server.isCurrent === true) { - walletServer = `${server.hostName}:${server.port}` - currentServerFound = true - break - } - } - if (!currentServerFound) { - walletServer = 'Not Connected' - } - // TODO when 'current' parameter is added to 'serverinfos' API call, change above 'let,for,if' sections to: - /*if (serverInfo.servers[0]) { - const currentServerInfo = `${serverInfo.servers[0].hostName}:${serverInfo.servers[0].port}` - walletServer = currentServerInfo - } else { - walletServer = 'Not Connected' - }*/ - } catch (error) { - console.error('Failed to fetch server info:', error) - walletServer = `Error fetching server: ${error}` - } - switch (coin) { - case "btc": - this.btcServer = walletServer - break - case "ltc": - this.ltcServer = walletServer - break - case "doge": - this.dogeServer = walletServer - break - case "dgb": - this.dgbServer = walletServer - break - case "rvn": - this.rvnServer = walletServer - break - case "arrr": - this.arrrServer = walletServer - break - default: - break - } - } - - getNodeConfig() { - this.nodeDomain = "" - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - this.nodeDomain = myNode.domain + ":" + myNode.port - - this.nodeConfig = {} - parentEpml.request("getNodeConfig").then((res) => { - this.nodeConfig = res - }) - } - - async getTransactionGrid(coin) { - this.transactionsGrid = this.shadowRoot.querySelector(`#${coin}TransactionsGrid`) - if (coin === 'qort') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let qortItem = this.transactionsGrid.getEventContext(e).item - this.showQortTransactionDetails(qortItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } else if (coin === 'btc') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let btcItem = this.transactionsGrid.getEventContext(e).item - this.showBtcTransactionDetails(btcItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } else if (coin === 'ltc') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let ltcItem = this.transactionsGrid.getEventContext(e).item - this.showLtcTransactionDetails(ltcItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } else if (coin === 'doge') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let dogeItem = this.transactionsGrid.getEventContext(e).item - this.showDogeTransactionDetails(dogeItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } else if (coin === 'dgb') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let dgbItem = this.transactionsGrid.getEventContext(e).item - this.showDgbTransactionDetails(dgbItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } else if (coin === 'rvn') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let rvnItem = this.transactionsGrid.getEventContext(e).item - this.showRvnTransactionDetails(rvnItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } else if (coin === 'arrr') { - this.transactionsGrid.addEventListener( - 'click', - (e) => { - let arrrItem = this.transactionsGrid.getEventContext(e).item - this.showArrrTransactionDetails(arrrItem, this.wallets.get(this._selectedWallet).transactions) - }, - { passive: true } - ) - } - - this.pagesControl = this.shadowRoot.querySelector('#pages') - this.pages = undefined - } - - async renderTransactions() { - if (this._selectedWallet === 'qort') { - render(this.renderQortTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } else if (this._selectedWallet === 'btc') { - render(this.renderBtcTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } else if (this._selectedWallet === 'ltc') { - render(this.renderLtcTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } else if (this._selectedWallet === 'doge') { - render(this.renderDogeTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } else if (this._selectedWallet === 'dgb') { - render(this.renderDgbTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } else if (this._selectedWallet === 'rvn') { - render(this.renderRvnTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } else if (this._selectedWallet === 'arrr') { - render(this.renderArrrTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) - } - } - - renderQortTransactions(transactions, coin) { - const requiredConfirmations = 3 - const currentBlockHeight = window.parent.reduxStore.getState().app.blockInfo.height - if (Array.isArray(transactions)) { - transactions = transactions.map(tx => { - tx.confirmations = (currentBlockHeight - (tx.blockHeight - 1)) || '' - return tx - }) - } - - return html` -
    ${translate("walletpage.wchange38")}
    - - { - if (!currentBlockHeight) { - return render(html``, root) - } - const confirmed = data.item.confirmations >= requiredConfirmations - const unconfirmed = data.item.confirmations == 0 - if (confirmed) { - render(html`check`, root) - } else if (unconfirmed) { - render(html`schedule`, root) - } else { - render(html`schedule`, root) - } - }} - > - - { - render(html` ${data.item.type} ${data.item.creatorAddress === this.wallets.get('qort').wallet.address ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - { - render(html`${data.item.type === 'AT' ? html`${data.item.atAddress}` : html`${data.item.creatorAddress}`}`, root) - }} - > - - { - render(html`${data.item.type === 'DEPLOY_AT' ? html`${data.item.aTAddress}` : html`${data.item.recipient}`}`, root) - }} - > - - - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - -
    - ` - } - - renderBtcTransactions(transactions, coin) { - return html` -
    ${translate("walletpage.wchange38")}
    - - { - render(html`check`, root) - }} - > - - { - render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - { - render(html`${data.item.inputs[0].address}`, root) - }} - > - - { - render(html`${data.item.outputs[0].address}`, root) - }} - > - - - { - const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) - render(html`${amount}`, root) - }} - > - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - -
    - ` - } - - renderLtcTransactions(transactions, coin) { - return html` -
    ${translate("walletpage.wchange38")}
    - - { - render(html`check`, root) - }} - > - - { - render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - { - render(html`${data.item.inputs[0].address}`, root) - }} - > - - { - render(html`${data.item.outputs[0].address}`, root) - }} - > - - - { - const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) - render(html`${amount}`, root) - }} - > - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - -
    - ` - } - - renderDogeTransactions(transactions, coin) { - return html` -
    ${translate("walletpage.wchange38")}
    - - { - render(html`check`, root) - }} - > - - { - render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - { - render(html`${data.item.inputs[0].address}`, root) - }} - > - - { - render(html`${data.item.outputs[0].address}`, root) - }} - > - - - { - const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) - render(html`${amount}`, root) - }} - > - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - -
    - ` - } - - renderDgbTransactions(transactions, coin) { - return html` -
    ${translate("walletpage.wchange38")}
    - - { - render(html`check`, root) - }} - > - - { - render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - { - render(html`${data.item.inputs[0].address}`, root) - }} - > - - { - render(html`${data.item.outputs[0].address}`, root) - }} - > - - - { - const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) - render(html`${amount}`, root) - }} - > - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - -
    - ` - } - - renderRvnTransactions(transactions, coin) { - return html` -
    ${translate("walletpage.wchange38")}
    - - { - render(html`check`, root) - }} - > - - { - render(html` ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - { - render(html`${data.item.inputs[0].address}`, root) - }} - > - - { - render(html`${data.item.outputs[0].address}`, root) - }} - > - - - { - const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) - render(html`${amount}`, root) - }} - > - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - -
    - ` - } - - renderArrrTransactions(transactions, coin) { - return html` -
    ${translate("walletpage.wchange38")}
    - - { - render(html`check`, root) - }} - > - - { - render(html` ${translate("walletpage.wchange40")} ${data.item.totalAmount < 0 ? html`${translate("walletpage.wchange7")}` : html`${translate("walletpage.wchange8")}`} `, root) - }} - > - - - - { - const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) - render(html`${amount}`, root) - }} - > - - { - const time = new Date(data.item.timestamp) - render(html` `, root) - }} - > - - { - render(html`${data.item.memo}`, root) - }} - > - - -
    - ` - } - - async updateItemsFromPage(page, changeWallet = false) { - if (page === undefined) { - return - } - - changeWallet === true ? (this.pagesControl.innerHTML = '') : null - - if (!this.pages) { - this.pages = Array.apply(null, { length: Math.ceil(this.wallets.get(this._selectedWallet).transactions.length / this.transactionsGrid.pageSize) }).map((item, index) => { - return index + 1 - }) - - const prevBtn = document.createElement('button') - prevBtn.textContent = '<' - prevBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage - 1) - }) - this.pagesControl.appendChild(prevBtn) - - this.pages.forEach((pageNumber) => { - const pageBtn = document.createElement('button') - pageBtn.textContent = pageNumber - pageBtn.addEventListener('click', (e) => { - this.updateItemsFromPage(parseInt(e.target.textContent)) - }) - if (pageNumber === page) { - pageBtn.setAttribute('selected', true) - } - this.pagesControl.appendChild(pageBtn) - }) - - const nextBtn = window.document.createElement('button') - nextBtn.textContent = '>' - nextBtn.addEventListener('click', () => { - const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) - this.updateItemsFromPage(selectedPage + 1) - }) - this.pagesControl.appendChild(nextBtn) - } - - const buttons = Array.from(this.pagesControl.children) - buttons.forEach((btn, index) => { - if (parseInt(btn.textContent) === page) { - btn.setAttribute('selected', true) - } else { - btn.removeAttribute('selected') - } - if (index === 0) { - if (page === 1) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - if (index === buttons.length - 1) { - if (page === this.pages.length) { - btn.setAttribute('disabled', '') - } else { - btn.removeAttribute('disabled') - } - } - }) - let start = (page - 1) * this.transactionsGrid.pageSize - let end = page * this.transactionsGrid.pageSize - - this.transactionsGrid.items = this.wallets.get(this._selectedWallet).transactions.slice(start, end) - } - - getApiKey() { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - return myNode.apiKey - } - - transactionItem(transactionObject) { - return ` -
    -
    -

    ${transactionObject.name}

    - ${transactionObject.category} ${transactionObject.ID} - ${transactionObject.date} -
    -
    -

    ${transactionObject.amount}

    -
    -
    - ` - } - - showQortTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.signature === transaction.signature) { - let txnFlow = myTransaction.creatorAddress === this.wallets.get('qort').wallet.address ? 'OUT' : 'IN' - this.selectedTransaction = { ...transaction, txnFlow } - if (this.selectedTransaction.signature.length != 0) { - this.shadowRoot.querySelector('#showTransactionDetailsDialog').show() - } - } - }) - } - - showBtcTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.txHash === transaction.txHash) { - let btcTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' - let btcSender = myTransaction.inputs[0].address - let btcReceiver = myTransaction.outputs[0].address - this.selectedTransaction = { ...transaction, btcTxnFlow, btcSender, btcReceiver } - if (this.selectedTransaction.txHash.length != 0) { - this.shadowRoot.querySelector('#showBtcTransactionDetailsDialog').show() - } - } - }) - } - - showLtcTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.txHash === transaction.txHash) { - let ltcTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' - let ltcSender = myTransaction.inputs[0].address - let ltcReceiver = myTransaction.outputs[0].address - this.selectedTransaction = { ...transaction, ltcTxnFlow, ltcSender, ltcReceiver } - if (this.selectedTransaction.txHash.length != 0) { - this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').show() - } - } - }) - } - - showDogeTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.txHash === transaction.txHash) { - let dogeTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' - let dogeSender = myTransaction.inputs[0].address - let dogeReceiver = myTransaction.outputs[0].address - this.selectedTransaction = { ...transaction, dogeTxnFlow, dogeSender, dogeReceiver } - if (this.selectedTransaction.txHash.length != 0) { - this.shadowRoot.querySelector('#showDogeTransactionDetailsDialog').show() - } - } - }) - } - - showDgbTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.txHash === transaction.txHash) { - let dgbTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' - let dgbSender = myTransaction.inputs[0].address - let dgbReceiver = myTransaction.outputs[0].address - this.selectedTransaction = { ...transaction, dgbTxnFlow, dgbSender, dgbReceiver } - if (this.selectedTransaction.txHash.length != 0) { - this.shadowRoot.querySelector('#showDgbTransactionDetailsDialog').show() - } - } - }) - } - - showRvnTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.txHash === transaction.txHash) { - let rvnTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' - let rvnSender = myTransaction.inputs[0].address - let rvnReceiver = myTransaction.outputs[0].address - this.selectedTransaction = { ...transaction, rvnTxnFlow, rvnSender, rvnReceiver } - if (this.selectedTransaction.txHash.length != 0) { - this.shadowRoot.querySelector('#showRvnTransactionDetailsDialog').show() - } - } - }) - } - - showArrrTransactionDetails(myTransaction, allTransactions) { - allTransactions.forEach((transaction) => { - if (myTransaction.txHash === transaction.txHash) { - let arrrTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' - let arrrSender = myTransaction.inputs[0].address - let arrrReceiver = myTransaction.outputs[0].address - this.selectedTransaction = { ...transaction, arrrTxnFlow, arrrSender, arrrReceiver } - if (this.selectedTransaction.txHash.length != 0) { - this.shadowRoot.querySelector('#showArrrTransactionDetailsDialog').show() - } - } - }) - } - - async saveFileToDisk(blob, fileName) { - try { - const fileHandle = await self.showSaveFilePicker({ - suggestedName: fileName, - types: [{ - description: "File", - }] - }) - const writeFile = async (fileHandle, contents) => { - const writable = await fileHandle.createWritable() - await writable.write(contents) - await writable.close() - } - writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) - let snack4string = get("general.save") - parentEpml.request('showSnackBar', `${snack4string} ${fileName} ✅`) - } catch (error) { - if (error.name === 'AbortError') { - return - } - FileSaver.saveAs(blob, fileName) - } - } - - isEmptyArray(arr) { - if (!arr) { - return true - } - return arr.length === 0 - } - - floor(num) { - num = parseFloat(num) - return isNaN(num) ? 0 : this._format(Math.floor(num)) - } - - decimals(num) { - num = parseFloat(num) - return num % 1 > 0 ? (num + '').split('.')[1] : '0' - } - - round(number) { - return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) - } - - subtract(num1, num2) { - return num1 - num2 - } - - getConfirmations(height, lastBlockHeight) { - return lastBlockHeight - height + 1 - } - - _format(num) { - return num.toLocaleString() - } - - _unconfirmedClass(unconfirmed) { - return unconfirmed ? 'unconfirmed' : '' - } + } + + const manageResponse = (response) => { + if (response.length === 64) { + this.shadowRoot.getElementById('rvnAmountInput').value = 0 + this.shadowRoot.getElementById('rvnRecipient').value = '' + this.errorMessage = '' + this.rvnRecipient = '' + this.rvnAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else if (response === false) { + this.errorMessage = this.renderFailText() + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else { + this.errorMessage = response.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(response) + } + } + const res = await makeRequest() + manageResponse(res) + await this.showWallet() + } + + async sendArrr() { + const arrrAmount = this.shadowRoot.getElementById('arrrAmountInput').value + let arrrRecipient = this.shadowRoot.getElementById('arrrRecipient').value + let arrrMemo = this.shadowRoot.getElementById('arrrMemo').value + const seed58 = this.wallets.get(this._selectedWallet).wallet.seed58 + + this.sendMoneyLoading = true + this.btnDisable = true + + const makeRequest = async () => { + const opts = { + entropy58: seed58, + receivingAddress: arrrRecipient, + arrrAmount: arrrAmount, + memo: arrrMemo + } + return await parentEpml.request('sendArrr', opts) + } + + const manageResponse = (response) => { + if (response.length === 64) { + this.shadowRoot.getElementById('arrrAmountInput').value = 0 + this.shadowRoot.getElementById('arrrRecipient').value = '' + this.shadowRoot.getElementById('arrrMemo').value = '' + this.errorMessage = '' + this.arrrRecipient = '' + this.arrrMemo = '' + this.arrrAmount = 0 + this.successMessage = this.renderSuccessText() + this.sendMoneyLoading = false + this.btnDisable = false + } else if (response === false) { + this.errorMessage = this.renderFailText() + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(txnResponse) + } else { + this.errorMessage = response.message + this.sendMoneyLoading = false + this.btnDisable = false + throw new Error(response) + } + } + const res = await makeRequest() + manageResponse(res) + await this.showWallet() + } + + async showWallet() { + this.transactionsDOM.hidden = true + this.loading = true + + if (this._selectedWallet == 'qort') { + if (!window.parent.reduxStore.getState().app.blockInfo.height) { + await parentEpml.request('apiCall', { url: `/blocks/height`, type: 'api' }) + .then(height => parentEpml.request('updateBlockInfo', { height })) + } + } + const coin = this._selectedWallet + await this.fetchWalletAddress(this._selectedWallet) + await this.fetchWalletServer(this._selectedWallet) + await this.fetchWalletDetails(this._selectedWallet) + await this.fetchWalletServer(this._selectedWallet) + if (this._selectedWallet == coin) { + await this.renderTransactions() + await this.getTransactionGrid(this._selectedWallet) + await this.updateItemsFromPage(1, true) + this.loading = false + this.transactionsDOM.hidden = false + } + } + + async fetchWalletDetails(coin) { + switch (coin) { + case 'qort': + this.balanceString = this.renderFetchText() + parentEpml.request('apiCall', { + url: `/addresses/balance/${this.wallets.get('qort').wallet.address}?apiKey=${this.getApiKey()}` + }).then((res) => { + if (isNaN(Number(res))) { + let snack4string = get("walletpage.wchange32") + parentEpml.request('showSnackBar', `${snack4string}`) + } else { + if (this._selectedWallet == coin) { + this.wallets.get(coin).balance = Number(res).toFixed(8) + this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() + this.balance = this.wallets.get(this._selectedWallet).balance + } + } + }) + const txsQort = await parentEpml.request('apiCall', { + url: `/transactions/search?address=${this.wallets.get('qort').wallet.address}&confirmationStatus=CONFIRMED&reverse=true&txType=PAYMENT&txType=REGISTER_NAME&txType=UPDATE_NAME&txType=SELL_NAME&txType=CANCEL_SELL_NAME&txType=BUY_NAME&txType=CREATE_POLL&txType=VOTE_ON_POLL&txType=ARBITRARY&txType=ISSUE_ASSET&txType=TRANSFER_ASSET&txType=CREATE_ASSET_ORDER&txType=CANCEL_ASSET_ORDER&txType=MULTI_PAYMENT&txType=DEPLOY_AT&txType=MESSAGE&txType=AIRDROP&txType=AT&txType=CREATE_GROUP&txType=UPDATE_GROUP&txType=ADD_GROUP_ADMIN&txType=REMOVE_GROUP_ADMIN&txType=GROUP_BAN&txType=CANCEL_GROUP_BAN&txType=GROUP_KICK&txType=GROUP_INVITE&txType=CANCEL_GROUP_INVITE&txType=JOIN_GROUP&txType=LEAVE_GROUP&txType=GROUP_APPROVAL&txType=SET_GROUP&txType=UPDATE_ASSET&txType=ACCOUNT_FLAGS&txType=ENABLE_FORGING&txType=REWARD_SHARE&txType=ACCOUNT_LEVEL&txType=TRANSFER_PRIVS&txType=PRESENCE`, + }) + const pendingTxsQort = await parentEpml.request('apiCall', { + url: `/transactions/unconfirmed?creator=${this.wallets.get('qort').wallet.base58PublicKey}&reverse=true&txType=PAYMENT&txType=REGISTER_NAME&txType=UPDATE_NAME&txType=SELL_NAME&txType=CANCEL_SELL_NAME&txType=BUY_NAME&txType=CREATE_POLL&txType=VOTE_ON_POLL&txType=ARBITRARY&txType=ISSUE_ASSET&txType=TRANSFER_ASSET&txType=CREATE_ASSET_ORDER&txType=CANCEL_ASSET_ORDER&txType=MULTI_PAYMENT&txType=DEPLOY_AT&txType=MESSAGE&txType=AIRDROP&txType=AT&txType=CREATE_GROUP&txType=UPDATE_GROUP&txType=ADD_GROUP_ADMIN&txType=REMOVE_GROUP_ADMIN&txType=GROUP_BAN&txType=CANCEL_GROUP_BAN&txType=GROUP_KICK&txType=GROUP_INVITE&txType=CANCEL_GROUP_INVITE&txType=JOIN_GROUP&txType=LEAVE_GROUP&txType=GROUP_APPROVAL&txType=SET_GROUP&txType=UPDATE_ASSET&txType=ACCOUNT_FLAGS&txType=ENABLE_FORGING&txType=REWARD_SHARE&txType=ACCOUNT_LEVEL&txType=TRANSFER_PRIVS&txType=PRESENCE`, + }) + if (this._selectedWallet == coin) { + this.wallets.get(coin).transactions = pendingTxsQort.concat(txsQort) + } + break + case 'btc': + case 'ltc': + case 'doge': + case 'dgb': + case 'rvn': + this.balanceString = this.renderFetchText() + const walletName = `${coin}Wallet` + parentEpml.request('apiCall', { + url: `/crosschain/${coin}/walletbalance?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress[walletName].derivedMasterPublicKey}` + }).then((res) => { + if (isNaN(Number(res))) { + let snack5string = get("walletpage.wchange33") + let snack6string = get("walletpage.wchange34") + parentEpml.request('showSnackBar', `${snack5string} ${coin.toLocaleUpperCase()} ${snack6string}!`) + } else { + if (this._selectedWallet == coin) { + this.wallets.get(this._selectedWallet).balance = (Number(res) / 1e8).toFixed(8) + this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() + this.balance = this.wallets.get(this._selectedWallet).balance + } + } + }) + + const txs = await parentEpml.request('apiCall', { + url: `/crosschain/${coin}/wallettransactions?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress[walletName].derivedMasterPublicKey}`, + }) + + const compareFn = (a, b) => { + return b.timestamp - a.timestamp + } + + const sortedTransactions = txs.sort(compareFn) + if (this._selectedWallet == coin) { + this.wallets.get(this._selectedWallet).transactions = sortedTransactions + } + break + case 'arrr': + const arrrWalletName = `${coin}Wallet` + + const res = await parentEpml.request('apiCall', { + url: `/crosschain/${coin}/syncstatus?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}` + }) + + if (coin != this._selectedWallet) { + // We've switched away from this coin + } + + if (res.indexOf('<') > -1) { + this.balanceString = this.renderFetchText() + await new Promise(resolve => setTimeout(resolve, 2000)) + await this.showWallet() + return + } else if (res !== "Synchronized") { + this.balanceString = res + await new Promise(resolve => setTimeout(resolve, 2000)) + await this.showWallet() + return + } + + this.balanceString = this.renderFetchText() + + parentEpml.request('apiCall', { + url: `/crosschain/${coin}/walletbalance?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, + }).then((res) => { + if (isNaN(Number(res))) { + let snack5string = get("walletpage.wchange33") + let snack6string = get("walletpage.wchange34") + parentEpml.request('showSnackBar', `${snack5string} ${coin.toLocaleUpperCase()} ${snack6string}!`) + } else { + if (this._selectedWallet == coin) { + this.wallets.get(this._selectedWallet).balance = (Number(res) / 1e8).toFixed(8) + this.balanceString = this.wallets.get(this._selectedWallet).balance + " " + this._selectedWallet.toLocaleUpperCase() + this.balance = this.wallets.get(this._selectedWallet).balance + } + } + }) + + const arrrTxs = await parentEpml.request('apiCall', { + url: `/crosschain/${coin}/wallettransactions?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, + }) + + const arrrCompareFn = (a, b) => { + return b.timestamp - a.timestamp + } + + const arrrSortedTransactions = arrrTxs.sort(arrrCompareFn) + + if (this._selectedWallet == coin) { + this.wallets.get(this._selectedWallet).transactions = arrrSortedTransactions + } + break + default: + break + } + } + + async fetchWalletAddress(coin) { + switch (coin) { + case 'arrr': + const arrrWalletName = `${coin}Wallet` + let res = await parentEpml.request('apiCall', { + url: `/crosschain/${coin}/walletaddress?apiKey=${this.getApiKey()}`, + method: 'POST', + body: `${window.parent.reduxStore.getState().app.selectedAddress[arrrWalletName].seed58}`, + }) + if (res != null && res.error != 1201 && res.length === 78) { + this.arrrWalletAddress = res + } + break + + default: + // Not used for other coins yet + break + } + } + + renderSendButton() { + if (this._selectedWallet === "qort") { + return html` this.openSendQort()}> ${translate("walletpage.wchange17")} QORT` + } else if (this._selectedWallet === "btc") { + return html` this.openSendBtc()}> ${translate("walletpage.wchange17")} BTC` + } else if (this._selectedWallet === "ltc") { + return html` this.openSendLtc()}> ${translate("walletpage.wchange17")} LTC` + } else if (this._selectedWallet === "doge") { + return html` this.openSendDoge()}> ${translate("walletpage.wchange17")} DOGE` + } else if (this._selectedWallet === "dgb") { + return html` this.openSendDgb()}> ${translate("walletpage.wchange17")} DGB` + } else if (this._selectedWallet === "rvn") { + return html` this.openSendRvn()}> ${translate("walletpage.wchange17")} RVN` + } else if (this._selectedWallet === "arrr") { + return html` this.openSendArrr()}> ${translate("walletpage.wchange17")} ARRR` + } else { + return html`` + } + } + + renderAddressbookButton() { + if (this._selectedWallet === "qort") { + return html` this.openQortAddressbook()}> ${translate("walletpage.wchange47")}` + } else if (this._selectedWallet === "btc") { + return html` this.openBtcAddressbook()}> ${translate("walletpage.wchange47")}` + } else if (this._selectedWallet === "ltc") { + return html` this.openLtcAddressbook()}> ${translate("walletpage.wchange47")}` + } else if (this._selectedWallet === "doge") { + return html` this.openDogeAddressbook()}> ${translate("walletpage.wchange47")}` + } else if (this._selectedWallet === "dgb") { + return html` this.openDgbAddressbook()}> ${translate("walletpage.wchange47")}` + } else if (this._selectedWallet === "rvn") { + return html` this.openRvnAddressbook()}> ${translate("walletpage.wchange47")}` + } else if (this._selectedWallet === "arrr") { + return html` this.openArrrAddressbook()}> ${translate("walletpage.wchange47")}` + } else { + return html`` + } + } + + renderExportAddressbookButton() { + if (this._selectedWallet === "qort") { + return html` this.exportQortAddressbook()}> ${translate("walletpage.wchange54")}` + } else if (this._selectedWallet === "btc") { + return html` this.exportBtcAddressbook()}> ${translate("walletpage.wchange54")}` + } else if (this._selectedWallet === "ltc") { + return html` this.exportLtcAddressbook()}> ${translate("walletpage.wchange54")}` + } else if (this._selectedWallet === "doge") { + return html` this.exportDogeAddressbook()}> ${translate("walletpage.wchange54")}` + } else if (this._selectedWallet === "dgb") { + return html` this.exportDgbAddressbook()}> ${translate("walletpage.wchange54")}` + } else if (this._selectedWallet === "rvn") { + return html` this.exportRvnAddressbook()}> ${translate("walletpage.wchange54")}` + } else if (this._selectedWallet === "arrr") { + return html` this.exportArrrAddressbook()}> ${translate("walletpage.wchange54")}` + } else { + return html`` + } + } + + renderImportAddressbookButton() { + if (this._selectedWallet === "qort") { + return html` this.openImportQortAddressbook()}> ${translate("walletpage.wchange53")}` + } else if (this._selectedWallet === "btc") { + return html` this.openImportBtcAddressbook()}> ${translate("walletpage.wchange53")}` + } else if (this._selectedWallet === "ltc") { + return html` this.openImportLtcAddressbook()}> ${translate("walletpage.wchange53")}` + } else if (this._selectedWallet === "doge") { + return html` this.openImportDogeAddressbook()}> ${translate("walletpage.wchange53")}` + } else if (this._selectedWallet === "dgb") { + return html` this.openImportDgbAddressbook()}> ${translate("walletpage.wchange53")}` + } else if (this._selectedWallet === "rvn") { + return html` this.openImportRvnAddressbook()}> ${translate("walletpage.wchange53")}` + } else if (this._selectedWallet === "arrr") { + return html` this.openImportArrrAddressbook()}> ${translate("walletpage.wchange53")}` + } else { + return html`` + } + } + + openSendQort() { + this.shadowRoot.querySelector("#sendQortDialog").show(); + } + + openSendBtc() { + this.shadowRoot.querySelector("#sendBtcDialog").show(); + } + + openSendLtc() { + this.shadowRoot.querySelector("#sendLtcDialog").show(); + } + + openSendDoge() { + this.shadowRoot.querySelector("#sendDogeDialog").show(); + } + + openSendDgb() { + this.shadowRoot.querySelector("#sendDgbDialog").show(); + } + + openSendRvn() { + this.shadowRoot.querySelector("#sendRvnDialog").show(); + } + + openSendArrr() { + this.shadowRoot.querySelector("#sendArrrDialog").show(); + } + + changeTheme() { + const checkTheme = localStorage.getItem('qortalTheme') + if (checkTheme === 'dark') { + this.theme = 'dark'; + } else { + this.theme = 'light'; + } + document.querySelector('html').setAttribute('theme', this.theme); + } + + changeLanguage() { + const checkLanguage = localStorage.getItem('qortalLanguage') + + if (checkLanguage === null || checkLanguage.length === 0) { + localStorage.setItem('qortalLanguage', 'us') + use('us') + } else { + use(checkLanguage) + } + } + + getSelectedWalletAddress() { + switch (this._selectedWallet) { + case "arrr": + // Use address returned by core API + return this.arrrWalletAddress + + default: + // Use locally derived address + return this.wallets.get(this._selectedWallet).wallet.address + } + } + + getSelectedWalletServer() { + switch (this._selectedWallet) { + case "qort": + return this.nodeDomain + case "btc": + return this.btcServer + case "ltc": + return this.ltcServer + case "doge": + return this.dogeServer + case "dgb": + return this.dgbServer + case "rvn": + return this.rvnServer + case "arrr": + return this.arrrServer + default: + return + } + } + + async fetchWalletServer(coin) { + if (coin == 'qort') { + return + } + let walletServer = '' + try { + const serverInfo = await parentEpml.request('apiCall', { + type: 'api', + /* TODO */ + url: `/crosschain/${coin}/serverinfos`, + // TODO when 'current' parameter is added to 'serverinfos' API call, change above line to: + // url: `/crosschain/${coin}/serverinfos?current=true`, + }) + /* TODO */ + let currentServerFound = false + for (const server of serverInfo.servers) { + if (server.isCurrent === true) { + walletServer = `${server.hostName}:${server.port}` + currentServerFound = true + break + } + } + if (!currentServerFound) { + walletServer = 'Not Connected' + } + // TODO when 'current' parameter is added to 'serverinfos' API call, change above 'let,for,if' sections to: + /*if (serverInfo.servers[0]) { + const currentServerInfo = `${serverInfo.servers[0].hostName}:${serverInfo.servers[0].port}` + walletServer = currentServerInfo + } else { + walletServer = 'Not Connected' + }*/ + } catch (error) { + console.error('Failed to fetch server info:', error) + walletServer = `Error fetching server: ${error}` + } + switch (coin) { + case "btc": + this.btcServer = walletServer + break + case "ltc": + this.ltcServer = walletServer + break + case "doge": + this.dogeServer = walletServer + break + case "dgb": + this.dgbServer = walletServer + break + case "rvn": + this.rvnServer = walletServer + break + case "arrr": + this.arrrServer = walletServer + break + default: + break + } + } + + getNodeConfig() { + this.nodeDomain = "" + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + this.nodeDomain = myNode.domain + ":" + myNode.port + this.nodeConfig = {} + parentEpml.request("getNodeConfig").then((res) => { + this.nodeConfig = res + }) + } + + async getTransactionGrid(coin) { + this.transactionsGrid = this.shadowRoot.querySelector(`#${coin}TransactionsGrid`) + if (coin === 'qort') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let qortItem = this.transactionsGrid.getEventContext(e).item + this.showQortTransactionDetails(qortItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } else if (coin === 'btc') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let btcItem = this.transactionsGrid.getEventContext(e).item + this.showBtcTransactionDetails(btcItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } else if (coin === 'ltc') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let ltcItem = this.transactionsGrid.getEventContext(e).item + this.showLtcTransactionDetails(ltcItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } else if (coin === 'doge') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let dogeItem = this.transactionsGrid.getEventContext(e).item + this.showDogeTransactionDetails(dogeItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } else if (coin === 'dgb') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let dgbItem = this.transactionsGrid.getEventContext(e).item + this.showDgbTransactionDetails(dgbItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } else if (coin === 'rvn') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let rvnItem = this.transactionsGrid.getEventContext(e).item + this.showRvnTransactionDetails(rvnItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } else if (coin === 'arrr') { + this.transactionsGrid.addEventListener( + 'click', + (e) => { + let arrrItem = this.transactionsGrid.getEventContext(e).item + this.showArrrTransactionDetails(arrrItem, this.wallets.get(this._selectedWallet).transactions) + }, + { passive: true } + ) + } + + this.pagesControl = this.shadowRoot.querySelector('#pages') + this.pages = undefined + } + + async renderTransactions() { + if (this._selectedWallet === 'qort') { + render(this.renderQortTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } else if (this._selectedWallet === 'btc') { + render(this.renderBtcTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } else if (this._selectedWallet === 'ltc') { + render(this.renderLtcTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } else if (this._selectedWallet === 'doge') { + render(this.renderDogeTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } else if (this._selectedWallet === 'dgb') { + render(this.renderDgbTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } else if (this._selectedWallet === 'rvn') { + render(this.renderRvnTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } else if (this._selectedWallet === 'arrr') { + render(this.renderArrrTransactions(this.wallets.get(this._selectedWallet).transactions, this._selectedWallet), this.transactionsDOM) + } + } + + renderQortTransactions(transactions, coin) { + const requiredConfirmations = 3 + const currentBlockHeight = window.parent.reduxStore.getState().app.blockInfo.height + if (Array.isArray(transactions)) { + transactions = transactions.map(tx => { + tx.confirmations = (currentBlockHeight - (tx.blockHeight - 1)) || '' + return tx + }) + } + return html` +
    ${translate("walletpage.wchange38")}
    + + { + if (!currentBlockHeight) { + return render(html``, root) + } + const confirmed = data.item.confirmations >= requiredConfirmations + const unconfirmed = data.item.confirmations == 0 + if (confirmed) { + render(html`check`, root) + } else if (unconfirmed) { + render(html`schedule`, root) + } else { + render(html`schedule`, root) + } + }} + > + + { + render(html` + ${data.item.type} ${data.item.creatorAddress === this.wallets.get('qort').wallet.address ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + { + render(html`${data.item.type === 'AT' ? html`${data.item.atAddress}` : html`${data.item.creatorAddress}`}`, root) + }} + > + + { + render(html`${data.item.type === 'DEPLOY_AT' ? html`${data.item.aTAddress}` : html`${data.item.recipient}`}`, root) + }} + > + + + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + +
    + ` + } + + renderBtcTransactions(transactions, coin) { + return html` +
    ${translate("walletpage.wchange38")}
    + + { + render(html` + check + `, root) + }} + > + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + { + render(html`${data.item.inputs[0].address}`, root) + }} + > + + { + render(html`${data.item.outputs[0].address}`, root) + }} + > + + + { + const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) + render(html`${amount}`, root) + }} + > + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + +
    + ` + } + + renderLtcTransactions(transactions, coin) { + return html` +
    ${translate("walletpage.wchange38")}
    + + { + render(html` + check + `, root) + }} + > + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + { + render(html`${data.item.inputs[0].address}`, root) + }} + > + + { + render(html`${data.item.outputs[0].address}`, root) + }} + > + + + { + const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) + render(html`${amount}`, root) + }} + > + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + +
    + ` + } + + renderDogeTransactions(transactions, coin) { + return html` +
    +
    ${translate("walletpage.wchange38")}
    + + { + render(html` + check + `, root) + }} + > + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + { + render(html`${data.item.inputs[0].address}`, root) + }} + > + + { + render(html`${data.item.outputs[0].address}`, root) + }} + > + + + { + const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) + render(html`${amount}`, root) + }} + > + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + +
    + ` + } + + renderDgbTransactions(transactions, coin) { + return html` +
    ${translate("walletpage.wchange38")}
    + + { + render(html` + check + `, root) + }} + > + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + { + render(html`${data.item.inputs[0].address}`, root) + }} + > + + { + render(html`${data.item.outputs[0].address}`, root) + }} + > + + + { + const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) + render(html`${amount}`, root) + }} + > + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + +
    + ` + } + + renderRvnTransactions(transactions, coin) { + return html` +
    ${translate("walletpage.wchange38")}
    + + { + render(html` + check + `, root) + }} + > + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + { + render(html`${data.item.inputs[0].address}`, root) + }} + > + + { + render(html`${data.item.outputs[0].address}`, root) + }} + > + + + { + const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) + render(html`${amount}`, root) + }} + > + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + +
    + ` + } + + renderArrrTransactions(transactions, coin) { + return html` +
    ${translate("walletpage.wchange38")}
    + + { + render(html` + check + `, root) + }} + > + + { + render(html` + ${translate("walletpage.wchange40")} ${data.item.totalAmount < 0 ? + html` + ${translate("walletpage.wchange7")} + ` : html` + ${translate("walletpage.wchange8")} + ` + } + `, root) + }} + > + + + { + const amount = (Number(data.item.totalAmount) / 1e8).toFixed(8) + render(html`${amount}`, root) + }} + > + + { + const time = new Date(data.item.timestamp) + render(html` + + `, root) + }} + > + + { + render(html`${data.item.memo}`, root) + }} + > + + +
    + ` + } + + async updateItemsFromPage(page, changeWallet = false) { + if (page === undefined) { + return + } + + changeWallet === true ? (this.pagesControl.innerHTML = '') : null + + if (!this.pages) { + this.pages = Array.apply(null, { length: Math.ceil(this.wallets.get(this._selectedWallet).transactions.length / this.transactionsGrid.pageSize) }).map((item, index) => { + return index + 1 + }) + + const prevBtn = document.createElement('button') + prevBtn.textContent = '<' + prevBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage - 1) + }) + this.pagesControl.appendChild(prevBtn) + + this.pages.forEach((pageNumber) => { + const pageBtn = document.createElement('button') + pageBtn.textContent = pageNumber + pageBtn.addEventListener('click', (e) => { + this.updateItemsFromPage(parseInt(e.target.textContent)) + }) + if (pageNumber === page) { + pageBtn.setAttribute('selected', true) + } + this.pagesControl.appendChild(pageBtn) + }) + + const nextBtn = window.document.createElement('button') + nextBtn.textContent = '>' + nextBtn.addEventListener('click', () => { + const selectedPage = parseInt(this.pagesControl.querySelector('[selected]').textContent) + this.updateItemsFromPage(selectedPage + 1) + }) + this.pagesControl.appendChild(nextBtn) + } + + const buttons = Array.from(this.pagesControl.children) + buttons.forEach((btn, index) => { + if (parseInt(btn.textContent) === page) { + btn.setAttribute('selected', true) + } else { + btn.removeAttribute('selected') + } + if (index === 0) { + if (page === 1) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + if (index === buttons.length - 1) { + if (page === this.pages.length) { + btn.setAttribute('disabled', '') + } else { + btn.removeAttribute('disabled') + } + } + }) + let start = (page - 1) * this.transactionsGrid.pageSize + let end = page * this.transactionsGrid.pageSize + + this.transactionsGrid.items = this.wallets.get(this._selectedWallet).transactions.slice(start, end) + } + + transactionItem(transactionObject) { + return ` +
    +
    +

    ${transactionObject.name}

    + ${transactionObject.category} ${transactionObject.ID} - ${transactionObject.date} +
    +
    +

    ${transactionObject.amount}

    +
    +
    + ` + } + + showQortTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.signature === transaction.signature) { + let txnFlow = myTransaction.creatorAddress === this.wallets.get('qort').wallet.address ? 'OUT' : 'IN' + this.selectedTransaction = { ...transaction, txnFlow } + if (this.selectedTransaction.signature.length != 0) { + this.shadowRoot.querySelector('#showTransactionDetailsDialog').show() + } + } + }) + } + + showBtcTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.txHash === transaction.txHash) { + let btcTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' + let btcSender = myTransaction.inputs[0].address + let btcReceiver = myTransaction.outputs[0].address + this.selectedTransaction = { ...transaction, btcTxnFlow, btcSender, btcReceiver } + if (this.selectedTransaction.txHash.length != 0) { + this.shadowRoot.querySelector('#showBtcTransactionDetailsDialog').show() + } + } + }) + } + + showLtcTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.txHash === transaction.txHash) { + let ltcTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' + let ltcSender = myTransaction.inputs[0].address + let ltcReceiver = myTransaction.outputs[0].address + this.selectedTransaction = { ...transaction, ltcTxnFlow, ltcSender, ltcReceiver } + if (this.selectedTransaction.txHash.length != 0) { + this.shadowRoot.querySelector('#showLtcTransactionDetailsDialog').show() + } + } + }) + } + + showDogeTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.txHash === transaction.txHash) { + let dogeTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' + let dogeSender = myTransaction.inputs[0].address + let dogeReceiver = myTransaction.outputs[0].address + this.selectedTransaction = { ...transaction, dogeTxnFlow, dogeSender, dogeReceiver } + if (this.selectedTransaction.txHash.length != 0) { + this.shadowRoot.querySelector('#showDogeTransactionDetailsDialog').show() + } + } + }) + } + + showDgbTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.txHash === transaction.txHash) { + let dgbTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' + let dgbSender = myTransaction.inputs[0].address + let dgbReceiver = myTransaction.outputs[0].address + this.selectedTransaction = { ...transaction, dgbTxnFlow, dgbSender, dgbReceiver } + if (this.selectedTransaction.txHash.length != 0) { + this.shadowRoot.querySelector('#showDgbTransactionDetailsDialog').show() + } + } + }) + } + + showRvnTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.txHash === transaction.txHash) { + let rvnTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' + let rvnSender = myTransaction.inputs[0].address + let rvnReceiver = myTransaction.outputs[0].address + this.selectedTransaction = { ...transaction, rvnTxnFlow, rvnSender, rvnReceiver } + if (this.selectedTransaction.txHash.length != 0) { + this.shadowRoot.querySelector('#showRvnTransactionDetailsDialog').show() + } + } + }) + } + + showArrrTransactionDetails(myTransaction, allTransactions) { + allTransactions.forEach((transaction) => { + if (myTransaction.txHash === transaction.txHash) { + let arrrTxnFlow = myTransaction.inputs[0].address === this.wallets.get(this._selectedWallet).wallet.address ? 'OUT' : 'IN' + let arrrSender = myTransaction.inputs[0].address + let arrrReceiver = myTransaction.outputs[0].address + this.selectedTransaction = { ...transaction, arrrTxnFlow, arrrSender, arrrReceiver } + if (this.selectedTransaction.txHash.length != 0) { + this.shadowRoot.querySelector('#showArrrTransactionDetailsDialog').show() + } + } + }) + } + + async saveFileToDisk(blob, fileName) { + try { + const fileHandle = await self.showSaveFilePicker({ + suggestedName: fileName, + types: [{ + description: "File" + }] + }) + const writeFile = async (fileHandle, contents) => { + const writable = await fileHandle.createWritable() + await writable.write(contents) + await writable.close() + } + writeFile(fileHandle, blob).then(() => console.log("FILE SAVED")) + let snack4string = get("general.save") + parentEpml.request('showSnackBar', `${snack4string} ${fileName} ✅`) + } catch (error) { + if (error.name === 'AbortError') { + return + } + FileSaver.saveAs(blob, fileName) + } + } + + getConfirmations(height, lastBlockHeight) { + return lastBlockHeight - height + 1 + } + + _unconfirmedClass(unconfirmed) { + return unconfirmed ? 'unconfirmed' : '' + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } + + floor(num) { + num = parseFloat(num) + return isNaN(num) ? 0 : this.format(Math.floor(num)) + } + + decimals(num) { + num = parseFloat(num) + return num % 1 > 0 ? (num + '').split('.')[1] : '0' + } + + subtract(num1, num2) { + return num1 - num2 + } + + format(num) { + return num.toLocaleString() + } } window.customElements.define('multi-wallet', MultiWallet) \ No newline at end of file diff --git a/plugins/plugins/utils/blocks-needed.js b/plugins/plugins/utils/blocks-needed.js deleted file mode 100644 index ee5dc6ce..00000000 --- a/plugins/plugins/utils/blocks-needed.js +++ /dev/null @@ -1,23 +0,0 @@ -export const blocksNeed = (level) => { - if (level === 0) { - return '7200'; - } else if (level === 1) { - return '72000'; - } else if (level === 2) { - return '201600'; - } else if (level === 3) { - return '374400'; - } else if (level === 4) { - return '618400'; - } else if (level === 5) { - return '964000'; - } else if (level === 6) { - return '1482400'; - } else if (level === 7) { - return '2173600'; - } else if (level === 8) { - return '3037600'; - } else if (level === 9) { - return '4074400'; - } -}; \ No newline at end of file diff --git a/plugins/plugins/utils/bytesToMegabytes.js b/plugins/plugins/utils/bytesToMegabytes.js deleted file mode 100644 index 9b271e4f..00000000 --- a/plugins/plugins/utils/bytesToMegabytes.js +++ /dev/null @@ -1,3 +0,0 @@ -export function bytesToMegabytes(bytes) { - return bytes / (1024 * 1024); -} \ No newline at end of file diff --git a/plugins/plugins/utils/classes.js b/plugins/plugins/utils/classes.js new file mode 100644 index 00000000..c16b4bcf --- /dev/null +++ b/plugins/plugins/utils/classes.js @@ -0,0 +1,926 @@ +import { get } from '../../../core/translate' + +const getApiKey = () => { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey +} + +export class RequestQueue { + constructor(maxConcurrent = 5) { + this.queue = [] + this.maxConcurrent = maxConcurrent + this.currentConcurrent = 0 + } + + push(request) { + return new Promise((resolve, reject) => { + this.queue.push({ request, resolve, reject }) + this.checkQueue() + }) + } + + checkQueue() { + if (this.queue.length === 0 || this.currentConcurrent >= this.maxConcurrent) { + return + } + + const { request, resolve, reject } = this.queue.shift() + + this.currentConcurrent++ + + request().then(resolve).catch(reject).finally(() => { + this.currentConcurrent-- + this.checkQueue() + }) + } +} + +export class RequestQueueWithPromise { + constructor(maxConcurrent = 5) { + this.queue = [] + this.maxConcurrent = maxConcurrent + this.currentlyProcessing = 0 + } + + // Add a request to the queue and return a promise + enqueue(request) { + return new Promise((resolve, reject) => { + // Push the request and its resolve and reject callbacks to the queue + this.queue.push({ request, resolve, reject }) + this.process() + }) + } + + // Process requests in the queue + async process() { + while (this.queue.length > 0 && this.currentlyProcessing < this.maxConcurrent) { + this.currentlyProcessing++ + + const { request, resolve, reject } = this.queue.shift() + + try { + const response = await request() + resolve(response) + } catch (error) { + reject(error) + } finally { + this.currentlyProcessing-- + await this.process() + } + } + } +} + +export class Loader { + constructor() { + this.loader = document.createElement("div") + this.loader.className = "loader" + this.loader.innerHTML = `` + this.styles = document.createElement("style") + this.styles.innerHTML = ` + .loader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000001; + } + + .loader-spinner { + border: 4px solid #f3f3f3; + border-top: 4px solid #3498db; + border-radius: 50%; + width: 32px; + height: 32px; + animation: spin 1s linear infinite; + } + + @keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } + } + ` + } + + show() { + document.head.appendChild(this.styles) + document.body.appendChild(this.loader) + } + + hide() { + if (this.loader.parentNode) { + this.loader.parentNode.removeChild(this.loader) + } + if (this.styles.parentNode) { + this.styles.parentNode.removeChild(this.styles) + } + } +} + +export class ModalHelper { + constructor() { + this.initializeStyles() + } + + async getArbitraryFee() { + const timestamp = Date.now() + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = `${myNode.protocol}://${myNode.domain}:${myNode.port}` + const url = `${nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` + const response = await fetch(url) + + if (!response.ok) { + throw new Error('Error when fetching arbitrary fee') + } + + const data = await response.json() + const arbitraryFee = (Number(data) / 1e8).toFixed(8) + + return { + timestamp, + fee: Number(data), + feeToShow: arbitraryFee + } + } + + async showModalAndWaitPublish(data) { + return new Promise((resolve) => { + const modal = this.createModal(data) + document.body.appendChild(modal) + this.addModalEventListeners(modal, resolve) + }) + } + + createModal(data) { + const modal = document.createElement('div') + modal.id = "backdrop" + modal.classList.add("backdrop") + + modal.innerHTML = ` +
    +
    +
    +
    +
    +

    ${get('browserpage.bchange47')} ${data.feeAmount} QORT fee

    +
    +
    +
    +
    + + +
    +
    +
    + ` + + return modal + } + + addModalEventListeners(modal, resolve) { + // Event listener for the 'OK' button + const okButton = modal.querySelector('#ok-button') + okButton.addEventListener('click', () => { + const userData = { isWithFee: true } + if (modal.parentNode === document.body) { + document.body.removeChild(modal) + } + + resolve({ action: 'accept', userData }) + }) + + // Prevent modal content from closing the modal + const modalContent = modal.querySelector('.modal-content') + modalContent.addEventListener('click', e => { + e.stopPropagation() + }) + + // Event listener for 'Backdrop' button + const backdropClick = document.getElementById('backdrop') + backdropClick.addEventListener('click', () => { + if (modal.parentNode === document.body) { + document.body.removeChild(modal) + } + + resolve({ action: 'reject' }) + }) + + // Event listener for 'Cancel' button + const cancelButton = modal.querySelector('#cancel-button') + cancelButton.addEventListener('click', () => { + if (modal.parentNode === document.body) { + document.body.removeChild(modal) + } + + resolve({ action: 'reject' }) + }) + } + + initializeStyles() { + const styles = ` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-checkbox-unchecked-color: var(--black); + --mdc-theme-on-surface: var(--black); + --mdc-checkbox-disabled-color: var(--black); + --mdc-checkbox-ink-color: var(--black); + } + + .backdrop { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgb(186 186 186 / 26%); + overflow: hidden; + animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards; + z-index: 1000000; + } + + @keyframes backdrop_blur { + 0% { + backdrop-filter: blur(0px); + background: transparent; + } + + 100% { + backdrop-filter: blur(5px); + background: rgb(186 186 186 / 26%); + } + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + + 100% { + visibility: visible; + opacity: 1; + } + } + + .modal { + position: relative; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + animation: 0.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; + z-index: 1000001; + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + + 100% { + visibility: visible; + opacity: 1; + } + } + + .modal-content { + background-color: var(--white); + border-radius: 10px; + padding: 20px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + max-width: 80%; + min-width: 300px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .modal-body { + padding: 25px; + } + + .modal-subcontainer { + color: var(--black); + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 15px; + } + + .modal-subcontainer-error { + color: var(--black); + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + } + + .modal-paragraph-error { + font-family: Roboto, sans-serif; + font-size: 20px; + letter-spacing: 0.3px; + font-weight: 700; + color: var(--black); + margin: 0; + } + + .modal-paragraph { + font-family: Roboto, sans-serif; + font-size: 18px; + letter-spacing: 0.3px; + font-weight: 300; + color: var(--black); + margin: 0; + word-wrap: break-word; + overflow-wrap: break-word; + } + + .capitalize-first { + text-transform: capitalize; + } + + .checkbox-row { + display: flex; + align-items: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .modal-buttons { + display: flex; + justify-content: space-between; + margin-top: 20px; + } + + .modal-buttons button { + background-color: #4caf50; + border: none; + color: #fff; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.2s; + } + + .modal-buttons button:hover { + background-color: #3e8e41; + } + + #cancel-button { + background-color: #f44336; + } + + #cancel-button:hover { + background-color: #d32f2f; + } + ` + + const styleSheet = new CSSStyleSheet() + + styleSheet.replaceSync(styles) + + document.adoptedStyleSheets = [styleSheet] + } + + static getInstance() { + if (!ModalHelper.instance) { + ModalHelper.instance = new ModalHelper() + } + + return ModalHelper.instance + } +} + +export class WarningModal { + constructor() { + this.initializeStyles() + } + + async showModalAndWaitPublish(data) { + return new Promise((resolve) => { + const modal = this.createModal(data) + document.body.appendChild(modal) + this.addModalEventListeners(modal, resolve) + }) + } + + createModal(data) { + const modal = document.createElement('div') + + modal.id = "backdrop" + modal.classList.add("backdrop") + + modal.innerHTML = ` +
    +
    +
    +
    +
    +

    ${data.message} +

    +
    +
    +
    + + +
    +
    +
    + ` + + return modal + } + + addModalEventListeners(modal, resolve) { + // Event listener for the 'OK' button + const okButton = modal.querySelector('#ok-button') + okButton.addEventListener('click', () => { + const userData = { isWithFee: true } + + if (modal.parentNode === document.body) { + document.body.removeChild(modal) + } + + resolve({ action: 'accept', userData }) + }) + + // Prevent modal content from closing the modal + const modalContent = modal.querySelector('.modal-content') + modalContent.addEventListener('click', e => { + e.stopPropagation() + }) + + // Event listener for 'Backdrop' button + const backdropClick = document.getElementById('backdrop') + backdropClick.addEventListener('click', () => { + if (modal.parentNode === document.body) { + document.body.removeChild(modal) + } + + resolve({ action: 'reject' }) + }) + + // Event listener for 'Cancel' button + const cancelButton = modal.querySelector('#cancel-button') + cancelButton.addEventListener('click', () => { + if (modal.parentNode === document.body) { + document.body.removeChild(modal) + } + + resolve({ action: 'reject' }) + }) + } + + initializeStyles() { + const styles = ` + * { + --mdc-theme-primary: rgb(3, 169, 244); + --mdc-theme-secondary: var(--mdc-theme-primary); + --paper-input-container-focus-color: var(--mdc-theme-primary); + --mdc-checkbox-unchecked-color: var(--black); + --mdc-theme-on-surface: var(--black); + --mdc-checkbox-disabled-color: var(--black); + --mdc-checkbox-ink-color: var(--black); + } + + .backdrop { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgb(186 186 186 / 26%); + overflow: hidden; + animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards; + z-index: 1000000; + } + + @keyframes backdrop_blur { + 0% { + backdrop-filter: blur(0px); + background: transparent; + } + + 100% { + backdrop-filter: blur(5px); + background: rgb(186 186 186 / 26%); + } + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + + 100% { + visibility: visible; + opacity: 1; + } + } + + .modal { + position: relative; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 100%; + animation: 0.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; + z-index: 1000001; + } + + @keyframes modal_transition { + 0% { + visibility: hidden; + opacity: 0; + } + + 100% { + visibility: visible; + opacity: 1; + } + } + + .modal-content { + background-color: var(--white); + border-radius: 10px; + padding: 20px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + max-width: 650px; + min-width: 300px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .modal-body { + padding: 25px; + } + + .modal-subcontainer { + color: var(--black); + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 15px; + } + + .modal-subcontainer-error { + color: var(--black); + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + } + + .modal-paragraph-error { + font-family: Roboto, sans-serif; + font-size: 20px; + letter-spacing: 0.3px; + font-weight: 700; + color: var(--black); + margin: 0; + } + + .modal-paragraph { + font-family: Roboto, sans-serif; + font-size: 18px; + letter-spacing: 0.3px; + font-weight: 300; + color: var(--black); + margin: 0; + word-wrap: break-word; + overflow-wrap: break-word; + } + + .capitalize-first { + text-transform: capitalize; + } + + .checkbox-row { + display: flex; + align-items: center; + font-family: Montserrat, sans-serif; + font-weight: 600; + color: var(--black); + } + + .modal-buttons { + display: flex; + justify-content: space-between; + margin-top: 20px; + } + + .modal-buttons button { + background-color: #4caf50; + border: none; + color: #fff; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.2s; + } + + .modal-buttons button:hover { + background-color: #3e8e41; + } + + #cancel-button { + background-color: #f44336; + } + + #cancel-button:hover { + background-color: #d32f2f; + } + ` + + const styleSheet = new CSSStyleSheet() + + styleSheet.replaceSync(styles) + + document.adoptedStyleSheets = [styleSheet] + } + + static getInstance() { + if (!WarningModal.instance) { + WarningModal.instance = new WarningModal() + } + + return WarningModal.instance + } +} + +export const modalHelper = ModalHelper.getInstance() +export const warningModal = WarningModal.getInstance() + +export const publishData = async ({ + registeredName, + path, + file, + service, + identifier, + parentEpml, + uploadType, + selectedAddress, + worker, + isBase64, + filename, + apiVersion, + withFee, + title, + description, + category, + tag1, + tag2, + tag3, + tag4, + tag5, + feeAmount +}) => { + const validateName = async (receiverName) => { + return await parentEpml.request('apiCall', { + type: 'api', + url: `/names/${receiverName}` + }) + } + + const convertBytesForSigning = async (transactionBytesBase58) => { + return await parentEpml.request('apiCall', { + type: 'api', + method: 'POST', + url: `/transactions/convert`, + body: `${transactionBytesBase58}` + }) + } + + const getArbitraryFee = async () => { + const timestamp = Date.now() + + let fee = await parentEpml.request('apiCall', { + url: `/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` + }) + + return { + timestamp, + fee: Number(fee), + feeToShow: (Number(fee) / 1e8).toFixed(8) + } + } + + const signAndProcess = async (transactionBytesBase58) => { + let convertedBytesBase58 = await convertBytesForSigning( + transactionBytesBase58 + ) + + if (convertedBytesBase58.error) { + throw new Error('Error when signing') + } + + const convertedBytes = window.parent.Base58.decode(convertedBytesBase58) + + let nonce = null + + const computPath = window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' + + await new Promise((res, rej) => { + worker.postMessage({ convertedBytes, path: computPath }) + + worker.onmessage = e => { + worker.terminate() + nonce = e.data.nonce + res() + } + }) + + let response = await parentEpml.request('sign_arbitrary', { + nonce: selectedAddress.nonce, + arbitraryBytesBase58: transactionBytesBase58, + arbitraryBytesForSigningBase58: convertedBytesBase58, + arbitraryNonce: nonce, + apiVersion: apiVersion ? apiVersion : null + }) + + let myResponse = { error: '' } + + if (response === false) { + throw new Error('Error when signing') + } else { + myResponse = response + } + + return myResponse + } + + const signAndProcessWithFee = async (transactionBytesBase58) => { + let convertedBytesBase58 = await convertBytesForSigning( + transactionBytesBase58 + ) + + if (convertedBytesBase58.error) { + throw new Error('Error when signing') + } + + let response = await parentEpml.request('sign_arbitrary_with_fee', { + nonce: selectedAddress.nonce, + arbitraryBytesBase58: transactionBytesBase58, + arbitraryBytesForSigningBase58: convertedBytesBase58, + apiVersion: apiVersion ? apiVersion : null + }) + + let myResponse = { error: '' } + + if (response === false) { + throw new Error('Error when signing') + } else { + myResponse = response + } + + return myResponse + } + + const validate = async () => { + let validNameRes = await validateName(registeredName) + + if (validNameRes.error) { + throw new Error('Name not found') + } + + let fee = null + + if (withFee && feeAmount) { + fee = feeAmount + } else if (withFee) { + const res = await getArbitraryFee() + + if (res.fee) { + fee = res.fee + } else { + throw new Error('unable to get fee') + } + } + + let transactionBytes = await uploadData(registeredName, path, file, fee) + + if (transactionBytes.error) { + throw new Error(transactionBytes.message || 'Error when uploading') + } else if (transactionBytes.includes('Error 500 Internal Server Error')) { + throw new Error('Error when uploading') + } + + let signAndProcessRes + + if (withFee) { + signAndProcessRes = await signAndProcessWithFee(transactionBytes) + } + + if (!withFee) { + signAndProcessRes = await signAndProcess(transactionBytes) + } + + if (signAndProcessRes.error) { + throw new Error('Error when signing') + } + + return signAndProcessRes + } + + const uploadData = async (registeredName, path, file, fee) => { + if (identifier != null && identifier.trim().length > 0) { + let postBody = path + let urlSuffix = '' + + if (file != null) { + // If we're sending zipped data, make sure to use the /zip version of the POST /arbitrary/* API + if (uploadType === 'zip') { + urlSuffix = '/zip' + } + + // If we're sending file data, use the /base64 version of the POST /arbitrary/* API + else if (uploadType === 'file') { + urlSuffix = '/base64' + } + + // Base64 encode the file to work around compatibility issues between javascript and java byte arrays + if (isBase64) { + postBody = file + } + + if (!isBase64) { + let fileBuffer = new Uint8Array(await file.arrayBuffer()) + postBody = Buffer.from(fileBuffer).toString("base64") + } + + } + + let uploadDataUrl = `/arbitrary/${service}/${registeredName}${urlSuffix}?apiKey=${getApiKey()}` + + if (identifier.trim().length > 0) { + uploadDataUrl = `/arbitrary/${service}/${registeredName}/${identifier}${urlSuffix}?apiKey=${getApiKey()}` + } + + if (withFee) { + uploadDataUrl = uploadDataUrl + `&fee=${fee}` + } + + if (filename != null && filename != 'undefined') { + uploadDataUrl = uploadDataUrl + '&filename=' + encodeURIComponent(filename) + } + + if (title != null && title != 'undefined') { + uploadDataUrl = uploadDataUrl + '&title=' + encodeURIComponent(title) + } + + if (description != null && description != 'undefined') { + uploadDataUrl = uploadDataUrl + '&description=' + encodeURIComponent(description) + } + + if (category != null && category != 'undefined') { + uploadDataUrl = uploadDataUrl + '&category=' + encodeURIComponent(category) + } + + if (tag1 != null && tag1 != 'undefined') { + uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag1) + } + + if (tag2 != null && tag2 != 'undefined') { + uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag2) + } + + if (tag3 != null && tag3 != 'undefined') { + uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag3) + } + + if (tag4 != null && tag4 != 'undefined') { + uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag4) + } + + if (tag5 != null && tag5 != 'undefined') { + uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag5) + } + + return await parentEpml.request('apiCall', { + type: 'api', + method: 'POST', + url: `${uploadDataUrl}`, + body: `${postBody}` + }) + } + } + + try { + return await validate() + } catch (error) { + throw new Error(error.message) + } +} \ No newline at end of file diff --git a/plugins/plugins/utils/cropAddress.js b/plugins/plugins/utils/cropAddress.js deleted file mode 100644 index 8c0c3f1b..00000000 --- a/plugins/plugins/utils/cropAddress.js +++ /dev/null @@ -1,8 +0,0 @@ -export function cropAddress(string = "", range = 5) { - const [start, end] = [ - string?.substring(0, range), - string?.substring(string?.length - range, string?.length), - // - ]; - return start + "..." + end; -} diff --git a/plugins/plugins/utils/functions.js b/plugins/plugins/utils/functions.js new file mode 100644 index 00000000..138a7b7b --- /dev/null +++ b/plugins/plugins/utils/functions.js @@ -0,0 +1,208 @@ +import { Epml } from '../../epml' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +export const inputKeyCodes = [ + 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, + 60, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, + 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, + 85, 86, 87, 88, 89, 90, 96, 97, 98, 99, 100, 101, + 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, + 160, 161, 162, 163, 164, 165, 170, 171, 186, 187, + 188, 189, 190, 191, 192, 193, 194, 219, 220, 221, + 222, 223, 226 +] + +export const blocksNeed = (level) => { + if (level === 0) { + return '7200' + } else if (level === 1) { + return '72000' + } else if (level === 2) { + return '201600' + } else if (level === 3) { + return '374400' + } else if (level === 4) { + return '618400' + } else if (level === 5) { + return '964000' + } else if (level === 6) { + return '1482400' + } else if (level === 7) { + return '2173600' + } else if (level === 8) { + return '3037600' + } else if (level === 9) { + return '4074400' + } +} + +export const getUserNameFromAddress = async (address) => { + try { + const getNames = await parentEpml.request("apiCall", { + type: "api", + url: `/names/address/${address}` + }) + + if (Array.isArray(getNames) && getNames.length > 0 ) { + return getNames[0].name + } else { + return address + } + } catch (error) { + console.error(error) + } +} + +export const replaceMessagesEdited = async ({ decodedMessages, parentEpml, isReceipient, decodeMessageFunc, _publicKey, addToUpdateMessageHashmap }) => { + const MAX_CONCURRENT_REQUESTS = 5 // Maximum number of concurrent requests + + const executeWithConcurrencyLimit = async (array, asyncFn) => { + const results = [] + const concurrencyPool = [] + + for (const item of array) { + const promise = asyncFn(item) + concurrencyPool.push(promise) + + if (concurrencyPool.length >= MAX_CONCURRENT_REQUESTS) { + results.push(...await Promise.all(concurrencyPool)) + concurrencyPool.length = 0 // Clear the concurrency pool + } + } + + if (concurrencyPool.length > 0) { + results.push(...await Promise.all(concurrencyPool)) + } + + return results + } + + const findUpdatedMessage = async (msg) => { + let msgItem = { ...msg } + + try { + let msgQuery = `&involving=${msg.recipient}&involving=${msg.sender}` + if (!isReceipient) { + msgQuery = `&txGroupId=${msg.txGroupId}` + } + + // Find new messages first + const newMsgResponse = await parentEpml.request("apiCall", { + type: "api", + url: `/chat/messages?chatreference=${msg.signature}&reverse=true${msgQuery}&limit=1&sender=${msg.sender}&encoding=BASE64` + }) + + if (Array.isArray(newMsgResponse) && newMsgResponse.length > 0) { + const decodeResponseItem = decodeMessageFunc(newMsgResponse[0], isReceipient, _publicKey) + + delete decodeResponseItem.timestamp + + msgItem = { + ...msgItem, + ...decodeResponseItem, + senderName: msg.senderName, + sender: msg.sender, + editedTimestamp: newMsgResponse[0].timestamp, + originalSignature: msg.signature + } + } + + // Then check and find replies in the same iteration + let parsedMessageObj + + try { + parsedMessageObj = JSON.parse(msg.decodedMessage) + } catch (error) { + // If parsing fails, return the msgItem as is + return msgItem + } + + if (parsedMessageObj.repliedTo) { + let originalReply + + if (+parsedMessageObj.version > 2) { + originalReply = await parentEpml.request("apiCall", { + type: "api", + url: `/chat/message/${parsedMessageObj.repliedTo}?encoding=BASE64` + }) + } else { + originalReply = await parentEpml.request("apiCall", { + type: "api", + url: `/chat/messages?reference=${parsedMessageObj.repliedTo}&reverse=true${msgQuery}&encoding=BASE64` + }) + } + + const originalReplyMessage = originalReply.timestamp ? originalReply : originalReply.length > 0 ? originalReply[0] : null + + const replyResponse = await parentEpml.request("apiCall", { + type: "api", + url: `/chat/messages?chatreference=${parsedMessageObj.repliedTo}&reverse=true${msgQuery}&limit=1&sender=${originalReplyMessage.sender}&encoding=BASE64` + }) + + if (originalReplyMessage && Array.isArray(replyResponse) && replyResponse.length !== 0) { + const decodeOriginalReply = decodeMessageFunc(originalReplyMessage, isReceipient, _publicKey) + const decodeUpdatedReply = decodeMessageFunc(replyResponse[0], isReceipient, _publicKey) + + msgItem.repliedToData = { + ...decodeUpdatedReply, + senderName: decodeOriginalReply.senderName, + sender: decodeOriginalReply.sender + } + } else if (originalReplyMessage) { + msgItem.repliedToData = decodeMessageFunc(originalReplyMessage, isReceipient, _publicKey) + } + } + + } catch (error) { + // Handle or log the error gracefully + console.error(error) + } + + return msgItem + } + + const sortedMessages = decodedMessages.sort((a, b) => b.timestamp - a.timestamp) + + // Execute the functions with concurrency limit + const updatedMessages = await executeWithConcurrencyLimit(sortedMessages, findUpdatedMessage) + addToUpdateMessageHashmap(updatedMessages) + + return updatedMessages +} + +export function bytesToMegabytes(bytes) { + return bytes / (1024 * 1024) +} + +export function cropAddress(string = '', range = 5) { + const [start, end] = [ + string?.substring(0, range), + string?.substring(string?.length - range, string?.length) + ] + + return start + '...' + end +} + +export function roundToNearestDecimal(num) { + const mb = num / 1000000 + return Math.round(mb * 10) / 10 +} + +export function simpleHash(str) { + let hash = 0 + + for (let i = 0; i < str.length; i++) { + hash = (hash << 5) - hash + str.charCodeAt(i) + hash = hash & hash // Convert to 32bit integer + } + + return hash.toString() +} + +export function generateIdFromAddresses(address1, address2) { + // Sort addresses lexicographically and concatenate + const sortedAddresses = [address1, address2].sort().join('') + + return simpleHash(sortedAddresses) +} \ No newline at end of file diff --git a/plugins/plugins/utils/getUserNameFromAddress.js b/plugins/plugins/utils/getUserNameFromAddress.js deleted file mode 100644 index be8a3d69..00000000 --- a/plugins/plugins/utils/getUserNameFromAddress.js +++ /dev/null @@ -1,20 +0,0 @@ -import {Epml} from '../../epml.js'; - -const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) - -export const getUserNameFromAddress = async (address) => { - try { - const getNames = await parentEpml.request("apiCall", { - type: "api", - url: `/names/address/${address}`, - }); - - if (Array.isArray(getNames) && getNames.length > 0 ) { - return getNames[0].name; - } else { - return address; - } - } catch (error) { - console.error(error); - } -} diff --git a/plugins/plugins/utils/id-generation.js b/plugins/plugins/utils/id-generation.js deleted file mode 100644 index 88323156..00000000 --- a/plugins/plugins/utils/id-generation.js +++ /dev/null @@ -1,14 +0,0 @@ -export function simpleHash(str) { - let hash = 0; - for (let i = 0; i < str.length; i++) { - hash = (hash << 5) - hash + str.charCodeAt(i); - hash = hash & hash; // Convert to 32bit integer - } - return hash.toString(); -} - -export function generateIdFromAddresses(address1, address2) { - // Sort addresses lexicographically and concatenate - const sortedAddresses = [address1, address2].sort().join(''); - return simpleHash(sortedAddresses); -} \ No newline at end of file diff --git a/plugins/plugins/utils/keyCodes.js b/plugins/plugins/utils/keyCodes.js deleted file mode 100644 index d4d6ca50..00000000 --- a/plugins/plugins/utils/keyCodes.js +++ /dev/null @@ -1 +0,0 @@ -export const inputKeyCodes = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 96, 97, 98, 99, 100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110, 111, 160, 161, 162, 163, 164, 165, 170, 171, 186, 187, 188, 189, 190, 191, 192, 193, 194, 219, 220, 221, 222, 223, 226]; diff --git a/plugins/plugins/utils/loader.js b/plugins/plugins/utils/loader.js deleted file mode 100644 index 18123c3d..00000000 --- a/plugins/plugins/utils/loader.js +++ /dev/null @@ -1,52 +0,0 @@ -export class Loader { - constructor() { - this.loader = document.createElement("div"); - this.loader.className = "loader"; - this.loader.innerHTML = ` - - `; - this.styles = document.createElement("style"); - this.styles.innerHTML = ` - .loader { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgba(0, 0, 0, 0.5); - display: flex; - justify-content: center; - align-items: center; - z-index: 1000001 - } - - .loader-spinner { - border: 4px solid #f3f3f3; - border-top: 4px solid #3498db; - border-radius: 50%; - width: 32px; - height: 32px; - animation: spin 1s linear infinite; - } - - @keyframes spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } - } - `; - } - - show() { - document.head.appendChild(this.styles); - document.body.appendChild(this.loader); - } - - hide() { - if (this.loader.parentNode) { - this.loader.parentNode.removeChild(this.loader); - } - if (this.styles.parentNode) { - this.styles.parentNode.removeChild(this.styles); - } - } - } \ No newline at end of file diff --git a/plugins/plugins/utils/publish-image.js b/plugins/plugins/utils/publish-image.js deleted file mode 100644 index cc408a32..00000000 --- a/plugins/plugins/utils/publish-image.js +++ /dev/null @@ -1,248 +0,0 @@ -const getApiKey = () => { - const myNode = - window.parent.reduxStore.getState().app.nodeConfig.knownNodes[ - window.parent.reduxStore.getState().app.nodeConfig.node - ] - return myNode.apiKey -} - -export const publishData = async ({ - registeredName, - path, - file, - service, - identifier, - parentEpml, - uploadType, - selectedAddress, - worker, - isBase64, - filename, - apiVersion, - withFee, - title, - description, - category, - tag1, - tag2, - tag3, - tag4, - tag5, - feeAmount -}) => { - const validateName = async (receiverName) => { - return await parentEpml.request("apiCall", { - type: "api", - url: `/names/${receiverName}`, - }) - } - - const convertBytesForSigning = async (transactionBytesBase58) => { - return await parentEpml.request("apiCall", { - type: "api", - method: "POST", - url: `/transactions/convert`, - body: `${transactionBytesBase58}`, - }) - } - const getArbitraryFee = async () => { - const timestamp = Date.now() - let fee = await parentEpml.request('apiCall', { - url: `/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}` - }) - return { - timestamp, - fee : Number(fee), - feeToShow: (Number(fee) / 1e8).toFixed(8) - } - } - - const signAndProcess = async (transactionBytesBase58) => { - let convertedBytesBase58 = await convertBytesForSigning( - transactionBytesBase58 - ) - if (convertedBytesBase58.error) { - throw new Error('Error when signing'); - } - - const convertedBytes = - window.parent.Base58.decode(convertedBytesBase58) - let nonce = null - const computPath =window.parent.location.origin + '/memory-pow/memory-pow.wasm.full' - await new Promise((res, rej) => { - - worker.postMessage({convertedBytes, path: computPath}); - - worker.onmessage = e => { - - worker.terminate() - - nonce = e.data.nonce - res() - - } - }) - - - let response = await parentEpml.request("sign_arbitrary", { - nonce: selectedAddress.nonce, - arbitraryBytesBase58: transactionBytesBase58, - arbitraryBytesForSigningBase58: convertedBytesBase58, - arbitraryNonce: nonce, - apiVersion: apiVersion ? apiVersion : null - }) - let myResponse = { error: "" } - if (response === false) { - throw new Error('Error when signing'); - } else { - myResponse = response - } - - return myResponse - } - - const signAndProcessWithFee = async (transactionBytesBase58) => { - let convertedBytesBase58 = await convertBytesForSigning( - transactionBytesBase58 - ) - if (convertedBytesBase58.error) { - throw new Error('Error when signing'); - } - - - - - let response = await parentEpml.request("sign_arbitrary_with_fee", { - nonce: selectedAddress.nonce, - arbitraryBytesBase58: transactionBytesBase58, - arbitraryBytesForSigningBase58: convertedBytesBase58, - apiVersion: apiVersion ? apiVersion : null - }) - let myResponse = { error: "" } - if (response === false) { - throw new Error('Error when signing'); - } else { - myResponse = response - } - - return myResponse - } - - const validate = async () => { - let validNameRes = await validateName(registeredName) - if (validNameRes.error) { - throw new Error('Name not found'); - } - let fee = null - if(withFee && feeAmount){ - fee= feeAmount - } else if(withFee){ - const res = await getArbitraryFee() - if(res.fee){ - fee= res.fee - } else { - throw new Error('unable to get fee') - } - } - let transactionBytes = await uploadData(registeredName, path, file, fee) - if (transactionBytes.error) { - throw new Error(transactionBytes.message || 'Error when uploading'); - } else if ( - transactionBytes.includes("Error 500 Internal Server Error") - ) { - throw new Error('Error when uploading'); - } - - let signAndProcessRes - if(withFee){ - signAndProcessRes = await signAndProcessWithFee(transactionBytes) - - } - if(!withFee){ - signAndProcessRes = await signAndProcess(transactionBytes) - - } - if (signAndProcessRes.error) { - throw new Error('Error when signing'); - } - return signAndProcessRes - } - - const uploadData = async (registeredName, path, file, fee) => { - if (identifier != null && identifier.trim().length > 0) { - let postBody = path - let urlSuffix = "" - if (file != null) { - // If we're sending zipped data, make sure to use the /zip version of the POST /arbitrary/* API - if (uploadType === "zip") { - urlSuffix = "/zip" - } - // If we're sending file data, use the /base64 version of the POST /arbitrary/* API - else if (uploadType === "file") { - urlSuffix = "/base64" - } - - // Base64 encode the file to work around compatibility issues between javascript and java byte arrays - if(isBase64){ - postBody = file - } - if(!isBase64){ - let fileBuffer = new Uint8Array(await file.arrayBuffer()) - postBody = Buffer.from(fileBuffer).toString("base64") - } - - } - - let uploadDataUrl = `/arbitrary/${service}/${registeredName}${urlSuffix}?apiKey=${getApiKey()}` - if (identifier.trim().length > 0) { - uploadDataUrl = `/arbitrary/${service}/${registeredName}/${identifier}${urlSuffix}?apiKey=${getApiKey()}` - - } - - if(withFee){ - uploadDataUrl = uploadDataUrl + `&fee=${fee}` - } - - if(filename != null && filename != "undefined"){ - uploadDataUrl = uploadDataUrl + '&filename=' + encodeURIComponent(filename) - } - if(title != null && title != "undefined"){ - uploadDataUrl = uploadDataUrl + '&title=' + encodeURIComponent(title) - } - if(description != null && description != "undefined"){ - uploadDataUrl = uploadDataUrl + '&description=' + encodeURIComponent(description) - } - if(category != null && category != "undefined"){ - uploadDataUrl = uploadDataUrl + '&category=' + encodeURIComponent(category) - } - if(tag1 != null && tag1 != "undefined"){ - uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag1) - } - if(tag2 != null && tag2 != "undefined"){ - uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag2) - } - if(tag3 != null && tag3 != "undefined"){ - uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag3) - } - if(tag4 != null && tag4 != "undefined"){ - uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag4) - } - if(tag5 != null && tag5 != "undefined"){ - uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag5) - } - - return await parentEpml.request("apiCall", { - type: "api", - method: "POST", - url: `${uploadDataUrl}`, - body: `${postBody}`, - }) - } - } - try { - return await validate() - } catch (error) { - throw new Error(error.message) - } - -} diff --git a/plugins/plugins/utils/publish-modal.css b/plugins/plugins/utils/publish-modal.css deleted file mode 100644 index f5ded060..00000000 --- a/plugins/plugins/utils/publish-modal.css +++ /dev/null @@ -1,147 +0,0 @@ -.backdrop { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgb(186 186 186 / 26%); - overflow: hidden; - animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 1s forwards; - z-index: 1000000; -} - -@keyframes backdrop_blur { - 0% { - backdrop-filter: blur(0px); - background: transparent; - } - 100% { - backdrop-filter: blur(5px); - background: rgb(186 186 186 / 26%); - } -} - -@keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; -} - 100% { - visibility: visible; - opacity: 1; - } -} - -.modal { - position: relative; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; - z-index: 1000001; -} - -@keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } -} - -.modal-content { - background-color: var(--white); - border-radius: 10px; - padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - max-width: 80%; - min-width: 300px; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.modal-body { - padding: 25px; -} - -.modal-subcontainer { - color: var(--black); - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 15px; -} - -.modal-subcontainer-error { - color: var(--black); - display: flex; - flex-direction: column; - align-items: center; - gap: 15px; -} - -.modal-paragraph-error { - font-family: Roboto, sans-serif; - font-size: 20px; - letter-spacing: 0.3px; - font-weight: 700; - color: var(--black); - margin: 0; -} - -.modal-paragraph { - font-family: Roboto, sans-serif; - font-size: 18px; - letter-spacing: 0.3px; - font-weight: 300; - color: var(--black); - margin: 0; - word-wrap: break-word; - overflow-wrap: break-word; -} - -.capitalize-first { - text-transform: capitalize; -} - -.checkbox-row { - display: flex; - align-items: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); -} - -.modal-buttons { - display: flex; - justify-content: space-between; - margin-top: 20px; -} - -.modal-buttons button { - background-color: #4caf50; - border: none; - color: #fff; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - transition: background-color 0.2s; -} - -.modal-buttons button:hover { - background-color: #3e8e41; -} - -#cancel-button { - background-color: #f44336; -} - -#cancel-button:hover { - background-color: #d32f2f; -} \ No newline at end of file diff --git a/plugins/plugins/utils/publish-modal.js b/plugins/plugins/utils/publish-modal.js deleted file mode 100644 index 76c60f67..00000000 --- a/plugins/plugins/utils/publish-modal.js +++ /dev/null @@ -1,270 +0,0 @@ -import {get} from '../../../core/translate' - -export class ModalHelper { - constructor() { - this.initializeStyles(); - } - - async getArbitraryFee() { - const timestamp = Date.now(); - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]; - const nodeUrl = `${myNode.protocol}://${myNode.domain}:${myNode.port}`; - const url = `${nodeUrl}/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}`; - const response = await fetch(url); - - if (!response.ok) { - throw new Error('Error when fetching arbitrary fee'); - } - - const data = await response.json(); - const arbitraryFee = (Number(data) / 1e8).toFixed(8); - return { - timestamp, - fee: Number(data), - feeToShow: arbitraryFee - }; - } - - async showModalAndWaitPublish(data) { - return new Promise((resolve) => { - const modal = this.createModal(data); - document.body.appendChild(modal); - this.addModalEventListeners(modal, resolve); - }); - } - - createModal(data) { - const modal = document.createElement('div'); - modal.id = "backdrop"; - modal.classList.add("backdrop"); - modal.innerHTML = ` -
    -
    -
    -
    -
    -

    ${get('browserpage.bchange47')} ${data.feeAmount} QORT fee

    -
    -
    -
    -
    - - -
    -
    -
    - `; - return modal; - } - - addModalEventListeners(modal, resolve) { - // Event listener for the 'OK' button - const okButton = modal.querySelector('#ok-button'); - okButton.addEventListener('click', () => { - const userData = { isWithFee: true }; - if (modal.parentNode === document.body) { - document.body.removeChild(modal); - } - resolve({ action: 'accept', userData }); - }); - - // Prevent modal content from closing the modal - const modalContent = modal.querySelector('.modal-content'); - modalContent.addEventListener('click', e => { - e.stopPropagation(); - }); - - // Event listeners for backdrop and 'Cancel' button - const backdropClick = document.getElementById('backdrop'); - backdropClick.addEventListener('click', () => { - if (modal.parentNode === document.body) { - document.body.removeChild(modal); - } - resolve({ action: 'reject' }); - }); - - const cancelButton = modal.querySelector('#cancel-button'); - cancelButton.addEventListener('click', () => { - if (modal.parentNode === document.body) { - document.body.removeChild(modal); - } - resolve({ action: 'reject' }); - }); - } - - initializeStyles() { - const styles = ` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-checkbox-unchecked-color: var(--black); - --mdc-theme-on-surface: var(--black); - --mdc-checkbox-disabled-color: var(--black); - --mdc-checkbox-ink-color: var(--black); - } - - .backdrop { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgb(186 186 186 / 26%); - overflow: hidden; - animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards; - z-index: 1000000; - } - - @keyframes backdrop_blur { - 0% { - backdrop-filter: blur(0px); - background: transparent; - } - 100% { - backdrop-filter: blur(5px); - background: rgb(186 186 186 / 26%); - } - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } - - .modal { - position: relative; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - animation: 0.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; - z-index: 1000001; - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } - - .modal-content { - background-color: var(--white); - border-radius: 10px; - padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - max-width: 80%; - min-width: 300px; - display: flex; - flex-direction: column; - justify-content: space-between; - } - - .modal-body { - padding: 25px; - } - - .modal-subcontainer { - color: var(--black); - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 15px; - } - - .modal-subcontainer-error { - color: var(--black); - display: flex; - flex-direction: column; - align-items: center; - gap: 15px; - } - - .modal-paragraph-error { - font-family: Roboto, sans-serif; - font-size: 20px; - letter-spacing: 0.3px; - font-weight: 700; - color: var(--black); - margin: 0; - } - - .modal-paragraph { - font-family: Roboto, sans-serif; - font-size: 18px; - letter-spacing: 0.3px; - font-weight: 300; - color: var(--black); - margin: 0; - word-wrap: break-word; - overflow-wrap: break-word; - } - - .capitalize-first { - text-transform: capitalize; - } - - .checkbox-row { - display: flex; - align-items: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } - - .modal-buttons { - display: flex; - justify-content: space-between; - margin-top: 20px; - } - - .modal-buttons button { - background-color: #4caf50; - border: none; - color: #fff; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - transition: background-color 0.2s; - } - - .modal-buttons button:hover { - background-color: #3e8e41; - } - - #cancel-button { - background-color: #f44336; - } - - #cancel-button:hover { - background-color: #d32f2f; - } - `; - - const styleSheet = new CSSStyleSheet(); - styleSheet.replaceSync(styles); - - document.adoptedStyleSheets = [styleSheet]; - } - - static getInstance() { - if (!ModalHelper.instance) { - ModalHelper.instance = new ModalHelper(); - } - return ModalHelper.instance; - } -} - -export const modalHelper = ModalHelper.getInstance(); diff --git a/plugins/plugins/utils/queue.js b/plugins/plugins/utils/queue.js deleted file mode 100644 index f4b9ff62..00000000 --- a/plugins/plugins/utils/queue.js +++ /dev/null @@ -1,71 +0,0 @@ -export class RequestQueue { - constructor(maxConcurrent = 5) { - this.queue = []; - this.maxConcurrent = maxConcurrent; - this.currentConcurrent = 0; - } - - push(request) { - return new Promise((resolve, reject) => { - this.queue.push({ - request, - resolve, - reject, - }); - this.checkQueue(); - }); - } - - checkQueue() { - if (this.queue.length === 0 || this.currentConcurrent >= this.maxConcurrent) return; - - const { request, resolve, reject } = this.queue.shift(); - this.currentConcurrent++; - - request() - .then(resolve) - .catch(reject) - .finally(() => { - this.currentConcurrent--; - this.checkQueue(); - }); - } -} - -export class RequestQueueWithPromise { - constructor(maxConcurrent = 5) { - this.queue = []; - this.maxConcurrent = maxConcurrent; - this.currentlyProcessing = 0; - } - - // Add a request to the queue and return a promise - enqueue(request) { - return new Promise((resolve, reject) => { - // Push the request and its resolve and reject callbacks to the queue - this.queue.push({ request, resolve, reject }); - this.process(); - }); - } - - // Process requests in the queue - async process() { - while (this.queue.length > 0 && this.currentlyProcessing < this.maxConcurrent) { - this.currentlyProcessing++; - const { request, resolve, reject } = this.queue.shift(); - try { - const response = await request(); - resolve(response); - } catch (error) { - reject(error); - } finally { - this.currentlyProcessing--; - await this.process(); - } - } - } - } - - - - diff --git a/plugins/plugins/utils/replace-messages-edited.js b/plugins/plugins/utils/replace-messages-edited.js deleted file mode 100644 index 129a4a8b..00000000 --- a/plugins/plugins/utils/replace-messages-edited.js +++ /dev/null @@ -1,251 +0,0 @@ -// export const replaceMessagesEdited = async ({ -// decodedMessages, -// parentEpml, -// isReceipient, -// decodeMessageFunc, -// _publicKey, -// addToUpdateMessageHashmap -// }) => { -// const findNewMessages = decodedMessages.map(async (msg) => { -// let msgItem = null -// try { -// let msgQuery = `&involving=${msg.recipient}&involving=${msg.sender}` -// if (!isReceipient) { -// msgQuery = `&txGroupId=${msg.txGroupId}` -// } -// const response = await parentEpml.request("apiCall", { -// type: "api", -// url: `/chat/messages?chatreference=${msg.signature}&reverse=true${msgQuery}&limit=1&sender=${msg.sender}&encoding=BASE64`, -// }) - -// if (response && Array.isArray(response) && response.length !== 0) { -// let responseItem = { ...response[0] } -// const decodeResponseItem = decodeMessageFunc(responseItem, isReceipient, _publicKey) -// delete decodeResponseItem.timestamp - -// msgItem = { -// ...msg, -// ...decodeResponseItem, -// senderName: msg.senderName, -// sender: msg.sender, -// editedTimestamp: response[0].timestamp, -// originalSignature: msg.signature -// } -// } -// } catch (error) { -// } - -// return msgItem -// }) -// const updateMessages = await Promise.all(findNewMessages) -// const filterOutNull = updateMessages.filter((item)=> item !== 'null' && item !== null) - -// const findNewMessages2 = filterOutNull.map(async (msg) => { -// let parsedMessageObj = msg -// try { -// parsedMessageObj = JSON.parse(msg.decodedMessage) -// } catch (error) { -// return msg -// } -// let msgItem = msg -// try { -// let msgQuery = `&involving=${msg.recipient}&involving=${msg.sender}` -// if (!isReceipient) { -// msgQuery = `&txGroupId=${msg.txGroupId}` -// } -// if (parsedMessageObj.repliedTo) { -// let originalReply -// if(+parsedMessageObj.version > 2){ -// originalReply = await parentEpml.request("apiCall", { -// type: "api", -// url: `/chat/message/${parsedMessageObj.repliedTo}?encoding=BASE64`, -// }) -// } -// if(+parsedMessageObj.version < 3){ -// originalReply = await parentEpml.request("apiCall", { -// type: "api", -// url: `/chat/messages?reference=${parsedMessageObj.repliedTo}&reverse=true${msgQuery}&encoding=BASE64`, -// }) -// } - - - - -// const originalReplyMessage = originalReply.timestamp ? originalReply : originalReply.length !== 0 ? originalReply[0] : null - -// const response = await parentEpml.request("apiCall", { -// type: "api", -// url: `/chat/messages?chatreference=${parsedMessageObj.repliedTo}&reverse=true${msgQuery}&limit=1&sender=${originalReplyMessage.sender}&encoding=BASE64`, -// }) - -// if ( -// originalReplyMessage && -// response && -// Array.isArray(response) && -// response.length !== 0 -// ) { -// const decodeOriginalReply = decodeMessageFunc(originalReplyMessage, isReceipient, _publicKey) - -// const decodeUpdatedReply = decodeMessageFunc(response[0], isReceipient, _publicKey) -// const formattedRepliedToData = { -// ...decodeUpdatedReply, -// senderName: decodeOriginalReply.senderName, -// sender: decodeOriginalReply.sender, -// } -// msgItem = { -// ...msg, -// repliedToData: formattedRepliedToData, -// } -// } else { - - -// if ( -// originalReplyMessage -// ) { - -// msgItem = { -// ...msg, -// repliedToData: decodeMessageFunc(originalReplyMessage, isReceipient, _publicKey), -// } -// } -// } -// } -// } catch (error) { -// } - -// return msgItem -// }) -// const updateMessages2 = await Promise.all(findNewMessages2) -// console.log({updateMessages2}) -// updateMessages2.forEach((item)=> { -// addToUpdateMessageHashmap(item.originalSignature, item) -// }) -// return updateMessages2 -// } - - -export const replaceMessagesEdited = async ({ - decodedMessages, - parentEpml, - isReceipient, - decodeMessageFunc, - _publicKey, - addToUpdateMessageHashmap -}) => { - const MAX_CONCURRENT_REQUESTS = 5; // Maximum number of concurrent requests - - const executeWithConcurrencyLimit = async (array, asyncFn) => { - const results = []; - const concurrencyPool = []; - - for (const item of array) { - const promise = asyncFn(item); - concurrencyPool.push(promise); - - if (concurrencyPool.length >= MAX_CONCURRENT_REQUESTS) { - results.push(...await Promise.all(concurrencyPool)); - concurrencyPool.length = 0; // Clear the concurrency pool - } - } - - if (concurrencyPool.length > 0) { - results.push(...await Promise.all(concurrencyPool)); - } - - return results; - }; - - const findUpdatedMessage = async (msg) => { - let msgItem = { ...msg }; - - try { - let msgQuery = `&involving=${msg.recipient}&involving=${msg.sender}`; - if (!isReceipient) { - msgQuery = `&txGroupId=${msg.txGroupId}`; - } - - // Find new messages first - const newMsgResponse = await parentEpml.request("apiCall", { - type: "api", - url: `/chat/messages?chatreference=${msg.signature}&reverse=true${msgQuery}&limit=1&sender=${msg.sender}&encoding=BASE64`, - }); - - if (Array.isArray(newMsgResponse) && newMsgResponse.length > 0) { - const decodeResponseItem = decodeMessageFunc(newMsgResponse[0], isReceipient, _publicKey); - delete decodeResponseItem.timestamp; - - msgItem = { - ...msgItem, - ...decodeResponseItem, - senderName: msg.senderName, - sender: msg.sender, - editedTimestamp: newMsgResponse[0].timestamp, - originalSignature: msg.signature - }; - } - - // Then check and find replies in the same iteration - let parsedMessageObj; - try { - parsedMessageObj = JSON.parse(msg.decodedMessage); - } catch (error) { - // If parsing fails, return the msgItem as is - return msgItem; - } - - if (parsedMessageObj.repliedTo) { - let originalReply; - if(+parsedMessageObj.version > 2){ - originalReply = await parentEpml.request("apiCall", { - type: "api", - url: `/chat/message/${parsedMessageObj.repliedTo}?encoding=BASE64`, - }); - } else { - originalReply = await parentEpml.request("apiCall", { - type: "api", - url: `/chat/messages?reference=${parsedMessageObj.repliedTo}&reverse=true${msgQuery}&encoding=BASE64`, - }); - } - - const originalReplyMessage = originalReply.timestamp ? originalReply : originalReply.length > 0 ? originalReply[0] : null; - - const replyResponse = await parentEpml.request("apiCall", { - type: "api", - url: `/chat/messages?chatreference=${parsedMessageObj.repliedTo}&reverse=true${msgQuery}&limit=1&sender=${originalReplyMessage.sender}&encoding=BASE64`, - }); - - if ( - originalReplyMessage && - Array.isArray(replyResponse) && - replyResponse.length !== 0 - ) { - const decodeOriginalReply = decodeMessageFunc(originalReplyMessage, isReceipient, _publicKey); - const decodeUpdatedReply = decodeMessageFunc(replyResponse[0], isReceipient, _publicKey); - - msgItem.repliedToData = { - ...decodeUpdatedReply, - senderName: decodeOriginalReply.senderName, - sender: decodeOriginalReply.sender, - }; - } else if (originalReplyMessage) { - msgItem.repliedToData = decodeMessageFunc(originalReplyMessage, isReceipient, _publicKey); - } - } - - } catch (error) { - // Handle or log the error gracefully - console.error(error); - } - - return msgItem; - }; - - const sortedMessages = decodedMessages.sort((a, b) => b.timestamp - a.timestamp); - - // Execute the functions with concurrency limit - const updatedMessages = await executeWithConcurrencyLimit(sortedMessages, findUpdatedMessage); - addToUpdateMessageHashmap(updatedMessages); - - return updatedMessages; - -}; diff --git a/plugins/plugins/utils/roundToNearestDecimal.js b/plugins/plugins/utils/roundToNearestDecimal.js deleted file mode 100644 index 5e3fe0aa..00000000 --- a/plugins/plugins/utils/roundToNearestDecimal.js +++ /dev/null @@ -1,4 +0,0 @@ -export function roundToNearestDecimal(num) { - const mb = num / 1000000; - return Math.round(mb * 10) / 10; -} \ No newline at end of file diff --git a/plugins/plugins/utils/warning-modal.js b/plugins/plugins/utils/warning-modal.js deleted file mode 100644 index 0399591f..00000000 --- a/plugins/plugins/utils/warning-modal.js +++ /dev/null @@ -1,252 +0,0 @@ -import {get} from '../../../core/translate' - -export class WarningModal { - constructor() { - this.initializeStyles(); - } - - - async showModalAndWaitPublish(data) { - return new Promise((resolve) => { - const modal = this.createModal(data); - document.body.appendChild(modal); - this.addModalEventListeners(modal, resolve); - }); - } - - createModal(data) { - const modal = document.createElement('div'); - modal.id = "backdrop"; - modal.classList.add("backdrop"); - modal.innerHTML = ` -
    -
    -
    -
    -
    -

    ${data.message} -

    -
    -
    -
    - - -
    -
    -
    - `; - return modal; - } - - addModalEventListeners(modal, resolve) { - // Event listener for the 'OK' button - const okButton = modal.querySelector('#ok-button'); - okButton.addEventListener('click', () => { - const userData = { isWithFee: true }; - if (modal.parentNode === document.body) { - document.body.removeChild(modal); - } - resolve({ action: 'accept', userData }); - }); - - // Prevent modal content from closing the modal - const modalContent = modal.querySelector('.modal-content'); - modalContent.addEventListener('click', e => { - e.stopPropagation(); - }); - - // Event listeners for backdrop and 'Cancel' button - const backdropClick = document.getElementById('backdrop'); - backdropClick.addEventListener('click', () => { - if (modal.parentNode === document.body) { - document.body.removeChild(modal); - } - resolve({ action: 'reject' }); - }); - - const cancelButton = modal.querySelector('#cancel-button'); - cancelButton.addEventListener('click', () => { - if (modal.parentNode === document.body) { - document.body.removeChild(modal); - } - resolve({ action: 'reject' }); - }); - } - - initializeStyles() { - const styles = ` - * { - --mdc-theme-primary: rgb(3, 169, 244); - --mdc-theme-secondary: var(--mdc-theme-primary); - --paper-input-container-focus-color: var(--mdc-theme-primary); - --mdc-checkbox-unchecked-color: var(--black); - --mdc-theme-on-surface: var(--black); - --mdc-checkbox-disabled-color: var(--black); - --mdc-checkbox-ink-color: var(--black); - } - - .backdrop { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgb(186 186 186 / 26%); - overflow: hidden; - animation: backdrop_blur cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards; - z-index: 1000000; - } - - @keyframes backdrop_blur { - 0% { - backdrop-filter: blur(0px); - background: transparent; - } - 100% { - backdrop-filter: blur(5px); - background: rgb(186 186 186 / 26%); - } - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } - - .modal { - position: relative; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - height: 100%; - animation: 0.1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running modal_transition; - z-index: 1000001; - } - - @keyframes modal_transition { - 0% { - visibility: hidden; - opacity: 0; - } - 100% { - visibility: visible; - opacity: 1; - } - } - - .modal-content { - background-color: var(--white); - border-radius: 10px; - padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); - max-width: 650px; - min-width: 300px; - display: flex; - flex-direction: column; - justify-content: space-between; - } - - .modal-body { - padding: 25px; - } - - .modal-subcontainer { - color: var(--black); - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 15px; - } - - .modal-subcontainer-error { - color: var(--black); - display: flex; - flex-direction: column; - align-items: center; - gap: 15px; - } - - .modal-paragraph-error { - font-family: Roboto, sans-serif; - font-size: 20px; - letter-spacing: 0.3px; - font-weight: 700; - color: var(--black); - margin: 0; - } - - .modal-paragraph { - font-family: Roboto, sans-serif; - font-size: 18px; - letter-spacing: 0.3px; - font-weight: 300; - color: var(--black); - margin: 0; - word-wrap: break-word; - overflow-wrap: break-word; - } - - .capitalize-first { - text-transform: capitalize; - } - - .checkbox-row { - display: flex; - align-items: center; - font-family: Montserrat, sans-serif; - font-weight: 600; - color: var(--black); - } - - .modal-buttons { - display: flex; - justify-content: space-between; - margin-top: 20px; - } - - .modal-buttons button { - background-color: #4caf50; - border: none; - color: #fff; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - transition: background-color 0.2s; - } - - .modal-buttons button:hover { - background-color: #3e8e41; - } - - #cancel-button { - background-color: #f44336; - } - - #cancel-button:hover { - background-color: #d32f2f; - } - `; - - const styleSheet = new CSSStyleSheet(); - styleSheet.replaceSync(styles); - - document.adoptedStyleSheets = [styleSheet]; - } - - - static getInstance() { - if (!WarningModal.instance) { - WarningModal.instance = new WarningModal(); - } - return WarningModal.instance; - } -} - -export const warningModal = WarningModal.getInstance(); diff --git a/plugins/watch.js b/plugins/watch.js index e42b9195..f6bb3998 100644 --- a/plugins/watch.js +++ b/plugins/watch.js @@ -1,5 +1,4 @@ const rollup = require('rollup') - const configs = require('./build-config.js')() const watch = () => { @@ -19,4 +18,4 @@ const watch = () => { console.log('WATCH PLUGINS ==> Write Bundle : Done 🎉') } -module.exports = watch +module.exports = watch \ No newline at end of file diff --git a/scripts/afterPack.js b/scripts/afterPack.js index 73bda2a0..f7084bd8 100644 --- a/scripts/afterPack.js +++ b/scripts/afterPack.js @@ -1,45 +1,39 @@ const path = require('path') -const shell = require("shelljs"); +const shell = require("shelljs") const runShellCommand = (appOutDir) => { + shell.exec( + `chmod 4755 ${path.join(appOutDir, "chrome-sandbox")}`, - shell.exec( - `chmod 4755 ${path.join(appOutDir, "chrome-sandbox")}`, - - function (code, stdout, stderr) { - console.log('runShellCommand ==> Exit code:', code); - if (stderr) { - console.log('runShellCommand ==> Program stderr:', stderr); - } - }); + function (code, stdout, stderr) { + console.log('runShellCommand ==> Exit code:', code) + if (stderr) { + console.log('runShellCommand ==> Program stderr:', stderr) + } + } + ) } async function doLinux(context) { + console.log("Running doLinux ==> ") - console.log("Running doLinux ==> "); + const { targets, appOutDir } = context - const { targets, appOutDir } = context - - targets.forEach(async target => { - - if (!["appimage", "snap"].includes(target.name.toLowerCase())) { - - await runShellCommand(appOutDir) - } - }); + targets.forEach(async target => { + if (!["appimage", "snap"].includes(target.name.toLowerCase())) { + await runShellCommand(appOutDir) + } + }) } async function afterPack(context) { + console.log("Running AfterPack") - console.log("Running AfterPack"); - - const electronPlatformName = context.electronPlatformName.toLowerCase(); - - if (electronPlatformName.includes("linux")) { - await doLinux(context); - - } + const electronPlatformName = context.electronPlatformName.toLowerCase() + if (electronPlatformName.includes("linux")) { + await doLinux(context) + } } -module.exports = afterPack +module.exports = afterPack \ No newline at end of file diff --git a/scripts/notarize.js b/scripts/notarize.js index f4541f5c..81a8f6c2 100644 --- a/scripts/notarize.js +++ b/scripts/notarize.js @@ -1,20 +1,21 @@ -require('dotenv').config(); -const { notarize } = require('@electron/notarize'); +require('dotenv').config() +const { notarize } = require('@electron/notarize') exports.default = async function notarizing(context) { - const { electronPlatformName, appOutDir } = context; - if (electronPlatformName !== 'darwin') { - return; - } + const { electronPlatformName, appOutDir } = context - const appName = context.packager.appInfo.productFilename; + if (electronPlatformName !== 'darwin') { + return + } - return await notarize({ - appBundleId: 'org.qortal.QortalUI', - appPath: `${appOutDir}/${appName}.app`, - tool: "notarytool", - teamId: process.env.APPLETEAMID, - appleId: process.env.APPLEID, - appleIdPassword: process.env.APPLEIDPASS, - }); -}; + const appName = context.packager.appInfo.productFilename + + return await notarize({ + appBundleId: 'org.qortal.QortalUI', + appPath: `${appOutDir}/${appName}.app`, + tool: "notarytool", + teamId: process.env.APPLETEAMID, + appleId: process.env.APPLEID, + appleIdPassword: process.env.APPLEIDPASS + }) +} \ No newline at end of file diff --git a/server.js b/server.js index c53090f3..fad65218 100644 --- a/server.js +++ b/server.js @@ -1,30 +1,24 @@ const path = require("path") - const uiCore = require('./core/ui-core.js') const createServer = uiCore('server') - const config = require('./config/config.js') - const pluginsController = require('./plugins/default-plugins.js') + const qortalPlugins = pluginsController('plugins') - -const plugins = [ - ...qortalPlugins -] - +const plugins = [...qortalPlugins] const rootDir = process.env.NODE_ENV === 'production' ? __dirname : __dirname - const conf = { - ...config, - build: { - ...config.build, - options: { - ...config.build.options, - outputDir: path.join(rootDir, '/builtWWW') - } - } + ...config, + build: { + ...config.build, + options: { + ...config.build.options, + outputDir: path.join(rootDir, '/builtWWW') + } + } } const server = createServer(conf, plugins) -server.start() + +server.start() \ No newline at end of file diff --git a/watch-inline.js b/watch-inline.js index e14bbe91..8a870f84 100644 --- a/watch-inline.js +++ b/watch-inline.js @@ -1,25 +1,24 @@ const path = require('path') const uiCore = require('./core/ui-core.js') +const config = require('./config/config.js') +const pluginsController = require('./plugins/default-plugins.js') + const generateBuildConfig = uiCore('generate_build_config') const watchInlines = uiCore('watch_inline') -const config = require('./config/config.js') - -const pluginsController = require('./plugins/default-plugins.js') const watchDefaultPlugins = pluginsController('watch') - let srcConfig = { - ...config.build, - options: { - ...config.build.options, - outputDir: path.join(__dirname, '/builtWWW'), - sassOutputDir: path.join(__dirname, '/builtWWW/styles.bundle.css'), - } + ...config.build, + options: { + ...config.build.options, + outputDir: path.join(__dirname, '/builtWWW'), + sassOutputDir: path.join(__dirname, '/builtWWW/styles.bundle.css') + } } const { inlineConfigs } = generateBuildConfig(srcConfig) module.exports = () => { - watchInlines(inlineConfigs) - watchDefaultPlugins() -} + watchInlines(inlineConfigs) + watchDefaultPlugins() +} \ No newline at end of file diff --git a/watch.js b/watch.js index 3116d7ea..dfd8a096 100644 --- a/watch.js +++ b/watch.js @@ -3,23 +3,22 @@ const uiCore = require('./core/ui-core.js') const generateBuildConfig = uiCore('generate_build_config') const watch = uiCore('watch') const config = require('./config/config.js') - const pluginsController = require('./plugins/default-plugins.js') -const watchPlugins = pluginsController('watch') - const watchInline = require('./watch-inline.js') +const watchPlugins = pluginsController('watch') + let srcConfig = { - ...config.build, - options: { - ...config.build.options, - outputDir: path.join(__dirname, '/builtWWW'), - sassOutputDir: path.join(__dirname, '/builtWWW/styles.bundle.css'), - } + ...config.build, + options: { + ...config.build.options, + outputDir: path.join(__dirname, '/builtWWW'), + sassOutputDir: path.join(__dirname, '/builtWWW/styles.bundle.css') + } } const { buildConfig, inlineConfigs } = generateBuildConfig(srcConfig) watch(buildConfig.options, buildConfig.outputs, buildConfig.outputOptions, buildConfig.inputOptions) watchInline() -watchPlugins() +watchPlugins() \ No newline at end of file From a66d945ed41b7d85b16c07211f14ef897f8311d6 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 8 May 2024 13:21:29 +0200 Subject: [PATCH 15/26] Add missing files become-minter --- .../core/become-minter/not-sponsored.js | 144 ++++++++++++++++++ .../core/become-minter/yes-sponsored.js | 125 +++++++++++++++ 2 files changed, 269 insertions(+) create mode 100644 plugins/plugins/core/become-minter/not-sponsored.js create mode 100644 plugins/plugins/core/become-minter/yes-sponsored.js diff --git a/plugins/plugins/core/become-minter/not-sponsored.js b/plugins/plugins/core/become-minter/not-sponsored.js new file mode 100644 index 00000000..2199eef0 --- /dev/null +++ b/plugins/plugins/core/become-minter/not-sponsored.js @@ -0,0 +1,144 @@ +import { html, LitElement } from 'lit' +import { Epml } from '../../../epml' +import { becomeMinterStyles } from '../components/plugins-css' +import '../components/ButtonIconCopy' +import '@material/mwc-button' +import '@material/mwc-textfield' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/button' + +// Multi language support +import { translate } from '../../../../core/translate' + +const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) + +class NotSponsored extends LitElement { + static properties = { + atMount: { type: Function }, + isLoadingSponsorshipKeySubmit: { type: Boolean }, + sponsorshipKeyValue: { type: String }, + addMintingAccountMessage: { type: String } + } + + static get styles() { + return [becomeMinterStyles] + } + + constructor() { + super() + this.isLoadingSponsorshipKeySubmit = false + this.sponsorshipKeyValue = '' + this.addMintingAccountMessage = '' + this.atMount = () => {} + } + + render() { + return html` +
    +
    +

    + ${translate('mintingpage.mchange33')} +

    +

    + ${translate('mintingpage.mchange34')} +

    +

    + ${translate('mintingpage.mchange35')} +

    +

    + ${translate('mintingpage.mchange36')} +

    +

    + ${translate('mintingpage.mchange37')} +

    +

    ${this.addMintingAccountMessage}

    +
    +
    + + +
    +
    + + ${this.isLoadingSponsorshipKeySubmit === false ? + html` + ${translate('puzzlepage.pchange15')} + ` + : html` + + ` + } + +
    +
    +
    +
    + ` + } + + firstUpdated() { + // ... + } + + renderErr1Text() { + return html`${translate('nodepage.nchange27')}` + } + + renderErr2Text() { + return html`${translate('nodepage.nchange28')}` + } + + addMintingAccount(e) { + this.isLoadingSponsorshipKeySubmit = true + this.addMintingAccountMessage = 'Loading...' + parentEpml.request('apiCall', { + url: `/admin/mintingaccounts?apiKey=${this.getApiKey()}`, + method: 'POST', + body: this.sponsorshipKeyValue + }).then((res) => { + if (res === true) { + // refetch data + this.atMount() + this.sponsorshipKeyValue = '' + this.addMintingAccountMessage = this.renderErr1Text() + this.isLoadingSponsorshipKeySubmit = false + } else { + this.sponsorshipKeyValue = '' + this.addMintingAccountMessage = this.renderErr2Text() + this.isLoadingSponsorshipKeySubmit = false + } + }) + } + + inputHandler(e) { + this.sponsorshipKeyValue = e.target.value + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('not-sponsored', NotSponsored) diff --git a/plugins/plugins/core/become-minter/yes-sponsored.js b/plugins/plugins/core/become-minter/yes-sponsored.js new file mode 100644 index 00000000..44179592 --- /dev/null +++ b/plugins/plugins/core/become-minter/yes-sponsored.js @@ -0,0 +1,125 @@ +import { html, LitElement } from 'lit' +import { blocksNeed } from '../../utils/functions' +import { becomeMinterStyles } from '../components/plugins-css' +import '../components/ButtonIconCopy' +import '@material/mwc-button' +import '@material/mwc-textfield' +import '@polymer/paper-spinner/paper-spinner-lite.js' +import '@vaadin/button' + +// Multi language support +import { translate } from '../../../../core/translate' + +class YesSponsored extends LitElement { + static get properties() { + return { + addressInfo: { type: Object }, + rewardSharePublicKey: { type: String }, + isMinting: {type: Boolean} + } + } + + static get styles() { + return [becomeMinterStyles] + } + + constructor() { + super() + this.addressInfo = {} + this.rewardSharePublicKey = '' + this.isMinting = false + } + + render() { + return html` +
    +
    +
    + + ${translate('becomeMinterPage.bchange10')} + +
    +
    +
    +
    +
    + + ${translate('walletpage.wchange41')} + +
    + ${this.isMinting ? html` +

    ${translate('becomeMinterPage.bchange12')}

    + ` : html` +

    ${translate('mintingpage.mchange9')}

    + `} +
    +
    +
    +
    + + ${translate('becomeMinterPage.bchange13')} + +
    +

    + ${this._levelUpBlocks()} + ${translate('mintingpage.mchange26')} +

    +
    +
    +
    +
    + + ${translate('becomeMinterPage.bchange15')} + +
    +

    + ${translate('becomeMinterPage.bchange16')} +

    +
    +

    + ${this.rewardSharePublicKey} +

    + + +
    +
    +
    +
    +
    + ` + } + + firstUpdated() { + // ... + } + + _levelUpBlocks() { + return (blocksNeed(0) - (this.addressInfo?.blocksMinted + this.addressInfo?.blocksMintedAdjustment)).toString() + } + + // Standard functions + getApiKey() { + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + return myNode.apiKey + } + + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } + + round(number) { + return (Math.round(parseFloat(number) * 1e8) / 1e8).toFixed(8) + } +} + +window.customElements.define('yes-sponsored', YesSponsored) From 3b4581a448a1ed104ba21348ff54ad8b0bc3a517 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 8 May 2024 13:23:07 +0200 Subject: [PATCH 16/26] Add missing file q-chat --- .../plugins/core/q-chat/computePowWorker.js | 53 +++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 plugins/plugins/core/q-chat/computePowWorker.js diff --git a/plugins/plugins/core/q-chat/computePowWorker.js b/plugins/plugins/core/q-chat/computePowWorker.js new file mode 100644 index 00000000..0e260f6b --- /dev/null +++ b/plugins/plugins/core/q-chat/computePowWorker.js @@ -0,0 +1,53 @@ +import { Sha256 } from 'asmcrypto.js' + +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old +} + +self.addEventListener('message', async e => { + const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) + postMessage(response) +}) + +const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) +const heap = new Uint8Array(memory.buffer) + +const computePow = async (chatBytes, path, difficulty) => { + let response = null + await new Promise((resolve, reject) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { + return chatBytes[key] + }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new Sha256().process(chatBytesArray).finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array(memory.buffer, hashPtr, 32) + hashAry.set(chatBytesHash) + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk(workBufferLength, heap) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + // Fetch the file and compile it + return fetch(filename).then(response => response.arrayBuffer()).then(buffer => WebAssembly.compile(buffer)).then(module => { + // Create the instance. + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path) + .then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), chatBytesArray + } + resolve() + }) + }) + return response +} \ No newline at end of file From db93f510834f97bf9031156613927d53209e362f Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 8 May 2024 13:24:06 +0200 Subject: [PATCH 17/26] Add missing files browser --- .../core/qdn/browser/computePowWorker.js | 54 +++++++++++++++ .../core/qdn/browser/computePowWorkerFile.js | 65 +++++++++++++++++++ 2 files changed, 119 insertions(+) create mode 100644 plugins/plugins/core/qdn/browser/computePowWorker.js create mode 100644 plugins/plugins/core/qdn/browser/computePowWorkerFile.js diff --git a/plugins/plugins/core/qdn/browser/computePowWorker.js b/plugins/plugins/core/qdn/browser/computePowWorker.js new file mode 100644 index 00000000..d2ee3ab2 --- /dev/null +++ b/plugins/plugins/core/qdn/browser/computePowWorker.js @@ -0,0 +1,54 @@ +import { Sha256 } from 'asmcrypto.js' + +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old +} + +self.addEventListener('message', async e => { + const response = await computePow(e.data.chatBytes, e.data.path, e.data.difficulty) + postMessage(response) +}) + +const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) +const heap = new Uint8Array(memory.buffer) + +const computePow = async (chatBytes, path, difficulty) => { + let response = null + await new Promise((resolve, reject) => { + const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; }) + const chatBytesArray = new Uint8Array(_chatBytesArray) + const chatBytesHash = new Sha256().process(chatBytesArray).finish().result + const hashPtr = sbrk(32, heap); + const hashAry = new Uint8Array(memory.buffer, hashPtr, 32) + hashAry.set(chatBytesHash) + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk(workBufferLength, heap) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + // Fetch the file and compile it + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + // Create the instance. + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path).then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), + chatBytesArray + } + resolve() + }) + }) + return response +} \ No newline at end of file diff --git a/plugins/plugins/core/qdn/browser/computePowWorkerFile.js b/plugins/plugins/core/qdn/browser/computePowWorkerFile.js new file mode 100644 index 00000000..c20c9d4b --- /dev/null +++ b/plugins/plugins/core/qdn/browser/computePowWorkerFile.js @@ -0,0 +1,65 @@ +import { Sha256 } from 'asmcrypto.js' + +function sbrk(size, heap) { + let brk = 512 * 1024 // stack top + let old = brk + brk += size + if (brk > heap.length) throw new Error('heap exhausted') + return old +} + +self.addEventListener('message', async e => { + const response = await computePow(e.data.convertedBytes, e.data.path) + postMessage(response) +}) + +const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 }) +const heap = new Uint8Array(memory.buffer) + +const computePow = async (convertedBytes, path) => { + let response = null + await new Promise((resolve, reject) => { + const _convertedBytesArray = Object.keys(convertedBytes).map( + function (key) { + return convertedBytes[key] + } + ) + const convertedBytesArray = new Uint8Array(_convertedBytesArray) + const convertedBytesHash = new Sha256() + .process(convertedBytesArray) + .finish().result + const hashPtr = sbrk(32, heap) + const hashAry = new Uint8Array( + memory.buffer, + hashPtr, + 32 + ) + hashAry.set(convertedBytesHash) + const difficulty = 14 + const workBufferLength = 8 * 1024 * 1024 + const workBufferPtr = sbrk( + workBufferLength, + heap + ) + const importObject = { + env: { + memory: memory + } + } + function loadWebAssembly(filename, imports) { + return fetch(filename) + .then(response => response.arrayBuffer()) + .then(buffer => WebAssembly.compile(buffer)) + .then(module => { + return new WebAssembly.Instance(module, importObject) + }) + } + loadWebAssembly(path).then(wasmModule => { + response = { + nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), + } + resolve() + }) + }) + return response +} \ No newline at end of file From 1383022cd6abfea69700b6746dc41dfd34f82417 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 8 May 2024 14:11:48 +0200 Subject: [PATCH 18/26] Update dependencies --- package-lock.json | 558 ++++++++++++++++++---------------------------- package.json | 14 +- 2 files changed, 230 insertions(+), 342 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4f938fc1..792fc709 100644 --- a/package-lock.json +++ b/package-lock.json @@ -27,9 +27,9 @@ "compressorjs": "1.2.1", "crypto-js": "4.2.0", "driver.js": "1.3.1", - "electron-dl": "4.0.0", + "electron-dl": "3.5.2", "electron-log": "5.1.2", - "electron-store": "9.0.0", + "electron-store": "8.2.0", "electron-updater": "6.1.8", "emoji-picker-js": "https://github.com/Qortal/emoji-picker-js", "extract-zip": "2.0.1", @@ -42,12 +42,12 @@ "prosemirror-gapcursor": "1.3.2", "prosemirror-history": "1.4.0", "prosemirror-keymap": "1.2.2", - "prosemirror-model": "1.20.0", + "prosemirror-model": "1.21.0", "prosemirror-schema-list": "1.3.0", "prosemirror-state": "1.4.3", - "prosemirror-transform": "1.8.0", + "prosemirror-transform": "1.9.0", "prosemirror-view": "1.33.6", - "sass": "1.76.0", + "sass": "1.77.0", "short-unique-id": "5.2.0", "xhr2": "0.2.1" }, @@ -102,13 +102,13 @@ "@vaadin/icons": "24.2.9", "@vaadin/password-field": "24.2.9", "@vaadin/tooltip": "24.2.9", - "@zip.js/zip.js": "2.7.43", + "@zip.js/zip.js": "2.7.44", "axios": "1.6.8", "electron": "30.0.2", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", - "eslint-plugin-lit": "1.11.0", + "eslint-plugin-lit": "1.12.0", "eslint-plugin-wc": "2.0.4", "file-saver": "2.0.5", "highcharts": "11.1.0", @@ -618,26 +618,11 @@ "url": "https://github.com/electron/packager?sponsor=1" } }, - "node_modules/@electron/packager/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/@electron/packager/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -645,12 +630,6 @@ "node": ">=10" } }, - "node_modules/@electron/packager/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/@electron/universal": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/@electron/universal/-/universal-2.0.1.tgz", @@ -3712,9 +3691,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "20.12.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.8.tgz", - "integrity": "sha512-NU0rJLJnshZWdE/097cdCBbyW1h4hEg0xpovcoAQYHl8dnEyp/NAOiE45pvc+Bd1Dt+2r94v2eGFpQJ4R7g+2w==", + "version": "20.12.10", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.10.tgz", + "integrity": "sha512-Eem5pH9pmWBHoGAT8Dr5fdc5rYA+4NAovdM4EktRPVAAiJhmWWfQrA0cFhAbOsQdSfIHjAud6YdkbL69+zSKjw==", "devOptional": true, "dependencies": { "undici-types": "~5.26.4" @@ -4020,9 +3999,9 @@ } }, "node_modules/@vaadin/vaadin-development-mode-detector": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/@vaadin/vaadin-development-mode-detector/-/vaadin-development-mode-detector-2.0.6.tgz", - "integrity": "sha512-N6a5nLT/ytEUlpPo+nvdCKIGoyNjPsj3rzPGvGYK8x9Ceg76OTe1xI/GtN71mRW9e2HUScR0kCNOkl1Z63YDjw==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@vaadin/vaadin-development-mode-detector/-/vaadin-development-mode-detector-2.0.7.tgz", + "integrity": "sha512-9FhVhr0ynSR3X2ao+vaIEttcNU5XfzCbxtmYOV8uIRnUCtNgbvMOIcyGBvntsX9I5kvIP2dV3cFAOG9SILJzEA==", "dev": true }, "node_modules/@vaadin/vaadin-lumo-styles": { @@ -4087,9 +4066,9 @@ } }, "node_modules/@zip.js/zip.js": { - "version": "2.7.43", - "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.43.tgz", - "integrity": "sha512-kW7elA/Q1o5xusStfZeysCvheD1SvW3TWDfqTCmoWW4ALBSqKonZSTrQgdEGOUec2U/TLMSGq0SuSMTAxy4gFg==", + "version": "2.7.44", + "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.44.tgz", + "integrity": "sha512-ZzMhAcAyRAYi1FZELsvKaw8I4ADxNTqbiVIjyo/syBe4HGWop9+OADnuBnHpm2TxgXPogxxhhPffOhDD40jUdA==", "dev": true, "engines": { "bun": ">=0.7.0", @@ -4455,18 +4434,6 @@ "url": "https://github.com/sponsors/gjtorikian/" } }, - "node_modules/app-builder-lib/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/app-builder-lib/node_modules/minimatch": { "version": "5.1.6", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", @@ -4489,13 +4456,10 @@ } }, "node_modules/app-builder-lib/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -4503,12 +4467,6 @@ "node": ">=10" } }, - "node_modules/app-builder-lib/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/archiver": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/archiver/-/archiver-5.3.2.tgz", @@ -4644,12 +4602,11 @@ } }, "node_modules/atomically": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/atomically/-/atomically-2.0.3.tgz", - "integrity": "sha512-kU6FmrwZ3Lx7/7y3hPS5QnbJfaohcIul5fGqf7ok+4KklIEk9tJ0C2IQPdacSbVUWv6zVHXEBWoWd6NrVMT7Cw==", - "dependencies": { - "stubborn-fs": "^1.2.5", - "when-exit": "^2.1.1" + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/atomically/-/atomically-1.7.0.tgz", + "integrity": "sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w==", + "engines": { + "node": ">=10.12.0" } }, "node_modules/author-regex": { @@ -5061,9 +5018,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001615", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001615.tgz", - "integrity": "sha512-1IpazM5G3r38meiae0bHRnPhz+CBQ3ZLqbQMtrg+AsTPKAXgW38JNsXkyZ+v8waCsDmPq87lmfun5Q2AGysNEQ==", + "version": "1.0.30001616", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001616.tgz", + "integrity": "sha512-RHVYKov7IcdNjVHJFNY/78RdG4oGVjbayxv8u5IO74Wv7Hlq4PnJE6mo/OjFijjVFNy5ijnCt6H3IIo4t+wfEw==", "dev": true, "funding": [ { @@ -5284,22 +5241,23 @@ "dev": true }, "node_modules/conf": { - "version": "12.0.0", - "resolved": "https://registry.npmjs.org/conf/-/conf-12.0.0.tgz", - "integrity": "sha512-fIWyWUXrJ45cHCIQX+Ck1hrZDIf/9DR0P0Zewn3uNht28hbt5OfGUq8rRWsxi96pZWPyBEd0eY9ama01JTaknA==", + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/conf/-/conf-10.2.0.tgz", + "integrity": "sha512-8fLl9F04EJqjSqH+QjITQfJF8BrOVaYr1jewVgSRAEWePfxT0sku4w2hrGQ60BC/TNLGQ2pgxNlTbWQmMPFvXg==", "dependencies": { - "ajv": "^8.12.0", + "ajv": "^8.6.3", "ajv-formats": "^2.1.1", - "atomically": "^2.0.2", - "debounce-fn": "^5.1.2", - "dot-prop": "^8.0.2", - "env-paths": "^3.0.0", - "json-schema-typed": "^8.0.1", - "semver": "^7.5.4", - "uint8array-extras": "^0.3.0" + "atomically": "^1.7.0", + "debounce-fn": "^4.0.0", + "dot-prop": "^6.0.1", + "env-paths": "^2.2.1", + "json-schema-typed": "^7.0.3", + "onetime": "^5.1.2", + "pkg-up": "^3.1.0", + "semver": "^7.3.5" }, "engines": { - "node": ">=18" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -5320,40 +5278,15 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/conf/node_modules/env-paths": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz", - "integrity": "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==", - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/conf/node_modules/json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==" }, - "node_modules/conf/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/conf/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", - "dependencies": { - "lru-cache": "^6.0.0" - }, + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", "bin": { "semver": "bin/semver.js" }, @@ -5361,11 +5294,6 @@ "node": ">=10" } }, - "node_modules/conf/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" - }, "node_modules/config-file-ts": { "version": "0.2.6", "resolved": "https://registry.npmjs.org/config-file-ts/-/config-file-ts-0.2.6.tgz", @@ -5423,9 +5351,9 @@ } }, "node_modules/config-file-ts/node_modules/minipass": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz", - "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.0.tgz", + "integrity": "sha512-oGZRv2OT1lO2UF1zUcwdTb3wqUwI0kBGTgt/T7OdSj6M6N5m3o5uPf0AIW6lVxGGoiWUR7e2AwTE+xiwK8WQig==", "dev": true, "engines": { "node": ">=16 || 14 >=14.17" @@ -5546,14 +5474,14 @@ } }, "node_modules/debounce-fn": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-5.1.2.tgz", - "integrity": "sha512-Sr4SdOZ4vw6eQDvPYNxHogvrxmCIld/VenC5JbNrFwMiwd7lY/Z18ZFfo+EWNG4DD9nFlAujWAo/wGuOPHmy5A==", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-4.0.0.tgz", + "integrity": "sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==", "dependencies": { - "mimic-fn": "^4.0.0" + "mimic-fn": "^3.0.0" }, "engines": { - "node": ">=12" + "node": ">=10" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -5758,25 +5686,14 @@ } }, "node_modules/dot-prop": { - "version": "8.0.2", - "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-8.0.2.tgz", - "integrity": "sha512-xaBe6ZT4DHPkg0k4Ytbvn5xoxgpG0jOS1dYxSOwAHPuNLjP3/OzN0gH55SrLqpx8cBfSaVt91lXYkApjb+nYdQ==", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-6.0.1.tgz", + "integrity": "sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==", "dependencies": { - "type-fest": "^3.8.0" + "is-obj": "^2.0.0" }, "engines": { - "node": ">=16" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/dot-prop/node_modules/type-fest": { - "version": "3.13.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz", - "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==", - "engines": { - "node": ">=14.16" + "node": ">=10" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -5980,16 +5897,16 @@ } }, "node_modules/electron-dl": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/electron-dl/-/electron-dl-4.0.0.tgz", - "integrity": "sha512-USiB9816d2JzKv0LiSbreRfTg5lDk3lWh0vlx/gugCO92ZIJkHVH0UM18EHvKeadErP6Xn4yiTphWzYfbA2Ong==", + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/electron-dl/-/electron-dl-3.5.2.tgz", + "integrity": "sha512-i104cl+u8yJ0lhpRAtUWfeGuWuL1PL6TBiw2gLf0MMIBjfgE485Ags2mcySx4uWU9P9uj/vsD3jd7X+w1lzZxw==", "dependencies": { "ext-name": "^5.0.0", - "pupa": "^3.1.0", - "unused-filename": "^4.0.1" + "pupa": "^2.0.1", + "unused-filename": "^2.1.0" }, "engines": { - "node": ">=18" + "node": ">=12" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -6103,24 +6020,21 @@ } }, "node_modules/electron-store": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/electron-store/-/electron-store-9.0.0.tgz", - "integrity": "sha512-7LZ2dR3N3bF93G2c4x+1NZ/8fpsKv6bKrMxeOQWLqdRbxvopxVqy9QXQy9axSV2O3P1kVGTj1q2wq5/W4isiOg==", + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/electron-store/-/electron-store-8.2.0.tgz", + "integrity": "sha512-ukLL5Bevdil6oieAOXz3CMy+OgaItMiVBg701MNlG6W5RaC0AHN7rvlqTCmeb6O7jP0Qa1KKYTE0xV0xbhF4Hw==", "dependencies": { - "conf": "^12.0.0", - "type-fest": "^4.18.1" - }, - "engines": { - "node": ">=20" + "conf": "^10.2.0", + "type-fest": "^2.17.0" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/electron-to-chromium": { - "version": "1.4.754", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.754.tgz", - "integrity": "sha512-7Kr5jUdns5rL/M9wFFmMZAgFDuL2YOnanFH4OI4iFzUqyh3XOL7nAGbSlSMZdzKMIyyTpNSbqZsWG9odwLeKvA==", + "version": "1.4.758", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.758.tgz", + "integrity": "sha512-/o9x6TCdrYZBMdGeTifAP3wlF/gVT+TtWJe3BSmtNh92Mw81U9hrYwW9OAGUh+sEOX/yz5e34sksqRruZbjYrw==", "dev": true }, "node_modules/electron-updater": { @@ -6163,24 +6077,10 @@ "node": ">=12" } }, - "node_modules/electron-updater/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/electron-updater/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", - "dependencies": { - "lru-cache": "^6.0.0" - }, + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", "bin": { "semver": "bin/semver.js" }, @@ -6188,11 +6088,6 @@ "node": ">=10" } }, - "node_modules/electron-updater/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" - }, "node_modules/electron/node_modules/@electron/get": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/@electron/get/-/get-2.0.3.tgz", @@ -6290,7 +6185,6 @@ "version": "2.2.1", "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", - "dev": true, "engines": { "node": ">=6" } @@ -6356,14 +6250,11 @@ } }, "node_modules/escape-goat": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-4.0.0.tgz", - "integrity": "sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz", + "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q==", "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=8" } }, "node_modules/escape-string-regexp": { @@ -6431,9 +6322,9 @@ } }, "node_modules/eslint-plugin-lit": { - "version": "1.11.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-lit/-/eslint-plugin-lit-1.11.0.tgz", - "integrity": "sha512-jVqy2juQTAtOzj1ILf+ZW5GpDobXlSw0kvpP2zu2r8ZbW7KISt7ikj1Gw9DhNeirEU1UlSJR0VIWpdr4lzjayw==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-lit/-/eslint-plugin-lit-1.12.0.tgz", + "integrity": "sha512-wADj+b6ZksWs1qqASYBYzi4U6k0Tvhtp4GJupveZ7Z5IfVHMixxFueSSwIl/4ksov4jsahWbyHnhOpvJ5Z8M7w==", "dev": true, "dependencies": { "parse5": "^6.0.1", @@ -7232,28 +7123,12 @@ "node": ">=10.0" } }, - "node_modules/global-agent/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "optional": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/global-agent/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", "dev": true, "optional": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -7261,13 +7136,6 @@ "node": ">=10" } }, - "node_modules/global-agent/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true, - "optional": true - }, "node_modules/globals": { "version": "11.12.0", "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", @@ -7742,6 +7610,14 @@ "node": ">=0.12.0" } }, + "node_modules/is-obj": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz", + "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==", + "engines": { + "node": ">=8" + } + }, "node_modules/is-path-inside": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", @@ -7837,9 +7713,9 @@ } }, "node_modules/jake": { - "version": "10.8.7", - "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz", - "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==", + "version": "10.9.1", + "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.1.tgz", + "integrity": "sha512-61btcOHNnLnsOdtLgA5efqQWjnSi/vow5HbI7HMdKKWqvrKR1bLK3BPlJn9gcSaP2ewuamUSMB5XEy76KUIS2w==", "dev": true, "dependencies": { "async": "^3.2.3", @@ -7972,9 +7848,9 @@ "dev": true }, "node_modules/json-schema-typed": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-8.0.1.tgz", - "integrity": "sha512-XQmWYj2Sm4kn4WeTYvmpKEbyPsL7nBsb647c7pMe6l02/yx2+Jfc4dT6UZkEXnIUb5LhD55r2HPsJ1milQ4rDg==" + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/json-schema-typed/-/json-schema-typed-7.0.3.tgz", + "integrity": "sha512-7DE8mpG+/fVw+dTpjbxnx47TaMnDfOI1jwft9g1VybltZCduyRQPJPvc+zzKY9WPHxhPWczyFuYa6I8Mw4iU5A==" }, "node_modules/json-stable-stringify-without-jsonify": { "version": "1.0.1", @@ -8401,14 +8277,11 @@ } }, "node_modules/mimic-fn": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz", - "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-3.1.0.tgz", + "integrity": "sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==", "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=8" } }, "node_modules/mimic-response": { @@ -8493,6 +8366,14 @@ "node": ">=10" } }, + "node_modules/modify-filename": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/modify-filename/-/modify-filename-1.1.0.tgz", + "integrity": "sha512-EickqnKq3kVVaZisYuCxhtKbZjInCuwgwZWyAmRIp1NTMhri7r3380/uqwrUHfaDiPzLVTuoNy4whX66bxPVog==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/ms": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", @@ -8709,12 +8590,11 @@ } }, "node_modules/p-try": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", - "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==", - "dev": true, + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", + "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", "engines": { - "node": ">=4" + "node": ">=6" } }, "node_modules/parent-module": { @@ -8778,7 +8658,6 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", - "dev": true, "engines": { "node": ">=8" } @@ -8888,6 +8767,73 @@ "node": ">=0.10.0" } }, + "node_modules/pkg-up": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz", + "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==", + "dependencies": { + "find-up": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/pkg-up/node_modules/find-up": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", + "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", + "dependencies": { + "locate-path": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/pkg-up/node_modules/locate-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", + "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", + "dependencies": { + "p-locate": "^3.0.0", + "path-exists": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/pkg-up/node_modules/p-limit": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", + "dependencies": { + "p-try": "^2.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/pkg-up/node_modules/p-locate": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", + "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", + "dependencies": { + "p-limit": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/pkg-up/node_modules/path-exists": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", + "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==", + "engines": { + "node": ">=4" + } + }, "node_modules/plist": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/plist/-/plist-3.1.0.tgz", @@ -9067,9 +9013,9 @@ } }, "node_modules/prosemirror-model": { - "version": "1.20.0", - "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.20.0.tgz", - "integrity": "sha512-q7AY7vMjKYqDCeoedgUiAgrLabliXxndJuuFmcmc2+YU1SblvnOiG2WEACF2lwAZsMlfLpiAilA3L+TWlDqIsQ==", + "version": "1.21.0", + "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.21.0.tgz", + "integrity": "sha512-zLpS1mVCZLA7VTp82P+BfMiYVPcX1/z0Mf3gsjKZtzMWubwn2pN7CceMV0DycjlgE5JeXPR7UF4hJPbBV98oWA==", "dependencies": { "orderedmap": "^2.0.0" } @@ -9140,11 +9086,11 @@ } }, "node_modules/prosemirror-transform": { - "version": "1.8.0", - "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.8.0.tgz", - "integrity": "sha512-BaSBsIMv52F1BVVMvOmp1yzD3u65uC3HTzCBQV1WDPqJRQ2LuHKcyfn0jwqodo8sR9vVzMzZyI+Dal5W9E6a9A==", + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.9.0.tgz", + "integrity": "sha512-5UXkr1LIRx3jmpXXNKDhv8OyAOeLTGuXNwdVfg8x27uASna/wQkr9p6fD3eupGOi4PLJfbezxTyi/7fSJypXHg==", "dependencies": { - "prosemirror-model": "^1.0.0" + "prosemirror-model": "^1.21.0" } }, "node_modules/prosemirror-view": { @@ -9189,17 +9135,14 @@ } }, "node_modules/pupa": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/pupa/-/pupa-3.1.0.tgz", - "integrity": "sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz", + "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==", "dependencies": { - "escape-goat": "^4.0.0" + "escape-goat": "^2.0.0" }, "engines": { - "node": ">=12.20" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=8" } }, "node_modules/pwa-helpers": { @@ -9342,6 +9285,15 @@ "node": ">=4" } }, + "node_modules/read-pkg-up/node_modules/p-try": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz", + "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==", + "dev": true, + "engines": { + "node": ">=4" + } + }, "node_modules/read-pkg-up/node_modules/path-exists": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz", @@ -9749,9 +9701,9 @@ } }, "node_modules/sass": { - "version": "1.76.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.76.0.tgz", - "integrity": "sha512-nc3LeqvF2FNW5xGF1zxZifdW3ffIz5aBb7I7tSvOoNu7z1RQ6pFt9MBuiPtjgaI62YWrM/txjWlOCFiGtf2xpw==", + "version": "1.77.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.0.tgz", + "integrity": "sha512-eGj4HNfXqBWtSnvItNkn7B6icqH14i3CiCGbzMKs3BAPTq62pp9NBYsBgyN4cA+qssqo9r26lW4JSvlaUUWbgw==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -9885,26 +9837,11 @@ "node": ">=10" } }, - "node_modules/simple-update-notifier/node_modules/lru-cache": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", - "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", - "dev": true, - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/simple-update-notifier/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -9912,12 +9849,6 @@ "node": ">=10" } }, - "node_modules/simple-update-notifier/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true - }, "node_modules/slash": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz", @@ -10200,11 +10131,6 @@ "node": ">=0.10.0" } }, - "node_modules/stubborn-fs": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/stubborn-fs/-/stubborn-fs-1.2.5.tgz", - "integrity": "sha512-H2N9c26eXjzL/S/K+i/RHHcFanE74dptvvjM8iwzwbVcWY/zjBbgRqF3K0DY4+OD+uTTASTBvDoxPDaPN02D7g==" - }, "node_modules/sumchecker": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz", @@ -10483,11 +10409,11 @@ } }, "node_modules/type-fest": { - "version": "4.18.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.18.1.tgz", - "integrity": "sha512-qXhgeNsX15bM63h5aapNFcQid9jRF/l3ojDoDFmekDQEUufZ9U4ErVt6SjDxnHp48Ltrw616R8yNc3giJ3KvVQ==", + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", + "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", "engines": { - "node": ">=16" + "node": ">=12.20" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -10511,17 +10437,6 @@ "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz", "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==" }, - "node_modules/uint8array-extras": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/uint8array-extras/-/uint8array-extras-0.3.0.tgz", - "integrity": "sha512-erJsJwQ0tKdwuqI0359U8ijkFmfiTcq25JvvzRVc1VP+2son1NJRXhxcAKJmAW3ajM8JSGAfsAXye8g4s+znxA==", - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/undici-types": { "version": "5.26.5", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", @@ -10537,43 +10452,21 @@ } }, "node_modules/unused-filename": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/unused-filename/-/unused-filename-4.0.1.tgz", - "integrity": "sha512-ZX6U1J04K1FoSUeoX1OicAhw4d0aro2qo+L8RhJkiGTNtBNkd/Fi1Wxoc9HzcVu6HfOzm0si/N15JjxFmD1z6A==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/unused-filename/-/unused-filename-2.1.0.tgz", + "integrity": "sha512-BMiNwJbuWmqCpAM1FqxCTD7lXF97AvfQC8Kr/DIeA6VtvhJaMDupZ82+inbjl5yVP44PcxOuCSxye1QMS0wZyg==", "dependencies": { - "escape-string-regexp": "^5.0.0", - "path-exists": "^5.0.0" + "modify-filename": "^1.1.0", + "path-exists": "^4.0.0" }, "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/unused-filename/node_modules/escape-string-regexp": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz", - "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/unused-filename/node_modules/path-exists": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz", - "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==", - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + "node": ">=8" } }, "node_modules/update-browserslist-db": { - "version": "1.0.14", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.14.tgz", - "integrity": "sha512-JixKH8GR2pWYshIPUg/NujK3JO7JiqEEUiNArE86NQyrgUuZeTlZQN3xuS/yiV5Kb48ev9K6RqNkaJjXsdg7Jw==", + "version": "1.0.15", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.15.tgz", + "integrity": "sha512-K9HWH62x3/EalU1U6sjSZiylm9C8tgq2mSvshZpqc7QE69RaA2qjhkW2HlNA0tFpEbtyFz7HTqbSdN4MSwUodA==", "dev": true, "funding": [ { @@ -10657,11 +10550,6 @@ "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz", "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==" }, - "node_modules/when-exit": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/when-exit/-/when-exit-2.1.2.tgz", - "integrity": "sha512-u9J+toaf3CCxCAzM/484qNAxQE75rFdVgiFEEV8Xps2gzYhf0tx73s1WXDQhkwV17E3MxRMz40m7Ekd2/121Lg==" - }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", diff --git a/package.json b/package.json index 21b90589..019ccee1 100644 --- a/package.json +++ b/package.json @@ -49,9 +49,9 @@ "compressorjs": "1.2.1", "crypto-js": "4.2.0", "driver.js": "1.3.1", - "electron-dl": "4.0.0", + "electron-dl": "3.5.2", "electron-log": "5.1.2", - "electron-store": "9.0.0", + "electron-store": "8.2.0", "electron-updater": "6.1.8", "emoji-picker-js": "https://github.com/Qortal/emoji-picker-js", "extract-zip": "2.0.1", @@ -64,12 +64,12 @@ "prosemirror-gapcursor": "1.3.2", "prosemirror-history": "1.4.0", "prosemirror-keymap": "1.2.2", - "prosemirror-model": "1.20.0", + "prosemirror-model": "1.21.0", "prosemirror-schema-list": "1.3.0", "prosemirror-state": "1.4.3", - "prosemirror-transform": "1.8.0", + "prosemirror-transform": "1.9.0", "prosemirror-view": "1.33.6", - "sass": "1.76.0", + "sass": "1.77.0", "short-unique-id": "5.2.0", "xhr2": "0.2.1" }, @@ -124,13 +124,13 @@ "@vaadin/icons": "24.2.9", "@vaadin/password-field": "24.2.9", "@vaadin/tooltip": "24.2.9", - "@zip.js/zip.js": "2.7.43", + "@zip.js/zip.js": "2.7.44", "axios": "1.6.8", "electron": "30.0.2", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", - "eslint-plugin-lit": "1.11.0", + "eslint-plugin-lit": "1.12.0", "eslint-plugin-wc": "2.0.4", "file-saver": "2.0.5", "highcharts": "11.1.0", From 62579a8929dacf6c40320ee46f3f7a107cac2d02 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Wed, 8 May 2024 18:38:02 +0200 Subject: [PATCH 19/26] Update us.json --- core/language/us.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/core/language/us.json b/core/language/us.json index 85af3543..f67afad4 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -92,7 +92,7 @@ "login": { "login": "Log In", "createaccount": "Create Account", - "name": "Display Name", + "name": "Name", "address": "Address", "password": "Password", "youraccounts": "Your accounts", From 8f8e6255744a50bbd198bc4f76d337018b838ac9 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Thu, 9 May 2024 10:17:28 +0200 Subject: [PATCH 20/26] Fix broken links for readd a plugin --- core/src/components/show-plugin.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/core/src/components/show-plugin.js b/core/src/components/show-plugin.js index 98fa307f..a5e965a9 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -1597,19 +1597,19 @@ class NavBar extends connect(store)(LitElement) { } else if (this.pluginType === 'reward-share') { this.pluginPage = 'reward-share/index.html' } else if (this.pluginType === 'q-chat') { - this.pluginPage = 'messaging/q-chat/index.html' + this.pluginPage = 'q-chat/index.html' } else if (this.pluginType === 'name-registration') { this.pluginPage = 'name-registration/index.html' } else if (this.pluginType === 'names-market') { this.pluginPage = 'names-market/index.html' } else if (this.pluginType === 'websites') { - this.pluginPage = 'qdn/index.html' + this.pluginPage = 'q-website/index.html' } else if (this.pluginType === 'qapps') { this.pluginPage = 'q-app/index.html' } else if (this.pluginType === 'group-management') { this.pluginPage = 'group-management/index.html' } else if (this.pluginType === 'data-management') { - this.pluginPage = 'qdn/data-management/index.html' + this.pluginPage = 'data-management/index.html' } else if (this.pluginType === 'puzzles') { this.pluginPage = 'puzzles/index.html' } else if (this.pluginType === 'node-management') { From 33c74b77b163d37e37704f6b2f57bb7e8000444d Mon Sep 17 00:00:00 2001 From: crowetic <5431064+crowetic@users.noreply.github.com> Date: Thu, 9 May 2024 08:51:55 -0700 Subject: [PATCH 21/26] Updated translations --- core/language/de.json | 82 +++++++-------- core/language/es.json | 78 +++++++------- core/language/et.json | 54 +++++----- core/language/fi.json | 38 +++---- core/language/fr.json | 58 +++++----- core/language/hindi.json | 28 ++--- core/language/hr.json | 24 ++--- core/language/hu.json | 22 ++-- core/language/it.json | 16 +-- core/language/jp.json | 26 ++--- core/language/ko.json | 38 +++---- core/language/nl.json | 64 +++++------ core/language/no.json | 30 +++--- core/language/pl.json | 48 ++++----- core/language/pt.json | 56 +++++----- core/language/ro.json | 56 +++++----- core/language/rs.json | 30 +++--- core/language/ru.json | 22 ++-- core/language/us.json | 222 +++++++++++++++++++-------------------- core/language/zhc.json | 42 ++++---- core/language/zht.json | 40 +++---- 21 files changed, 537 insertions(+), 537 deletions(-) diff --git a/core/language/de.json b/core/language/de.json index 22ed7bf3..b1f0b8e2 100644 --- a/core/language/de.json +++ b/core/language/de.json @@ -80,7 +80,7 @@ "tm32": "Diesem Konto folgt keinem Benutzer", "tm33": "Registerkartenmenü importieren", "tm34": "Registerkartenmenü Exportieren", - "tm35": "Ihr vorhandenes Tab-Menü wird gelöscht und auf das hochgeladene Tab-Menü gesetzt.", + "tm35": "Ihr vorhandenes Tab-Menü wird gelöscht und auf das importiert Tab-Menü gesetzt.", "tm36": "Tab-Menü erfolgreich wiederhergestellt", "tm37": "Tab-Menü erfolgreich gespeichert als", "tm38": "DEV-MODUS", @@ -98,43 +98,43 @@ "youraccounts": "Ihre Konten", "clickto": "Klicken Sie auf Ihr Konto, um sich damit anzumelden", "needcreate": "Sie müssen ein Konto erstellen oder speichern, bevor Sie sich anmelden können!", - "upload": "Laden Sie Ihr Qortal-Backup hoch", + "upload": "Importieren Sie Ihre Qortal Backup-Datei", "howlogin": "Wie möchten Sie sich anmelden?", "seed": "Seedphrase", "seedphrase": "seedphrase", "saved": "Gespeichertes Konto", - "qora": "Qora Adresssamen", - "backup": "Qortal wallet backup", - "decrypt": "Entschlüssel Sicherung", + "qora": "QORA Adresssamen", + "backup": "Qortal-Sicherungsdatei", + "decrypt": "Sicherungsdatei entschlüsseln", "save": "In diesem Browser speichern.", - "prepare": "Vorbereiten Ihres Kontos", - "areyousure": "Möchten Sie dieses Wallet wirklich aus den gespeicherten Wallets entfernen?", - "error1": "Sicherung muss gültiges JSON format sein", + "prepare": "Vorbereiten Ihres Kontos...", + "areyousure": "Möchten Sie dieses Wallet wirklich aus den gespeicherten Wallets entfernen? (Wenn es entfernt wird und keine Sicherungsdatei vorhanden ist, könnte das Konto für immer verloren gehen! Stellen Sie sicher, dass Sie über eine Sicherungsdatei verfügen, bevor Sie dies tun!)", + "error1": "Die Sicherungsdatei muss gültiges JSON sein", "error2": "Anmeldeoption nicht ausgewählt", - "createwelcome": "Willkommen bei Qortal, Sie werden feststellen, dass es dem eines RPG-Spiels ähnelt. Sie als Minter im Qortal-Netzwerk (wenn Sie sich dafür entscheiden, einer zu werden) haben die Möglichkeit, Ihr Konto zu verbessern, wodurch Sie mehr von der QORT-Block-Belohnung haben und auch einen größeren Einfluss auf das Netzwerk in Bezug auf die Abstimmung über Entscheidungen für die Plattform zu haben.", + "createwelcome": "Willkommen bei Qortal! Ihre dezentrale digitale Zukunft erwartet Sie! Nur bei Qortal haben Sie die absolute Kontrolle über Ihre Daten. Qortal bietet die Basisebene einer neuen, vollständig benutzergesteuerten digitalen Welt.", "createa": "Eine", "click": "Klicken Sie hier, um die Seedphrase anzuzeigen", "confirmpass": "Passwort bestätigen", - "willbe": "wird zufällig im Hintergrund generiert. Diese wird als Ihr privater Schlüsselgenerator für Ihr Blockchain-Konto in Qortal verwendet.", + "willbe": "wird zufällig im Hintergrund generiert. Wenn Sie die Seedphrase ANZEIGEN möchten, klicken Sie in diesem Text auf die hervorgehobene „Seedphrase“. Dies wird als Ihr privater Schlüsselgenerator für Ihr Blockchain-Konto in Qortal verwendet. Aus Sicherheitsgründen werden Seedphrases standardmäßig nicht angezeigt, es sei denn, dies wurde ausdrücklich ausgewählt.", "clicknext": "Erstellen Sie Ihr Qortal-Konto, indem Sie unten auf WEITER klicken.", - "ready": "Ihr Konto kann jetzt erstellt werden. Es wird in diesem Browser gespeichert. Wenn Sie nicht möchten, dass Ihr neues Konto in Ihrem Browser gespeichert wird, können Sie das Kontrollkästchen unten deaktivieren. Sie können sich weiterhin mit Ihrem neuen Konto anmelden (nachdem Sie sich abgemeldet haben), indem Sie Ihre Brieftaschen-Sicherungsdatei verwenden, die Sie herunterladen MÜSSEN, sobald Sie Ihr Konto erstellt haben.", + "ready": "Ihr Konto kann jetzt erstellt werden. Es wird standardmäßig in verschlüsselter Form in dieser Kopie der Qortal-Benutzeroberfläche gespeichert. Wenn Sie nicht möchten, dass Ihr neues Konto hier gespeichert wird, können Sie das Kontrollkästchen unten deaktivieren. Sie können sich weiterhin mit Ihrem neuen Konto anmelden (nachdem Sie sich abgemeldet haben) und dabei Ihre Wallet-Sicherungsdatei verwenden, die Sie nach der Erstellung Ihres Kontos unbedingt herunterladen müssen.", "welmessage": "Willkommen bei Qortal", "pleaseenter": "Bitte Passwort eingeben!", - "notmatch": "Passwörter stimmen nicht überein!", + "notmatch": "Hoppla! Passwörter stimmen nicht überein! Versuchen Sie es erneut!", "lessthen8": "Ihr Passwort hat weniger als 5 Zeichen! Dies wird nicht empfohlen. Sie können diese Warnung weiterhin ignorieren.", "lessthen8-2": "Ihr Passwort hat weniger als 5 Zeichen!", - "entername": "Bitte geben Sie einen Namen ein!", - "downloaded": "Ihre Wallet BackUp-Datei wird heruntergeladen!", + "entername": "Bitte geben Sie einen Anzeigenamen ein!", + "downloaded": "Ihre Wallet-Backup-Datei wurde gespeichert!", "loading": "Wird geladen, bitte warten...", - "createdseed": "Ihre erstellte Seedphrase", + "createdseed": "Ihre erstellte Seedphrase:", "saveseed": "Seedphrase speichern", - "savein": "Im Browser speichern", - "backup2": "Diese Datei ist die EINZIGE Möglichkeit, auf Ihr Konto auf einem System zuzugreifen, auf dem das Konto nicht in der App oder im Browser gespeichert ist. SICHERN SIE DIESE DATEI AN MEHREREN ORTEN. Die Datei wird sehr sicher verschlüsselt und mit Ihrem lokalen Passwort, das Sie im vorherigen Schritt erstellt haben, entschlüsselt. Sie können es überall sicher speichern, aber stellen Sie sicher, dass Sie dies an mehreren Orten tun.", + "savein": "Speichern Sie in dieser Benutzeroberfläche", + "backup2": "Diese Datei ist (standardmäßig) die EINZIGE Möglichkeit, auf Ihr Konto zuzugreifen, sofern sie nicht in der Benutzeroberfläche gespeichert wird. Stellen Sie sicher, dass Sie diese Datei an mehreren Orten sichern. Die Datei wird sehr sicher verschlüsselt und mit Ihrem lokalen Passwort, das Sie im vorherigen Schritt erstellt haben, entschlüsselt. Sie können es überall sicher speichern, aber achten Sie darauf, dass Sie dies an mehreren Orten tun.", "savewallet": "Speichern Sie die Wallet-Sicherungsdatei", "created1": "Ihr Konto ist jetzt erstellt", - "created2": " und wird in diesem Browser gespeichert.", - "downloadbackup": "Laden Sie die Wallet-Sicherungsdatei herunter", - "passwordhint": "Ein Passwort muss mindestens 5 Zeichen lang sein.", + "created2": " und in verschlüsselter Form in dieser Benutzeroberfläche gespeichert.", + "downloadbackup": "Speichern Sie die Wallet-BackUp-Datei", + "passwordhint": "Das Passwort muss mindestens 5 Zeichen lang sein.", "lp1": "Bildschirm sperren", "lp2": "Es ist kein Passwort für den Sperrbildschirm festgelegt!", "lp3": "Bitte legen Sie eins fest", @@ -163,8 +163,8 @@ "confirmlogout": "Möchten Sie sich wirklich abmelden?" }, "fragfile": { - "selectfile": "Datei auswählen", - "dragfile": "Backup per Drag-and-Drop hierher ziehen" + "selectfile": "Wählen Sie die Sicherungsdatei aus", + "dragfile": "Ziehen Sie die Datei per Drag-and-Drop oder klicken Sie hier, um die Sicherungsdatei auszuwählen" }, "settings": { "generalinfo": "Allgemeine Kontoinformationen", @@ -181,19 +181,19 @@ "notifications": "Benachrichtigungen", "accountsecurity": "Konto Sicherheit", "password": "Passwort", - "download": "Sicherungsdatei herunterladen", - "choose": "Bitte wählen Sie ein Passwort, um Ihr Backup zu verschlüsseln. (Dies kann dasselbe sein wie das, mit dem Sie sich angemeldet haben, oder ein anderes)", + "download": "Sicherungsdatei exportieren/speichern", + "choose": "Bitte geben Sie ein Passwort ein, um Ihre Sicherungsdatei zu verschlüsseln. (Dies kann dasselbe sein wie das, mit dem Sie sich angemeldet haben, oder ein neues.)", "playsound": "Ton abspielen", "shownotifications": "Zeige Benachrichtigungen", "nodeurl": "Knotenverbindung", - "nodehint": "Wählen Sie einen Knoten aus der Standardliste der Knoten oben aus oder fügen Sie der obigen Liste einen benutzerdefinierten Knoten hinzu, indem Sie auf die Schaltfläche unten klicken", + "nodehint": "Wählen Sie einen Knoten aus der Standardliste aus oder fügen Sie der Liste einen benutzerdefinierten Knoten hinzu, indem Sie auf die Schaltfläche unten klicken", "addcustomnode": "Benutzerdefinierten Knoten hinzufügen", "addandsave": "Hinzufügen und speichern", "protocol": "Protokoll", "domain": "Domain", "port": "Port", - "import": "Knoten Importieren", - "export": "Knoten Exportieren", + "import": "Gespeicherte Knoten importieren", + "export": "Gespeicherte Knoten exportieren", "deletecustomnode": "Alle benutzerdefinierten Knoten entfernen", "warning": "Ihre bestehenden Knoten werden gelöscht und aus dem Backup neu erstellt.", "snack1": "Benutzerdefinierten Knoten erfolgreich gelöscht und Standardknoten hinzugefügt", @@ -203,17 +203,17 @@ "snack5": "Knoten erfolgreich importiert", "snack6": "Benutzerdefinierter Knoten erfolgreich entfernt", "snack7": "Benutzerdefinierter Knoten erfolgreich bearbeitet", - "exp1": "Privaten Hauptschlüssel exportieren", + "exp1": "Master-Privatschlüssel exportieren (xpriv)", "exp2": "Hauptschlüssel exportieren", "exp3": "Exportieren", - "exp4": "Bitte wählen Sie eine Brieftasche aus, um den privaten Hauptschlüssel zu sichern.", - "core": "Core-Einstellungen starten", + "exp4": "Bitte wählen Sie eine Wallet aus, um den privaten Master-Schlüssel zu sichern/exportieren.", + "core": "Grundlegende Autostart-Einstellungen", "qappNotification1": "Q-App Benachrichtigungen", "selectnode": "Bitte wählen Sie eine Option", "arrr1": "ARRR-Wallet nicht initialisiert!", - "arrr2": "Bitte gehen Sie zur Registerkarte „Wallet“ und initialisieren Sie zuerst Ihre arrr-Wallet.", + "arrr2": "Bitte gehen Sie zur Registerkarte „Wallet“ und greifen Sie auf das ARRR-Wallet zu, um zuerst das Wallet zu initialisieren.", "arrr3": "Core-Update erforderlich!", - "arrr4": "Um den privaten Schlüssel Ihrer arrr-Wallet zu speichern, benötigen Sie zuerst ein Core-Update!", + "arrr4": "Um den privaten Schlüssel Ihres ARRR-Wallets zu speichern, müssen Sie zunächst den Qortal Core aktualisieren!", "sync_indicator": "Synchronisierungsanzeige-Popup deaktivieren" }, "appinfo": { @@ -283,15 +283,15 @@ }, "startminting": { "smchange1": "Prägekonten können nicht abgerufen werden", - "smchange2": "Schlüssel konnte nicht entfernt werden", - "smchange3": "Prägeschlüssel konnte nicht hinzugefügt werden", + "smchange2": "Minting-Schlüssel konnte nicht entfernt werden", + "smchange3": "Das Hinzufügen des Minting-Schlüssels ist fehlgeschlagen. Wenn der Schlüssel gerade erstellt wurde, warten Sie ein paar Blöcke und fügen Sie ihn erneut hinzu", "smchange4": "Sponsorship-Schlüssel kann nicht erstellt werden", "smchange5": "Beziehung schaffen", "smchange6": "Warten auf Bestätigung in der Blockchain", "smchange7": "Beziehung beenden", "smchange8": "Prägeschlüssel zum Knoten hinzufügen", "smchange9": "Vollständig", - "smchange10": "Pro Node sind nur 2 Minting Keys erlaubt, Sie versuchen 3 Keys zuzuweisen, gehen Sie bitte zu Management - Node Management und entfernen Sie den Key, den Sie diesem Node nicht zuweisen möchten, danke!" + "smchange10": "Pro Knoten sind nur 2 Minting-Schlüssel zulässig. Sie versuchen, 3 Schlüssel zuzuweisen. Gehen Sie bitte zur Knotenverwaltung und entfernen Sie alle unnötigen Schlüssel. Vielen Dank!" }, "mintingpage": { "mchange1": "Allgemeine Prägedetails", @@ -466,10 +466,10 @@ "rchange6": "Empfänger", "rchange7": "Aktion", "rchange8": "Typ", - "rchange9": "Level 1 - 4 können einen Self Share erstellen und Level 5 oder höher können einen Reward Share erstellen!", + "rchange9": "Die Stufen 1–4 können nur Self-Share-(Minting-)Schlüssel erstellen. Nur Level 5 oder höher kann einen Prämienanteil erstellen!", "rchange10": "Öffentlicher Schlüssel des Empfängers", "rchange11": "Belohnungsanteil in Prozent", - "rchange12": "Mache Etwas Leckeres", + "rchange12": "Angeforderter Befehl wird ausgeführt...", "rchange13": "Füge Minting Konto hinzu", "rchange14": "Hinzufügen", "rchange15": "Dieses Konto ist nicht an Belohnungsanteile beteiligt", @@ -507,12 +507,12 @@ "nchange23": "Verkaufspreis", "nchange24": "Keine Namen zu verkaufen", "nchange25": "Name zu verkaufen", - "nchange26": "Sind Sie sicher, dass Sie diesen Namen verkaufen möchten?", + "nchange26": "Sind Sie sicher, dass Sie diesen Namen verkaufen möchten? Wenn der Name von einem anderen Konto gekauft wird, liegt dies außerhalb Ihrer Kontrolle!", "nchange27": "Für diesen Preis in QORT", - "nchange28": "Beim Drücken auf Bestätigen wird die Anfrage zum Verkauf gesendet!", + "nchange28": "Wenn Sie auf „Bestätigen“ klicken, wird Ihr Name zum Verkauf angeboten!", "nchange29": "Name zu stornieren", "nchange30": "Sind Sie sicher, den Verkauf für diesen Namen abzubrechen?", - "nchange31": "Beim Drücken auf Bestätigen wird die Anfrage zum Stornieren des Verkaufs gesendet!", + "nchange31": "Wenn Sie auf „Bestätigen“ klicken, wird der Namensverkauf abgebrochen!", "nchange32": "Namensverkaufsanfrage erfolgreich!", "nchange33": "Verkaufsnamensanfrage erfolgreich stornieren!", "nchange34": "Kaufname-Anfrage erfolgreich!", @@ -549,7 +549,7 @@ "schange15": "Blockierte Webseiten", "schange16": "Sie haben keine Webseiten blockiert", "schange17": "Name nicht gefunden!", - "schange18": "Der Relay-Modus ist aktiviert. Dies bedeutet, dass Ihr Knoten dabei hilft, verschlüsselte Daten im Netzwerk zu transportieren, wenn ein Peer sie anfordert. Sie können sich per Einstellung abmelden, ändern Sie", + "schange18": "Der Relaismodus ist aktiviert. Das bedeutet, dass Ihr Knoten dabei hilft, VERSCHLÜSSELTE/CHUNKIERTE Daten im Netzwerk zu transportieren, wenn ein Peer dies anfordert. Sie können sich per Einstellung abmelden", "schange19": "in", "schange20": "Der Relay-Modus ist deaktiviert. Sie können es durch Einstellung aktivieren, ändern Sie", "schange21": "Webseite veröffentlichen", diff --git a/core/language/es.json b/core/language/es.json index 37197694..55a16689 100644 --- a/core/language/es.json +++ b/core/language/es.json @@ -80,7 +80,7 @@ "tm32": "Esta cuenta no sigue a ningún usuario", "tm33": "Menú de pestaña Importar", "tm34": "Menú de pestaña Exportar", - "tm35": "Tu menú de pestañas existente se eliminará y se establecerá en el menú de pestañas cargado.", + "tm35": "Su menú de pestañas existente se eliminará y se configurará como menú de pestañas importado.", "tm36": "Menú de pestañas restaurado con éxito", "tm37": "Menú de pestañas guardado correctamente como", "tm38": "MODO DEV", @@ -103,37 +103,37 @@ "seed": "Frasesemilla", "seedphrase": "frasesemilla", "saved": "Cuenta guardada", - "qora": "Frase semilla de la dirección Qora", - "backup": "Copia de seguridad del monedero Qortal", - "decrypt": "Descifrar copia de seguridad", + "qora": "Frase semilla de la dirección QORA", + "backup": "Archivo de copia de seguridad Qortal", + "decrypt": "Descifrar archivo de copia de seguridad", "save": "Guardar en este navegador.", - "prepare": "Preparando tu cuenta", - "areyousure": "¿Está seguro que desea eliminar este monedero de los monederos guardados?", + "prepare": "Preparando tu cuenta...", + "areyousure": "¿Está seguro de que desea eliminar esta billetera de las billeteras guardadas? (Si se elimina y no existe un archivo de respaldo, la cuenta podría perderse para siempre. ¡Asegúrese de tener un archivo de respaldo antes de hacer esto!)", "error1": "La copia de seguridad tiene que ser un JSON válido", "error2": "Opción de inicio de sesión no seleccionada", - "createwelcome": "Bienvenido a Qortal, encontrarás que es similar a un juego de rol, usted, como minero en la red Qortal (si decide convertirse en uno) tendrá la oportunidad de subir de nivel su cuenta, dándole más de la recompensa del bloque QORT y también una mayor influencia sobre la red en términos de votación sobre las decisiones en la plataforma.", + "createwelcome": "¡Bienvenidos a Qortal! ¡Tu futuro digital descentralizado te espera! En Qortal sólo tú tienes control absoluto sobre tus datos. Qortal proporciona el nivel básico de un mundo digital nuevo y totalmente controlado por el usuario.", "createa": "A", "click": "Haz clic para ver la frasesemilla", "confirmpass": "Confirmar Contraseña", - "willbe": "Se generará aleatoriamente en segundo plano. Esto se utiliza como su generador de clave privada para su cuenta de blockchain en Qortal.", + "willbe": "se generará aleatoriamente en segundo plano. Si desea VER la frase inicial, haga clic en la 'frase inicial' resaltada en este texto. Esto se utiliza como su generador de clave privada para su cuenta blockchain en Qortal. Por seguridad, de forma predeterminada, las frases iniciales no se muestran a menos que se elijan específicamente para ello.", "clicknext": "Crea tu cuenta Qortal haciendo clic en SIGUIENTE a continuación", - "ready": "Su cuenta está lista para ser creada. Será guardada en este navegador. Si no quiere que su nueva cuenta sea guardada en el navegador, puede desmarcar la casilla de abajo. Podrá seguir accediendo con su nueva cuenta (después de cerrar la sesión), utilizando el archivo de copia de seguridad de su monedero que DEBE descargar una vez que haya creado su cuenta.", + "ready": "Su cuenta ahora está lista para ser creada. Se guardará dentro de esta copia de la interfaz de usuario de Qortal de forma predeterminada, en forma cifrada. Si no desea que su nueva cuenta se guarde aquí, puede desmarcar la casilla a continuación. Aún podrá iniciar sesión con su nueva cuenta (después de cerrar sesión), utilizando el archivo de respaldo de su billetera que DEBE descargar una vez que cree su cuenta.", "welmessage": "Bienvenido a Qortal", "pleaseenter": "Por favor, introduzca una Contraseña!", - "notmatch": "Las contraseñas no coinciden!", + "notmatch": "¡Ups! ¡Las contraseñas no coinciden! ¡Intentar otra vez!", "lessthen8": "Su contraseña tiene menos de 5 caracteres! Esto no es recomendable. Puede continuar para ignorar esta advertencia.", "lessthen8-2": "Su contraseña tiene menos de 5 caracteres!", - "entername": "Por favor, introduzca un Nombre!", - "downloaded": "La copia de seguridad de su monedero ha sido descargada!", + "entername": "¡Ingrese un nombre para mostrar!", + "downloaded": "¡Se guardó su archivo de copia de seguridad de Wallet!", "loading": "Cargando, Por favor espere...", - "createdseed": "Su Frasesemilla creada", + "createdseed": "Su Frasesemilla creada:", "saveseed": "Guardar Frasesemilla", - "savein": "Guardar en el navegador", + "savein": "Guardar en esta UI", "backup2": "Este archivo es la ÚNICA manera de acceder a su cuenta en un sistema que no lo tenga guardado en la aplicación/navegador. ASEGÚRATE DE HACER UNA COPIA DE SEGURIDAD DE ESTE ARCHIVO EN VARIOS LUGARES. El archivo está encriptado de forma muy segura y descifrado con su contraseña local que creó en el paso anterior. Puedes guardarlo en cualquier lugar de forma segura, pero asegúrate de hacerlo en múltiples lugares.", "savewallet": "Guardar archivo de copia de seguridad del monedero", "created1": "Su cuenta ha sido creada", - "created2": " y será guardada en el navegador.", - "downloadbackup": "Descargar archivo de copia de seguridad del monedero", + "created2": " y guardado en esta interfaz de usuario en forma cifrada.", + "downloadbackup": "Guardar archivo de respaldo de Wallet", "passwordhint": "Una contraseña debe tener al menos 5 caracteres.", "lp1": "Pantalla de bloqueo", "lp2": "¡No se estableció una contraseña de pantalla de bloqueo!", @@ -163,8 +163,8 @@ "confirmlogout": "¿Está seguro que desea cerrar sesión?" }, "fragfile": { - "selectfile": "Seleccione un archivo", - "dragfile": "Arrastra y suelta la copia de seguridad aquí" + "selectfile": "Seleccionar archivo de respaldo", + "dragfile": "Arrastre y suelte o haga clic aquí para seleccionar el archivo de respaldo" }, "settings": { "generalinfo": "Información General de la Cuenta", @@ -181,19 +181,19 @@ "notifications": "Notificaciones", "accountsecurity": "Seguridad de la Cuenta", "password": "Contraseña", - "download": "Descargar copia de seguridad", - "choose": "Por favor, elija una contraseña para cifrar su copia de seguridad. (Puede ser la misma con la que ha iniciado la sesión, o diferente)", + "download": "Exportar/guardar archivo de copia de seguridad", + "choose": "Elija una contraseña para cifrar su archivo de copia de seguridad. (Este puede ser el mismo con el que inició sesión o uno nuevo).", "playsound": "Reproducir Sonido", "shownotifications": "Mostrar Notificaciones", "nodeurl": "URL del Nodo", - "nodehint": "Seleccione un nodo de la lista predeterminada de nodos de arriba o añada un nodo personalizado a la lista de arriba haciendo clic en el botón de abajo", + "nodehint": "Seleccione un nodo de la lista predeterminada o agregue un nodo personalizado a la lista haciendo clic en el botón a continuación", "addcustomnode": "Añadir un Nodo Personalizado", "addandsave": "Añadir Y Guardar", "protocol": "Protocolo", "domain": "Dominio", "port": "Puerto", - "import": "Importar Nodos", - "export": "Exportar Nodos", + "import": "Importar nodos guardados", + "export": "Exportar Nodos guardados", "deletecustomnode": "Eliminar todos los nodos personalizados", "warning": "Sus nodos existentes se eliminarán y se crearán nuevos a partir de la copia de seguridad.", "snack1": "Nodos estándar eliminados y agregados con éxito", @@ -203,17 +203,17 @@ "snack5": "Nodos importados con éxito", "snack6": "Nodo personalizado eliminado exitosamente", "snack7": "Nodo personalizado editado con éxito", - "exp1": "Exportar clave maestra privada", + "exp1": "Exportar clave privada maestra (xpriv)", "exp2": "Exportar clave maestra", "exp3": "Exportar", - "exp4": "Elija una billetera para hacer una copia de seguridad de la clave maestra privada.", - "core": "Iniciar configuración básica", + "exp4": "Elija una billetera para hacer una copia de seguridad de la clave privada maestra.", + "core": "Configuración principal de inicio automático", "qappNotification1": "Notificaciones de Q-App", "selectnode": "Por favor seleccione una opción", "arrr1": "¡Cartera ARRR no inicializada!", - "arrr2": "Por favor, vaya a la pestaña de billetera e inicialice su billetera arrr primero.", + "arrr2": "Vaya a la pestaña de billetera y acceda a la billetera ARRR para inicializar la billetera primero.", "arrr3": "¡Necesita actualización principal!", - "arrr4": "¡Para guardar la clave privada de tu billetera arrr, primero necesitas una actualización básica!", + "arrr4": "¡Para guardar la clave privada de su billetera ARRR, primero debe actualizar Qortal Core!", "sync_indicator": "Desactivar la ventana emergente del indicador de sincronización" }, "appinfo": { @@ -283,15 +283,15 @@ }, "startminting": { "smchange1": "No se pueden obtener cuentas de acuñación", - "smchange2": "No se pudo quitar la clave", - "smchange3": "No se pudo agregar la clave de acuñación", + "smchange2": "No se pudo eliminar la clave de acuñación", + "smchange3": "No se pudo agregar la clave de acuñación. Si la clave se acaba de crear, intente esperar unos bloques y agregarla nuevamente.", "smchange4": "No se puede crear la clave de patrocinio", "smchange5": "Creando relación", "smchange6": "En espera de confirmación en blockchain", "smchange7": "Terminando la relación", "smchange8": "Agregar clave de acuñación al nodo", "smchange9": "Completo", - "smchange10": "Solo se permiten 2 claves de acuñación por nodo, está intentando asignar 3 claves, vaya a administración - administración de nodos y elimine la clave que no desea asignar a este nodo, gracias!" + "smchange10": "Solo se permiten 2 claves de acuñación por nodo. Está intentando asignar 3 claves. Vaya a Administración de nodos y elimine las claves innecesarias. ¡Gracias!" }, "mintingpage": { "mchange1": "Detalles Generales de Acuñación", @@ -466,10 +466,10 @@ "rchange6": "Receptor", "rchange7": "Acción", "rchange8": "Tipo", - "rchange9": "Los niveles de 1 a 4 pueden crear una Self Share y los niveles 5 o superior pueden crear una Reward Share!", + "rchange9": "Los niveles 1 a 4 solo pueden crear claves Self-Share (acuñación). ¡Solo el nivel 5 o superior puede crear una recompensa compartida!", "rchange10": "Clave pública del receptor", "rchange11": "Porcentaje de Reward share", - "rchange12": "Haciendo algo delicioso", + "rchange12": "Ejecutando el comando solicitado", "rchange13": "Añadir cuenta de acuñación", "rchange14": "Añadir", "rchange15": "La cuenta no participa en ninguna reward share", @@ -507,12 +507,12 @@ "nchange23": "Precio de venta", "nchange24": "No hay nombres para vender", "nchange25": "Nombre para vender", - "nchange26": "¿Estás seguro de vender este nombre?", + "nchange26": "¿Estás seguro de que quieres vender este nombre? Si otra cuenta compra el nombre, ¡estará fuera de su control!", "nchange27": "Por este precio en QORT", - "nchange28": "¡Al presionar confirmar, se enviará la solicitud de nombre de venta!", + "nchange28": "¡Al presionar confirmar, su nombre aparecerá a la venta!", "nchange29": "Nombre para cancelar", "nchange30": "¿Está seguro de cancelar la venta de este nombre?", - "nchange31": "¡Al presionar confirmar, se enviará la solicitud de cancelación de nombre de venta!", + "nchange31": "¡Al presionar confirmar, la venta del nombre será cancelada!", "nchange32": "¡Solicitud de nombre de venta exitosa!", "nchange33": "¡Cancelar solicitud de venta de nombre exitosa!", "nchange34": "¡Solicitud de nombre de compra exitosa!", @@ -549,7 +549,7 @@ "schange15": "Sitios web bloqueados", "schange16": "No ha bloqueado ningún sitio web", "schange17": "Nombre no encontrado!", - "schange18": "El modo de retransmisión está activado. Esto significa que tu nodo ayudará a transportar datos encriptados por la red cuando un par lo solicite. Puedes optar por no hacerlo configurando", + "schange18": "El modo de retransmisión está habilitado (relayModeEnabled: true). Esto significa que su nodo ayudará a transportar datos CIFRADOS/CHUNKED por la red cuando un par lo solicite. Puede optar por no participar configurando", "schange19": "en", "schange20": "El modo de retransmisión está desactivado. Puede activarlo configurando", "schange21": "Publicar Sitio Web", @@ -586,7 +586,7 @@ "schange15": "Q-Apps bloqueadas", "schange16": "No has bloqueado ninguna Q-Apps", "schange17": "¡No se encontró el nombre!", - "schange18": "El modo de retransmisión está habilitado. Esto significa que su nodo ayudará a transportar datos cifrados por la red cuando un par lo solicite. Puede optar por no hacerlo configurando", + "schange18": "El modo de retransmisión está habilitado. Esto significa que su nodo ayudará a transportar datos CIFRADOS/CHUNKED por la red cuando un par lo solicite. Puede optar por no participar configurando", "schange19": "en", "schange20": "El modo de relé está deshabilitado. Puedes habilitarlo configurando", "schange21": "Publicar Q-App", @@ -1176,7 +1176,7 @@ "inf7": "Información de compra automática", "inf8": "Cerrar información de compra automática", "inf9": "'Auto Buy' es una función que permite realizar 'órdenes de compra' en el Portal de comercio. Estas 'órdenes de compra' solo son visibles para la persona que las realiza. No son órdenes de compra 'públicas' como las Las 'ventas de mercado abierto' NO se almacenan en la cadena de bloques de Qortal. La compra automática es una característica de la interfaz de usuario y, como tal, requiere que la interfaz de usuario esté FUNCIONANDO.", - "inf10": "Para realizar un pedido de compra automática, haga clic en el botón 'Agregar pedido de compra automática' y complete el cuadro que aparece. Ingrese la CANTIDAD DE QORT que desea COMPRAR y el PRECIO al que desea COMPRAR. Una vez la orden está activa, Auto Buy comprará HASTA esa cantidad de QORT para usted, HASTA el precio que establezca (comenzando en la orden más baja y subiendo en los libros)", + "inf10": "Para realizar un pedido de Compra automática, haga clic en el botón "Agregar pedido de Compra automática" y complete el cuadro que aparece. Ingrese la CANTIDAD DE QORT que desea COMPRAR o la cantidad de LTC que desea utilizar, y el PRECIO que desea COMPRAR HASTA. Una vez que la orden esté activa, Auto Buy comprará HASTA esa cantidad de QORT para usted, HASTA el precio que usted establezca (comenzando en la orden más baja y subiendo en los libros).", "inf11": "¡Simplemente DEJE SU IU FUNCIONANDO y Auto Buy hace el resto, automáticamente!", "inf12": "PUEDE explorar otros complementos en la IU (Q-Chat, carteras, etc.) pero NO PUEDE CERRAR LA IU si desea que se complete su compra automática. Deje la IU 'minimizada' en la 'barra de tareas' o 'panel' está bien, mientras la interfaz de usuario permanezca ABIERTA, Auto Buy funcionará.", "inf13": "Comprar automáticamente", diff --git a/core/language/et.json b/core/language/et.json index 6afb005c..5a67a2d3 100644 --- a/core/language/et.json +++ b/core/language/et.json @@ -80,7 +80,7 @@ "tm32": "See konto ei jälgi ühtegi kasutajat", "tm33": "Impordi vahekaardi menüü", "tm34": "Ekspordi vahekaardi menüü", - "tm35": "Olemasolev vahekaardimenüü kustutatakse ja seatakse üleslaaditud vahekaardi menüüks.", + "tm35": "Teie olemasolev vahekaardimenüü kustutatakse ja seatakse imporditud vahekaardimenüüks.", "tm36": "Vahekaardimenüü edukalt taastatud", "tm37": "Vahekaardimenüü edukalt salvestatud nimega", "tm38": "ARENDAJA REZHIIM", @@ -96,44 +96,44 @@ "address": "Aadress", "password": "Salasõna", "youraccounts": "Sinu kontod", - "clickto": "Klõpsa kontole sellega sisse logimiseks", + "clickto": "Sisselogimiseks klõpsake kontol", "needcreate": "Pead looma või salvestama konto enne sisse logimist!", - "upload": "Laadi üles oma Qortal varukoopia", + "upload": "Importige oma Qortali varukoopiafail", "howlogin": "Kuidas soovid sisse logida?", "seed": "Seemnefraas", "seedphrase": "seemnefraas", "saved": "Konto salvestatud", - "qora": "Qora aadressi seeme", - "backup": "Qortal rahakoti varukoopia", - "decrypt": "Krüpti varukoopia lahti", + "qora": "QORA aadressi seeme", + "backup": "Qortal rahakoti varukoopiafail", + "decrypt": "Krüpti varukoopiafail ", "save": "Salvesta selles sirvikus.", "prepare": "Konto ettevalmistus...", - "areyousure": "Oled kindel, et soovid eemaldada seda rahakotti salvestatud rahakottide hulgast?", - "error1": "Varukoopia peab olema korrektses JSON-formaadis", + "areyousure": "Kas olete kindel, et soovite selle rahakoti salvestatud rahakottide hulgast eemaldada? (Kui eemaldate ja varukoopiafaili pole, võib konto jäädavalt kaduda! Enne seda veenduge, et teil oleks varukoopiafail!)", + "error1": "Varukoopiafail peab olema korrektses JSON-formaadis", "error2": "Sisse logimise viis valimata", - "createwelcome": "Tere tulemast Qortalisse! Sulle genereeritakse nüüd uus juhuslik seemnefraas, mida kasutatakse Sinu privaatvõtme ja aadressi loomiseks Qortali plokiahelasse. Lisaks, kui otsustad hakata ka Qortali platvormil nö. müntijaks, on Sul võimalus oma Qortali kontole saavutada kõrgem tase, mis toob Sulle suurema plokkide tasu QORT digimüntidena ning ka suurema hääletusmõjuvõimu Qortaliga seonduvate tulevikuotsuste osas.", + "createwelcome": "Tere tulemast Qortal! Teie detsentraliseeritud digitaalne tulevik ootab teid! Ainult teil on Qortalis täielik kontroll oma andmete üle. Qortal pakub uue ja täielikult kasutaja juhitava digitaalse maailma baastaseme.", "createa": "", "click": "Klõpsa, et vaadata seemnefraasi", "confirmpass": "Kinnita salasõna", - "willbe": "<- siit näed oma seemnefraasi.", + "willbe": "genereeritakse taustal juhuslikult. Kui soovite lähtelauset VAADATA, klõpsake selles tekstis esiletõstetud 'idufraasi'. Seda kasutatakse teie Qortali plokiahela konto privaatvõtme generaatorina. Turvalisuse huvides vaikimisi seemnefraase ei kuvata, välja arvatud juhul, kui see on spetsiaalselt valitud.", "clicknext": "Qortal konto loomiseks klõpsa allpool olevat nuppu EDASI.", - "ready": "Konto on peaaegu valmis ja see salvestatakse siia keskkonda (Qortal UI sirvikusse). Kui Sa mingil põhjusel seda salvestada ei soovi, võid eemaldada allpool oleva märkeruudu. Oma uue kontoga saad ikkagi sisse logida (pärast välja logimist), kasutades oma konto rahakoti varukoopia faili, mis tuleb KINDLASTI arvutis kuhugi kausta salvestada peale konto loomist.", + "ready": "Teie konto on nüüd loomiseks valmis. See salvestatakse vaikimisi sellesse Qortali kasutajaliidese koopiasse krüpteeritud kujul. Kui te ei soovi, et teie uut kontot siia salvestataks, võite tühjendada alloleva kasti. Saate endiselt oma uue kontoga sisse logida (pärast väljalogimist), kasutades oma rahakoti varukoopiafaili, mille PEATE pärast konto loomist alla laadima.", "welmessage": "Tere tulemast Qortalisse", "pleaseenter": "Palun sisesta salasõna!", - "notmatch": "Salasõnad ei kattu!", + "notmatch": "Oih! Paroolid ei kattu! Proovi uuesti!", "lessthen8": "Salasõna on vähem kui 5 tähemärki! See ei ole turvakaalutlustel soovitatav, kuigi saab ka nii.", "lessthen8-2": "Salasõna on vähem kui 5 tähemärki!", - "entername": "Palun sisesta Nimi!", - "Lae allaed": "Sinu rahakoti varukoopia laeti alla.", + "entername": "Palun sisestage kuvatav nimi!", + "Lae allaed": "Teie Walleti varundusfail salvestati!", "loading": "Laadib, palun oota...", "createdseed": "Sa lõid seemnefraasi", "saveseed": "Salvesta seemnefraas", "savein": "Salvesta sirvikusse", - "backup2": "Konto varukoopia fail on turvaliselt krüpteeritud, ja dekrüpteeritav Sinu poolt sisestatud salasõnaga, ning see fail on AINUS VIIS pääseda Sinu kontole ligi, kui kontot ei ole Qortal UI sirvikusse salvestatud. TEE SELLEST FAILIST VARUKOOPIA(D), et sa ei kaotaks oma kontole ligipääsu!", + "backup2": "See fail on AINUS viis (vaikimisi) oma kontole juurde pääseda, kui seda pole kasutajaliidesesse salvestatud. VARUNDAGE SEE FAIL KINDLASTI MITMES KOHTA. Fail krüpteeritakse väga turvaliselt ja dekrüpteeritakse teie eelmises etapis loodud kohaliku parooliga. Saate selle turvaliselt kõikjale salvestada, kuid tehke seda kindlasti mitmes kohas.", "savewallet": "Salvesta rahakoti varukoopia fail", "created1": "Sinu konto on nüüd loodud", - "created2": " ja salvestatakse siinse arvuti sirvikus.", - "Lae allabackup": "Laadi rahakoti varukoopia fail alla", + "created2": " ja salvestatakse sellesse kasutajaliidesesse krüptitud kujul.", + "Lae allabackup": "Salvesta Walleti varufail", "passwordhint": "Salasõna peab olema vähemalt 5 tähemärki.", "lp1": "Lukusta ekraan", "lp2": "Ekraaniluku salasõna pole seatud.", @@ -163,8 +163,8 @@ "confirmlogout": "Kas soovid kindlasti välja logida?" }, "fragfile": { - "selectfile": "Vali fail", - "dragfile": "või lohista varukoopia fail siia" + "selectfile": "Valige varufail", + "dragfile": "Varundusfaili valimiseks lohistage või klõpsake siin" }, "settings": { "generalinfo": "Üldine konto teave", @@ -181,7 +181,7 @@ "notifications": "Teavitused", "accountsecurity": "Konto turvalisus", "password": "Salasõna", - "Lae alla": "Laadi varukoopia fail alla", + "Lae alla": "Ekspordi/salvesta varukoopiafail", "choose": "Palun vali salasõna, millega varukoopia krüpteerida. (See võib olla sama, millega sisse logisid, või erinev).", "playsound": "Mängi heli", "shownotifications": "Näita teavitusi", @@ -203,17 +203,17 @@ "snack5": "Sõlmed edukalt imporditud", "snack6": "Kohandatud sõlm on edukalt eemaldatud", "snack7": "Kohandatud sõlme edukalt redigeeritud", - "exp1": "Ekspordi privaatne üldvõti", + "exp1": "Ekspordi privaatne üldvõti (xpriv)", "exp2": "Ekspordi üldvõti", "exp3": "Ekspordi", "exp4": "Palun vali rahakott privaatse üldvõtme varundamiseks.", - "core": "Tuuma käivitamise seaded", + "core": "Qortal automaatse käivitamise seaded", "qappNotification1": "Q-App märguanded", "selectnode": "Palun tehke valik", "arrr1": "ARRR rahakott pole initsialiseeritud!", - "arrr2": "Minge rahakoti vahekaardile ja lähtestage esmalt oma arrr rahakott.", + "arrr2": "Minge vahekaardile Rahakott ja avage esmalt ARRR-i rahakott, et rahakott lähtestada.", "arrr3": "Vaja põhivärskendust!", - "arrr4": "Oma arrr rahakoti privaatvõtme salvestamiseks vajate esmalt põhivärskendust!", + "arrr4": "ARRR-i rahakoti privaatvõtme salvestamiseks peate esmalt Qortal Core'i värskendama!", "sync_indicator": "Keela sünkroonimisindikaatori hüpikaken" }, "appinfo": { @@ -284,14 +284,14 @@ "startminting": { "smchange1": "Ei saa müntimise konto(de)le ligi", "smchange2": "Võtme eemaldamine ebaõnnestus", - "smchange3": "Ebaõnnestus müntimise võtme lisamine", + "smchange3": "Võtme lisamine nurjus. Kui võti just loodi, oodake mõni plokk ja lisage uuesti", "smchange4": "Ei saa luua sponsorluse võtit", "smchange5": "Suhte loomine", "smchange6": "Ootab kinnitust plokiahelalt", "smchange7": "Suhte lõpetamine", "smchange8": "Müntimise võtme lisamine sõlme", "smchange9": "Valmis", - "smchange10": "Ühe sõlme kohta on lubatud ainult 2 müntimisvõtit, aga Sina üritad määrata 3. Palun ava Haldus - Sõlme Haldamine ja eemaldage võti, mida Sa ei soovi sellele sõlmele määrata, tänud!" + "smchange10": "Ühe sõlme kohta on lubatud ainult 2 vermimisvõtit, proovite määrata 3 võtit. Minge sõlmede haldusse ja eemaldage kõik mittevajalikud võtmed, aitäh!" }, "mintingpage": { "mchange1": "Üldised müntimise detailid", @@ -507,7 +507,7 @@ "nchange23": "Müügihind", "nchange24": "Müüdavaid Nimesid pole", "nchange25": "Müüa Nimi", - "nchange26": "Kas oled kindel, et müüd selle Nime ära?", + "nchange26": "Kas olete kindel, et soovite selle nime müüa? Kui nime ostab keegi teine, ei ole varasema nimega avaldatud andmed teie kontrolli all!", "nchange27": "Selle hinna eest (QORTis)", "nchange28": "Kui vajutad kinnita, saadetakse Nime müügitaotlus!", "nchange29": "Nimi tühistamiseks", diff --git a/core/language/fi.json b/core/language/fi.json index 9174235f..b961dba9 100644 --- a/core/language/fi.json +++ b/core/language/fi.json @@ -103,38 +103,38 @@ "seed": "Siemenlause", "seedphrase": "siemenlause", "saved": "Tili tallennettu", - "qora": "Qora osoite siemen", + "qora": "QORA osoite siemen", "backup": "Qortal lompakon varmuuskopio", "decrypt": "Pura varmuuskopion salaus", "save": "Tallenna tässä selaimessa.", "prepare": "Tilin valmistelu...", - "areyousure": "Haluatko varmasti poistaa tämän lompakon tallennetuista lompakoistasi?", + "areyousure": "Haluatko varmasti poistaa tämän lompakon tallennetuista lompakoistasi? (Jos se poistetaan, eikä varmuuskopiotiedostoa ole, tili voi kadota lopullisesti! Varmista, että sinulla on varmuuskopiotiedosto ennen kuin teet tämän!)", "error1": "Varmuuskopion on oltava oikeassa JSON-muodossa", "error2": "Kirjautumistapaa ei ole valittu", - "createwelcome": "Tervetuloa Qortaliin! Sinulle luodaan nyt uusi satunnainen siemenlause, jota käytetään yksityisen avaimesi ja osoitteesi luomiseen Qortal-lohkoketjussa. Lisäksi, jos päätät aloittaa myös Qortal-alustalla, ts. kolikonlaskijana sinulla on mahdollisuus saavuttaa korkeampi taso Qortal-tililläsi, mikä tuo sinulle korkeamman lohkopalkkion QORT-digitaalisissa kolikoissa sekä suuremman äänivallan tulevissa Qortaliin liittyvissä päätöksissä.", + "createwelcome": "Tervetuloa Qortaliin! Hajautettu digitaalinen tulevaisuutesi odottaa sinua! Vain Qortalissa voit hallita tietojasi täydellisesti. Qortal tarjoaa perustason uudelle, täysin käyttäjän ohjaamalle digitaaliselle maailmalle.", "createa": "luo", "click": "Klikkaa tästä, et tarkastella seemnefraasi", "confirmpass": "Vahvista salasana", - "willbe": "<- täällä näet siemenlauseesi.", + "willbe": "<- luodaan taustalla satunnaisesti. Jos haluat NÄYTÄ aloituslausetta, napsauta korostettua 'siemenlausetta' tässä tekstissä. Tätä käytetään yksityisen avaimen luojana lohkoketjutilillesi Qortalissa.. Oletusarvoisesti suojaussyistä alkulauseita ei näytetä, ellei niitä ole erikseen valittu.", "clicknext": "Luo Qortal-tili napsauttamalla alla olevaa SEURAAVA-painiketta.", - "ready": "Tili on melkein valmis ja tallennetaan tänne (Qortal UI -selaimeen). Jos et jostain syystä halua tallentaa sitä, voit poistaa alla olevan valintaruudun. Voit silti kirjautua sisään uudella tililläsi (uloskirjautumisen jälkeen) käyttämällä tilisi lompakkovarmuuskopiotiedostoa, joka TÄYTYY tilin luomisen jälkeen tallentaa johonkin kansioon tietokoneellesi.", + "ready": "Tili on melkein valmis ja tallennetaan tänne (Qortal UI). Jos et jostain syystä halua tallentaa sitä, voit poistaa alla olevan valintaruudun. Voit silti kirjautua sisään uudella tililläsi (uloskirjautumisen jälkeen) käyttämällä tilisi lompakkovarmuuskopiotiedostoa, joka TÄYTYY tilin luomisen jälkeen tallentaa johonkin kansioon tietokoneellesi.", "welmessage": "Tervetuloa Qortaliin", "pleaseenter": "Ole hyvä ja anna salasana!", "notmatch": "Salasanat eivät täsmää!", "lessthen8": "Salasana on alle 5 merkkiä pitkä! Tätä ei suositella turvallisuussyistä, vaikka se voidaan tehdä.", "lessthen8-2": "Salasana on alle 5 merkkiä pitkä!", - "entername": "Anna nimi!", - "downloaded": "Lompakkosi varmuuskopio on ladattu.", + "entername": "Kirjoita näyttönimi", + "downloaded": "Lompakkosi varmuuskopiotiedosto tallennettiin.", "loading": "Ladataan, odota...", "createdseed": "Loit alkulauseen", "saveseed": "Tallenna siemenlause", - "savein": "Tallenna selaimeen", + "savein": "Tallenna tässä Qortal-käyttöliittymässä", "backup2": "Tilin varmuuskopiotiedosto on turvallisesti salattu ja sen salaus voidaan purkaa antamallasi salasanalla, ja tämä tiedosto on AINOA TAPA päästä tilillesi, jos tiliä ei ole tallennettu Qortal UI -selaimeen. TEE TÄSTÄ TIEDOSTOSTA VARMUUSKOPIO(T), jotta et menetä pääsyä tiliisi!", "savewallet": "Tallenna lompakon varmuuskopiotiedosto", "created1": "Tilisi on nyt luotu", - "created2": " ja tallennettu tämän tietokoneen selaimeen.", - "downloadbackup": "Lataa lompakon varmuuskopiotiedosto", - "passwordhint": "Salasanan tulee olla vähintään 5 merkkiä pitkä.", + "created2": " ja tallennettu tähän käyttöliittymään salatussa muodossa", + "downloadbackup": "Tallenna Qortal-varmuuskopiotiedosto", + "passwordhint": "Salaussalasanassa on oltava vähintään 5 merkkiä", "lp1": "Lukitse näyttö", "lp2": "Näytön lukituksen salasanaa ei ole asetettu.", "lp3": "Ole hyvä ja luo salasana tätä varten", @@ -163,8 +163,8 @@ "confirmlogout": "Haluatko varmasti kirjautua ulos?" }, "fragfile": { - "selectfile": "Valitse tiedosto", - "dragfile": "tai vedä varmuuskopiotiedosto tähän" + "selectfile": "Valitse varmuuskopiotiedosto", + "dragfile": "valitse napsauttamalla tai vedä varmuuskopiotiedosto tähän" }, "settings": { "generalinfo": "Yleiset tilitiedot", @@ -181,7 +181,7 @@ "notifications": "Ilmoitukset", "accountsecurity": "Tilin turvallisuus", "password": "Salasana", - "download": "Lataa varmuuskopiotiedosto", + "download": "Tallenna/vie varmuuskopiotiedosto", "choose": "Valitse salasana salataksesi varmuuskopion. (Tämä voi olla sama kuin se, jolla kirjauduit sisään, tai eri).", "playsound": "Soita ääni", "shownotifications": "Näytä ilmoitukset", @@ -192,8 +192,8 @@ "protocol": "Protokolla", "domain": "Verkkotunnus", "port": "Portti", - "import": "Tuo solmut", - "export": "Vie solmuja", + "import": "tuo tallennetut solmut", + "export": "Vie tallennetut solmut", "deletecustomnode": "Poista kaikki mukautetut solmut", "warning": "Sinun olemassa olevat solmut poistetaan ja palautetaan oletusasetuksiin.", "snack1": "Oletussolmujen poistaminen ja lisäys onnistui", @@ -207,11 +207,11 @@ "exp2": "Vie pääavain", "exp3": "Viedä", "exp4": "Valitse lompakko varmuuskopioidaksesi yksityisen julkisen avaimesi.", - "core": "Ytimen käynnistysasetukset", + "core": "Qortalin automaattisen käynnistysasetukset", "qappNotification1": "Q-App-ilmoitukset", "selectnode": "Ole hyvä ja tee valinta", "arrr1": "ARRR-lompakkoa ei ole alustettu!", - "arrr2": "Siirry lompakko-välilehdelle ja nollaa ensin ARRR-lompakkosi.", + "arrr2": "Siirry kohtaan 'lompakot' ja käytä ARRR-lompakkoa ensin", "arrr3": "Tarvitaan iso päivitys!", "arrr4": "Jotta voit tallentaa ARRR-lompakkosi yksityisen avaimesi, tarvitset ensin pääpäivityksen!", "sync_indicator": "Poista synkronoinnin ilmaisimen ponnahdusikkuna" @@ -507,7 +507,7 @@ "nchange23": "Alennushinta", "nchange24": "Ei nimiä myytävänä", "nchange25": "Myynnin nimi", - "nchange26": "Haluatko varmasti myydä tämän Nimen?", + "nchange26": "Oletko varma, että haluat myydä tämän nimen? Jos joku muu ostaa nimen, kaikki aikaisemmat nimitiedot eivät ole sinun hallinnassasi!", "nchange27": "Tähän hintaan (QORT)", "nchange28": "Jos painat Vahvista, Nimen myyntipyyntö lähetetään!", "nchange29": "Nimen peruuttaminen", diff --git a/core/language/fr.json b/core/language/fr.json index 76cae9b7..7d7375b7 100644 --- a/core/language/fr.json +++ b/core/language/fr.json @@ -80,7 +80,7 @@ "tm32": "Ce compte ne suit aucun utilisateur", "tm33": "Menu de l'onglet Importer", "tm34": "Menu de l'onglet Exporter", - "tm35": "Votre menu d'onglets existant sera supprimé et défini sur le menu d'onglets téléchargé.", + "tm35": "Votre nouvelle page à onglet existante sera supprimée et définie sur la nouvelle page à onglet importée.", "tm36": "Le menu des onglets a été restauré avec succès", "tm37": "Le menu des onglets a été enregistré avec succès sous", "tm38": "MODE DEV", @@ -96,45 +96,45 @@ "address": "Adresse", "password": "Mot de passe", "youraccounts": "Vos comptes", - "clickto": "Cliquez sur votre compte pour vous connecter", + "clickto": "Cliquez sur compte pour vous connecter", "needcreate": "Vous devez créer ou sauver un compte avant de pouvoir vous connecter!", - "upload": "Envoyer votre sauvegarde Qortal", + "upload": "Importez votre fichier de sauvegarde Qortal", "howlogin": "Comment voulez-vous vous connecter ?", "seed": "Phrase mnémonique", "seedphrase": "phrase mnémonique", "saved": "Compte sauvegardé", - "qora": "Adresse de contrôle Qora", - "backup": "Sauvegarde du portefeuille Qortal", - "decrypt": "Déchiffrer la sauvegarde", + "qora": "Graine d'adresse QORA", + "backup": "Fichier de Sauvegarde Qortal", + "decrypt": "Décrypter le fichier de sauvegarde Qortal", "save": "Sauvegarder dans ce navigateur.", - "prepare": "Préparation de votre compte", - "areyousure": "Êtes-vous sûr de vouloir retirer ce portefeuille des portefeuilles sauvegardés?", + "prepare": "Préparation de votre compte...", + "areyousure": "Etes-vous sûr de vouloir supprimer ce compte ? (S'il est supprimé et qu'aucune sauvegarde Qortal n'existe, le compte pourrait être perdu à jamais ! Assurez-vous d'avoir un fichier de sauvegarde avant de faire cela !)", "error1": "La sauvegarde doit être un JSON valide", "error2": "Option de connexion non sélectionnée", - "createwelcome": "Bienvenue dans Qortal, vous trouverez des similitudes avec un jeu de rôle, où, vous, en tant que frappeur dans le réseau Qortal (si vous choisissez d'en devenir un), aurez la chance d'augmenter votre niveau, vous donnant à la fois une plus grande partie de la récompense de bloc QORT et une plus grande influence sur le réseau en termes de vote sur les décisions pour la plate-forme.", + "createwelcome": "Bienvenue à Qortal ! Votre avenir numérique décentralisé vous attend ! Sur Qortal, vous seul avez un contrôle absolu sur vos données. Qortal fournit le niveau de base d'un nouveau monde numérique entièrement contrôlé par l'utilisateur.", "createa": "Une", "click": "Cliquez pour voir la phrase mnémonique", "confirmpass": "Confirmez votre mot de passe", - "willbe": "sera généré au hasard en arrière-plan. Il sera utilisé comme votre générateur de clé privée pour votre compte blockchain dans Qortal.", + "willbe": "sera généré aléatoirement en arrière-plan. Si vous souhaitez VOIR la phrase de départ, cliquez sur la « phrase de départ » en surbrillance dans ce texte. Ceci est utilisé comme générateur de clé privée pour votre compte blockchain dans Qortal. Pour des raisons de sécurité, par défaut, les phrases de départ ne sont pas affichées à moins d'être spécifiquement choisies.", "clicknext": "Créez votre compte Qortal en cliquant sur SUIVANT ci-dessous.", - "ready": "Votre compte est maintenant prêt à être créé. Il sera enregistré dans ce navigateur. Si vous ne souhaitez pas que votre nouveau compte soit enregistré dans votre navigateur, vous pouvez décocher la case ci-dessous. Vous serez toujours en mesure de vous connecter avec votre nouveau compte (après la déconnexion), en utilisant votre fichier de sauvegarde de portefeuille que vous DEVEZ télécharger une fois que vous créez votre compte.", + "ready": "Votre compte est maintenant prêt à être créé. Il sera enregistré par défaut dans cette copie de l'interface utilisateur de Qortal, sous forme cryptée. Si vous ne souhaitez pas que votre nouveau compte soit enregistré ici, vous pouvez décocher la case ci-dessous. Vous pourrez toujours vous connecter avec votre nouveau compte (après vous être déconnecté), en utilisant votre fichier de sauvegarde Qortal que vous DEVEZ télécharger une fois votre compte créé.", "welmessage": "Bienvenue dans Qortal", "pleaseenter": "Veuillez entrer un mot de passe!", - "notmatch": "Les mots de passe ne correspondent pas!", + "notmatch": "Oops! Les mots de passe ne coïncident pas ! Essayer à nouveau!", "lessthen8": "Votre mot de passe est inférieur à 5 caractères! Ceci n’est pas recommandé. Vous pouvez continuer en ignorant cet avertissement.", "lessthen8-2": "Votre mot de passe est inférieur à 5 caractères!", - "entername": "Veuillez saisir un nom!", - "downloaded": "Le fichier de sauvegarde de votre portefeuille va être téléchargé!", + "entername": "S'il vous plaît entrer un nom d'affichage!", + "downloaded": "Votre fichier de compte Qortal a été enregistré!", "loading": "Chargement en cours, veuillez patienter...", "createdseed": "Votre phrase mnémonique créee", "saveseed": "Sauvegarder votre phrase mnémonique", - "savein": "Sauvegarder dans le navigateur", + "savein": "Enregistrer dans l'interface utilisateur", "backup2": "Ce fichier est la SEULE façon d’accéder à votre compte sur un système qui ne l’a pas d'enregistré dans l’application ou le navigateur. ASSUREZ-VOUS DE SAUVEGARDER CE FICHIER À PLUSIEURS ENDROITS. Le fichier est chiffré de manière très sécurisée et déchiffré avec votre mot de passe local que vous avez créé à l’étape précédente. Vous pouvez l’enregistrer n’importe où en toute sécurité, mais assurez-vous de le faire à plusieurs endroits.", - "savewallet": "Sauvegarder le fichier de sauvegarde du portefeuille", + "savewallet": "Enregistrer le fichier de sauvegarde Qortal", "created1": "Votre compte est maintenant créé", - "created2": " et sera enregistré dans ce navigateur.", - "downloadbackup": "Télécharger le fichier de sauvegarde du portefeuille", - "passwordhint": "Un mot de passe doit comporter au moins 5 caractères.", + "created2": " et enregistré dans cette interface utilisateur sous forme cryptée.", + "downloadbackup": "Enregistrer le fichier de sauvegarde Qortal", + "passwordhint": "Le mot de passe doit comporter au moins 5 caractères.", "lp1": "Verrouiller l'écran", "lp2": "Aucun mot de passe d'écran de verrouillage n'est défini !", "lp3": "Veuillez en définir un", @@ -163,8 +163,8 @@ "confirmlogout": "Êtes-vous certain de vouloir vous déconnecter?" }, "fragfile": { - "selectfile": "Sélectionnez un fichier", - "dragfile": "Glisser-déposer la sauvegarde ici" + "selectfile": "Sélectionnez le fichier de sauvegarde", + "dragfile": "Glissez-déposez ou cliquez ici pour sélectionner le fichier de sauvegarde" }, "settings": { "generalinfo": "Informations générales du compte", @@ -181,7 +181,7 @@ "notifications": "Notifications", "accountsecurity": "Sécurité du compte", "password": "Mot de passe", - "download": "Télécharger le fichier de sauvegarde", + "download": "Exporter/Enregistrer le fichier de sauvegarde", "choose": "Veuillez choisir un mot de passe pour chiffrer votre sauvegarde. (Il peut s’agir du même mot de passe que celui avec lequel vous vous êtes connecté, ou différent)", "playsound": "Lire le son", "shownotifications": "Afficher les notifications", @@ -203,17 +203,17 @@ "snack5": "Les noeuds ont été importés avec succès", "snack6": "Nœud personnalisé supprimé avec succès", "snack7": "Nœud personnalisé édité avec succès", - "exp1": "Exporter la clé principale privée", + "exp1": "Exporter la clé privée principale (xpriv)", "exp2": "Exporter la clé principale", "exp3": "Exporter", - "exp4": "Veuillez choisir un portefeuille pour sauvegarder la clé principale privée.", - "core": "Démarrer les paramètres du noyau", + "exp4": "Veuillez choisir un portefeuille pour sauvegarder la clé privée principale.", + "core": "Paramètres de démarrage automatique de Qortal Core", "qappNotification1": "Notifications Q-App", "selectnode": "Veuillez sélectionner une option", "arrr1": "Portefeuille ARRR non initialisé !", - "arrr2": "Veuillez aller dans l'onglet Portefeuille et initialiser d'abord votre portefeuille arrr.", + "arrr2": "Veuillez accéder à « Portefeuilles » et accéder au portefeuille ARRR pour initialiser d'abord le portefeuille.", "arrr3": "Besoin d'une mise à jour principale !", - "arrr4": "Pour sauvegarder la clé privée de votre portefeuille arrr, vous avez d'abord besoin d'une mise à jour principale !", + "arrr4": "Pour sauvegarder la clé privée de votre portefeuille ARRR vous devez d'abord mettre à jour le Qortal Core!", "sync_indicator": "Désactiver la fenêtre contextuelle de l'indicateur de synchronisation" }, "appinfo": { @@ -284,7 +284,7 @@ "startminting": { "smchange1": "Impossible de récupérer les comptes de frappe", "smchange2": "Échec de la suppression de la clé", - "smchange3": "Échec de l'ajout de la clé de frappe", + "smchange3": "Échec de l'ajout de la clé de frappe, si la clé vient d'être créée, essayez d'attendre quelques blocs et d'ajouter à nouveau.", "smchange4": "Impossible de créer la clé de parrainage", "smchange5": "Créer une relation", "smchange6": "En attente de confirmation sur blockchain", @@ -507,7 +507,7 @@ "nchange23": "Prix de vente", "nchange24": "Aucun nom à vendre", "nchange25": "Nom à vendre", - "nchange26": "Êtes-vous sûr de vendre ce nom ?", + "nchange26": "Êtes-vous sûr de vouloir vendre ce nom ? Si le nom est acheté par un autre compte, les données publiées par ce nom ne seront plus modifiables par vous !", "nchange27": "Pour ce prix en QORT", "nchange28": "En appuyant sur confirmer, la demande de nom de vente sera envoyée !", "nchange29": "Nom à annuler", diff --git a/core/language/hindi.json b/core/language/hindi.json index 1b9c2082..51f6c16a 100644 --- a/core/language/hindi.json +++ b/core/language/hindi.json @@ -108,16 +108,16 @@ "decrypt": "डिक्रिप्ट बैकअप", "save": "इस ब्राउज़र में सेव करें.", "prepare": "आपका खाता तैयार करना", - "areyousure": "क्या आप वाकई इस वॉलेट को सहेजे गए वॉलेट से निकालना चाहते हैं?", + "areyousure": "क्या आप वाकई इस वॉलेट को सहेजे गए वॉलेट से निकालना चाहते हैं? (यदि हटा दिया गया है और कोई बैकअप फ़ाइल मौजूद नहीं है, तो खाता हमेशा के लिए खो सकता है! ऐसा करने से पहले सुनिश्चित करें कि आपके पास एक बैकअप फ़ाइल है!)", "error1": "बैकअप मान्य जेसन होना चाहिए", "error2": "लॉगिन विकल्प नहीं चुना गया", - "createwelcome": "क्वॉर्टल में आपका स्वागत है, आप इसे आरपीजी गेम के समान पाएंगे, आप, क्वॉर्टल नेटवर्क पर एक मिंटर के रूप में (यदि आप एक बनना चुनते हैं) आपके पास अपने खाते को समतल करने का मौका होगा, जिससे आप दोनों को और अधिक मिलेगा मंच के निर्णयों पर मतदान के संदर्भ में क्वॉर्ट ब्लॉक इनाम और नेटवर्क पर भी बड़ा प्रभाव है।", + "createwelcome": "क्वॉर्टल में आपका स्वागत है! आपका विकेन्द्रीकृत डिजिटल भविष्य आपका इंतजार कर रहा है! Qortal पर केवल आपका अपने डेटा पर पूर्ण नियंत्रण होता है। क्वॉर्टल एक नई और पूरी तरह से उपयोगकर्ता-नियंत्रित डिजिटल दुनिया का आधार स्तर प्रदान करता है।", "createa": "ए", "click": "बीजवाक्य देखने के लिए क्लिक करें", "confirmpass": "पासवर्ड की पुष्टि कीजिये", - "willbe": "पृष्ठभूमि में बेतरतीब ढंग से उत्पन्न होगा। यह क्वॉर्टल में आपके ब्लॉकचेन खाते के लिए आपके निजी कुंजी जनरेटर के रूप में उपयोग किया जाता है।", + "willbe": "पृष्ठभूमि में बेतरतीब ढंग से उत्पन्न किया जाएगा. यदि आप सीडफ़्रेज़ देखना चाहते हैं, तो इस पाठ में हाइलाइट किए गए 'सीडफ़्रेज़' पर क्लिक करें। इसका उपयोग Qortal में आपके ब्लॉकचेन खाते के लिए आपके निजी कुंजी जनरेटर के रूप में किया जाता है। डिफ़ॉल्ट रूप से सुरक्षा के लिए, सीडफ़्रेज़ प्रदर्शित नहीं किए जाते हैं जब तक कि विशेष रूप से चुना न जाए।", "clicknext": "नीचे अगला पर क्लिक करके अपना क्वॉर्टल अकाउंट बनाएं।", - "ready": "आपका खाता अब बनने के लिए तैयार है। यह इस ब्राउज़र में सेव हो जाएगा। यदि आप नहीं चाहते कि आपका नया खाता आपके ब्राउज़र में सहेजा जाए, तो आप नीचे दिए गए बॉक्स को अनचेक कर सकते हैं। आप अभी भी अपने वॉलेट बैकअप फ़ाइल का उपयोग करके अपने नए खाते (लॉग आउट करने के बाद) के साथ लॉगिन करने में सक्षम होंगे, जिसे आपको अपना खाता बनाने के बाद डाउनलोड करना होगा।", + "ready": "अब आपका अकाउंट बनने के लिए तैयार है. इसे डिफ़ॉल्ट रूप से, एन्क्रिप्टेड रूप में, Qortal UI की इस प्रति में सहेजा जाएगा। यदि आप नहीं चाहते कि आपका नया खाता यहां सहेजा जाए, तो आप नीचे दिए गए बॉक्स को अनचेक कर सकते हैं। आप अभी भी अपने वॉलेट बैकअप फ़ाइल का उपयोग करके अपने नए खाते से (लॉग आउट करने के बाद) लॉग इन कर पाएंगे, जिसे आपको अपना खाता बनाने के बाद डाउनलोड करना होगा।", "welmessage": "क्वॉर्टल में आपका स्वागत है", "pleaseenter": "कृपया पासवर्ड दर्ज करें!", "notmatch": "पासवर्ड मेल नहीं खाता!", @@ -128,7 +128,7 @@ "loading": "लोड हो रहा है कृपया प्रतीक्षा करें...", "createdseed": "आपका बनाएँ बीज वाक्यांश", "saveseed": "सीडफ़्रेज़ सहेजें", - "savein": "ब्राउज़र में सहेजें", + "savein": "इस यूआई में सहेजें", "backup2": "यह फ़ाइल किसी ऐसे सिस्टम पर आपके खाते तक पहुँचने का एकमात्र तरीका है, जिसमें इसे ऐप/ब्राउज़र में सहेजा नहीं गया है। इस फ़ाइल का कई स्थानों पर बैकअप लेना सुनिश्चित करें। फ़ाइल बहुत सुरक्षित रूप से एन्क्रिप्ट की गई है और पिछले चरण में आपके द्वारा बनाए गए आपके स्थानीय पासवर्ड से डिक्रिप्ट की गई है। आप इसे कहीं भी सुरक्षित रूप से सहेज सकते हैं, लेकिन इसे कई स्थानों पर करना सुनिश्चित करें।", "savewallet": "वॉलेट बैकअप फ़ाइल सहेजें", "created1": "आपका खाता अब निर्मित हो गया है", @@ -164,7 +164,7 @@ }, "fragfile": { "selectfile": "फ़ाइल का चयन करें", - "dragfile": "बैकअप को यहां खींचें और छोड़ें" + "dragfile": "बैकअप फ़ाइल का चयन करने के लिए खींचें और छोड़ें या यहां क्लिक करें" }, "settings": { "generalinfo": "सामान्य खाता जानकारी", @@ -181,7 +181,7 @@ "qr_login_button_2": "लॉगिन क्यूआर कोड जनरेट करें", "accountsecurity": "खाते की सुरक्षा", "password": "पासवर्ड", - "download": "बैकअप फ़ाइल डाउनलोड करें", + "download": "बैकअप फ़ाइल निर्यात/सहेजें", "choose": "कृपया अपने बैकअप को एन्क्रिप्ट करने के लिए पासवर्ड चुनें। (यह वही हो सकता है जैसा आपने एक लॉग इन किया है, या अलग)", "playsound": "ध्वनि चलाएं", "shownotifications": "सूचनाएं दिखाएं", @@ -192,8 +192,8 @@ "protocol": "परोटोकोल", "domain": "डोमेन", "port": "पोर्ट", - "import": "आयात नोड्स", - "export": "निर्यात नोड्स", + "import": "सहेजे गए नोड्स आयात करें", + "export": "सहेजे गए नोड्स निर्यात करें", "deletecustomnode": "सभी कस्टम नोड्स निकालें", "warning": "आपके मौजूदा नोड्स हटा दिए जाएंगे और बैकअप से नया बनाया जाएगा।", "snack1": "मानक नोड्स को सफलतापूर्वक हटा दिया गया और जोड़ा गया", @@ -203,15 +203,15 @@ "snack5": "नोड्स सफलतापूर्वक आयात किए गए", "snack6": "कस्टम नोड सफलतापूर्वक हटा दिया गया", "snack7": "कस्टम नोड सफलतापूर्वक संपादित", - "exp1": "निजी मास्टर कुंजी निर्यात करें", + "exp1": "निजी मास्टर कुंजी निर्यात करें (xpriv)", "exp2": "निर्यात मास्टर कुंजी", "exp3": "निर्यात", "exp4": "निजी मास्टर कुंजी का बैकअप लेने के लिए कृपया एक वॉलेट चुनें।", - "core": "कोर सेटिंग प्रारंभ करें", + "core": "कोर ऑटो-स्टार्ट सेटिंग्स", "qappNotification1": "क्यू-ऐप अधिसूचनाएँ", "selectnode": "कृपया एक विकल्प चुनें", "arrr1": "ARRR वॉलेट प्रारंभ नहीं हुआ!", - "arrr2": "कृपया वॉलेट टैब पर जाएं और पहले अपना Arrr वॉलेट प्रारंभ करें।", + "arrr2": "कृपया पहले वॉलेट प्रारंभ करने के लिए वॉलेट टैब पर जाएं और ARRR वॉलेट तक पहुंचें", "arrr3": "मुख्य अद्यतन की आवश्यकता है!", "arrr4": "अपने Arrr वॉलेट की निजी कुंजी को सहेजने के लिए आपको पहले एक कोर अपडेट की आवश्यकता है!", "sync_indicator": "सिंक संकेतक पॉपअप अक्षम करें" @@ -284,7 +284,7 @@ "startminting": { "smchange1": "खनन खाते नहीं लाए जा सकते", "smchange2": "कुंजी निकालने में विफल", - "smchange3": "मिंटिंग की जोड़ने में विफल", + "smchange3": "मिंटिंग कुंजी जोड़ने में विफल, यदि कुंजी अभी-अभी बनाई गई है तो कुछ ब्लॉक प्रतीक्षा करके पुनः जोड़ने का प्रयास करें", "smchange4": "प्रायोजन कुंजी नहीं बना सकता", "smchange5": "संबंध बनाना", "smchange6": "ब्लॉकचेन पर पुष्टि की प्रतीक्षा में", @@ -507,7 +507,7 @@ "nchange23": "मूल्य बेचें", "nchange24": "बिक्री के लिए कोई नाम नहीं", "nchange25": "बेचने के लिए नाम", - "nchange26": "क्या आप वाकई इस नाम को बेचना चाहते हैं?", + "nchange26": "क्या आप वाकई यह नाम बेचना चाहते हैं? यदि नाम किसी अन्य खाते से खरीदा जाता है तो यह आपके नियंत्रण से बाहर हो जाएगा!", "nchange27": "QORT में इस कीमत के लिए", "nchange28": "पुष्टि करें दबाने पर, विक्रय नाम अनुरोध भेजा जाएगा!", "nchange29": "रद्द करने के लिए नाम", diff --git a/core/language/hr.json b/core/language/hr.json index c25b6f60..0c2e07f1 100644 --- a/core/language/hr.json +++ b/core/language/hr.json @@ -96,28 +96,28 @@ "address": "Adresa", "password": "Lozinka", "youraccounts": "Tvoji računi", - "clickto": "Kliknite svoj račun da biste se prijavili s njim", + "clickto": "Pritisnite račun za prijavu", "needcreate": "Morate stvoriti ili spremiti račun prije nego što se možete prijaviti!", - "upload": "Prenesite Qortal sigurnosnu kopiju", + "upload": "Uvezite datoteku sigurnosne kopije Qortal", "howlogin": "Kako biste se željeli prijaviti?", "seed": "Seed fraza", "seedphrase": "seedphrase", "saved": "Sačuvani račun", - "qora": "Qora Adresa Seed", - "backup": "Qortal sigurnosna kopija novčanika", - "decrypt": "Decrypt sigurnosna kopija", + "qora": "QORA Adresa Seed", + "backup": "Qortal backup datoteka", + "decrypt": "Dešifrirajte datoteku sigurnosne kopije", "save": "Spremite u ovom pregledniku", "prepare": "Pripremite vaš račun", - "areyousure": "Jeste li sigurni da želite ukloniti ovaj novčanik od spremljenih novčanika?", + "areyousure": "Jeste li sigurni da želite ukloniti ovaj novčanik iz spremljenih novčanika? (Ako se ukloni, a ne postoji datoteka sigurnosne kopije, račun bi mogao biti zauvijek izgubljen! Provjerite imate li datoteku sigurnosne kopije prije nego to učinite!)", "error1": "Sigurnosna kopija mora biti valjan JSON", "error2": "Opcija prijave nije odabrana", - "createwelcome": "Dobro došli u Qortal, naći ćete da je sličan onome RPG igre, vi, kao MINTER na Qortal mreži (ako se odlučite da postanete), imat ćete priliku za dizanjem vašeg računa, dajući vam oboje i QORT blok nagrade i također veći utjecaj na mrežu u smislu glasovanja o odlukama za platformu.", + "createwelcome": "Dobrodošli u Qortal! Vaša decentralizirana digitalna budućnost čeka na vas! Samo na Qortalu imate apsolutnu kontrolu nad svojim podacima. Qortal pruža osnovnu razinu novog digitalnog svijeta koji u potpunosti kontrolira korisnik.", "createa": "A", "click": "Kliknite da vidite Seed frazu", "confirmpass": "Potvrdi lozinku", - "willbe": "će se slučajno generirati u pozadini. To se koristi kao vaš generator privatnog ključa za vaš blockchain račun u Qortal-u.", + "willbe": "će se nasumično generirati u pozadini. Ako želite POGLEDATI početnu frazu, kliknite označenu 'seedphrase' u ovom tekstu. Ovo se koristi kao vaš generator privatnog ključa za vaš blockchain račun u Qortalu. Za sigurnost prema zadanim postavkama, početne fraze se ne prikazuju osim ako nije posebno odabrano da budu.", "clicknext": "Stvorite Qortal račun klikom na SLJEDEĆE ispod.", - "ready": "Vaš je račun sada spreman za izradu. Bit će spremljen u ovom pregledniku. Ako ne želite da vaš novi račun bude spremljen u vašem pregledniku, možete poništiti okvir u nastavku. I dalje ćete se moći prijaviti svojim novim računom (nakon odjave), pomoću datoteke sigurnosna kopija novčanika koju morate preuzeti nakon što stvorite svoj račun.", + "ready": "Vaš račun je sada spreman za izradu. Bit će spremljen unutar ove kopije Qortal korisničkog sučelja prema zadanim postavkama, u šifriranom obliku. Ako ne želite da se vaš novi račun ovdje spremi, možete poništiti okvir ispod. I dalje ćete se moći prijaviti sa svojim novim računom (nakon što se odjavite), koristeći datoteku sigurnosne kopije novčanika koju MORATE preuzeti nakon što kreirate svoj račun.", "welmessage": "Dobrodošli u Qortal", "pleaseenter": "Unesite lozinku!", "notmatch": "Lozinke se ne podudaraju!", @@ -164,7 +164,7 @@ }, "fragfile": { "selectfile": "Odaberite datoteku", - "dragfile": "Povucite i ispustite sigurnosnu kopiju ovdje" + "dragfile": "Povucite i ispustite ili kliknite ovdje za odabir datoteke sigurnosne kopije" }, "settings": { "generalinfo": "Opće informacije o računu", @@ -181,7 +181,7 @@ "notifications": "Obavijesti", "accountsecurity": "Sigurnost računa", "password": "Lozinka", - "download": "Preuzmite sigurnosnu kopiju računa", + "download": "Izvezi/spremi datoteku sigurnosne kopije", "choose": "Odaberite lozinku za šifriranje sigurnosne kopije. (Ovo može biti ista kao i ona sa kojom ste se prijavili ili različita)", "playsound": "Puštanje zvuka", "shownotifications": "Prikaži obavijesti", @@ -507,7 +507,7 @@ "nchange23": "Prodajna cijena", "nchange24": "Nema imena za prodaju", "nchange25": "Ime za prodaju", - "nchange26": "Jeste li sigurni da ćete prodati ovo ime?", + "nchange26": "Jeste li sigurni da želite prodati ovo ime? Ako je ime kupljeno putem drugog računa, bit će izvan vaše kontrole!", "nchange27": "Za ovu cijenu u QORT", "nchange28": "Pritiskom na potvrdu, zahtjev za prodajnim imenom bit će poslan!", "nchange29": "Ime za poništavanje", diff --git a/core/language/hu.json b/core/language/hu.json index 627080f8..aefc3b76 100644 --- a/core/language/hu.json +++ b/core/language/hu.json @@ -80,7 +80,7 @@ "tm32": "Ez a fiók nem követ egyetlen felhasználót sem", "tm33": "Importálás lap menü", "tm34": "Exportálás lap menü", - "tm35": "Meglévő lapmenüje törlésre kerül, és a feltöltött lapok menüje lesz.", + "tm35": "A meglévő lapmenü törlésre kerül, és az importált lapmenü lesz.", "tm36": "A lap menüje sikeresen visszaállítva", "tm37": "A lap menüje sikeresen mentve másként", "tm38": "DEV MODE", @@ -96,7 +96,7 @@ "address": "Cím", "password": "Jelszó", "youraccounts": "Fiókjai", - "clickto": "Kattintson a fiókjára a bejelentkezéshez", + "clickto": "Kattintson a fiókra a bejelentkezéshez", "needcreate": "A bejelentkezés előtt létre kell hoznia vagy mentenie kell egy fiókot!", "upload": "A Qortal biztonsági másolat feltöltése", "howlogin": "Hogyan szertne bejelentkezni?", @@ -108,16 +108,16 @@ "decrypt": "Visszafejt biztonsági másolat", "save": "Mentés ebben a böngészőben.", "prepare": "Fiók előkészítése", - "areyousure": "Biztosan el akarja távolítani ezt a pénztárcát a mentett pénztárcákból?", + "areyousure": "Biztosan eltávolítja ezt a pénztárcát a mentett pénztárcák közül? (Ha eltávolítja, és nem létezik biztonsági mentési fájl, a fiók végleg elveszhet! Győződjön meg róla, hogy van biztonsági másolata, mielőtt ezt megtenné!)", "error1": "A biztonsági másolatnak érvényes JSONnak kell lennie", "error2": "Bejelentkezési beállítás nincs kijelölve", - "createwelcome": "Üdvözöljük a Qortalban, úgy fogja találni, hogy hasonló az RPG játékhoz. Mint a Qortal hálózat verője (ha úgy dönt, hogy eggyé válik), lehetősége lesz arra, hogy kiegyenlítse fiókját. Ez mind a QORT blokk jutalmát, mind a nagyobb befolyást biztosítja a hálózatra a platformra vonatkozó döntésekről szóló szavazás tekintetében.", + "createwelcome": "Üdvözöljük a Qortalban! Decentralizált digitális jövője várja Önt! A Qortalon csak Önnek van abszolút ellenőrzése az adatok felett. A Qortal egy új, teljes mértékben felhasználó által vezérelt digitális világ alapszintjét biztosítja.", "createa": "A", "click": "Kattintson ide a magfrázis megtekintéséhez", "confirmpass": "Jelszó megerősítése", - "willbe": "Véletlenszerűen jön létre a háttérben. Ezt használják a Qortal blokklánc-fiókjához tartozó privát kulcsgenerátorként.", + "willbe": "véletlenszerűen generálódik a háttérben. Ha meg szeretné tekinteni az alapkifejezést, kattintson a kiemelt „seedphrase”-ra ebben a szövegben. Ezt használja a privát kulcs generátoraként a blokklánc-fiókjához a Qortalban. Alapértelmezés szerint a biztonság kedvéért a kezdőmondatok nem jelennek meg, hacsak nincs külön kiválasztva.", "clicknext": "Qortal-fiók létrehozása az alábbi TOVÁBB/NEXT gombra kattintva", - "ready": "Fiókja készen áll a létrehozására. Ez a böngészőben lesz mentve.Ha nem szeretné, hogy új fiókját a böngészőbe mentse, törölje a jelet az alábbi jelölőnégyzetből. Továbbra is bejelentkezhet az új fiókjával (kijelentkezés után), a pénztárca biztonsági mentési fájljával, amelyet le kell töltenie a fiók létrehozása után.", + "ready": "Fiókja készen áll a létrehozásra. Alapértelmezés szerint a Qortal felhasználói felület ezen példányába kerül mentésre, titkosított formában. Ha nem szeretné, hogy új fiókja itt kerüljön mentésre, törölje a jelet az alábbi négyzetből. Továbbra is be tud majd jelentkezni az új fiókjával (kijelentkezés után), a pénztárca biztonsági mentési fájljával, amelyet a fiók létrehozása után KELL letöltenie.", "welmessage": "Üdvözöljük a Qortalban", "pleaseenter": "Kérjük, adjon meg egy jelszót!", "notmatch": "A jelszavak nem egyeznek!", @@ -164,7 +164,7 @@ }, "fragfile": { "selectfile": "Fájl kijelölése", - "dragfile": "Biztonsági mentés húzása ide" + "dragfile": "Húzza át vagy kattintson ide a biztonsági mentési fájl kiválasztásához" }, "settings": { "generalinfo": "Általános fiókadatok", @@ -181,7 +181,7 @@ "notifications": "Értesítések", "accountsecurity": "Fiók biztonsága", "password": "Jelszó", - "download": "Biztonságimásolat-fájl letöltése", + "download": "Biztonsági másolat fájl exportálása/mentése", "choose": "Válasszon egy jelszót a biztonsági mentés titkosításához. (Ez lehet ugyanaz, mint az, amelyikbe bejelentkezett, vagy más)", "playsound": "Hang lejátszása", "shownotifications": "Értesítések megjelenítése", @@ -211,7 +211,7 @@ "qappNotification1": "Q-App értesítések", "selectnode": "Kérjük, válasszon egy lehetőséget", "arrr1": "ARRR Wallet nincs inicializálva!", - "arrr2": "Kérjük, lépjen a Wallet fülre, és először inicializálja arrr pénztárcáját.", + "arrr2": "Kérjük, lépjen a Wallet fülre, és nyissa meg az ARRR pénztárcát a pénztárca inicializálásához.", "arrr3": "Alapfrissítésre van szükség!", "arrr4": "Az arrr pénztárca privát kulcsának mentéséhez először egy alapvető frissítésre van szükség!", "sync_indicator": "Szinkronizálásjelző előugró ablak letiltása" @@ -284,7 +284,7 @@ "startminting": { "smchange1": "Nem lehet lekérni a pénzverési számlákat", "smchange2": "Nem sikerült eltávolítani a kulcsot", - "smchange3": "Nem sikerült hozzáadni a pénzverési kulcsot", + "smchange3": "Nem sikerült hozzáadni a pénzverési kulcsot. Ha a kulcs most jött létre, várjon néhány blokkot, majd adja hozzá újra", "smchange4": "Nem hozható létre szponzori kulcs", "smchange5": "Kapcsolatteremtés", "smchange6": "Megerősítésre vár a blokkláncon", @@ -507,7 +507,7 @@ "nchange23": "Eladási ár", "nchange24": "Nincsenek eladható nevek", "nchange25": "Eladó név", - "nchange26": "Biztosan eladja ezt a nevet?", + "nchange26": "Biztos, hogy el akarja adni ezt a nevet? Ha a nevet egy másik fiók vásárolja meg, az nem lesz ellenőrzése!", "nchange27": "Erre az árra QORT-ban", "nchange28": "A megerősítés megnyomására elküldjük az eladási névkérést!", "nchange29": "Megszakítandó név", diff --git a/core/language/it.json b/core/language/it.json index 1b5bbf7d..35592ebe 100644 --- a/core/language/it.json +++ b/core/language/it.json @@ -80,7 +80,7 @@ "tm32": "Questo account non segue nessun utente", "tm33": "Menu scheda Importa", "tm34": "Menu scheda Esporta", - "tm35": "Il menu della scheda esistente verrà eliminato e impostato sul menu della scheda caricato.", + "tm35": "Il menu della scheda esistente verrà eliminato e impostato sul menu della scheda importato.", "tm36": "Menu scheda ripristinato con successo", "tm37": "Menu scheda salvato con successo con nome", "tm38": "MODALITÀ SVILUPPATORE", @@ -96,7 +96,7 @@ "address": "Indirizzo", "password": "Password", "youraccounts": "I tuoi account", - "clickto": "Fai clic sul tuo account per accedere con esso", + "clickto": "Fare clic su account per accedere", "needcreate": "Devi creare o salvare un account prima di poter accedere!", "upload": "Carica il tuo backup di Qortal", "howlogin": "Come vorresti accedere?", @@ -108,16 +108,16 @@ "decrypt": "Decifra backup", "save": "Salva in questo browser.", "prepare": "Preparazione del tuo account", - "areyousure": "Sei sicuro di voler rimuovere questo portafoglio dai portafogli salvati?", + "areyousure": "Sei sicuro di voler rimuovere questo portafoglio dai portafogli salvati? (Se rimosso e non esiste alcun file di backup, l'account potrebbe essere perso per sempre! Assicurati di avere un file di backup prima di farlo!)", "error1": "Il backup deve essere un JSON valido", "error2": "Opzione di accesso non selezionata", - "createwelcome": "Benvenuto in Qortal, lo troverai simile a quello di un gioco di ruolo, tu, come minatore della rete Qortal (se scegli di diventarlo) avrai la possibilità di aumentare di livello il tuo account, incrementando sia le ricompense per blocco e anche l'influenza sulla rete in termini di voto sulle decisioni per la piattaforma.", + "createwelcome": "Benvenuti a Qortal! Il tuo futuro digitale decentralizzato ti aspetta! Su Qortal solo tu hai il controllo assoluto sui tuoi dati. Qortal fornisce il livello base di un mondo digitale nuovo e completamente controllato dall'utente.", "createa": "A", "click": "Clicca per visualizzare la seedphrase", "confirmpass": "Conferma password", - "willbe": "sarà generato casualmente in background. Questo è usato come generatore di chiavi private per il tuo account sulla blockchain di Qortal.", + "willbe": "verrà generato casualmente in background. Se desideri VISUALIZZARE la frase seme, fai clic sulla 'frase seme' evidenziata in questo testo. Questo viene utilizzato come generatore di chiave privata per il tuo account blockchain in Qortal. Per motivi di sicurezza, per impostazione predefinita, le frasi iniziali non vengono visualizzate a meno che non venga specificatamente scelto di esserlo.", "clicknext": "Crea il tuo account Qortal facendo clic su AVANTI di seguito.", - "ready": "Il tuo account è ora pronto per essere creato. Verrà salvato in questo browser. Se non desideri che il tuo nuovo account venga salvato nel tuo browser, puoi deselezionare la casella qui sotto. Sarai comunque in grado di accedere con il tuo nuovo account (dopo il logout), utilizzando il file di backup del tuo portafoglio che DEVI scaricare una volta creato il tuo account.", + "ready": "Il tuo account è ora pronto per essere creato. Verrà salvato all'interno di questa copia dell'interfaccia utente Qortal per impostazione predefinita, in formato crittografato. Se non desideri che il tuo nuovo account venga salvato qui, puoi deselezionare la casella sottostante. Potrai comunque accedere con il tuo nuovo account (dopo esserti disconnesso), utilizzando il file di backup del tuo portafoglio che DEVI scaricare una volta creato il tuo account.", "welmessage": "Benvenuto in Qortal", "pleaseenter": "Inserisci una password!", "notmatch": "La password non corrisponde!", @@ -284,7 +284,7 @@ "startminting": { "smchange1": "Impossibile recuperare i conti di conio", "smchange2": "Impossibile rimuovere la chiave", - "smchange3": "Impossibile aggiungere la chiave di conio", + "smchange3": "Failed to add minting key, if key was just created try waiting a few blocks and adding again", "smchange4": "Impossibile creare la chiave di sponsorizzazione", "smchange5": "Creare relazione", "smchange6": "In attesa di conferma su blockchain", @@ -507,7 +507,7 @@ "nchange23": "Prezzo di vendita", "nchange24": "Nessun nome da vendere", "nchange25": "Nome da vendere", - "nchange26": "Sei sicuro di vendere questo nome?", + "nchange26": "Sei sicuro di voler vendere questo nome? Se il nome viene acquistato da un altro account sarà fuori dal tuo controllo!", "nchange27": "Per questo prezzo in QORT", "nchange28": "Premendo conferma, verrà inviata la richiesta di vendita del nome!", "nchange29": "Nome da cancellare", diff --git a/core/language/jp.json b/core/language/jp.json index 86e398bf..18b4a0fa 100644 --- a/core/language/jp.json +++ b/core/language/jp.json @@ -80,7 +80,7 @@ "tm32": "このアカウントはどのユーザーもフォローしていません", "tm33": "インポートタブメニュー", "tm34": "エクスポートタブメニュー", - "tm35": "既存のタブ メニューは削除され、アップロードされたタブ メニューに設定されます。", + "tm35": "既存のタブメニューが削除され、インポートされたタブメニューに設定されます。", "tm36": "タブメニューが正常に復元されました", "tm37": "タブメニューが名前を付けて保存されました", "tm38": "開発モード", @@ -96,28 +96,28 @@ "address": "アドレス", "password": "パスワード", "youraccounts": "あなたのアカウント", - "clickto": "ログインしたいアカウントをクリックして下さい", + "clickto": "アカウントをクリックしてログインします", "needcreate": "ログインする前にアカウントを作成または保存する必要があります!", "upload": "Qortal のバックアップをアップロードします", "howlogin": "どのようにログインしますか?", "seed": "シードフレーズ", "seedphrase": "シードフレーズ", "saved": "保存したアカウント", - "qora": "Qora アドレス シード", - "backup": "Qortal ウォレットのバックアップ", - "decrypt": "バックアップを復号化", + "qora": "QORA アドレス シード", + "backup": "Qortalバックアップファイル", + "decrypt": "バックアップファイルを復号化する", "save": "このブラウザに保存します。", "prepare": "アカウントを準備", - "areyousure": "保存されたウォレットからこのウォレットを削除しますか?", + "areyousure": "このウォレットを保存されたウォレットから削除してもよろしいですか? (削除してバックアップ ファイルが存在しない場合、アカウントが永久に失われる可能性があります。これを行う前にバックアップ ファイルがあることを確認してください。)", "error1": "バックアップは有効な JSON である必要があります", "error2": "ログイン オプションが選択されていません", - "createwelcome": "Qortal へようこそ。Qortalは RPG ゲームに似ている事に気づくと思います。Qortal ネットワークのミンターとして (なりたいと選択した場合) アカウントをレベルアップすることが出来、QORT のブロック報酬をより多く得られるだけでなく、プラットフォームの決定に対する投票という点で、ネットワークに対してより大きな影響力を持つことが出来ます。", + "createwelcome": "Qortal へようこそ。分散型デジタルの未来があなたを待っています! Qortal では、データを完全に制御できるのはあなただけです。 Qortal は、ユーザーが完全に制御できる新しいデジタル世界の基本レベルを提供します。", "createa": "A", "click": "クリックしてシードフレーズを表示", "confirmpass": "パスワードの確認", - "willbe": "はバックグラウンドでランダムに生成されます。これは、Qortal のブロックチェーン アカウントの秘密キー ジェネレーターとして使用されます。", + "willbe": "バックグラウンドでランダムに生成されます。 シードフレーズを表示したい場合は、このテキスト内で強調表示されている「シードフレーズ」をクリックしてください。 これは、Qortal のブロックチェーン アカウントの秘密キー ジェネレーターとして使用されます。 デフォルトでは、セキュリティのため、特に選択しない限り、シードフレーズは表示されません。", "clicknext": "下の [次へ] をクリックして Qortal アカウントを作成します。", - "ready": "アカウントを作成する準備が出来ました。アカウントはこのブラウザに保存されます。新しいアカウントをブラウザに保存したくない場合は、下のボックスのチェックを外してください。[必ず」新しいアカウントのウォレットのバックアップ ファイルをダウンロードして下さい。(ログアウト後) そのバックアップファイルが無いとログイン不可になります。", + "ready": "これでアカウントを作成する準備ができました。 デフォルトでは、Qortal UI のこのコピー内に暗号化された形式で保存されます。 新しいアカウントをここに保存したくない場合は、下のボックスのチェックを外してください。 アカウントを作成したら必ずダウンロードする必要があるウォレットのバックアップ ファイルを使用して、(ログアウト後も) 新しいアカウントでログインすることができます。", "welmessage": "Qortal へようこそ", "pleaseenter": "パスワードを入力してください!", "notmatch": "パスワードが一致しません!", @@ -207,11 +207,11 @@ "exp2": "マスターキーのエクスポート", "exp3": "エクスポート", "exp4": "秘密マスターキーをバックアップするウォレットを選択してください。", - "core": "Core設定を開始", + "core": "Core自動起動設定", "qappNotification1": "Q-App 通知", "selectnode": "オプションを選択してください", "arrr1": "ARRR ウォレットが初期化されていません!", - "arrr2": "ウォレットタブに移動して、まずarrrウォレットを初期化してください。", + "arrr2": "まずウォレットタブに移動し、ARRR ウォレットにアクセスしてウォレットを初期化してください。", "arrr3": "コアのアップデートが必要です!", "arrr4": "arrr ウォレットの秘密キーを保存するには、まずコアのアップデートが必要です!", "sync_indicator": "同期インジケーターのポップアップを無効にする" @@ -284,7 +284,7 @@ "startminting": { "smchange1": "ミントアカウントを取得出来ません", "smchange2": "キーの削除に失敗しました", - "smchange3": "ミントキーの追加に失敗しました", + "smchange3": "ミントキーを追加できませんでした。キーが作成されたばかりの場合は、数ブロック待ってから再度追加してください", "smchange4": "スポンサーシップ キーを作成出来ません", "smchange5": "関係の構築開始", "smchange6": "ブロックチェーンの承認を待っています", @@ -507,7 +507,7 @@ "nchange23": "売値", "nchange24": "売却する名前はありません", "nchange25": "売却する名前", - "nchange26": "この名前を売却しますか?", + "nchange26": "この名前を販売してもよろしいですか? この名前が別のアカウントによって購入された場合、販売された名前によって公開されたデータにアクセスできなくなります。", "nchange27": "QORT建価格", "nchange28": "確認を押すと、名前の売却リクエストが送信されます!", "nchange29": "売却中止する名前", diff --git a/core/language/ko.json b/core/language/ko.json index e9a070f5..9b5cf2d2 100644 --- a/core/language/ko.json +++ b/core/language/ko.json @@ -108,16 +108,16 @@ "decrypt": "백업 암호 해독", "save": "이 브라우저에 저장", "prepare": "계정 준비", - "areyousure": "저장된 지갑에서 이 지갑을 제거하시겠습니까?", + "areyousure": "저장된 지갑에서 이 지갑을 제거하시겠습니까? (제거되고 백업 파일이 없으면 계정이 영원히 손실될 수 있습니다. 이 작업을 수행하기 전에 백업 파일이 있는지 확인하십시오!)", "error1": "백업은 유호한 json파일 형식이어야 합니다.", "error2": "로그인 옵션이 선택되지 않았습니다.", - "createwelcome": "Qortal에 오신 것을 환영합니다. RPG 게임과 비슷하다는 것을 알게 되실 것입니다. Qortal 네트워크의 관리자로서(만약 당신이 하나를 선택한다면) 계정을 레벨업할 수 있는 기회를 갖게 될 것입니다. Qortal 네트워크에 대한 더 많은 블록 보상은 물론 플랫폼 결정에 대한 투표 측면에서 네트워크에 대한 더 큰 영향력을 갖게 될 것입니다..", + "createwelcome": "Qortal에 오신 것을 환영합니다! 귀하의 분산형 디지털 미래가 귀하를 기다립니다! Qortal에서는 귀하만이 귀하의 데이터를 절대적으로 통제할 수 있습니다. Qortal은 새로운 완전 사용자 제어 디지털 세계의 기본 수준을 제공합니다.", "createa": "A", "click": "시드 구문을 보려면 클릭하십시오.", "confirmpass": "암호 확인", - "willbe": "백그라운드에서 랜덤하게 생성됩니다. 이것은 Qortal의 블록체인 계정에 대한 개인 키 생성기로 사용됩니다.", + "willbe": "백그라운드에서 무작위로 생성됩니다. Seedphrase를 보려면 이 텍스트에서 강조표시된 'seedphrase'를 클릭하세요. 이는 Qortal의 블록체인 계정에 대한 개인 키 생성기로 사용됩니다. 기본적으로 보안을 위해 특별히 선택하지 않는 한 시드 문구는 표시되지 않습니다.", "clicknext": "아래 NEXT를 클릭하여 Qortal 계정을 만드십시오.", - "ready": "계정을 만들 준비가 되었습니다. 이 브라우저에 저장됩니다. 브라우저에 새 계정을 저장하지 않으려면 아래 상자를 선택 취소할 수 있습니다. 계정을 만든 후에는 반드시 다운로드해야 하는 지갑 백업 파일을 사용하여 새 계정으로 로그인할 수 있습니다(로그아웃 후).", + "ready": "이제 귀하의 계정을 생성할 준비가 되었습니다. 기본적으로 이 Qortal UI 복사본 내에 암호화된 형식으로 저장됩니다. 새 계정을 저장하지 않으려면 아래 확인란을 선택 취소하세요. 계정 생성 시 반드시 다운로드해야 하는 지갑 백업 파일을 사용하여 언제든지 새 계정에 액세스할 수 있습니다(로그아웃 후).", "welmessage": "Qortal에 오신 것을 환영합니다.", "pleaseenter": "암호를 입력하십시오!", "notmatch": "암호가 일치하지 않습니다!", @@ -129,11 +129,11 @@ "createdseed": "귀하의 시드구문", "saveseed": "시드구문 저장", "savein": "브라우저에 저장", - "backup2": "이 파일은 앱/브라우저에 저장되지 않은 시스템의 계정에 액세스할 수 있는 유일한 방법입니다. 이 파일을 여러 곳에 백업하십시오. 파일은 매우 안전하게 암호화되고 이전 단계에서 만든 로컬 암호로 해독됩니다. 어디에나 안전하게 저장할 수 있지만 여러 위치에서 저장해야 합니다.", + "backup2": "Qortal 백업 파일은 UI에 저장되지 않는 한 (기본적으로) 계정에 액세스할 수 있는 유일한 방법입니다. 이 파일을 여러 장소에 백업해 두세요! 파일은 매우 안전하게 암호화되었으며 이전 단계에서 생성한 로컬 비밀번호로 해독됩니다. 어디에나 안전하게 저장할 수 있지만 반드시 여러 위치에 저장하세요.", "savewallet": "지갑 백업 파일 저장", "created1": "이제 계정이 생성되었습니다.", - "created2": " 이 브라우저에 저장됩니다.", - "downloadbackup": "지갑 백업 파일 다운로드", + "created2": " 암호화된 형태로 이 UI에 저장됩니다.", + "downloadbackup": "Qortal 백업 파일을 저장하십시오.", "passwordhint": "비밀번호는 5자 이상이어야 합니다.", "lp1": "잠금 화면", "lp2": "잠금 화면 암호가 설정되지 않았습니다!", @@ -164,7 +164,7 @@ }, "fragfile": { "selectfile": "파일선택", - "dragfile": "백업을 여기에 드래그" + "dragfile": "끌어서 놓거나 여기를 클릭하여 백업 파일을 선택하세요." }, "settings": { "generalinfo": "일반 계정 정보", @@ -181,7 +181,7 @@ "notifications": "알림", "accountsecurity": "계정 보안", "password": "비밀번호", - "download": "백업 파일 다운로드", + "download": "Qortal 백업 파일 내보내기/저장", "choose": "백업을 암호화할 암호를 선택하십시오. 암호는 로그인한 암호와 같거나 다를 수 있습니다.", "playsound": "소리 재생", "shownotifications": "알림 표시", @@ -192,8 +192,8 @@ "protocol": "프로토콜", "domain": "도메인", "port": "포트", - "import": "노드 가져오기", - "export": "노드 내보내기", + "import": "저장된 노드 가져오기", + "export": "저장된 노드 내보내기", "deletecustomnode": "모든 사용자 정의 노드 제거", "warning": "기존 노드가 삭제되고 백업에서 새로 생성됩니다.", "snack1": "표준 노드를 성공적으로 삭제 및 추가했습니다.", @@ -203,17 +203,17 @@ "snack5": "노드를 성공적으로 가져왔습니다.", "snack6": "사용자 정의 노드를 성공적으로 제거했습니다", "snack7": "사용자 정의 노드를 성공적으로 편집했습니다", - "exp1": "개인 마스터 키 내보내기", + "exp1": "마스터 개인 키 내보내기(xpriv)", "exp2": "마스터 키 내보내기", "exp3": "내보내기", - "exp4": "개인 마스터 키를 백업할 지갑을 선택하세요.", + "exp4": "마스터 개인키 백업을 위한 지갑을 선택해주세요", "core": "코어 설정 시작", "qappNotification1": "Q-App 알림", "selectnode": "옵션을 선택하세요", - "arrr1": "ARRR 지갑이 초기화되지 않았습니다!", - "arrr2": "지갑 탭으로 이동하여 먼저 arrr 지갑을 초기화하세요.", + "arrr1": "ARRR 지갑이 초기화되지 않음!", + "arrr2": "'지갑'으로 이동하여 ARRR 지갑에 접속하여 먼저 초기화하세요.", "arrr3": "핵심 업데이트가 필요합니다!", - "arrr4": "arrr 지갑의 개인 키를 저장하려면 먼저 핵심 업데이트가 필요합니다!", + "arrr4": "ARRR 지갑의 개인 키를 저장하려면 먼저 Qortal Core를 업데이트해야 합니다!", "sync_indicator": "동기화 표시 팝업 비활성화" }, "appinfo": { @@ -284,14 +284,14 @@ "startminting": { "smchange1": "발행 계정을 가져올 수 없습니다", "smchange2": "키 제거 실패", - "smchange3": "발행 키를 추가하지 못했습니다.", + "smchange3": "'민팅 키' 추가에 실패했습니다. 키가 방금 생성된 경우 몇 블록을 기다렸다가 다시 추가해 보세요.", "smchange4": "스폰서십 키를 생성할 수 없습니다.", "smchange5": "관계 만들기", "smchange6": "블록체인에서 확인 대기 중", "smchange7": "관계 마무리", "smchange8": "노드에 발행 키 추가", "smchange9": "완벽한", - "smchange10": "노드당 발행 키 2개만 허용됩니다. 키 3개를 할당하려고 합니다. 관리 - 노드 관리로 이동하여 이 노드에 할당하고 싶지 않은 키를 제거하십시오. 감사합니다!" + "smchange10": "노드당 2개의 '민팅 키'만 허용됩니다. 현재 3개의 키를 시도하고 있습니다. 노드 관리로 이동하여 불필요한 키를 제거하십시오. 감사합니다!" }, "mintingpage": { "mchange1": "일반 민팅 정보", @@ -507,7 +507,7 @@ "nchange23": "판매 가격", "nchange24": "판매할 이름 없음", "nchange25": "판매할 이름", - "nchange26": "이 이름을 판매하시겠습니까?", + "nchange26": "이 이름을 판매하시겠습니까? 판매되면 이 이름으로 게시된 모든 데이터에 더 이상 액세스할 수 없습니다!", "nchange27": "QORT에서 이 가격", "nchange28": "확인을 누르면 판매 이름 요청이 전송됩니다!", "nchange29": "취소할 이름", diff --git a/core/language/nl.json b/core/language/nl.json index 6d24f0f2..5fbf5599 100644 --- a/core/language/nl.json +++ b/core/language/nl.json @@ -80,7 +80,7 @@ "tm32": "Dit account volgt geen enkele gebruiker", "tm33": "Teb-menu importeren", "tm34": "Tab-menu exporteren", - "tm35": "Het huidige Tab-menu wordt verwijderd, en vervangen door het opgeladen Tab-menu.", + "tm35": "Uw bestaande tab-menu wordt verwijderd en ingesteld op het geïmporteerde tab-menu.", "tm36": "Tab-menu werd opgeladen", "tm37": "Tab-Menü werd opgeslagen als", "tm38": "DEV-MODUS", @@ -98,43 +98,43 @@ "youraccounts": "Uw accounts", "clickto": "Klik op uw account om aan te melden", "needcreate": "U moet een account aanmaken of bewaren, alvorens U kan aanmelden!", - "upload": "Qortal-Backup opladen", + "upload": "Importeer uw Qortal Backup-bestand", "howlogin": "Hoe wenst U aan te melden?", "seed": "Memo-zin", "seedphrase": "memo-zin", "saved": "Opgeslagen account", - "qora": "Qora adres", - "backup": "Backup van Qortal portefeuille", - "decrypt": "Backup ontcijferen", + "qora": "QORA-adreszaad", + "backup": "Qortal-back-upbestand", + "decrypt": "Back-upbestand decoderen", "save": "Bewaren in deze browser.", "prepare": "Voorbereiding van uw account", - "areyousure": "Bent U zeker dat U deze portefeuille wenst te verwijderen uit de bewaarde portefeuilles?", + "areyousure": "Weet u zeker dat u deze portemonnee uit opgeslagen portemonnees wilt verwijderen? (Als het wordt verwijderd en er geen back-upbestand bestaat, kan het account voor altijd verloren gaan! Zorg ervoor dat u over een back-upbestand beschikt voordat u dit doet!)", "error1": "De backup moet een geldig JSON formaat zijn", "error2": "Geen aanmeld-optie geselecteerd", - "createwelcome": "Welkom bij Qortal. U zal merken dat het vergelijkbaar is met een RPG-spel, waarbij U als 'minter' (als U 'minter' wil worden) in het Qortal-netwerk kan opklimmen naar volgende levels, waardoor U meer QORT-blokbeloning krijgt en meer invloed zal krijgen in het netwerk in termen van stemmen bij beslissingen voor het platform.", + "createwelcome": "Welkom bij Qortal! Uw gedecentraliseerde digitale toekomst wacht op u! Binnen Qortal bent u de enige die toegang heeft tot uw gegevens. Qortal biedt de laagdrempelige infrastructuur van een nieuwe, en volledig door de gebruiker bestuurde digitale wereld.", "createa": "Een willekeurige", "click": "Klik hier om uw memo-zin zichtbaar te maken", "confirmpass": "Wachtwoord bevestigen", - "willbe": "zal in achtergrond gegenereerd worden. Deze wordt gebruikt als jouw private-sleutel-generator voor jouw blockchain-account in Qortal.", + "willbe": "wordt willekeurig op de achtergrond gegenereerd. Als u de zaadzin wilt BEKIJKEN, klikt u op de gemarkeerde 'zaadzin' in deze tekst. Dit wordt gebruikt als uw privésleutelgenerator voor uw blockchain-account in Qortal. Uit veiligheidsoverwegingen worden zaadzinnen niet weergegeven, tenzij dit specifiek is gekozen.", "clicknext": "Klik hieronder op VERDER om jouw Qortal-account aan te maken.", - "ready": "Uw account is nu klaar om aan te maken. Het zal bewaard worden in deze browser. Heb je dat liever niet, dan kan je die optie hieronder deactivieren. Je kan je daarna met jouw nieuwe account aanmelden (na het afmelden), met behulp van de backup van je portefeuille, die je MOET DOWNLOADEN van zodra je account aangemaakt werd.", + "ready": "Uw account is nu klaar om te worden aangemaakt. Het wordt standaard in gecodeerde vorm opgeslagen in deze kopie van de Qortal-gebruikersinterface. Als u niet wilt dat uw nieuwe account hierin wordt opgeslagen, kunt u het onderstaande vakje uitschakelen. U kunt nog steeds inloggen met uw nieuwe account (na het uitloggen), met behulp van uw Qortal-back-upbestand dat u MOET opslaan bij het aanmaken van uw account.", "welmessage": "Welkom bij Qortal", "pleaseenter": "Geef een wachtwoord in!", - "notmatch": "De wachtwoorden komen niet overeen!", + "notmatch": "Oeps! Wachtwoorden komen niet overeen! Probeer het nog eens!", "lessthen8": "Uw wachtwoord is minder dan 5 karakters! Dat is niet aan te raden, maar je bent vrij om deze waarschuwing negeren.", "lessthen8-2": "Uw wachtwoord is minder dan 5 karakters!", - "entername": "Gelieve een naam in te geven!", - "downloaded": "De backup van uw portefeuille werd gedownload!", + "entername": "Geef een weergavenaam op!", + "downloaded": "Uw Qortal-back-upbestand is opgeslagen!", "loading": "Bezig met laden. Even geduld...", - "createdseed": "De memo-zin voor uw account", + "createdseed": "De memo-zin voor uw account:", "saveseed": "Memo-zin bewaren", - "savein": "In de browser bewaren", - "backup2": "Dit bestand is de ENIGE manier om uw account te openen wanneer de browser/app op de computer uw account niet bewaard heeft. ZORG ERVOOR DAT JE DIT BESTAND OP MEERDERE PLAATSEN BEWAARD. Dit bestand werd uitermate veilig versleuteld op basis van het wachtwoord uit de vorige stap, wat de enige manier is om het te ontgrendelen. U kan dit bestand dus overal bewaren. Zorg zéker dat je dit bestand op verschillende plaatsen bewaard.", - "savewallet": "Bewaar het backup-bestand van de portefeuille", + "savein": "Bewaar in deze gebruikersinterface", + "backup2": "Dit bestand is de ENIGE manier (standaard) om toegang te krijgen tot uw account, tenzij het is opgeslagen in de gebruikersinterface. ZORG ERVOOR DAT U OP MEERDERE PLAATSEN EEN BACK-UP VAN DIT BESTAND MAAKT. Het bestand wordt zeer veilig gecodeerd en gedecodeerd met uw lokale wachtwoord dat u in de vorige stap heeft aangemaakt. Je kunt het overal veilig opslaan, maar doe dat wel op meerdere locaties.", + "savewallet": "Sla het Qortal-back-upbestand op", "created1": "Uw account werd aangemaakt", - "created2": " en werd in deze browser bewaard.", - "downloadbackup": "Download het backup-bestand van de portefeuille", - "passwordhint": "Uw wachtwoord moet minstens 5 karakters lang zijn.", + "created2": " en opgeslagen in deze gebruikersinterface in gecodeerde vorm.", + "downloadbackup": "Sla het Qortal-back-upbestand op", + "passwordhint": "Het versleutelingswachtwoord moet minimaal 5 tekens lang zijn.", "lp1": "Scherm vergrendelen", "lp2": "Er werd nog geen wachtwoord voor schermvergrendeling vastgelegd!", "lp3": "Gelieve dat nu te doen", @@ -163,8 +163,8 @@ "confirmlogout": "Wenst U echt af te melden?" }, "fragfile": { - "selectfile": "Bestand selecteren", - "dragfile": "Sleep je backup-bestand naar hier" + "selectfile": "Selecteer Qortal back-upbestand", + "dragfile": "Sleep en zet neer of klik hier om het Qortal-back-upbestand te selecteren" }, "settings": { "generalinfo": "Algemene account-informatie", @@ -181,8 +181,8 @@ "notifications": "Waarschuwingen", "accountsecurity": "Account-beveiliging", "password": "Wachtwoord", - "download": "Download backup-bestand", - "choose": "Kies een wachtwoord om het backup-bestand te versleutelen. (Dit kan hetzelfde zijn als bij aanmelding, of een ander)", + "download": "Qortal back-upbestand exporteren/opslaan", + "choose": "Kies een wachtwoord om uw Qortal-back-upbestand te coderen. (Dit kan dezelfde zijn als waarmee u bent ingelogd, of een nieuwe.)"", "playsound": "Geluid afspelen", "shownotifications": "Toon waarschuwingen", "nodeurl": "Adres van de node", @@ -203,17 +203,17 @@ "snack5": "Lijst van nodes werd geïmporteerd", "snack6": "Manueel toegevoegde nodes werd verwijderd", "snack7": "Manueel toegevoegde nodes werd aangepast", - "exp1": "Export/download jouw PRIVÉ hoofdsleutel", + "exp1": "Master-privésleutel exporteren (xpriv)", "exp2": "Export/download jouw hoofdsleutel", "exp3": "Exporteren", "exp4": "Selecteer een portefeuille om de PRIVÉ hoofdsleutel te bewaren.", - "core": "Core-instellingen starten", + "core": "Core automatisch starten", "qappNotification1": "Q-App waarschuwingen", "selectnode": "Gelieve een optie te selecteren", "arrr1": "ARRR portefeuille is niet geïnitialiseerd!", - "arrr2": "Ga naar de portefeuille-tab en initialiseer eerst jouw ARRR portefeuille.", + "arrr2": "Ga naar het tabblad Portemonnees en open de ARRR-portemonnee om eerst de portemonnee te initialiseren.", "arrr3": "De 'core' heeft een update nodig!", - "arrr4": "Om de privé-sleutel van jouw ARRR portefeuille te kunnen bewaren, moet je voor de 'core' eerst een update installeren!", + "arrr4": "Om de privésleutel van uw ARRR-portemonnee op te slaan, moet u eerst de Qortal Core updaten!", "sync_indicator": "Synchronisatie-indicator pop-up uitschakelen" }, "appinfo": { @@ -283,15 +283,15 @@ }, "startminting": { "smchange1": "Minting-accounts kunnen niet opgehaald worden", - "smchange2": "Sleutel kon niet verwijderd worden", - "smchange3": "Mint-sleutel kon niet toegevoegd worden", + "smchange2": "Toewijzing van Qortal Minting-sleutel ongedaan maken is mislukt!", + "smchange3": "Het is niet gelukt om de Qortal Minting-sleutel toe te wijzen. Als de sleutel net is aangemaakt, wacht dan een paar blokken en voeg opnieuw toe", "smchange4": "Sponsor-sleutel kon niet aangemaakt worden", "smchange5": "Relatie wordt aangemaakt", "smchange6": "Even wachten op confirmatie van de blockchain", "smchange7": "Relatie wordt afgewerkt", "smchange8": "Mint-sleutel wordt op node toegevoegd", "smchange9": "Klaar", - "smchange10": "Een node mag maximum 2 mint-sleutels hebben, en U probeert 3 keys toe te wijzen; Ga eerst naar Node-beheer en verwijder de key die U niet aan deze node wenst toe te wijzen; Dank U!" + "smchange10": "Per knooppunt zijn slechts 2 sleutels toegestaan. U probeert 3 sleutels toe te wijzen. Ga naar Knooppuntbeheer en verwijder eventuele onnodige sleutels, bedankt!" }, "mintingpage": { "mchange1": "Algemene Minting-details", @@ -507,7 +507,7 @@ "nchange23": "Verkoopprijs", "nchange24": "Geen namen om te verkopen", "nchange25": "Te verkopen naam", - "nchange26": "Bent U zeker dat U deze naam wenst te verkopen?", + "nchange26": "Weet u zeker dat u deze naam wilt verkopen? Als de naam wordt gekocht door een ander account, kunnen de gegevens die onder deze naam zijn gepubliceerd, niet langer door u worden gewijzigd!", "nchange27": "Voor deze prijs in QORT", "nchange28": "Als je nu bevestigen kiest, dan wordt de verkoop-aanvraag verzonden!", "nchange29": "Te onderbreken naam-verkoop", @@ -1176,7 +1176,7 @@ "inf7": "Informatie over automatische aankoop", "inf8": "Info over automatische aankoop sluiten", "inf9": "'Automatische aamkoop' is een functie waarmee je 'aankoop-orders' op het handelsportaal kan plaatsen. Die 'aankoop-orders' zijn enkel zichtbaar voor de persoon die ze plaatst. Het zijn geen 'publiek zichtbare orders' zoals de 'open-markt-verkoop-orders' en ze worden NIET op de Qortal blockchain bewaard. 'Automatische aankoop' is een UI-functie, die bij gevolg enkel werkt zolang de UI blijft draaien.", - "inf10": "Om via 'Automatiche aankoop' een bestelling te plaatsen, klik je op 'auto-aankoop toevoegen' en vul je de velden in het dialoogje in. Geef het QORT-BEDRAG in dat je wenst te KOPEN, en de MAXIMUM PRIJS DIE JE ERVOOR WIL BETALEN. Zodra de bestelling actief is, zal 'Auto aankoop' QORT aankopen tot het opgegeven QORT-BEDRAG en daarbij maximum de door jou vastgelegde prijs, én beginnend bij de laagst aangeboden verkoop-prijs in het verkoop-orderboek.", + "inf10": "Om een Auto Buy-bestelling te plaatsen, klikt u op de knop 'Auto Buy-bestelling toevoegen' en vult u het vakje in dat verschijnt. Voer het BEDRAG VAN QORT in dat u wilt KOPEN of het aantal LTC dat u wilt gebruiken, en de PRIJS waartoe u bereid bent te KOPEN. Zodra de bestelling actief is, koopt Auto Buy TOT dat bedrag QORT voor u, tegen TOT de prijs die u instelt (beginnend bij de laagste bestelling en hogerop in de boeken).", "inf11": "Laat vervolgens de UI gewoon open staan, en de 'auto aankoop' functie doet de rest, volledig automatisch!", "inf12": "Je KAN ondertussen ook gewoon andere Qortal UI plugins gebruiken (Q-Chat, Portefeuille, etc), maar je mag DE UI NIET SLUITEN, als je wil dat 'Auto aankoop' functie blijft werken. De UI 'minimized' zetten (op de 'taskbar' of 'panel') mag wel. Zolang UI actief is, blijft de 'Auto aankoop' functie werken.", "inf13": "Automatisch aankopen", diff --git a/core/language/no.json b/core/language/no.json index 742abc02..cd46c294 100644 --- a/core/language/no.json +++ b/core/language/no.json @@ -80,7 +80,7 @@ "tm32": "Denne kontoen følger ikke noen bruker", "tm33": "Importer meny", "tm34": "Eksporter fanemeny", - "tm35": "Din eksisterende fanemeny vil bli slettet og satt til opplastet fanemeny.", + "tm35": "Din eksisterende fanemeny vil bli slettet og satt til importert fanemeny.", "tm36": "Fanemenyen ble gjenopprettet", "tm37": "Fanemeny ble lagret som", "tm38": "DEV MODUS", @@ -108,19 +108,19 @@ "decrypt": "Dekrypter backup", "save": "Lagre i denne nettleseren.", "prepare": "Forbereder kontoen din.", - "areyousure": "Er du sikker på at du vil fjerne denne lommeboken fra lagrede lommebøker?", + "areyousure": "Er du sikker på at du vil fjerne denne kontoen fra lagrede kontoer? (Hvis fjernet og ingen sikkerhetskopifil eksisterer, kan kontoen gå tapt for alltid! Sørg for at du har en sikkerhetskopifil før du gjør dette!)", "error1": "Backupen må være gyldig JSON", "error2": "Måte for pålogging ikke valgt", - "createwelcome": "Velkommen til Qortal. Likt et RPG-spill, vil du som minter i Qortal-nettverket (hvis du velger å bli det), ha sjansen til å øke din kontos nivå, noe som gir deg både mer av QORT-blokkbelønning, så vel som større innflytelse over nettverket når det gjelder å stemme på beslutninger for plattformen.", + "createwelcome": "Velkommen til Qortal! Din desentraliserte digitale fremtid venter på deg! I Qortal har du og bare du full kontroll over dataene dine. Qortal gir infrastrukturen til en ny og fullt brukerstyrt digital verden.", "createa": "A", "click": "Klikk for å se minnefrase (seedphrase)", "confirmpass": "Bekreft passord", - "willbe": "vil bli generert tilfeldig i bakgrunnen. Dette brukes som din private nøkkelgenerator for din blokkjedekonto i Qortal.", + "willbe": "vil bli generert tilfeldig i bakgrunnen. Hvis du ønsker å SE seedfrasen, klikk på den uthevede 'seedfrasen' i denne teksten. Dette brukes som din private nøkkelgenerator for din blokkjedekonto i Qortal. For sikkerhet som standard, vises ikke seedfraser med mindre det er spesifikt valgt å være det.", "clicknext": "Opprett din Qortal-konto ved å klikke på NESTE nedenfor.", - "ready": "Kontoen din er nå klar til å opprettes. Den vil bli lagret i denne nettleseren. Hvis du ikke vil at den nye kontoen din skal lagres i nettleseren, kan du fjerne avhukningen i boksen nedenfor. Du vil fortsatt kunne logge på med den nye kontoen din (etter å ha logget av), ved å bruke backup-filen for lommeboken som du MÅ laste ned når du har opprettet kontoen din.", + "ready": "Kontoen din er nå klar til å opprettes. Den vil som standard lagres i denne kopien av Qortal-grensesnittet, i kryptert form. Hvis du ikke vil at den nye kontoen din skal lagres her, kan du fjerne merket i boksen nedenfor. Du vil fortsatt kunne logge på med den nye kontoen din (etter å ha logget ut), ved å bruke sikkerhetskopifilen for lommeboken som du MÅ laste ned når du har opprettet kontoen din.", "welmessage": "Velkommen til Qortal", "pleaseenter": "Skriv inn et passord!", - "notmatch": "Passord matcher ikke!", + "notmatch": "Oops! Passordene samsvarer ikke! Prøv igjen!", "lessthen8": "Passordet ditt er mindre enn 5 tegn! Dette anbefales ikke. Du kan velge å fortsette, og ignorere denne advarselen.", "lessthen8-2": "Passordet ditt er mindre enn 5 tegn!", "entername": "Skriv inn et navn!", @@ -132,7 +132,7 @@ "backup2": "Denne filen er den ENESTE måten å få tilgang på kontoen din i et system hvor den ikke lagres i appen/nettleseren. SØRG FOR Å LAGE BACKUP AV DENNE FILEN PÅ FLERE STEDER. Filen er kryptert veldig sikkert og dekrypteres med ditt lokale passord som du opprettet i forrige trinn. Du kan trygt lagre den hvor som helst, men sørg for å gjøre det på flere steder.", "savewallet": "Lagre backup-fil for lommebok", "created1": "Kontoen din er nå opprettet", - "created2": " og vil bli lagret i denne nettleseren.", + "created2": " og lagret i denne UI i kryptert form.", "downloadbackup": "Last ned backup-fil for lommebok", "passwordhint": "Et passord må være på minst 5 tegn.", "lp1": "Lås skjerm", @@ -163,8 +163,8 @@ "confirmlogout": "Er du sikker på at du vil logge av?" }, "fragfile": { - "selectfile": "Velg fil", - "dragfile": "Dra og slipp backup her" + "selectfile": "Velg sikkerhetskopifil", + "dragfile": "Dra og slipp eller klikk her for å velge sikkerhetskopifil" }, "settings": { "generalinfo": "Generell kontoinformasjon", @@ -203,17 +203,17 @@ "snack5": "Noder ble importert", "snack6": "Tilpasset node er fjernet", "snack7": "Redigert tilpasset node", - "exp1": "Eksporter privat hovednøkkel", + "exp1": "Eksporter privat hovednøkkel (xpriv)", "exp2": "Eksporter hovednøkkel", "exp3": "Eksporter", "exp4": "Velg en lommebok for å sikkerhetskopiere den private hovednøkkelen.", - "core": "Start kjerneinnstillinger", + "core": "Kjerneinnstillinger for automatisk start", "qappNotification1": "Q-App varsler", "selectnode": "Vennligst velg et alternativ", "arrr1": "ARRR-lommebok ikke initialisert !", - "arrr2": "Vennligst gå til lommebok-fanen og initialiser arrr-lommeboken først.", + "arrr2": "Gå til lommebok-fanen og få tilgang til ARRR-lommeboken for å initialisere lommeboken først.", "arrr3": "Trenger kjerneoppdatering!", - "arrr4": "For å lagre den private nøkkelen til arrr-lommeboken din trenger du en kjerneoppdatering først!", + "arrr4": "For å lagre den private nøkkelen til ARRR-lommeboken din må du først oppdatere Qortal Core!", "sync_indicator": "Deaktiver popup for synkroniseringsindikator" }, "appinfo": { @@ -284,7 +284,7 @@ "startminting": { "smchange1": "Kan ikke hente myntingkontoer", "smchange2": "Kunne ikke fjerne nøkkelen", - "smchange3": "Kunne ikke legge til myntnøkkel", + "smchange3": "Kunne ikke legge til myntnøkkel, hvis nøkkelen nettopp ble opprettet, prøv å vente noen blokker og legg til på nytt.", "smchange4": "Kan ikke opprette sponsornøkkel", "smchange5": "Skaper forhold", "smchange6": "Venter på bekreftelse på blockchain", @@ -507,7 +507,7 @@ "nchange23": "Selgspris", "nchange24": "Ingen navn å selge", "nchange25": "Navn å selge", - "nchange26": "Er du sikker på å selge dette navnet?", + "nchange26": "Er du sikker på å selge dette navnet? Hvis navnet er kjøpt av en annen konto, vil alle data publisert av den være utenfor din kontroll!", "nchange27": "For denne prisen i QORT", "nchange28": "Når du trykker bekrefte, vil forespørselen om salgsnavn bli sendt!", "nchange29": "Navn som skal avbrytes", diff --git a/core/language/pl.json b/core/language/pl.json index 0446c70a..0e408433 100644 --- a/core/language/pl.json +++ b/core/language/pl.json @@ -80,7 +80,7 @@ "tm32": "To konto nie obserwuje żadnego użytkownika", "tm33": "Menu zakładki Importuj", "tm34": "Menu zakładki Eksportuj", - "tm35": "Twoje istniejące menu kart zostanie usunięte i ustawione na przesłane menu kart.", + "tm35": "Twoje istniejące menu zakładek zostanie usunięte i ustawione jako zaimportowane menu zakładek.", "tm36": "Menu zakładki pomyślnie przywrócone", "tm37": "Menu zakładki pomyślnie zapisane jako", "tm38": "TRYB DEV", @@ -98,43 +98,43 @@ "youraccounts": "Twoje konta", "clickto": "Kliknij swoje konto, aby się na nim zalogować", "needcreate": "Musisz utworzyć lub zapisać konto, zanim będziesz mógł się zalogować!", - "upload": "Prześlij swoją kopię zapasową Qortal", + "upload": "Zaimportuj plik kopii zapasowej Qortal", "howlogin": "Jak chciałbyś się zalogować?", "seed": "Fraza odzyskiwania", "seedphrase": "fraza odzyskiwania", "saved": "Zapisane konto", - "qora": "Ziarno adresu Qora", - "backup": "Kopia zapasowa portfela Qortal", - "decrypt": "Odszyfruj kopię zapasową", + "qora": "Ziarno adresu QORA", + "backup": "Plik kopii zapasowej Qortal", + "decrypt": "Odszyfruj plik kopii zapasowej", "save": "Zapisz w tej przeglądarce.", "prepare": "Przygotuj swoje konto", - "areyousure": "Czy na pewno chcesz usunąć ten portfel z zapisanych portfeli?", + "areyousure": "Czy na pewno chcesz usunąć to konto z zapisanych kont? (W przypadku usunięcia i braku pliku kopii zapasowej konto może zostać utracone na zawsze! Zanim to zrobisz, upewnij się, że masz plik kopii zapasowej!)", "error1": "Kopia zapasowa musi być poprawnym JSON", "error2": "Nie wybrano opcji logowania", - "createwelcome": "Witamy w Qortal, przekonasz się, że jest to gra podobna do gry RPG, ty, jako minter w sieci Qortal (jeśli zdecydujesz się nią zostać), będziesz miał szansę ulepszyć swoje konto, zyskując więcej nagrody za blok QORT, jak i większy wpływ na sieć w zakresie głosowania na decyzje dotyczące platformy.", + "createwelcome": "Witamy w Qortalu! Twoja zdecentralizowana cyfrowa przyszłość czeka na Ciebie! W Qortal Ty i tylko Ty masz pełną kontrolę nad swoimi danymi. Qortal zapewnia podstawowy poziom nowego, w pełni kontrolowanego przez użytkownika cyfrowego świata.", "createa": "A", "click": "Kliknij, aby zobaczyć frazę odzyskiwania portfela", "confirmpass": "Potwierdź hasło", - "willbe": "zostanie losowo wygenerowany w tle. To jest używane jako generator klucza prywatnego dla Twojego konta blockchain w Qortal.", + "willbe": "będą losowo generowane w tle. Jeśli chcesz ZOBACZYĆ frazę nasion, kliknij słowo „fraza nasion” w tym tekście. Służy jako generator klucza prywatnego dla Twojego konta Blockchain w Qortal. Ze względów bezpieczeństwa domyślnie frazy początkowe nie są wyświetlane, chyba że zostało to specjalnie wybrane.", "clicknext": "Utwórz swoje konto Qortal, klikając przycisk NEXT (DALEJ) poniżej.", - "ready": "Twoje konto jest teraz gotowe do utworzenia. Zostanie zapisane w tej przeglądarce. Jeśli nie chcesz, aby Twoje nowe konto było zapisywane w przeglądarce, możesz odznaczyć poniższe pole. Nadal będziesz mógł logować się na nowe konto (po wylogowaniu), korzystając z pliku kopii zapasowej portfela, który MUSISZ pobrać po utworzeniu konta.", + "ready": "Twoje konto jest teraz gotowe do utworzenia. Zostanie on domyślnie zapisany w tej kopii interfejsu użytkownika Qortal, w formie zaszyfrowanej. Jeśli nie chcesz, aby Twoje nowe konto było tutaj zapisywane, możesz odznaczyć pole poniżej. Nadal będziesz mógł zalogować się na swoje nowe konto (po wylogowaniu), korzystając z pliku kopii zapasowej portfela, który MUSISZ pobrać po utworzeniu konta.", "welmessage": "Witamy w Qortal", "pleaseenter": "Proszę wprowadzić Hasło!", "notmatch": "Hasła nie pasują!", "lessthen8": "Twoje hasło ma mniej niż 5 znaków! Nie jest to zalecane. Możesz zignorować to ostrzeżenie.", "lessthen8-2": "Twoje hasło ma mniej niż 5 znaków!", - "entername": "Proszę podać Nazwę!", - "downloaded": "Twój plik kopii zapasowej Portfela zostanie pobrany!", + "entername": "Proszę wprowadzić nazwę wyświetlaną!", + "downloaded": "Twój plik kopii zapasowej Portfela został zapisany!", "loading": "Ładowanie, proszę czekać...", "createdseed": "Twoja utworzona fraza odzyskiwania", "saveseed": "Zapisz frazę odzyskiwania", - "savein": "Zapisz w przeglądarce", - "backup2": "Ten plik jest JEDYNYM sposobem uzyskania dostępu do konta w systemie, jeżeli nie ma go zapisanego w aplikacji/przeglądarce. PAMIĘTAJ, ABY ZAPISAĆ KOPIĘ ZAPASOWĄ TEGO PLIKU W WIELU MIEJSCACH. Plik jest bezpiecznie zaszyfrowany i może być odszyfrowany za pomocą Twojego hasła utworzonego w poprzednim kroku. Możesz go bezpiecznie zapisać w dowolnym miejscu, ale pamiętaj, aby zrobić to w wielu lokalizacjach.", + "savein": "Zapisz w tym interfejsie użytkownika", + "backup2": "Ten plik jest JEDYNYM (domyślnym) sposobem uzyskania dostępu do Twojego konta, chyba że zostanie zapisany w interfejsie użytkownika. NALEŻY ZROBIĆ KOPIĘ ZAPASOWĄ TEGO PLIKU W WIELU MIEJSCACH. Plik zostanie bardzo bezpiecznie zaszyfrowany i odszyfrowany za pomocą lokalnego hasła utworzonego w poprzednim kroku. Możesz bezpiecznie zapisać go w dowolnym miejscu, ale pamiętaj, aby zrobić to w wielu lokalizacjach.", "savewallet": "Zapisz plik kopii zapasowej portfela", "created1": "Twoje konto zostało utworzone", - "created2": " i zostanie zapisane w tej przeglądarce.", - "downloadbackup": "Pobierz plik kopii zapasowej portfela", - "passwordhint": "Hasło musi mieć co najmniej 5 znaków.", + "created2": " i zapisane w tym interfejsie użytkownika w formie zaszyfrowanej.", + "downloadbackup": "Zapisz plik kopii zapasowej Qortal", + "passwordhint": "Hasło szyfrujące musi składać się z co najmniej 5 znaków.", "lp1": "Ekran blokady", "lp2": "Nie ustawiono hasła blokady ekranu!", "lp3": "Proszę ustawić jeden", @@ -163,8 +163,8 @@ "confirmlogout": "Czy na pewno chcesz się wylogować?" }, "fragfile": { - "selectfile": "Wybierz plik", - "dragfile": "Przeciągnij i upuść kopię zapasową tutaj" + "selectfile": "Wybierz plik kopii zapasowej", + "dragfile": "Przeciągnij i upuść lub kliknij tutaj, aby wybrać plik kopii zapasowej" }, "settings": { "generalinfo": "Ogólne informacje o koncie", @@ -203,17 +203,17 @@ "snack5": "Węzły pomyślnie zaimportowane", "snack6": "Pomyślnie usunięto węzeł niestandardowy", "snack7": "Pomyślnie edytowano węzeł niestandardowy", - "exp1": "Eksportuj prywatny klucz główny", + "exp1": "Eksportuj główny klucz prywatny (xpriv)", "exp2": "Eksportuj klucz główny", "exp3": "Eksportuj", "exp4": "Wybierz portfel do wykonania kopii zapasowej prywatnego klucza głównego.", - "core": "Uruchom podstawowe ustawienia", + "core": "Ustawienia automatycznego uruchamiania Qortal Core", "qappNotification1": "Powiadomienia Q-App", "selectnode": "Proszę wybrać opcję", "arrr1": "Portfel ARRR nie został zainicjowany!", - "arrr2": "Przejdź do zakładki portfela i najpierw zainicjalizuj swój portfel arrr.", + "arrr2": "Przejdź do Portfeli i uzyskaj dostęp do portfela ARRR, aby najpierw zainicjować portfel.", "arrr3": "Potrzebujesz aktualizacji rdzenia!", - "arrr4": "Aby zapisać klucz prywatny swojego portfela arrr, potrzebujesz najpierw aktualizacji rdzenia!", + "arrr4": "Aby zapisać klucz prywatny swojego portfela ARRR, musisz najpierw zaktualizować Qortal Core!", "sync_indicator": "Wyłącz wyskakujące okienko wskaźnika synchronizacji" }, "appinfo": { @@ -284,7 +284,7 @@ "startminting": { "smchange1": "Nie można pobrać kont menniczych", "smchange2": "Nie udało się usunąć klucza", - "smchange3": "Nie udało się dodać klucza bicia", + "smchange3": "Nie udało się dodać klucza Minting. Jeśli klucz został właśnie utworzony, spróbuj poczekać kilka bloków i dodać go ponownie", "smchange4": "Nie można utworzyć klucza sponsorowania", "smchange5": "Tworzenie relacji", "smchange6": "Oczekiwanie na potwierdzenie na blockchain", @@ -507,7 +507,7 @@ "nchange23": "Cena sprzedaży", "nchange24": "Brak nazw do sprzedania", "nchange25": "Nazwa do sprzedania", - "nchange26": "Czy na pewno chcesz sprzedać tę nazwę?", + "nchange26": "Czy na pewno chcesz sprzedać tę nazwę? Jeśli nazwa zostanie zakupiona przez inne konto, będzie to poza Twoją kontrolą!", "nchange27": "Za tę cenę w QORT", "nchange28": "Po naciśnięciu potwierdzenia zostanie wysłane zapytanie o nazwę sprzedaży!", "nchange29": "Nazwa do anulowania", diff --git a/core/language/pt.json b/core/language/pt.json index fa6da6c8..e7fbdc0c 100644 --- a/core/language/pt.json +++ b/core/language/pt.json @@ -80,7 +80,7 @@ "tm32": "Esta conta não segue nenhum usuário", "tm33": "Menu da Aba Importar", "tm34": "Menu da guia Exportar", - "tm35": "Seu menu de guia existente será excluído e definido como menu de guia carregado.", + "tm35": "Seu menu de guias existente será excluído e definido como menu de guias importado.", "tm36": "Menu de abas restaurado com sucesso", "tm37": "Menu da guia salvo com sucesso como", "tm38": "MODO DEV", @@ -98,42 +98,42 @@ "youraccounts": "Minhas Contas", "clickto": "Clique em sua conta para fazer o login", "needcreate": "Você precisa criar ou salvar uma conta antes de fazer o login", - "upload": "Carregue seu backup do Qortal", + "upload": "Importe seu arquivo de backup Qortal", "howlogin": "Como você gostaria de fazer o login?", "seed": "SeedPhrase", "seedphrase": "seedphrase", "saved": "Conta Salva", - "qora": "Endereço seed do Qora", - "backup": "Backup da carteira do Qortal", - "decrypt": "Desencriptar Backup", + "qora": "Endereço seed do QORA", + "backup": "Arquivo de backup Qortal", + "decrypt": "Descriptografar arquivo de backup", "save": "Salvar neste Navegador", - "prepare": "Preparando sua Conta", - "areyousure": "Tem certeza que deseja excluir esta carteira das carteiras salvas?", + "prepare": "Preparando sua Conta...", + "areyousure": "Tem certeza de que deseja remover esta conta das contas salvas? (Se for removida e não existir nenhum arquivo de backup, a conta poderá ser perdida para sempre! Certifique-se de ter um arquivo de backup antes de fazer isso!)", "error1": "Backup tem que ser um JSON valido", "error2": "Login opcional não selecionado", - "createwelcome": "Bem-vindo ao Qortal, você vai achar que é semelhante ao de um jogo de RPG, você, como um mineirador na rede Qortal (se você escolher se tornar um) terá a chance de prosperar com sua conta, dando-lhe tanto mais da recompensa do bloco QORT e também maior influência sobre a rede em termos de votação sobre decisões para a plataforma.", + "createwelcome": "Bem-vindo ao Qortal! Seu futuro digital descentralizado espera por você! Somente no Qortal você tem controle absoluto sobre seus dados. Qortal fornece o nível básico de um mundo digital novo e totalmente controlado pelo usuário.", "createa": "A", "click": "Clique para ver a SeedPhrase", "confirmpass": "Confirme sua Senha", - "willbe": "Será gerado aleatoriamente em segundo plano. Este é usado como seu gerador de chaves privada para sua conta blockchain no Qortal.", + "willbe": "Será gerado aleatoriamente em segundo plano. Se você deseja VER a frase-semente, clique na 'frase-semente' destacada neste texto. Ele é usado como gerador de chave privada para sua conta blockchain no Qortal. Por segurança, por padrão, as frases-chave não são exibidas, a menos que sejam especificamente escolhidas para serem.", "clicknext": "Crie sua conta no Qortal clicando em PRÓXIMO abaixo.", - "ready": "Sua conta está pronta para ser criada. Ela será salva neste navegador. Se você não deseja que sua nova conta seja salva no seu navegador, você pode desmarcar a caixa abaixo. Você ainda poderá fazer o login com sua nova conta (após o login), usando seu arquivo de backup de carteira que você deve baixar assim que criar sua conta.", + "ready": "Sua conta agora está pronta para ser criada. Ele será salvo nesta cópia da UI do Qortal por padrão, em formato criptografado. Se não quiser que sua nova conta seja salva aqui, você pode desmarcar a caixa abaixo. Você ainda poderá fazer login com sua nova conta (após sair), usando o arquivo de backup da carteira que você DEVE baixar depois de criar sua conta.", "welmessage": "Bem-vindo ao Qortal", "pleaseenter": "Por favor coloque sua senha!", "notmatch": "Senhas não correspondem!", "lessthen8": "Sua senha é menor que 5 caracteres! Isso não é recomendado. Você pode continuar e ignorar este aviso.", "lessthen8-2": "Sua senha é menor que 5 caracteres!", - "entername": "Por favor, digite um nome!", - "downloaded": "Seu arquivo Wallet BackUp é baixado!", + "entername": "Por favor insira um nome de exibição!", + "downloaded": "Seu arquivo Qortal Backup foi salvo!", "loading": "Carregando, por favor espere...", "createdseed": "Sua Seedphrase Criada", "saveseed": "Salvar Seedphrase", - "savein": "Salvar no Navegador", + "savein": "Salvar nesta IU", "backup2": "Este arquivo é a única forma de acessar sua conta em um sistema que não o tem salvo no aplicativo/navegador. CERTIFIQUE-SE DE FAZER BACKUP DESTE ARQUIVO EM VÁRIOS LUGARES. O arquivo é criptografado com muita segurança e descriptografado com sua senha local que você criou na etapa anterior. Você pode salvá-lo em qualquer lugar com segurança, mas certifique-se de fazer isso em vários locais.", - "savewallet": "Salvar Arquivo de BackUp da Carteira", + "savewallet": "Salvar arquivo de backup Qortal", "created1": "Sua conta foi Criada", - "created2": "e será salva neste navegador.", - "downloadbackup": "Baixe o Arquivo BackUp da Carteira", + "created2": " e salvo criptografado nesta UI Qortal.", + "downloadbackup": "Salvar arquivo de backup Qortal", "passwordhint": "Uma senha deve ter pelo menos 5 caracteres.", "lp1": "Tela de bloqueio", "lp2": "Nenhuma senha de tela de bloqueio foi definida!", @@ -164,7 +164,7 @@ }, "fragfile": { "selectfile": "Selecione Arquivo", - "dragfile": "Arrastar e soltar backup aqui" + "dragfile": "Arraste e solte ou clique aqui para selecionar o arquivo de backup" }, "settings": { "generalinfo": "Informações gerais da conta", @@ -181,7 +181,7 @@ "notifications": "Notificações", "accountsecurity": "Segurança da Conta", "password": "Senha", - "download": "Baixar Arquivo BackUp", + "download": "Exportar/Salvar arquivo de backup", "choose": "Por favor, escolha uma senha para criptografar seu backup. (Essa pode ser a mesma que você fez login, ou outra diferente)", "playsound": "Reproduzir som", "shownotifications": "Mostrar notificações", @@ -192,8 +192,8 @@ "protocol": "Protocolo", "domain": "Domínio", "port": "Portar", - "import": "Importar Nós", - "export": "Exportar Nós", + "import": "Importar nós salvos", + "export": "Exportar Nós salvos", "deletecustomnode": "Remover todos os nós personalizados", "warning": "Seus nós existentes serão excluídos e do backup será criado.", "snack1": "Nós padrão excluídos e adicionados com sucesso", @@ -203,17 +203,17 @@ "snack5": "Nós importados com sucesso", "snack6": "Nó personalizado removido com sucesso", "snack7": "Nó personalizado editado com sucesso", - "exp1": "Exportar Chave Mestra Privada", + "exp1": "Exportar chave privada mestra (xpriv)", "exp2": "Exportar Chave Mestra", "exp3": "Exportar", - "exp4": "Por favor, escolha uma carteira para fazer backup da chave mestra privada.", - "core": "Iniciar configurações do núcleo", + "exp4": "Por favor, escolha uma carteira para fazer backup da chave privada mestra.", + "core": "Configurações de inicialização automática do Qortal Core", "qappNotification1": "Notificações de Q-App", "selectnode": "Por favor selecione uma opção", "arrr1": "Carteira ARRR não inicializada!", - "arrr2": "Por favor, vá para a aba carteira e inicialize sua carteira arrr primeiro.", + "arrr2": "Por favor, vá para a guia carteira e acesse a carteira ARRR para inicializar a carteira primeiro.", "arrr3": "Precisa de atualização principal!", - "arrr4": "Para salvar a chave privada da sua carteira arrr você precisa primeiro de uma atualização principal!", + "arrr4": "Para salvar a chave privada da sua carteira ARRR você deve primeiro atualizar o Qortal Core!", "sync_indicator": "Desativar pop-up do indicador de sincronização" }, "appinfo": { @@ -283,8 +283,8 @@ }, "startminting": { "smchange1": "Não é possível buscar contas de cunhagem", - "smchange2": "Falha ao remover a chave", - "smchange3": "Falha ao adicionar chave de cunhagem", + "smchange2": "Falha ao remover a chave Minting", + "smchange3": "Falha ao adicionar a chave Minting, se a chave acabou de ser criada, tente esperar alguns blocos e adicionar novamente", "smchange4": "Não é possível criar a chave de patrocínio", "smchange5": "Criando relacionamento", "smchange6": "Aguardando confirmação no blockchain", @@ -507,7 +507,7 @@ "nchange23": "Preço de venda", "nchange24": "Sem nomes para vender", "nchange25": "Nome para vender", - "nchange26": "Tem certeza que vende este nome ?", + "nchange26": "Tem certeza de que deseja vender este nome? Se o nome for adquirido por outra conta, os dados publicados por esse nome não poderão ser editados por você!", "nchange27": "Por este preço em QORT", "nchange28": "Ao clicar em confirmar, a solicitação do nome de venda será enviada!", "nchange29": "Nome para Cancelar", diff --git a/core/language/ro.json b/core/language/ro.json index d085487f..c234b51f 100644 --- a/core/language/ro.json +++ b/core/language/ro.json @@ -80,7 +80,7 @@ "tm32": "Acest cont nu urmărește niciun utilizator", "tm33": "Meniu Filă Import", "tm34": "Meniu File Export", - "tm35": "Meniul de file existent va fi șters și setat la meniul de file încărcat.", + "tm35": "Meniul de file existent va fi șters și setat la meniul de file importat.", "tm36": "Meniul Tab a fost restaurat cu succes", "tm37": "Meniul Tab a fost salvat cu succes ca", "tm38": "MOD DEV", @@ -98,42 +98,42 @@ "youraccounts": "Conturile tale", "clickto": "Fa click pe Contul tau pentru a te conecta cu el", "needcreate": "Trebuie sa iti creezi sau sa salvezi un cont inainte de a te conecta!", - "upload": "Urca copia de siguranta Qortal", + "upload": "Importați fișierul de rezervă Qortal", "howlogin": "Cum doresti sa te conectezi?", "seed": "frazainitiala", "seedphrase": "frazainitiala", "saved": "Cont salvat", - "qora": "Adresa initiala Qora", - "backup": "Copia de siguranta a portofelului Qortal", - "decrypt": "Decriptare copie de siguranta", + "qora": "Adresa initiala QORA", + "backup": "Fișier de rezervă Qortal", + "decrypt": "Decriptați fișierul de rezervă", "save": "Salveaza in acest browser.", "prepare": "Se pregateste Contul tau", - "areyousure": "Sunteti sigur ca doriti sa eliminati acest portofel din portofelele salvate?", + "areyousure": "Sigur doriți să eliminați acest cont din conturile salvate? (Dacă este eliminat și nu există niciun fișier de rezervă, contul poate fi pierdut pentru totdeauna! Asigurați-vă că aveți un fișier de rezervă înainte de a face acest lucru!)", "error1": "Backup-ul trebuie sa fie JSON valid", "error2": "Optiunea de conectare nu este selectata", - "createwelcome": "Bine ai venit la Qortal, vei descoperi ca este similar cu un joc RPG, tu, ca minter in reteaua Qortal (daca alegi sa devii unul), vei avea sansa de a-ti creste nivelul contului tau, oferindu-ti deopotiva o recompensa mai mare din blocul QORT, cat si o influenta mai mare asupra retelei in ceea ce priveste votul asupra deciziilor pentru platforma.", + "createwelcome": "Bun venit la Qortal! Viitorul tău digital descentralizat te așteaptă! Dvs. și numai dvs. aveți control deplin asupra datelor dvs. de pe Qortal. Qortal oferă infrastructura unei lumi digitale noi și complet controlate de utilizator.", "createa": "A", "click": "Da click pentru a vedea fraza initiala", "confirmpass": "Confirma Parola", - "willbe": "va fi generata aleatoriu in fundal. Aceasta este utilizata ca generator de cheie privata pentru contul tau blockchain din Qortal.", + "willbe": "va fi generat aleatoriu în fundal. Dacă doriți să VEZI fraza inițială, faceți clic pe „fraza inițială” evidențiată în acest text. Acesta este folosit ca generator de chei private pentru contul blockchain din Qortal. Pentru securitate, în mod implicit, frazele de bază nu sunt afișate decât dacă sunt alese în mod special.", "clicknext": "Creaza-ti contul Qortal apasand butonul INAINTE.", - "ready": "Contul dvs. este acum gata sa fie creat. Acesta va fi salvat in acest browser. Daca nu doriti ca noul dvs. cont sa fie salvat in browserul dvs., puteti debifa caseta de mai jos. Veti putea in continuare sa va conectati cu noul dvs. cont (dupa ce va deconectati), utilizand fisierul de backup al portofelului pe care TREBUIE sa il descarcati dupa ce va creati contul.", + "ready": "Contul dvs. este acum gata pentru a fi creat. Acesta va fi salvat în această copie a Qortal UI în mod implicit, în formă criptată. Dacă nu doriți ca noul dvs. cont să fie salvat aici, puteți debifa caseta de mai jos. Veți putea în continuare să vă conectați cu noul cont (după deconectare), folosind fișierul de rezervă al portofelului, pe care TREBUIE să-l descărcați după ce vă creați contul.", "welmessage": "Bine ai venit in Qortal", "pleaseenter": "Te rog introdu o parola!", "notmatch": "Parola nu corespunde!", "lessthen8": "Parola ta are mai putin de 5 caractere! Acest lucru nu este recomandat. Poti continua sa ignori acest avertisment.", "lessthen8-2": "Parola ta are mai putin de 5 caractere!", - "entername": "Te rog introdu un Nume!", - "downloaded": "Copia de siguranta a portofelului este descarcata!", + "entername": "Vă rugăm să introduceți un nume afișat!", + "downloaded": "Fișierul dvs. Qortal Backup a fost salvat!", "loading": "Se incarca. Va rugam asteptati...", "createdseed": "Fraza initiala personala creata", "saveseed": "Salveaza fraza initiala", - "savein": "Salveaza in browser", - "backup2": "Acest fisier este SINGURA modalitate de a-ti accesa contul pe un sistem care nu il are salvat in aplicatie/browser. ASIGURA-TE CA FACI O COPIE DE REZERVA A ACESTUI FISIER IN MAI MULTE LOCURI. Fisierul este criptat foarte sigur si decriptat cu parola locala pe care ai creat-o in pasul anterior. Il poti salva oriunde in siguranta, dar asigura-te ca faci acest lucru in mai multe locatii.", - "savewallet": "Salveaza copia de siguranta a Portofelului", + "savein": "Salvați în această interfață de utilizare", + "backup2": "Acest fișier este SINGURA modalitate (în mod implicit) de a vă accesa contul, cu excepția cazului în care este salvat în UI. ASIGURAȚI-VĂ CĂ FACEȚI BACKUP ACEST FIȘIER ÎN MULTE LOCURI. Fișierul este criptat foarte sigur și decriptat cu parola dvs. locală pe care ați creat-o la pasul anterior. Îl puteți salva oriunde în siguranță, dar asigurați-vă că faceți acest lucru în mai multe locații.", + "savewallet": "Salvați fișierul de rezervă Qortal", "created1": "Contul tau este acum creat", - "created2": "si va fi salvat in acest browser.", - "downloadbackup": "Descarca copia de siguranta a Portofelului", + "created2": " și salvat în această interfață de utilizare în formă criptată.", + "downloadbackup": "Salvați fișierul Qortal BackUp", "passwordhint": "O parola trebuie sa aiba cel putin 5 caractere.", "lp1": "Ecran de blocare", "lp2": "Nu este setată nicio parolă pentru ecranul de blocare!", @@ -163,8 +163,8 @@ "confirmlogout": "Esti sigur ca vrei sa te deconectezi?" }, "fragfile": { - "selectfile": "Selecteaza fisier", - "dragfile": "Trage si elibereaza fisierul de backup aici" + "selectfile": "Selectați fișierul de rezervă", + "dragfile": "Trageți și plasați sau faceți clic aici pentru a selecta fișierul de rezervă" }, "settings": { "generalinfo": "Informatii generale despre cont", @@ -181,7 +181,7 @@ "notifications": "Notificari", "accountsecurity": "Securitatea contului", "password": "Parola", - "download": "Descarca copia de siguranta", + "download": "Exportați/Salvați fișierul de rezervă Qortal", "choose": "Va rugam sa alegeti o parola cu care sa va criptati copia de rezerva. (Aceasta poate fi aceeasi cu cea cu care v-ati logat sau diferita)", "playsound": "Redare sunet", "shownotifications": "Arata notificarile", @@ -192,8 +192,8 @@ "protocol": "Protocol", "domain": "Domeniu", "port": "Port", - "import": "Import Noduri", - "export": "Export Noduri", + "import": "Import Noduri salvate", + "export": "Export Noduri salvate", "deletecustomnode": "Eliminati toate nodurile personalizate", "warning": "Nodurile dvs. existente vor fi sterse si din backup vor fi create noi.", "snack1": "Noduri standard au fost sterse si adaugate cu succes", @@ -203,17 +203,17 @@ "snack5": "Nodurile au fost importate cu succes", "snack6": "Nodul personalizat a fost eliminat cu succes", "snack7": "Nodul personalizat a fost editat cu succes", - "exp1": "Exportați cheia principală privată", + "exp1": "Exportați cheia privată principală (xpriv)", "exp2": "Exportați cheia principală", "exp3": "Export", "exp4": "Vă rugăm să alegeți un portofel pentru a face backup cheii master private.", - "core": "Porniți setările de bază", + "core": "Setări Qortal de pornire automată", "qappNotification1": "Notificări Q-App", "selectnode": "Vă rugăm să selectați o opțiune", "arrr1": "Portoletul ARRR nu este inițializat !", - "arrr2": "Vă rugăm să accesați fila Portofel și să inițializați mai întâi portofelul arrr.", + "arrr2": "Accesați „Portofele” și accesați portofelul ARRR pentru a inițializa mai întâi portofelul", "arrr3": "Am nevoie de actualizare de bază !", - "arrr4": "Pentru a salva cheia privată a portofelului dvs. arrr, aveți nevoie mai întâi de o actualizare de bază !", + "arrr4": "Pentru a salva cheia privată a portofelului dvs. ARRR, trebuie mai întâi să actualizați Qortal Core!", "sync_indicator": "Dezactivați fereastra pop-up indicator de sincronizare" }, "appinfo": { @@ -283,8 +283,8 @@ }, "startminting": { "smchange1": "Nu se pot prelua conturile de batere", - "smchange2": "Cheia nu a fost eliminata", - "smchange3": "Nu s-a putut adauga cheia de batere", + "smchange2": "Nu s-a putut elimina cheia Minting", + "smchange3": "Nu s-a putut adăuga cheia de batere, dacă cheia tocmai a fost creată, încercați să așteptați câteva blocuri și să adăugați din nou", "smchange4": "Nu se poate crea cheia de sponsorizare", "smchange5": "Crearea unei relatii", "smchange6": "Se asteapta confirmarea pe blockchain", @@ -507,7 +507,7 @@ "nchange23": "Preț de vânzare", "nchange24": "Fără nume de vândut", "nchange25": "Nume de vândut", - "nchange26": "Sunteți sigur că veți vinde acest nume?", + "nchange26": "Ești sigur că vrei să vinzi acest nume? Dacă un alt utilizator cumpără numele, toate datele publicate după nume nu vor putea fi editate de dvs.!", "nchange27": "Pentru acest preț în QORT", "nchange28": "La apăsarea confirmării, cererea de nume de vânzare va fi trimisă!", "nchange29": "Nume de anulat", diff --git a/core/language/rs.json b/core/language/rs.json index 0ed10053..6b4e65fa 100644 --- a/core/language/rs.json +++ b/core/language/rs.json @@ -80,7 +80,7 @@ "tm32": "Ovaj nalog ne prati nijednog korisnika", "tm33": "Meni kartice za uvoz", "tm34": "Izvoz meni kartice", - "tm35": "Vaš postojeći meni kartica će biti obrisan i postavljen na meni za otpremljene kartice.", + "tm35": "Vaš postojeći meni kartica će biti izbrisan i postavljen na uvezeni meni kartica.", "tm36": "Meni kartice je uspešno vraćen", "tm37": "Meni kartice je uspešno sačuvan kao", "tm38": "DEV MODE", @@ -98,26 +98,26 @@ "youraccounts": "Tvoji nalozi", "clickto": "Kliknite na nalog sa kojim želite da se prijavite", "needcreate": "Morate napraviti ili sačuvati nalog pre mogućnosti prijavljivanja!", - "upload": "Ubacite vašu rezervnu kopiju Qortala", + "upload": "Uvezite Qortal datoteku rezervne kopije", "howlogin": "Kako bi ste želeli da se prijavite?", "seed": "Semenska fraza", "seedphrase": "semenskafraza", "saved": "Sačuvani nalog", - "qora": "Seme Qora adrese", + "qora": "Seme QORA adrese", "backup": "Rezervna kopija Qortal novčanika", "decrypt": "Dešifrovanje rezervne kopije", "save": "Sačuvajte u ovom pretraživaču.", "prepare": "Vaš Nalog se priprema", - "areyousure": "Da li ste sigurni da želite da izbrišete ovaj novčanik sa liste sačuvanih novčanika?", + "areyousure": "Da li ste sigurni da želite da uklonite ovaj nalog sa sačuvanih naloga? (Ako se ukloni i ne postoji datoteka rezervne kopije, nalog bi mogao biti izgubljen zauvek! Uverite se da imate rezervnu datoteku pre nego što to uradite!)", "error1": "Rezervna kopija mora biti ispravan JSON", "error2": "Opcija za prijavljivanje nije izabrana", - "createwelcome": "Dobrodošli u Qortal, koji možete posmatrati kao RPG igru, gde ćete vi, kao minter na Qortal mreži (ako odlučite to postati) imati priliku da unapredite (izlevelujete) vaš nalog, i time steknete priliku da dobijate sve veću QORT nagradu po bloku, kao i veći uticaj na samoj platformi, kroz glasanje o raznim odlukama.", + "createwelcome": "Dobrodošli u Qortal! Vaša decentralizovana digitalna budućnost vas čeka! Na Qortal-u vi i samo vi imate apsolutnu kontrolu nad svojim podacima. Qortal obezbeđuje infrastrukturu novog i potpuno individualno kontrolisanog digitalnog sveta!", "createa": "A", "click": "Kliknite ovde da biste videli semensku frazu", "confirmpass": "Potvrdite Lozinku", - "willbe": "Biće nasumično generisano u pozadini. Ovo je generator ličnog ključa za vaš blockchain nalog u Qortalu.", + "willbe": "će se nasumično generisati u pozadini. Ako želite da POGLEDATE početnu frazu, kliknite na označenu 'seedphrase' u ovom tekstu. Ovo se koristi kao generator privatnih ključeva za vaš blockchain nalog u Kortalu. Zbog bezbednosti se podrazumevano, seedphrase ne prikazuju osim ako nije posebno izabrano", "clicknext": "Napravite vaš Qortal nalog klikom na dugme DALJE ispod.", - "ready": "Pravljenje vašeg naloga je spremno. Biće sačuvano u ovom pretraživaču. Ako ne želite da se vaš nov nalog sačuva u ovom pretraživaču, odčekirajte polje ispod. I dalje ćete moći da se prijavite sa vašim novim nalogom (posle odjavljivanja), korišćenjem datoteke sa rezervnom kopijom, koju MORATE skinuti čim napravite nalog.", + "ready": "Vaš nalog je sada spreman za kreiranje. Podrazumevano će biti sačuvan u ovoj kopiji Qortal korisničkog interfejsa, u šifrovanom obliku. Ako ne želite da vaš novi nalog bude sačuvan ovde, možete da opozovete izbor u polju za potvrdu ispod. I dalje ćete moći da se prijavite sa svojim novim nalogom (nakon odjavljivanja), koristeći rezervnu datoteku novčanika koju MORATE da preuzmete kada kreirate nalog.", "welmessage": "Dobrodošli u Qortal", "pleaseenter": "Molim vas ukucajte lozinku!", "notmatch": "Lozinke se ne podudaraju!", @@ -181,7 +181,7 @@ "notifications": "Notifikacije", "accountsecurity": "Bezbednost Naloga", "password": "Lozinka", - "download": "Skinite Datoteku Rezervne kopije", + "download": "Izvezi/Sačuvaj datoteku rezervne kopije", "choose": "Molim vas izaberite lozinku sa kojom ćete šifrovati rezervnu kopiju. (Ovo može biti ista lozinka sa kojom se prijavljujete, a može biti i različita)", "playsound": "Pustite Zvuk", "shownotifications": "Prikažite notifikacije", @@ -192,8 +192,8 @@ "protocol": "Protokol", "domain": "Domena", "port": "Port", - "import": "Uvoz Čvorova", - "export": "Izvoz Čvorova", + "import": "Uvoz sačuvane Čvorova", + "export": "Izvoz sačuvane Čvorova", "deletecustomnode": "Uklonite sve prilagođene čvorove", "warning": "Vaši postojeći čvorovi će biti izbrisani, a iz rezervne kopije biće stvoreni novi.", "snack1": "Uspešno su izbrisani i dodati standardni čvorovi", @@ -207,11 +207,11 @@ "exp2": "Izvezi glavni ključ", "exp3": "Izvoz", "exp4": "Molimo izaberite novčanik za rezervnu kopiju privatnog glavnog ključa.", - "core": "Pokreni podešavanja jezgra", + "core": "Qortal podešavanja automatskog pokretanja", "qappNotification1": "Obaveštenja o Q-App", "selectnode": "Izaberite opciju", "arrr1": "ARRR novčanik nije inicijalizovan!", - "arrr2": "Molim vas idite na karticu Novčanik i prvo inicijalizujte svoj arrr novčanik.", + "arrr2": "Idite na karticu 'Vallets' i pristupite ARRR novčaniku da biste prvo inicijalizovali novčanik.", "arrr3": "Potrebno je ažuriranje jezgra!", "arrr4": "Da biste sačuvali privatni ključ vašeg arrr novčanika, prvo vam je potrebno ažuriranje jezgra!", "sync_indicator": "Onemogući iskačući prozor indikatora sinhronizacije" @@ -283,8 +283,8 @@ }, "startminting": { "smchange1": "Nije moguće preuzeti naloge za kovanje", - "smchange2": "Uklanjanje ključa nije uspelo", - "smchange3": "Dodavanje ključa za kovanje nije uspelo", + "smchange2": "Nije uspelo uklanjanje ključa za kovanje", + "smchange3": "ako je ključ upravo kreiran, pokušajte da sačekate nekoliko blokova i ponovo dodate", "smchange4": "Nije moguće kreirati sponzorski ključ", "smchange5": "Stvaranje odnosa", "smchange6": "Čeka se potvrda na blokčejnu", @@ -507,7 +507,7 @@ "nchange23": "Cena prodaje", "nchange24": "Nema imena za prodaju", "nchange25": "Ime za prodaju", - "nchange26": "Da li ste sigurni da prodajete ovo ime?", + "nchange26": "Da li ste sigurni da želite da prodate ovo ime? Ako ime kupi drugi nalog, ono će biti van vaše kontrole!", "nchange27": "Za ovu cenu u KORT", "nchange28": "Pritiskom na potvrdu, zahtev za ime prodaje će biti poslat!", "nchange29": "Ime za otkazivanje", diff --git a/core/language/ru.json b/core/language/ru.json index 156aee90..747afb64 100644 --- a/core/language/ru.json +++ b/core/language/ru.json @@ -108,14 +108,14 @@ "decrypt": "Расшифровать резервную копию", "save": "Сохранить в приложении", "prepare": "Подготовка вашей учетной записи", - "areyousure": "Вы уверены, что хотите удалить этот кошелек из сохраненных кошельков?", + "areyousure": "Вы уверены, что хотите удалить эту учетную запись из сохраненных учетных записей? (Если удалить и файл резервной копии не существует, учетная запись может быть потеряна навсегда! Прежде чем делать это, убедитесь, что у вас есть файл резервной копии!)", "error1": "Резервная копия должна быть в формате JSON", "error2": "Вариант входа не выбран", - "createwelcome": "Добро пожаловать в Qortal! Это чем-то похоже на ролевую игру, в которой вы, как минтер в сети Qortal (если вы решите им стать), будете иметь возможность повысить уровень учетной записи, что повысит долю вашего вознаграждения за каждый блок QORT, а также даст вам больше влияния на сеть, посредством голосования по предложениям для платформы.", + "createwelcome": "Добро пожаловать в Qortal! Ваше децентрализованное цифровое будущее ждет вас! Только на Qortal вы имеете абсолютный контроль над своими данными. Qortal обеспечивает базовый уровень нового, полностью контролируемого пользователем цифрового мира.", "createa": "A", "click": "Нажмите, чтобы просмотреть seed-фразу", "confirmpass": "Подтвердите пароль", - "willbe": "Будет генерироваться случайным образом в фоновом режиме для использования в качестве генератора приватного ключа от вашей учетной записи в блокчейне Qortal.", + "willbe": "будет генерироваться случайным образом в фоновом режиме. Если вы хотите ПРОСМОТРЕТЬ исходную фразу, щелкните выделенную «начальную фразу» в этом тексте. Он используется в качестве генератора закрытых ключей для вашей учетной записи блокчейна в Qortal. В целях безопасности по умолчанию начальные фразы не отображаются, если это специально не выбрано.", "clicknext": "Создайте учетную запись Qortal, нажав кнопку ДАЛЕЕ ниже.", "ready": "Теперь ваша учетная запись готова к созданию. Она будет сохранена в этом приложении. Если вы не хотите, чтобы ваша новая учетная запись сохранялась в приложении, вы можете снять флажок ниже. Вы по-прежнему сможете войти в свою новую учетную запись (после выхода), используя файл резервной копии вашего кошелька, который вам НЕООБХОДИМО скачать после создания учетной записи.", "welmessage": "Добро пожаловать в Qortal", @@ -132,8 +132,8 @@ "backup2": "Этот файл является ЕДИНСТВЕННЫМ способом доступа к вашей учетной записи в системе, в которой он не сохранен в приложении/браузере. ОБЯЗАТЕЛЬНО СДЕЛАЙТЕ РЕЗЕРВНУЮ КОПИЮ ЭТОГО ФАЙЛА В НЕСКОЛЬКИХ МЕСТАХ. Файл очень надежно зашифрован и расшифровывается с помощью вашего локального пароля, который вы создали на предыдущем шаге. Вы можете безопасно сохранить его в любом месте, но не забудьте сделать это в нескольких местах.", "savewallet": "Сохранить файл резервной копии кошелька", "created1": "Ваша учетная запись создана", - "created2": "и будет сохранено в этом приложении.", - "downloadbackup": "Скачать файл резервной копии кошелька", + "created2": " и сохраняется в этом интерфейсе в зашифрованном виде", + "downloadbackup": "Сохранить файл резервной копии Qortal", "passwordhint": "Пароль должен быть не менее 5 символов.", "lp1": "Экран блокировки", "lp2": "Пароль блокировки экрана не установлен!", @@ -181,7 +181,7 @@ "notifications": "Уведомления", "accountsecurity": "Сгенерировать QR-код для входа", "password": "Пароль", - "download": "Загрузить файл резервной копии", + "download": "Экспортировать/сохранить файл резервной копии Qortal", "choose": "Пожалуйста, выберите пароль для шифрования вашей резервной копии. (Это может быть тот же пароль, с которым вы вошли в систему, или другой)", "playsound": "Воспроизвести звук", "shownotifications": "Показать уведомления", @@ -207,13 +207,13 @@ "exp2": "Экспорт мастер-ключа", "exp3": "Экспорт", "exp4": "Пожалуйста, выберите кошелек для резервного копирования приватного главного ключа.", - "core": "Начать основные настройки", + "core": "Настройки автозапуска Qortal", "qappNotification1": "Уведомления Q-App", "selectnode": "Пожалуйста, выберите вариант", "arrr1": "Кошелек ARRR не инициализирован!", - "arrr2": "Пожалуйста, перейдите на вкладку кошелька и сначала инициализируйте свой кошелек arrr.", + "arrr2": "Пожалуйста, перейдите на вкладку кошелька и получите доступ к кошельку ARRR, чтобы сначала инициализировать кошелек.", "arrr3": "Требуется обновление ядра!", - "arrr4": "Чтобы сохранить закрытый ключ вашего кошелька arrr, вам сначала необходимо обновить ядро!", + "arrr4": "Чтобы сохранить закрытый ключ вашего ARRR-кошелька, вам необходимо сначала обновить Qortal Core!", "sync_indicator": "Отключить всплывающее окно индикатора синхронизации" }, "appinfo": { @@ -284,7 +284,7 @@ "startminting": { "smchange1": "Не удается получить учетные записи минтинга", "smchange2": "Не удалось удалить ключ", - "smchange3": "Не удалось добавить ключ минтинга", + "smchange3": "Не удалось добавить ключ минтинга, если ключ был только что создан, попробуйте подождать несколько блоков и добавить еще раз.", "smchange4": "Не удается создать спонсорский ключ", "smchange5": "Создание отношений", "smchange6": "Ожидание подтверждения на блокчейне", @@ -507,7 +507,7 @@ "nchange23": "Цена продажи", "nchange24": "Нет имен для продажи", "nchange25": "Имя для продажи", - "nchange26": "Вы уверены, что продаете это имя?", + "nchange26": "Вы уверены, что хотите продать это имя? Если имя будет куплено другой учетной записью, это будет вне вашего контроля!", "nchange27": "По этой цене в QORT", "nchange28": "При нажатии подтверждения будет отправлен запрос на продажу имени!", "nchange29": "Имя для отмены", diff --git a/core/language/us.json b/core/language/us.json index 203007d9..0918d5c3 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -38,7 +38,7 @@ "qchat": "Q-CHAT", "groupmanagement": "GROUP MANAGEMENT", "puzzles": "PUZZLES", - "nodemanagement": "NODE MANAGEMENT", + "Nodemanagement": "Node MANAGEMENT", "trading": "TRADING", "groups": "GROUPS", "sm1": "NAMES", @@ -48,7 +48,7 @@ "tabmenu": { "tm1": "Minting Details", "tm2": "Become a Minter", - "tm3": "Sponsorship List", + "tm3": "Sponsorship", "tm4": "Wallets", "tm5": "Trade Portal", "tm6": "Auto Buy", @@ -92,13 +92,13 @@ "login": { "login": "Log In", "createaccount": "Create Account", - "name": "Display Name", + "name": "Name", "address": "Address", "password": "Password", "youraccounts": "Your accounts", "clickto": "Click account to login", "needcreate": "You need to create or save an account before you can log in!", - "upload": "Upload your Qortal backup file", + "upload": "Import your Qortal backup file", "howlogin": "How would you like to log in?", "seed": "Seedphrase", "seedphrase": "seedphrase", @@ -111,30 +111,30 @@ "areyousure": "Are you sure you want to remove this wallet from saved wallets? (If removed and no backup file exists, account could be lost forever! Ensure you have a backup file before doing this!)", "error1": "Backup file must be valid JSON", "error2": "Login option not selected", - "createwelcome": "Welcome to Qortal! Your decentralized digital future awaits you! On Qortal only you have absolute control over your data. Qortal provides the base level of a new, and fully user-controlled digital world.", + "createwelcome": "Welcome to Qortal! Your decentralized digital future awaits you! On Qortal, you and ONLY you have absolute control over your data. Qortal provides the base level of a new, and fully user-controlled digital world!", "createa": "A", "click": "Click to view seedphrase", "confirmpass": "Confirm Password", - "willbe": "will be randomly generated in the background. If you wish to VIEW the seedphrase, click the highlighted 'seedphrase' in this text. This is used as your private key generator for your blockchain account in Qortal. For security by default, seedphrases are not displayed unless specifically chosen to be.", + "willbe": "will be randomly generated in the background. If you wish to VIEW the seedphrase, click the word 'seedphrase' in this text. Seedphrases are used to generate the private key for your Qortal account. For security by default, seedphrases are NOT displayed unless specifically chosen.", "clicknext": "Create your Qortal account by clicking NEXT below.", - "ready": "Your account is now ready to be created. It will be saved within this copy of the Qortal UI by default, in encrypted form. If you do not want your new account to be saved herein, you may uncheck the box below. You will still be able to log in with your new account (after logging out), using your wallet backup file that you MUST download once you create your account.", + "ready": "Your account is now ready to be created. It will be SAVED AND ENCRYPTED within this copy of the Qortal UI by default. If you do NOT wish for it to be saved, UNCHECK the box below. You are always able to access your new account using the Qortal BACKUP FILE that MUST be SAVED upon account creation.", "welmessage": "Welcome to Qortal", "pleaseenter": "Please enter a Password!", "notmatch": "Oops! Passwords do not match! Try again!", - "lessthen8": "Your password is less than 5 characters! This is not recommended. Clicking continue will ignore this warning.", + "lessthen8": "Your password is less than 5 characters! This is not recommended. To continue anyway, click CONTINUE.", "lessthen8-2": "Your password is less than 5 characters!", "entername": "Please enter a Display Name!", - "downloaded": "Your Wallet Backup file was saved!", + "downloaded": "Your Qortal Backup File was saved!", "loading": "Loading, Please wait...", "createdseed": "Your created Seedphrase:", "saveseed": "Save Seedphrase", "savein": "Save in this UI", - "backup2": "This file is the ONLY way (by default) to access your account unless saved to the UI. BE SURE TO BACKUP THIS FILE IN MULTIPLE PLACES. The file is encrypted very securely and decrypted with your local password you created in the previous step. You can save it anywhere securely, but be sure to do that in multiple locations.", - "savewallet": "Save Wallet Backup File", + "backup2": "This file is the ONLY way (by default) to access your account (unless saved to the UI). BE SURE TO BACKUP THIS FILE IN MULTIPLE LOCATIONS. The file is ENCRYPTED very securely (and decrypted) with your local password created in the previous step. You can save the file anywhere securely, but be sure to do so in multiple places.", + "savewallet": "Save Qortal Backup File", "created1": "Your account is now created", "created2": " and saved in this UI in encrypted form.", - "downloadbackup": "Save Wallet BackUp File", - "passwordhint": "Password must be at least 5 characters.", + "downloadbackup": "Save Qortal Backup File", + "passwordhint": "Encryption password must be at least 5 characters.", "lp1": "Lock Screen", "lp2": "No screen lock password is set!", "lp3": "Please set one", @@ -163,8 +163,8 @@ "confirmlogout": "Are you sure you want to log out?" }, "fragfile": { - "selectfile": "Select backup file", - "dragfile": "Drag and drop or click here to select backup file" + "selectfile": "Select Backup File", + "dragfile": "Drag and drop or CLICK HERE to select Backup File" }, "settings": { "generalinfo": "General Account Info", @@ -174,42 +174,42 @@ "account": "Account", "security": "Security", "qr_login_menu_item": "QR Login", - "qr_login_description_1": "Scan this code to save your wallet on another device using the same password that you logged in with.", - "qr_login_description_2": "Choose a password which you will use to unlock your wallet on another device after scanning the QR code.", + "qr_login_description_1": "Scan this code to save your wallet on another device using the same password currently logged in with.", + "qr_login_description_2": "Choose a password to unlock your wallet on another device after scanning QR code.", "qr_login_button_1": "Show login QR code", "qr_login_button_2": "Generate login QR code", "notifications": "Notifications", "accountsecurity": "Account Security", "password": "Password", "download": "Export/Save Backup File", - "choose": "Please choose a password to encrypt your backup file. (This can be the same as the one you logged in with, or a new one.)", + "choose": "Please input a password to encrypt your backup file. (This can be the same as the one you logged in with, or a new one.)", "playsound": "Play Sound", "shownotifications": "Show Notifications", - "nodeurl": "Node Url", - "nodehint": "Select a node from the default list, or add a custom node to the list by clicking on the button below", - "addcustomnode": "Add Custom Node", + "Nodeurl": "Node Url", + "Nodehint": "Select a Node from the default list, or add a custom Node to the list by clicking on the button below", + "addcustomNode": "Add Custom Node", "addandsave": "Add and Save", "protocol": "Protocol", "domain": "Domain", "port": "Port", "import": "Import Saved Nodes", "export": "Export Saved Nodes", - "deletecustomnode": "Remove All Custom Nodes", - "warning": "Your existing nodes will be deleted and reset to default.", - "snack1": "Successfully deleted and added default nodes", - "snack2": "UI conected to node", - "snack3": "Successfully added and saved custom node", - "snack4": "Nodes successfully saved as", + "deletecustomNode": "REMOVE ALL Custom Nodes", + "warning": "Your Custom Nodes will be deleted and reset to default.", + "snack1": "Successfully deleted and added default Nodes", + "snack2": "UI conected to Node:", + "snack3": "Successfully ADDED and saved Custom Node (select from drop-down to use)", + "snack4": "Nodes successfully exported as:", "snack5": "Nodes successfully imported", - "snack6": "Successfully removed custom node", - "snack7": "Successfully edited custom node", + "snack6": "Successfully removed Custom Node", + "snack7": "Successfully edited Custom Node", "exp1": "Export Master Private Key (xpriv)", "exp2": "Export Master Key", "exp3": "Export", - "exp4": "Please choose a wallet to backup master private key.", + "exp4": "Please select a wallet to backup/export master private key.", "core": "Core auto-start settings", "qappNotification1": "Q-App Notifications", - "selectnode": "Please select an option", + "selectNode": "Please select an option", "arrr1": "ARRR Wallet Not Initialized!", "arrr2": "Please go to wallet tab and access ARRR wallet to initialize wallet first.", "arrr3": "Need Core Update !", @@ -276,22 +276,22 @@ "gchange23": "Your gif collection cannot contain two gifs with the same name!", "gchange24": "This collection name is already taken. Try another name!", "gchange25": "GIF (click to view)", - "gchange26": "A name is needed to access and send GIF files", + "gchange26": "Registered Name required to access and send GIF files", "gchange27": "The gif collection size is over 25mb! Please try again!", "gchange28": "Each gif in the collection cannot be over 0.7mb! Please try again!", "gchange29": "Filename" }, "startminting": { - "smchange1": "Cannot fetch minting accounts", - "smchange2": "Failed to remove minting key", - "smchange3": "Failed to add minting key, if key was just created try waiting a few blocks and adding again", - "smchange4": "Cannot create sponsorship key", + "smchange1": "Cannot fetch Minting Accounts", + "smchange2": "Failed to remove Minting Key", + "smchange3": "Failed to add Minting Key, if key was just created try waiting a few blocks and adding again", + "smchange4": "Cannot create Key (Keys can only be created once!)", "smchange5": "Creating relationship", "smchange6": "Awaiting confirmation on blockchain", - "smchange7": "Finishing up relationship", - "smchange8": "Adding minting key to node", + "smchange7": "Finishing up...", + "smchange8": "Adding Minting Key to Node", "smchange9": "Complete", - "smchange10": "Only 2 minting keys are allowed per node, you are attempting to assign 3 keys, please go to Node Management, and remove any unnecessary keys, thank you!" + "smchange10": "Only 2 Minting Keys are allowed per Node, you are attempting to assign 3 keys, please go to Node Management, and remove any unnecessary keys, thank you!" }, "mintingpage": { "mchange1": "General Minting Details", @@ -311,7 +311,7 @@ "mchange15": "Current Status", "mchange16": "Current Level", "mchange17": "Blocks To Next Level", - "mchange18": "If you continue minting 24/7 you will reach level", + "mchange18": "If you continue Minting 24/7 you will reach level", "mchange19": "Minting Rewards Info", "mchange20": "Current Tier", "mchange21": "Total Minters in The Tier", @@ -327,17 +327,17 @@ "mchange31": "Press for help", "mchange32": "Become A Minter", "mchange33": "Introduction", - "mchange34": "In Qortal, in order to become a minter and begin earning QORT rewards with your increase in Minter Level, you must first become ‘sponsored’. A sponsor in Qortal is any other minter of level 5 or higher, or a Qortal Founder. You will obtain a minting key from the sponsor, and use that key to get to level 1. Once you have reached level 1, you will be able to create your own minting key and start earning rewards for helping secure the Qortal Blockchain.", + "mchange34": "In Qortal, in order to become a Minter and begin earning QORT rewards with your increase in Minter Level, you must first obtain a tamporary Key called a 'Sponsorship Key'. A Sponsor in Qortal is any other minter of level 5 or higher, or a Qortal Founder. You will obtain a Minting Key from the Sponsor, and use that key to get to level 1. Once you have reached level 1, you will be able to create your own Minting Key and start earning rewards for helping secure the Qortal Blockchain.", "mchange35": "Sponsorship", - "mchange36": "Your sponsor will issue you a ‘Minting Key’ which you will use to add to your node, and begin minting (for no rewards until reaching level 1.) Once you reach level 1, you create/assign your own ‘Minting Key’ and begin earning rewards.", - "mchange37": "Simply reach out to a minter in Qortal who is high enough level to issue a minting key, obtain that key, then come back here and input the key to begin your minting journey!", + "mchange36": "Your Sponsor will issue you a ‘Sponsorship Key’ which you will use to add to your Node, and begin minting for no rewards (until reaching level 1.) Once you reach level 1, you create/assign your own ‘Minting Key’ and begin earning rewards.", + "mchange37": "Simply reach out to a Minter in Qortal who is high enough level to issue a Minting Key, obtain that key, then come back here and input the key to begin your minting journey!", "mchange38": "in" }, "becomeMinterPage": { "bchange7": "Enter Minting Key", "bchange8": "Input key from your sponsor here", "bchange10": "Current Sponsorship Status", - "bchange12": "Minting with sponsor's key", + "bchange12": "Minting with Sponsorship Key", "bchange13": "Blocks Remaining in Sponsorship Period", "bchange15": "Sponsorship Relationship", "bchange16": "Sponsor Account", @@ -440,17 +440,17 @@ "tchange31": "SOLD", "tchange32": "BOUGHT", "tchange33": "Average", - "tchange34": "Amount can not be 0", - "tchange35": "Price can not be 0", + "tchange34": "Amount cannot be 0", + "tchange35": "Price cannot be 0", "tchange36": "PENDING AUTO BUY", - "tchange37": "No auto buy order found!", + "tchange37": "No Auto Buy order found!", "tchange38": "ADD", "tchange39": "AUTO BUY ORDER", "tchange40": "Price", - "tchange41": "Successfully removed auto buy order!", + "tchange41": "Successfully removed Auto Buy order!", "tchange42": "MARKET OPEN SELL ORDERS", "tchange43": "MY BUY HISTORY", - "tchange44": "Successfully added auto buy order!", + "tchange44": "Successfully added Auto Buy order!", "tchange45": "AUTO BUY WITH", "tchange46": "AUTO BUY", "tchange47": "Sell for this price", @@ -458,8 +458,8 @@ "tchange49": "Price Chart" }, "rewardsharepage": { - "rchange1": "Rewardshares", - "rchange2": "Create reward share", + "rchange1": "Reward Shares", + "rchange2": "Create Reward Share", "rchange3": "Rewardshares Involving This Account", "rchange4": "Minting Account", "rchange5": "Share Percent", @@ -468,12 +468,12 @@ "rchange8": "Type", "rchange9": "Levels 1 - 4 can only create a Self-Share (minting) keys. Only Level 5 or above can create a Reward Share!", "rchange10": "Recipient's Public Key", - "rchange11": "Reward share percentage", - "rchange12": "Executing requested command", - "rchange13": "Adding minting account", + "rchange11": "Reward Share percentage", + "rchange12": "Executing requested command...", + "rchange13": "Adding Minting Account", "rchange14": "Add", - "rchange15": "Account is not involved in any reward shares", - "rchange16": "Own Rewardshare", + "rchange15": "Account is not involved in any Reward Shares", + "rchange16": "Create Minting Key", "rchange17": "Remove", "rchange18": "Cannot Create Multiple Reward Shares!", "rchange19": "Cannot Create Multiple Self Shares!", @@ -507,29 +507,29 @@ "nchange23": "Sell Price", "nchange24": "No Names To Sell", "nchange25": "Name To Sell", - "nchange26": "Are you sure you want to sell this name? If name is purchased by another account it will be out of your control!", + "nchange26": "Are you sure you want to sell this name? If Name is purchased by another account, all data Published by this Name will be out of your control!", "nchange27": "For this price in QORT", - "nchange28": "On pressing confirm, your name will be listed for sale!", + "nchange28": "On pressing confirm, your Name will be listed for sale!", "nchange29": "Name To Cancel", - "nchange30": "Are you sure to cancel the sell for this name?", - "nchange31": "On pressing confirm, the name sale will be canceled!", + "nchange30": "Are you sure to cancel the sell for this Name?", + "nchange31": "On pressing confirm, the Name Sale will be canceled!", "nchange32": "Sell Name Request Successful!", "nchange33": "Cancel Sell Name Request Successful!", "nchange34": "Buy Name Request Successful!", "nchange35": "YOU HAVE A NAME!", - "nchange36": "Only accounts with no registered name can buy a name.", + "nchange36": "Only accounts with no Registered Name can buy a Name.", "nchange37": "ATTENTION!", - "nchange38": "You not have enough QORT to buy this name.", - "nchange39": "Are you sure to buy this name?", - "nchange40": "On pressing confirm, the buy name request will be sent!", + "nchange38": "You not have enough QORT to buy this Name.", + "nchange39": "Are you sure to buy this Name?", + "nchange40": "On pressing confirm, the Buy Name request will be sent!", "nchange41": "Old Name", "nchange42": "New Name", "nchange43": "Are you sure to change this name?", "nchange44": "To the new name", - "nchange45": "On pressing confirm, the name update request will be sent!", + "nchange45": "On pressing confirm, the Update Name request will be sent!", "nchange46": "Name Sale History", "nchange47": "Name Update Successful!", - "nchange48": "Warning! If you update your name, you will forfeit the resources associated with the original name. In other words, you will lose ownership of the content under the original name in the QDN. Proceed with caution!" + "nchange48": "Warning! If you update your Name, you will forfeit the resources associated with the original Name. In other words, you will lose ownership of the content under the original Name on QDN. Proceed with caution!" }, "websitespage": { "schange1": "Browse Websites", @@ -538,7 +538,7 @@ "schange4": "Search Websites", "schange5": "Avatar", "schange6": "Details", - "schange7": "Published by", + "schange7": "Published by:", "schange8": "Actions", "schange9": "Websites", "schange10": "No websites available", @@ -549,14 +549,14 @@ "schange15": "Blocked Websites", "schange16": "You have not blocked any websites", "schange17": "Name Not Found!", - "schange18": "Relay mode is enabled. This means that your node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting", + "schange18": "Relay Mode is ENABLED. This means that your Node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting:", "schange19": "in", - "schange20": "Relay mode is disabled. You can enable it by setting", + "schange20": "Relay mode is DISABLED. You can enable it by setting:", "schange21": "Publish Website", - "schange22": "Error occurred when trying to follow this registered name. Please try again!", - "schange23": "Error occurred when trying to unfollow this registered name. Please try again!", - "schange24": "Error occurred when trying to block this registered name. Please try again!", - "schange25": "Error occurred when trying to unblock this registered name. Please try again!", + "schange22": "Error occurred when trying to follow this Registered Name. Please try again!", + "schange23": "Error occurred when trying to unfollow this Registered Name. Please try again!", + "schange24": "Error occurred when trying to block this Registered Name. Please try again!", + "schange25": "Error occurred when trying to unblock this Registered Name. Please try again!", "schange26": "Uncategorized", "schange27": "Size", "schange28": "Status", @@ -586,14 +586,14 @@ "schange15": "Blocked Q-Apps", "schange16": "You have not blocked any Q-Apps", "schange17": "Name Not Found!", - "schange18": "Relay mode is enabled. This means that your node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting", + "schange18": "Relay mode is enabled. This means that your Node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting", "schange19": "in", "schange20": "Relay mode is disabled. You can enable it by setting", "schange21": "Publish Q-App", - "schange22": "Error occurred when trying to follow this registered name. Please try again!", - "schange23": "Error occurred when trying to unfollow this registered name. Please try again!", - "schange24": "Error occurred when trying to block this registered name. Please try again!", - "schange25": "Error occurred when trying to unblock this registered name. Please try again!", + "schange22": "Error occurred when trying to follow this Registered Name. Please try again!", + "schange23": "Error occurred when trying to unfollow this Registered Name. Please try again!", + "schange24": "Error occurred when trying to block this Registered Name. Please try again!", + "schange25": "Error occurred when trying to unblock this Registered Name. Please try again!", "schange26": "Uncategorized", "schange27": "Size", "schange28": "Status", @@ -602,7 +602,7 @@ "schange31": "Block", "schange32": "Unblock", "schange33": "Name to search", - "schange34": "Name can not be empty!", + "schange34": "Name cannot be empty!", "schange35": "Search", "schange36": "Download", "schange37": "Downloaded", @@ -631,14 +631,14 @@ "schange15": "Blocked Q-Tubes", "schange16": "You have not blocked any Q-Tubes", "schange17": "Name Not Found!", - "schange18": "Relay mode is enabled. This means that your node will help to transport encrypted data around the network when a peer requests it. You can opt out by setting", + "schange18": "Relay Mode is ENABLED. This means that your Node will help to transport ENCRYPTED/CHUNKED data around the network when a peer requests it. You can opt out by setting:", "schange19": "in", - "schange20": "Relay mode is disabled. You can enable it by setting", + "schange20": "Relay mode is DISABLED. You can enable it by setting:", "schange21": "Publish Video", - "schange22": "Error occurred when trying to follow this registered name. Please try again!", - "schange23": "Error occurred when trying to unfollow this registered name. Please try again!", - "schange24": "Error occurred when trying to block this registered name. Please try again!", - "schange25": "Error occurred when trying to unblock this registered name. Please try again!", + "schange22": "Error occurred when trying to follow this Registered Name. Please try again!", + "schange23": "Error occurred when trying to unfollow this Registered Name. Please try again!", + "schange24": "Error occurred when trying to block this Registered Name. Please try again!", + "schange25": "Error occurred when trying to unblock this Registered Name. Please try again!", "schange26": "Uncategorized", "schange27": "Size", "schange28": "Status", @@ -661,7 +661,7 @@ "publishpage": { "pchange1": "Publish", "pchange2": "Update", - "pchange3": "Note: it is recommended that you set up port forwarding before hosting data, so that it can more easily be accessed by peers on the network.", + "pchange3": "Note: it is recommended that you set up Port Forwarding before hosting data, so that it can more easily be accessed by peers on the network.", "pchange4": "Select Name", "pchange5": "Title", "pchange6": "Description", @@ -672,11 +672,11 @@ "pchange11": "Publish", "pchange12": "Select zip file containing static content", "pchange13": "Local path to static files", - "pchange14": "Please select a registered name to publish data for", + "pchange14": "Please select a Registered Name to publish data for", "pchange15": "Please select a file to host", "pchange16": "Please select a zip file to host", "pchange17": "Please enter the directory path containing the static content", - "pchange18": "Please enter a service name", + "pchange18": "Please enter a Service Name", "pchange19": "Processing data... this can take some time...", "pchange20": "Error:", "pchange21": "Internal Server Error when publishing data", @@ -691,16 +691,16 @@ "bchange2": "Reload", "bchange3": "Back to list", "bchange4": "Delete", - "bchange5": "from node", + "bchange5": "From Node", "bchange6": "Your browser doesn't support iframes", "bchange7": "Follow", "bchange8": "Unfollow", "bchange9": "Block", "bchange10": "Unblock", - "bchange11": "Error occurred when trying to follow this registered name. Please try again!", - "bchange12": "Error occurred when trying to unfollow this registered name. Please try again!", - "bchange13": "Error occurred when trying to block this registered name. Please try again!", - "bchange14": "Error occurred when trying to unblock this registered name. Please try again!", + "bchange11": "Error occurred when trying to follow this Registered Name. Please try again!", + "bchange12": "Error occurred when trying to unfollow this Registered Name. Please try again!", + "bchange13": "Error occurred when trying to block this Registered Name. Please try again!", + "bchange14": "Error occurred when trying to unblock this Registered Name. Please try again!", "bchange15": "Can't delete data from followed names. Please unfollow first.", "bchange16": "Error occurred when trying to delete this resource. Please try again!", "bchange17": "User declined to share account details", @@ -744,25 +744,25 @@ }, "datapage": { "dchange1": "Data Management", - "dchange2": "Search in hosted data by this node", + "dchange2": "Search in hosted data by this Node", "dchange3": "Data to search", "dchange4": "Search", "dchange5": "Registered Name", "dchange6": "Service", "dchange7": "Identifier", "dchange8": "Actions", - "dchange9": "Data hosted by this node", + "dchange9": "Data hosted by this Node", "dchange10": "Data name can not be empty!", "dchange11": "Data not found!", - "dchange12": "Couldn't fetch hosted data list from node", - "dchange13": "This node isn't hosting any data", + "dchange12": "Couldn't fetch hosted data list from Node", + "dchange13": "This Node isn't hosting any data", "dchange14": "Unfollow", "dchange15": "Delete", "dchange16": "Block", "dchange17": "Unblock", - "dchange18": "Error occurred when trying to block this registered name. Please try again!", - "dchange19": "Error occurred when trying to unfollow this registered name. Please try again!", - "dchange20": "Error occurred when trying to unblock this registered name. Please try again!", + "dchange18": "Error occurred when trying to block this Registered Name. Please try again!", + "dchange19": "Error occurred when trying to unfollow this Registered Name. Please try again!", + "dchange20": "Error occurred when trying to unblock this Registered Name. Please try again!", "dchange21": "Error occurred when trying to delete this resource. Please try again!" }, "chatpage": { @@ -780,7 +780,7 @@ "cchange12": "Owner", "cchange13": "Action", "cchange14": "This account has not blocked any users.", - "cchange15": "No registered name", + "cchange15": "No Registered Name", "cchange16": "Successfully unblocked this user.", "cchange17": "Error occurred when trying to unblock this user. Please try again!", "cchange18": "unblock", @@ -792,7 +792,7 @@ "cchange24": "Maximum Characters per message is 255", "cchange25": "Edit Message", "cchange26": "File size exceeds 0.5 MB", - "cchange27": "A registered name is required to send images", + "cchange27": "A Registered Name is required to send images", "cchange28": "This file is not an image", "cchange29": "Maximum message size is 1000 bytes", "cchange30": "Uploading image. This may take up to one minute.", @@ -806,7 +806,7 @@ "cchange39": "Cannot send an encrypted message to this user since they do not have their publickey on chain.", "cchange40": "IMAGE (click to view)", "cchange41": "Your Balance Is Under 4 QORT", - "cchange42": "Out of the need to combat spam, accounts with under 4 QORT balance will take a long time to SEND messages in Q-Chat. If you wish to immediately increase the send speed for Q-Chat messages, obtain over 4 QORT to your address. This can be done with trades in the Trade Portal, or by way of another Qortian giving you the QORT. Once you have over 4 QORT in your account, Q-Chat messages will be instant and this dialog will not show. Thank you for your understanding of this necessary spam prevention method, and we hope you enjoy Qortal!", + "cchange42": "Out of the need to combat spam, accounts with UNDER 4 QORT BALANCE will take a long time to SEND messages in Q-Chat. If you wish to immediately increase the send speed for Q-Chat messages, obtain over 4 QORT to your address. This can be done with trades in the Trade Portal, or by way of another Qortian giving you the QORT. Once you have over 4 QORT in your account, Q-Chat messages will be instant and this dialog will not show. It does NOT cost QORT to send messages. Thank you for your understanding of this necessary spam prevention method, and we hope you enjoy Qortal!", "cchange43": "Tip QORT to", "cchange44": "SEND MESSAGE", "cchange45": "TIP USER", @@ -870,7 +870,7 @@ "bcchange1": "Block User", "bcchange2": "Successfully blocked this user!", "bcchange3": "Error occurred when trying to block this user. Please try again!", - "bcchange4": "No registered name", + "bcchange4": "No Registered Name", "bcchange5": "Block User Request", "bcchange6": "Are you sure to block this user?", "bcchange7": "MENU", @@ -966,7 +966,7 @@ "pchange16": "Guess incorrect!", "pchange17": "Reward claim submitted - check wallet for reward!" }, - "nodepage": { + "Nodepage": { "nchange1": "Node management for:", "nchange2": "Node has been online for:", "nchange3": "Node's minting accounts", @@ -979,8 +979,8 @@ "nchange10": "Recipient Account", "nchange11": "Action", "nchange12": "Remove", - "nchange13": "No minting accounts found for this node", - "nchange14": "Peers connected to this node", + "nchange13": "No minting accounts found for this Node", + "nchange14": "Peers connected to this Node", "nchange15": "Add peer", "nchange16": "Type the peer you wish to add's address below", "nchange17": "Peer Address", @@ -1021,7 +1021,7 @@ "apipage": { "achange1": "Add API key", "achange2": "API key", - "achange3": "Please enter the API key for this node. It can be found in a file called “apikey.txt“ in the directory where the core is installed. Alternatively, click Cancel to use the core with reduced functionality.", + "achange3": "Please enter the API key for this Node. It can be found in a file called “apikey.txt“ in the directory where the core is installed. Alternatively, click Cancel to use the core with reduced functionality.", "achange4": "Cancel", "achange5": "Add", "achange6": "Successfully added API Key", @@ -1041,8 +1041,8 @@ "groupdialog6": "On pressing confirm, the group creating request will be sent!", "rewarddialog1": "Would you like to create a reward share transaction, sharing", "rewarddialog2": "of your minting rewards with", - "rewarddialog3": "If yes, you will need to save the key below in order to mint. It can be supplied to any node in order to allow it to mint on your behalf.", - "rewarddialog4": "On pressing confirm, the reward share will be created, but you will still need to supply the above key to a node in order to mint with the account.", + "rewarddialog3": "If yes, you will need to save the key below in order to mint. It can be supplied to any Node in order to allow it to mint on your behalf.", + "rewarddialog4": "On pressing confirm, the reward share will be created, but you will still need to supply the above key to a Node in order to mint with the account.", "rewarddialog5": "You are removing a reward share transaction associated with account:", "rewarddialog6": "On pressing confirm, the reward share will be removed and the minting key will become invalid.", "deployAtdialog1": "You are deploying the AT", @@ -1083,7 +1083,7 @@ "exp2": "Account Balance", "exp3": "More Info", "exp4": "Address or Name not found!", - "exp5": "Note that registered names are case-sensitive.", + "exp5": "Note that Registered Names are case-sensitive.", "exp6": "Founder", "exp7": "Info", "exp8": "Show all buy trades", diff --git a/core/language/zhc.json b/core/language/zhc.json index 1b2500e6..2680840d 100644 --- a/core/language/zhc.json +++ b/core/language/zhc.json @@ -80,7 +80,7 @@ "tm32": "该帐户没有关注任何用户", "tm33": "导入选项卡菜单", "tm34": "导出选项卡菜单", - "tm35": "您现有的选项卡菜单将被删除并设置为上传的选项卡菜单。", + "tm35": "您现有的选项卡菜单将被删除并设置为导入的选项卡菜单。", "tm36": "选项卡菜单恢复成功", "tm37": "选项卡菜单成功另存为", "tm38": "开发模式", @@ -108,32 +108,32 @@ "decrypt": "正在解密钱包备份文件", "save": "保存钱包，以便下次登入.", "prepare": "正在加载你的钱包", - "areyousure": "你确定将此钱包在已保存钱包列表中删除吗?", + "areyousure": "您确定要从已保存的帐户中删除此帐户吗？ （如果删除并且不存在备份文件，帐户可能会永远丢失！在执行此操作之前确保您有备份文件！", "error1": "备份文件必须为有效的JSON格式文件", "error2": "请选择登入方式", - "createwelcome": "欢迎来到Qortal，您会发现它类似于RPG 游戏，作为Qortal 网络上的铸币者（如果您选择成为其中的铸币者），您将有机会升级您的帐户，并随着等级提高而获得更多QORT 区块奖励以及参与平台上各种决策投票。", + "createwelcome": "欢迎来到Qortal！ 您的去中心化数字未来正等待着您！ 在 Qortal 上，只有您对您的数据拥有绝对的控制权。 Qortal 提供了一个新的、完全由用户控制的数字世界的基础水平。", "createa": "你的", "click": "点击查看助记词", "confirmpass": "确认密码", - "willbe": "将在后台随机生成。 这将用作您在Qortal 中的区块链帐户的私人密钥。", + "willbe": "将在后台随机生成。 如果您想查看种子短语，请单击本文中突出显示的“种子短语”。 这用作您在 Qortal 中的区块链帐户的私钥生成器。 为了安全起见，默认情况下，除非特别选择，否则不会显示助记词。", "clicknext": " ▼▼▼点击下一步创建你的Qortal账号▼▼▼", - "ready": "您的帐户即将创建成功， 它将保存在此浏览器中。 如果您不希望将新帐户保存在浏览器中，可以取消勾选下面的选项。 您仍可透过使用创建帐户时载的钱包备份文件进行的登入。", + "ready": "您的帐户现在已准备好创建。 默认情况下，它将以加密形式保存在 Qortal UI 的此副本中。 如果您不希望在此处保存您的新帐户，您可以取消选中下面的复选框。 您仍然可以使用新帐户登录（注销后），使用创建帐户后必须下载的钱包备份文件。", "welmessage": "欢迎来到Qortal", "pleaseenter": "请密码!", "notmatch": "密码不一致!", "lessthen8": "你的密码长度少于5位! 我们不建议使用，但你仍可继续使用此密码。", "lessthen8-2": "你的密码长度少于5位!", - "entername": "请输入一个代称", + "entername": "请输入显示名称！", "downloaded": "你的钱包备份文件已顺利下载!", "loading": "加载中，请耐心等候...", "createdseed": "你已创建的助记词", "saveseed": "保存助记词", "savein": "保存在UI上", - "backup2": "请小心保存钱包备份文件，并谨记之前设置好的密码。否则你将会失去这个钱包的所有控制权，请务必将备份文件放在不同的存储装置上", - "savewallet": "下载并保存钱包备份文件", + "backup2": "除非保存到 UI，否则此文件是访问您帐户的唯一方式（默认情况下）。 请务必在多个位置备份此文件。 该文件经过非常安全的加密，并使用您在上一步中创建的本地密码进行解密。 您可以将其安全地保存在任何地方，但请务必在多个位置执行此操作。", + "savewallet": "保存 Qortal 备份文件", "created1": "你的账号已创建成功", - "created2": "并会储存在UI上.", - "downloadbackup": "下载钱包备份文件", + "created2": "并以加密形式保存在此 UI 中。", + "downloadbackup": "保存 Qortal 备份文件", "passwordhint": "密码必须至少为5 个字符。", "lp1": "锁定屏幕", "lp2": "未设置锁屏密码！", @@ -164,7 +164,7 @@ }, "fragfile": { "selectfile": "选择文件", - "dragfile": "将备份文件拖到此处" + "dragfile": "拖放或单击此处选择备份文件" }, "settings": { "generalinfo": "一般钱包信息", @@ -181,7 +181,7 @@ "notifications": "通知", "accountsecurity": "钱包安全性", "password": "密码", - "download": "下载备份文件", + "download": "导出/保存 Qortal 备份文件", "choose": "请输入一组密码加密你的备份文件。(可使用你刚才登入时的相同密码或者不同的密码)", "playsound": "开启音效", "shownotifications": "显示通知", @@ -192,8 +192,8 @@ "protocol": "协议", "domain": "域名", "port": "端口", - "import": "导入节点", - "export": "导出节点", + "import": "导入已保存的节点", + "export": "导出保存的节点", "deletecustomnode": "删除所有自定义节点", "warning": "您现有的节点将被删除并从备份中创建新的。", "snack1": "成功删除和添加标准节点", @@ -203,17 +203,17 @@ "snack5": "节点成功导入", "snack6": "成功删除自定义节点", "snack7": "自定义节点编辑成功", - "exp1": "导出主密钥", + "exp1": "导出主私钥 (xpriv)", "exp2": "导出主密钥", "exp3": "导出", "exp4": "请选择一个钱包来备份私钥。", - "core": "开始核心设置", + "core": "Qortal Core 自动启动设置", "qappNotification1": "Q-App 通知", "selectnode": "请选择一个选项", "arrr1": "ARRR 钱包未初始化！", - "arrr2": "请先进入钱包选项卡并初始化您的arrr钱包。", + "arrr2": "请先进入“钱包”选项卡并访问 ARRR 钱包以初始化钱包。", "arrr3": "需要核心更新！", - "arrr4": "要保存你的 arr 钱包的私钥，你需要先进行核心更新！", + "arrr4": "要保存 ARRR 钱包的私钥，您必须首先更新 Qortal Core！", "sync_indicator": "禁用同步指示器弹出窗口" }, "appinfo": { @@ -283,8 +283,8 @@ }, "startminting": { "smchange1": "无法获取铸币帐户", - "smchange2": "无法移除密钥", - "smchange3": "添加铸币密钥失败", + "smchange2": "无法删除 Minting 密钥", + "smchange3": "无法添加 Minting key，如果刚刚创建 key，请尝试等待几个块并再次添加", "smchange4": "无法创建赞助密钥", "smchange5": "建立关系", "smchange6": "等待区块链确认", @@ -507,7 +507,7 @@ "nchange23": "卖出价", "nchange24": "没有名字可以卖", "nchange25": "出售名称", - "nchange26": "你确定要卖这个名字吗？", + "nchange26": "您确定要出售这个名字吗？ 如果名称被其他帐户购买，则将不受您的控制！", "nchange27": "对于QORT 中的这个价格", "nchange28": "按下确认后，将发送销售名称请求！", "nchange29": "要取消的名称", diff --git a/core/language/zht.json b/core/language/zht.json index d84c73de..9073d7ff 100644 --- a/core/language/zht.json +++ b/core/language/zht.json @@ -80,7 +80,7 @@ "tm32": "該帳戶沒有關注任何用戶", "tm33": "導入選項卡菜單", "tm34": "導出選項卡菜單", - "tm35": "您現有的選項卡菜單將被刪除並設置為上傳的選項卡菜單。", + "tm35": "您现有的选项卡菜单将被删除并设置为导入的选项卡菜单。", "tm36": "選項卡菜單恢復成功", "tm37": "選項卡菜單成功另存為", "tm38": "開發模式", @@ -98,7 +98,7 @@ "youraccounts": "你的錢包", "clickto": "點擊你的錢包進行登錄", "needcreate": "你必須創建或保存錢包才能登入!", - "upload": "上傳你的Qortal錢包備份文件", + "upload": "匯入您的 Qortal 備份文件", "howlogin": "你想透過下列哪種方式登入?", "seed": "助記詞", "seedphrase": "助記詞", @@ -108,16 +108,16 @@ "decrypt": "正在解密錢包備份文件", "save": "保存錢包，以便下次登入.", "prepare": "正在加載你的錢包", - "areyousure": "你確定將此錢包在已保存錢包列表中刪除嗎?", + "areyousure": "您確定要從已儲存的帳戶中刪除此帳戶嗎？ （如果刪除並且不存在備份文件，帳戶可能會永遠丟失！在執行此操作之前確保您有備份文件！）", "error1": "備份文件必須為有效的JSON格式文件", "error2": "請選擇登入方式", - "createwelcome": "歡迎來到 Qortal，您會發現它類似於 RPG 遊戲，作為 Qortal 網絡上的鑄幣者（如果您選擇成為其中的鑄幣者），您將有機會升級您的帳戶，並隨著等級提高而獲得更多 QORT 區塊獎勵以及參與平台上各種決策投票。", + "createwelcome": "歡迎來到Qortal！ 您的去中心化數位未來正等著您！ 在 Qortal 上，只有您對您的資料擁有絕對的控制權。 Qortal 提供了一個新的、完全由使用者控制的數位世界的基礎水準。", "createa": "你的", "click": "點擊查看助記詞", "confirmpass": "確認密碼", - "willbe": "將在後台隨機生成。 這將用作您在 Qortal 中的區塊鏈帳戶的私人密鑰。", + "willbe": "將在後台隨機產生。 如果您想查看種子短語，請點擊本文中突出顯示的「種子短語」。 這用作您在 Qortal 中的區塊鏈帳戶的私鑰產生器。 為了安全起見，預設情況下，除非特別選擇，否則不會顯示助記詞。", "clicknext": "▼▼▼點擊下一步創建你的Qortal賬號▼▼▼", - "ready": "您的帳戶即將創建成功， 它將保存在此瀏覽器中。 如果您不希望將新帳戶保存在瀏覽器中，可以取消勾選下面的選項。 您仍可透過使用創建帳戶時載的錢包備份文件進行的登入。", + "ready": "您的帳戶現在已準備好建立。 預設情況下，它將以加密形式保存在 Qortal UI 的此副本中。 如果您不希望在此處儲存您的新帳戶，您可以取消選取下面的複選框。 您仍然可以使用新帳戶登入（登出後），使用建立帳戶後必須下載的錢包備份檔案。", "welmessage": "歡迎來到 Qortal", "pleaseenter": "請密碼!", "notmatch": "密碼不一致!", @@ -129,11 +129,11 @@ "createdseed": "你已創建的助記詞", "saveseed": "保存助記詞", "savein": "保存在UI上", - "backup2": "請小心保存錢包備份文件，並謹記之前設置好的密碼。否則你將會失去這個錢包的所有控制權，請務必將備份文件放在不同的存儲裝置上", + "backup2": "除非儲存到 UI，否則此文件是存取您帳戶的唯一方式（預設）。 請務必在多個位置備份此文件。 該檔案經過非常安全的加密，並使用您在上一個步驟中建立的本機密碼進行解密。 您可以將其安全地保存在任何地方，但請務必在多個位置執行此操作。", "savewallet": "下載並保存錢包備份文件", "created1": "你的賬號已創建成功", - "created2": " 並會儲存在UI上.", - "downloadbackup": "下載錢包備份文件", + "created2": "並以加密形式儲存在此 UI 中。", + "downloadbackup": "保存 Qortal 備份文件", "passwordhint": "密碼必須至少為 5 個字符。", "lp1": "鎖定屏幕", "lp2": "未設置鎖屏密碼！", @@ -163,8 +163,8 @@ "confirmlogout": "你確定登出嗎?" }, "fragfile": { - "selectfile": "選擇文件", - "dragfile": "將備份文件拖到此處" + "selectfile": "選擇 Qortal 備份文件", + "dragfile": "拖放或點擊此處選擇備份文件" }, "settings": { "generalinfo": "一般錢包信息", @@ -192,8 +192,8 @@ "protocol": "協議", "domain": "域名", "port": "端口", - "import": "導入節點", - "export": "導出節點", + "import": "導入已儲存的節點", + "export": "導出已儲存的節點", "deletecustomnode": "刪除所有自定義節點", "warning": "您現有的節點將被刪除並從備份中創建新的。", "snack1": "成功刪除和添加標準節點", @@ -203,17 +203,17 @@ "snack5": "節點成功導入", "snack6": "成功刪除自訂節點", "snack7": "自訂節點編輯成功", - "exp1": "導出主密鑰", + "exp1": "匯出主私鑰 (xpriv)", "exp2": "導出主密鑰", "exp3": "導出", "exp4": "請選擇一個錢包來備份私鑰。", - "core": "開始核心設置", + "core": "Qortal Core 自動啟動設定", "qappNotification1": "Q-App 通知", "selectnode": "請選擇一個選項", "arrr1": "ARRR 錢包未初始化！", - "arrr2": "請先進入錢包標籤並初始化您的arrr錢包。", + "arrr2": "請先進入錢包並訪問 ARRR 錢包來初始化錢包", "arrr3": "需要核心更新！", - "arrr4": "要儲存你的 arr 錢包的私鑰，你需要先進行核心更新！", + "arrr4": "要保存 ARRR 錢包的私鑰，您必須先更新 Qortal Core！", "sync_indicator": "停用同步指示器彈出視窗" }, "appinfo": { @@ -283,8 +283,8 @@ }, "startminting": { "smchange1": "無法獲取鑄幣帳戶", - "smchange2": "無法移除密鑰", - "smchange3": "添加鑄幣密鑰失敗", + "smchange2": "無法刪除鑄造金鑰", + "smchange3": "無法添加鑄造密鑰，如果剛剛創建密鑰，請嘗試等待幾個塊並再次添加", "smchange4": "無法創建贊助密鑰", "smchange5": "建立關係", "smchange6": "等待區塊鏈確認", @@ -507,7 +507,7 @@ "nchange23": "賣出價", "nchange24": "沒有名字可以賣", "nchange25": "出售名稱", - "nchange26": "你確定要賣這個名字嗎？", + "nchange26": "您確定要出售這個名字嗎？ 如果名稱被其他帳戶購買，則將不受您的控制！", "nchange27": "對於 QORT 中的這個價格", "nchange28": "按下確認後，將發送銷售名稱請求！", "nchange29": "要取消的名稱", From 5cb2d02063b4cba3469f3ebd82f375143c53af5d Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Fri, 10 May 2024 10:49:47 +0200 Subject: [PATCH 22/26] Fix text color, broken link and remove last tab --- core/src/components/show-plugin.js | 62 ++++++++++++++++++------------ core/src/styles/core-css.js | 1 + 2 files changed, 38 insertions(+), 25 deletions(-) diff --git a/core/src/components/show-plugin.js b/core/src/components/show-plugin.js index a5e965a9..8885a5fa 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -421,35 +421,46 @@ class ShowPlugin extends connect(store)(LitElement) { let iconId = '' this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) - this.currentTab = this.tabs.length - 1; + this.currentTab = this.tabs.length - 1 const tabD = this.tabs.length - 1 - const plugObj = this.tabs[tabD].url - theId = this.tabs[tabD].id - tabId = 'tab-' + theId - frameId = 'frame-' + theId - plugId = 'plug-' + theId - iconId = 'icon-' + theId - var tabActive = this.shadowRoot.getElementById(tabId) - var frameActive = this.shadowRoot.getElementById(frameId) - var plugActive = this.shadowRoot.getElementById(plugId) - var iconActive = this.shadowRoot.getElementById(iconId) - - if (plugObj === undefined || '') { - tabActive.classList.add('active') - iconActive.classList.remove('iconInactive') - iconActive.classList.add('iconActive') - plugActive.classList.remove('hideIframe') - plugActive.classList.add('showIframe') + if (tabD < 0) { + const lengthOfTabs = this.tabs.length + this.addTab({ + url: '', + id: this.uid.rnd() + }) + this.currentTab = lengthOfTabs } else { - tabActive.classList.add('active') - iconActive.classList.remove('iconInactive') - iconActive.classList.add('iconActive') - frameActive.classList.remove('hideIframe') - frameActive.classList.add('showIframe') + const plugObj = this.tabs[tabD].url + theId = this.tabs[tabD].id + tabId = 'tab-' + theId + frameId = 'frame-' + theId + plugId = 'plug-' + theId + iconId = 'icon-' + theId + + var tabActive = this.shadowRoot.getElementById(tabId) + var frameActive = this.shadowRoot.getElementById(frameId) + var plugActive = this.shadowRoot.getElementById(plugId) + var iconActive = this.shadowRoot.getElementById(iconId) + + if (plugObj === undefined || '') { + tabActive.classList.add('active') + iconActive.classList.remove('iconInactive') + iconActive.classList.add('iconActive') + plugActive.classList.remove('hideIframe') + plugActive.classList.add('showIframe') + } else { + tabActive.classList.add('active') + iconActive.classList.remove('iconInactive') + iconActive.classList.add('iconActive') + frameActive.classList.remove('hideIframe') + frameActive.classList.add('showIframe') + } + + this.requestUpdate() } - this.requestUpdate() } else { // Remove tab from array this.tabs = this.tabs.filter((tab, tIndex) => tIndex !== index) @@ -457,6 +468,7 @@ class ShowPlugin extends connect(store)(LitElement) { if (this.tabs.length !== 0) { this.currentTab = 0 } + this.requestUpdate() } } @@ -1583,7 +1595,7 @@ class NavBar extends connect(store)(LitElement) { if (this.pluginType === 'overview-page') { this.pluginPage = 'overview-page/index.html' } else if (this.pluginType === 'minting') { - this.pluginPage = 'minting/index.html' + this.pluginPage = 'minting-info/index.html' } else if (this.pluginType === 'become-minter') { this.pluginPage = 'become-minter/index.html' } else if (this.pluginType === 'sponsorship-list') { diff --git a/core/src/styles/core-css.js b/core/src/styles/core-css.js index 400cc10e..ca5ebdfb 100644 --- a/core/src/styles/core-css.js +++ b/core/src/styles/core-css.js @@ -2497,6 +2497,7 @@ export const showPluginStyles = css` --mdc-theme-surface: var(--white); --mdc-text-field-outlined-idle-border-color: var(--txtfieldborder); --mdc-text-field-outlined-hover-border-color: var(--txtfieldhoverborder); + --mdc-text-field-disabled-ink-color: var(--black); --mdc-text-field-label-ink-color: var(--black); --mdc-text-field-ink-color: var(--black); --mdc-select-ink-color: var(--black); From 3cc5d544a274e3675185617079a82eecb56a4707 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Fri, 10 May 2024 17:55:06 +0200 Subject: [PATCH 23/26] Add group avatar to chat select , fix typos in chat text editor, close edit and reply to on group change --- plugins/plugins/core/components/ChatPage.js | 20 +++++++--- plugins/plugins/core/components/ChatSelect.js | 40 +++++++++++++------ .../plugins/core/components/ChatTextEditor.js | 28 ++++++------- .../plugins/core/components/plugins-css.js | 6 +-- 4 files changed, 60 insertions(+), 34 deletions(-) diff --git a/plugins/plugins/core/components/ChatPage.js b/plugins/plugins/core/components/ChatPage.js index 3bb80f9c..030126b3 100644 --- a/plugins/plugins/core/components/ChatPage.js +++ b/plugins/plugins/core/components/ChatPage.js @@ -321,13 +321,13 @@ class ChatPage extends LitElement {

    ${this.repliedToMessageObj.senderName ? this.repliedToMessageObj.senderName : this.repliedToMessageObj.sender}

    ${this.repliedToMessageObj.version.toString() === '1' ? html` - ${this.repliedToMessageObj.message} + ${this.repliedToMessageObj.message} ` : '' } ${+this.repliedToMessageObj.version > 1 ? html` - ${unsafeHTML(generateHTML(this.repliedToMessageObj.message, [StarterKit, Underline, Highlight]))} + ${unsafeHTML(generateHTML(this.repliedToMessageObj.message, [StarterKit, Underline, Highlight]))} ` : '' } @@ -344,7 +344,7 @@ class ChatPage extends LitElement {

    ${translate("chatpage.cchange25")}

    - ${unsafeHTML(generateHTML(this.editedMessageObj.message, [StarterKit, Underline, Highlight]))} + ${unsafeHTML(generateHTML(this.editedMessageObj.message, [StarterKit, Underline, Highlight]))}
    this.closeEditMessageContainer()}>
    @@ -1366,11 +1366,23 @@ class ChatPage extends LitElement { shouldUpdate(changedProperties) { if (changedProperties.has('chatId')) { + if (this.repliedToMessageObj) { + this.closeRepliedToContainer() + return true + } + + if (this.editedMessageObj) { + this.closeEditMessageContainer() + return true + } + return true } + if (changedProperties.has('setActiveChatHeadUrl')) { return false } + if (changedProperties.has('setOpenPrivateMessage')) { return false } @@ -1666,8 +1678,6 @@ class ChatPage extends LitElement { let list = [...decodeMsgs] - - this.messagesRendered = { messages: list, type: 'old', diff --git a/plugins/plugins/core/components/ChatSelect.js b/plugins/plugins/core/components/ChatSelect.js index 2565fc52..7e175ddd 100644 --- a/plugins/plugins/core/components/ChatSelect.js +++ b/plugins/plugins/core/components/ChatSelect.js @@ -14,7 +14,9 @@ class ChatSelect extends LitElement { iconName: { type: String }, activeChatHeadUrl: { type: String }, isImageLoaded: { type: Boolean }, - setActiveChatHeadUrl: { attribute: false } + setActiveChatHeadUrl: { attribute: false }, + avatarImg: { type: String } + } } @@ -27,8 +29,7 @@ class ChatSelect extends LitElement { this.selectedAddress = {} this.config = { user: { - node: { - } + node: {} } } this.chatInfo = {} @@ -36,29 +37,44 @@ class ChatSelect extends LitElement { this.activeChatHeadUrl = '' this.isImageLoaded = false this.imageFetches = 0 + this.avatarImg = '' } render() { - let avatarImg = '' - let backupAvatarImg = '' + let groupString = 'Group_' + this.chatInfo.groupId + let groupAvatarString = 'qortal_group_avatar_' + this.chatInfo.groupId - if (this.chatInfo.name) { - const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] - const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node] + const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port + + if (groupString === 'Group_0') { + const avatarUrl = `/img/qgcgroup.png` + this.avatarImg = this.createImage(avatarUrl) + } else if (groupString === 'Group_1') { + const avatarUrl = `/img/qdcgroup.png` + this.avatarImg = this.createImage(avatarUrl) + } else if (this.chatInfo.name) { const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.name}/qortal_avatar?async=true` - avatarImg = this.createImage(avatarUrl) + this.avatarImg = this.createImage(avatarUrl) + } else if (this.chatInfo.ownerName) { + if (this.chatInfo.ownerName === undefined) { + // Nothing to do + } else { + const avatarUrl = `${nodeUrl}/arbitrary/THUMBNAIL/${this.chatInfo.ownerName}/${groupAvatarString}?async=true` + this.avatarImg = this.createImage(avatarUrl) + } } return html`
  • this.getUrl(this.chatInfo.url)} class="clearfix ${this.activeChatHeadUrl === this.chatInfo.url ? 'active' : ''}"> - ${this.isImageLoaded ? html`${avatarImg}` : html``} + ${this.isImageLoaded ? html`${this.avatarImg}` : html``} ${!this.isImageLoaded && !this.chatInfo.name && !this.chatInfo.groupName ? html`account_circle` : html``} ${!this.isImageLoaded && this.chatInfo.name ? html`
    ${this.chatInfo.name.charAt(0)}
    @@ -70,7 +86,7 @@ class ChatSelect extends LitElement {
    ${this.chatInfo.groupName.charAt(0)}
    diff --git a/plugins/plugins/core/components/ChatTextEditor.js b/plugins/plugins/core/components/ChatTextEditor.js index c989c169..3d6d07d4 100644 --- a/plugins/plugins/core/components/ChatTextEditor.js +++ b/plugins/plugins/core/components/ChatTextEditor.js @@ -60,12 +60,12 @@ class ChatTextEditor extends LitElement { render() { return html` -
    -
    +
    +
    @@ -104,7 +104,7 @@ class ChatTextEditor extends LitElement {
    ${this.iframeId === "_chatEditorDOM" ? html` -
    +
    @@ -126,8 +126,8 @@ class ChatTextEditor extends LitElement { : '' }
    -
    -
    {this.preventUserSendingImage(e)}}> +
    +
    {this.preventUserSendingImage(e)}}>
    - +
    ${this.editedMessageObj ? - (html` -
    + html` +
    ${this.isLoading === false ? html` {this.sendMessageFunc(this.messageQueue)}}> @@ -162,11 +162,11 @@ class ChatTextEditor extends LitElement { ` }
    - `) : html` + ` : html`
    ${this.isLoading === false ? html` - send-icon {this.sendMessageFunc(this.messageQueue)}} /> + send-icon {this.sendMessageFunc(this.messageQueue)}}> ` : html` ` @@ -178,7 +178,7 @@ class ChatTextEditor extends LitElement { ${this.chatMessageSize >= 750 ? html`
    -
    +
    ${`Your message size is of ${this.chatMessageSize} bytes out of a maximum of 4000`}
    diff --git a/plugins/plugins/core/components/plugins-css.js b/plugins/plugins/core/components/plugins-css.js index ee320917..e4b00fb1 100644 --- a/plugins/plugins/core/components/plugins-css.js +++ b/plugins/plugins/core/components/plugins-css.js @@ -120,7 +120,7 @@ export const chatpageStyles = css` .message-size { font-family: Roboto, sans-serif; font-size: 12px; - color: black; + color: var(--black); } .lds-grid { @@ -508,7 +508,7 @@ export const chatpageStyles = css` .message-size { font-family: Roboto, sans-serif; font-size: 12px; - color: black; + color: var(--black); } .lds-grid { @@ -3529,7 +3529,7 @@ export const chatTextEditorStyles = css` .message-size { font-family: Roboto, sans-serif; font-size: 12px; - color: black; + color: var(--black); } .paperclip-icon { From 0b2bceb84294e02548d0f862a9d96bc8439cf1ec Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Fri, 10 May 2024 18:00:47 +0200 Subject: [PATCH 24/26] Remove use strict make api full esm compatible --- crypto/api.js | 18 +- crypto/api/PhraseWallet.js | 15 +- crypto/api/api.js | 10 +- crypto/api/bitcoin/AltcoinHDWallet.js | 1272 +++-- crypto/api/bitcoin/ecbn.js | 4978 ++++++++--------- crypto/api/bitcoin/jsbn.js | 3875 +++++++------ crypto/api/constants.js | 2 - crypto/api/createTransaction.js | 16 +- crypto/api/createWallet.js | 8 +- crypto/api/decryptStoredWallet.js | 10 +- crypto/api/deps/Base58.js | 171 +- crypto/api/deps/Base64.js | 19 +- crypto/api/deps/bcrypt.js | 2670 ++++----- crypto/api/deps/broken-ripemd160.js | 343 +- crypto/api/deps/deps.js | 5 +- crypto/api/deps/ed2curve.js | 476 +- crypto/api/deps/nacl-fast.js | 3947 +++++++------ crypto/api/deps/qora.js | 88 +- crypto/api/deps/ripemd160.js | 2 + crypto/api/deps/sha256.js | 245 +- crypto/api/deps/utils.js | 119 +- crypto/api/fetch-request.js | 2 +- crypto/api/kdf.js | 12 +- crypto/api/registerUsername.js | 2 +- crypto/api/storeWallet.js | 6 +- crypto/api/tradeRequest.js | 10 +- crypto/api/transactions/AirdropTransaction.js | 2 +- .../api/transactions/DeployAtTransaction.js | 4 +- crypto/api/transactions/PaymentTransaction.js | 2 +- .../api/transactions/PublicizeTransaction.js | 32 +- crypto/api/transactions/TransactionBase.js | 2 +- .../transactions/TransferPrivsTransaction.js | 4 +- crypto/api/transactions/arbitraryV3.js | 62 +- crypto/api/transactions/chat/ChatBase.js | 236 +- .../api/transactions/chat/ChatTransaction.js | 4 +- .../transactions/chat/GroupChatTransaction.js | 2 +- .../transactions/chat/decryptChatMessage.js | 2 +- .../groups/AddGroupAdminTransaction.js | 2 +- .../groups/CancelGroupBanTransaction.js | 2 +- .../groups/CancelGroupInviteTransaction.js | 2 +- .../groups/CreateGroupTransaction.js | 2 +- .../groups/GroupBanTransaction.js | 2 +- .../groups/GroupInviteTransaction.js | 2 +- .../groups/GroupKickTransaction.js | 2 +- .../groups/JoinGroupTransaction.js | 2 +- .../groups/LeaveGroupTransaction.js | 2 +- .../groups/RemoveGroupAdminTransaction.js | 2 +- .../groups/UpdateGroupTransaction.js | 2 +- .../transactions/names/BuyNameTransacion.js | 2 +- .../names/CancelSellNameTransacion.js | 2 +- .../names/RegisterNameTransaction.js | 2 +- .../transactions/names/SellNameTransacion.js | 2 +- .../names/UpdateNameTransaction.js | 2 +- .../polls/CreatePollTransaction.js | 6 +- .../polls/VoteOnPollTransaction.js | 4 +- .../api/transactions/registerName_dnsthing.js | 60 +- .../RemoveRewardShareTransaction.js | 4 +- .../reward-share/RewardShareTransaction.js | 4 +- crypto/api/utils/randomBase58Generator.js | 18 +- crypto/api/utils/stateAwait.js | 40 +- crypto/api/wallet/base58PublicKeyToAddress.js | 2 +- crypto/api/wallet/publicKeyToAddress.js | 14 +- crypto/api/wallet/validateAddress.js | 4 +- crypto/config.js | 2 +- 64 files changed, 9391 insertions(+), 9472 deletions(-) diff --git a/crypto/api.js b/crypto/api.js index e7ea9034..244be3a5 100644 --- a/crypto/api.js +++ b/crypto/api.js @@ -1,9 +1,9 @@ -import {Sha256} from 'asmcrypto.js' +import { Sha256 } from 'asmcrypto.js' import Base58 from './api/deps/Base58' import Base64 from './api/deps/Base64' -import {base58PublicKeyToAddress} from './api/wallet/base58PublicKeyToAddress' -import {validateAddress} from './api/wallet/validateAddress' -import {decryptChatMessage, decryptChatMessageBase64} from './api/transactions/chat/decryptChatMessage' +import { base58PublicKeyToAddress } from './api/wallet/base58PublicKeyToAddress' +import { validateAddress } from './api/wallet/validateAddress' +import { decryptChatMessage, decryptChatMessageBase64 } from './api/transactions/chat/decryptChatMessage' import _ from 'lodash' window.Sha256 = Sha256 @@ -15,8 +15,8 @@ window.validateAddress = validateAddress window.decryptChatMessage = decryptChatMessage window.decryptChatMessageBase64 = decryptChatMessageBase64 -export { initApi, store } from './api_deps.js' -export * from './api/deps/deps.js' -export * from './api/api.js' -export * from './api/registerUsername.js' -export { createWallet } from './api/createWallet.js' +export { initApi, store } from './api_deps' +export * from './api/deps/deps' +export * from './api/api' +export * from './api/registerUsername' +export { createWallet } from './api/createWallet' diff --git a/crypto/api/PhraseWallet.js b/crypto/api/PhraseWallet.js index bfe81999..8c7732cb 100644 --- a/crypto/api/PhraseWallet.js +++ b/crypto/api/PhraseWallet.js @@ -1,15 +1,12 @@ /* Copyright 2017-2018 @ irontiga and vbcs (original developer) */ -'use strict' -import Base58 from './deps/Base58.js' -import {Sha256, Sha512} from 'asmcrypto.js' -import nacl from './deps/nacl-fast.js' -import utils from './deps/utils.js' - -import {generateSaveWalletData} from './storeWallet.js' - -import publicKeyToAddress from './wallet/publicKeyToAddress.js' +import Base58 from './deps/Base58' +import { Sha256, Sha512 } from 'asmcrypto.js' +import nacl from './deps/nacl-fast' +import utils from './deps/utils' +import { generateSaveWalletData } from './storeWallet' +import publicKeyToAddress from './wallet/publicKeyToAddress' import AltcoinHDWallet from "./bitcoin/AltcoinHDWallet" export default class PhraseWallet { diff --git a/crypto/api/api.js b/crypto/api/api.js index 36a635cc..3c240b2e 100644 --- a/crypto/api/api.js +++ b/crypto/api/api.js @@ -1,5 +1,5 @@ -export { request } from './fetch-request.js' -export { transactionTypes as transactions } from './transactions/transactions.js' -export { processTransaction, processTransactionVersion2, createTransaction, computeChatNonce, signChatTransaction, signArbitraryTransaction, signArbitraryWithFeeTransaction } from './createTransaction.js' -export { tradeBotCreateRequest, tradeBotRespondRequest, signTradeBotTxn, deleteTradeOffer, sendBtc, sendLtc, sendDoge, sendDgb, sendRvn, sendArrr } from './tradeRequest.js' -export { cancelAllOffers } from './transactions/trade-portal/tradeoffer/cancelAllOffers.js' +export { request } from './fetch-request' +export { transactionTypes as transactions } from './transactions/transactions' +export { processTransaction, processTransactionVersion2, createTransaction, computeChatNonce, signChatTransaction, signArbitraryTransaction, signArbitraryWithFeeTransaction } from './createTransaction' +export { tradeBotCreateRequest, tradeBotRespondRequest, signTradeBotTxn, deleteTradeOffer, sendBtc, sendLtc, sendDoge, sendDgb, sendRvn, sendArrr } from './tradeRequest' +export { cancelAllOffers } from './transactions/trade-portal/tradeoffer/cancelAllOffers' diff --git a/crypto/api/bitcoin/AltcoinHDWallet.js b/crypto/api/bitcoin/AltcoinHDWallet.js index b7391b8a..a802382c 100644 --- a/crypto/api/bitcoin/AltcoinHDWallet.js +++ b/crypto/api/bitcoin/AltcoinHDWallet.js @@ -1,859 +1,845 @@ -'use strict'; -import Base58 from '../deps/Base58.js' -import {Sha256, Sha512} from 'asmcrypto.js' +import Base58 from '../deps/Base58' +import { Sha256, Sha512 } from 'asmcrypto.js' import jsSHA from 'jssha' -import RIPEMD160 from '../deps/ripemd160.js' -import utils from '../deps/utils.js' -import {BigInteger, EllipticCurve} from './ecbn.js' +import RIPEMD160 from '../deps/ripemd160' +import utils from '../deps/utils' +import { BigInteger, EllipticCurve } from './ecbn' export default class AltcoinHDWallet { - constructor(addressParams) { + constructor(addressParams) { - /** - * Seed - 32 bytes - */ + /** + * Seed - 32 bytes + */ - this.seed = new Uint8Array(32) + this.seed = new Uint8Array(32) - /** - * Version Bytes - 4 byte - */ + /** + * Version Bytes - 4 byte + */ - this.versionBytes = addressParams + this.versionBytes = addressParams - /** - * Depth - 1 byte - */ + /** + * Depth - 1 byte + */ - this.depth = 0 + this.depth = 0 - /** - * Parent Fingerprint - 4 bytes - */ + /** + * Parent Fingerprint - 4 bytes + */ - this.parentFingerprint = '0x00000000' // master key + this.parentFingerprint = '0x00000000' // master key - /** - * Child Index - 4 bytes - */ + /** + * Child Index - 4 bytes + */ - this.childIndex = '0x00000000' // master key + this.childIndex = '0x00000000' // master key - /** - * Chain Code - 32 bytes - */ + /** + * Chain Code - 32 bytes + */ - this.chainCode = new Uint8Array(32) + this.chainCode = new Uint8Array(32) - /** - * Key Data - 33 bytes - */ + /** + * Key Data - 33 bytes + */ - this.keyData = new Uint8Array(33) + this.keyData = new Uint8Array(33) - /** - * Seed Hash - 64 bytes - */ + /** + * Seed Hash - 64 bytes + */ - this.seedHash = new Uint8Array(64) + this.seedHash = new Uint8Array(64) - /** - * Private Key - 32 bytes - */ + /** + * Private Key - 32 bytes + */ - this.privateKey = new Uint8Array(32) + this.privateKey = new Uint8Array(32) - /** - * Public Key - 33 bytes (compressed) - */ + /** + * Public Key - 33 bytes (compressed) + */ - this.publicKey = new Uint8Array(33) + this.publicKey = new Uint8Array(33) - /** - * Public Key Hash160 (used to derive the parent fingerprint for derived) - */ + /** + * Public Key Hash160 (used to derive the parent fingerprint for derived) + */ - this.publicKeyHash = new Uint8Array(20) + this.publicKeyHash = new Uint8Array(20) - /** - * Master Private Key (Base58 encoded) - */ + /** + * Master Private Key (Base58 encoded) + */ - this.masterPrivateKey = '' + this.masterPrivateKey = '' - /** - * Master Public Key (Base58 encoded) - */ + /** + * Master Public Key (Base58 encoded) + */ - this.masterPublicKey = '' + this.masterPublicKey = '' - /** - * Testnet Master Private Key (Base58 encoded) - THIS IS TESTNET - */ + /** + * Testnet Master Private Key (Base58 encoded) - THIS IS TESTNET + */ - this._tMasterPrivateKey = '' + this._tMasterPrivateKey = '' - /** - * Testnet Master Public Key (Base58 encoded) - THIS IS TESTNET - */ + /** + * Testnet Master Public Key (Base58 encoded) - THIS IS TESTNET + */ - this._tmasterPublicKey = '' + this._tmasterPublicKey = '' - /** - * Child Keys Derivation from the Parent Keys - */ + /** + * Child Keys Derivation from the Parent Keys + */ - /** - * Child Private Key - 32 bytes - */ + /** + * Child Private Key - 32 bytes + */ - this.childPrivateKey = new Uint8Array(32) + this.childPrivateKey = new Uint8Array(32) - /** - * Child Chain Code - 32 bytes - */ + /** + * Child Chain Code - 32 bytes + */ - this.childChainCode = new Uint8Array(32) + this.childChainCode = new Uint8Array(32) - /** - * Child Public Key - 33 bytes (compressed) - */ + /** + * Child Public Key - 33 bytes (compressed) + */ - this.childPublicKey = new Uint8Array(33) + this.childPublicKey = new Uint8Array(33) - /** - * Child Public Key Hash160 (used to derive the parent fingerprint for derived) - */ + /** + * Child Public Key Hash160 (used to derive the parent fingerprint for derived) + */ - this.childPublicKeyHash = new Uint8Array(20) + this.childPublicKeyHash = new Uint8Array(20) - /** - * Extended Private Child Key - Base58 encoded - */ + /** + * Extended Private Child Key - Base58 encoded + */ - this.xPrivateChildKey = '' + this.xPrivateChildKey = '' - /** - * Extended Public Child Key - Base58 encoded - */ + /** + * Extended Public Child Key - Base58 encoded + */ - this.xPublicChildKey = '' + this.xPublicChildKey = '' - /** - * Grand Child Keys Derivation from the Child Keys - */ + /** + * Grand Child Keys Derivation from the Child Keys + */ - /** - * Grand Child Private Key - 32 bytes - */ + /** + * Grand Child Private Key - 32 bytes + */ - this.grandChildPrivateKey = new Uint8Array(32) + this.grandChildPrivateKey = new Uint8Array(32) - /** - * Grand Child Chain Code - 32 bytes - */ + /** + * Grand Child Chain Code - 32 bytes + */ - this.grandChildChainCode = new Uint8Array(32) + this.grandChildChainCode = new Uint8Array(32) - /** - * Grand Child Public Key - 33 bytes (compressed) - */ + /** + * Grand Child Public Key - 33 bytes (compressed) + */ - this.grandChildPublicKey = new Uint8Array(33) + this.grandChildPublicKey = new Uint8Array(33) - /** - * Grand Public Key Hash160 (used to derive the parent fingerprint for derived) - */ + /** + * Grand Public Key Hash160 (used to derive the parent fingerprint for derived) + */ - this.grandChildPublicKeyHash = new Uint8Array(20) + this.grandChildPublicKeyHash = new Uint8Array(20) - /** - * Extended Private Grand Child Key - Base58 encoded - */ + /** + * Extended Private Grand Child Key - Base58 encoded + */ - this.xPrivateGrandChildKey = '' + this.xPrivateGrandChildKey = '' - /** - * Extended Public Grand Child Key - Base58 encoded - */ + /** + * Extended Public Grand Child Key - Base58 encoded + */ - this.xPublicGrandChildKey = '' + this.xPublicGrandChildKey = '' - /** - * Litecoin Legacy Address - Derived from the Grand Child Public Key Hash - */ + /** + * Litecoin Legacy Address - Derived from the Grand Child Public Key Hash + */ - this.litecoinLegacyAddress = '' + this.litecoinLegacyAddress = '' - /** - * TESTNET Litecoin Legacy Address (Derived from the Grand Child Public Key Hash) - THIS IS TESTNET - */ + /** + * TESTNET Litecoin Legacy Address (Derived from the Grand Child Public Key Hash) - THIS IS TESTNET + */ - this._tlitecoinLegacyAddress = '' + this._tlitecoinLegacyAddress = '' - /** - * Wallet - Wallet Object (keys...) - */ + /** + * Wallet - Wallet Object (keys...) + */ - this.wallet = {} - } + this.wallet = {} + } - setSeed(seed) { - this.seed = seed - } + setSeed(seed) { + this.seed = seed + } - createWallet(seed, isBIP44, indicator = null) { + createWallet(seed, isBIP44, indicator = null) { - // Set Seeed - this.setSeed(seed) + // Set Seeed + this.setSeed(seed) - // Generate Seed Hash - this.generateSeedHash(this.seed, isBIP44, indicator) + // Generate Seed Hash + this.generateSeedHash(this.seed, isBIP44, indicator) - // Generate Private Key - this.generatePrivateKey(this.seedHash) + // Generate Private Key + this.generatePrivateKey(this.seedHash) - // Generate Chain Code - this.generateChainCode(this.seedHash) + // Generate Chain Code + this.generateChainCode(this.seedHash) - // Generate Public Key from Private Key - this.generatePublicKey(this.privateKey) + // Generate Public Key from Private Key + this.generatePublicKey(this.privateKey) - // Generate Mainnet Master Private Key - this.generateMainnetMasterPrivateKey() + // Generate Mainnet Master Private Key + this.generateMainnetMasterPrivateKey() - // Generate Mainnet Master Public Key - this.generateMainnetMasterPublicKey() + // Generate Mainnet Master Public Key + this.generateMainnetMasterPublicKey() - // Generate Testnet Master Private Key - this.generateTestnetMasterPrivateKey() + // Generate Testnet Master Private Key + this.generateTestnetMasterPrivateKey() - // Generate Testnet Master Public Key - this.generateTestnetMasterPublicKey() + // Generate Testnet Master Public Key + this.generateTestnetMasterPublicKey() - // Generate Child and Grand Child Keys - this.generateDerivedChildKeys() + // Generate Child and Grand Child Keys + this.generateDerivedChildKeys() - // Return Wallet Object Specification - return this.returnWallet() - } + // Return Wallet Object Specification + return this.returnWallet() + } - generateSeedHash(seed, isBIP44, indicator = null) { - let buffer + generateSeedHash(seed, isBIP44, indicator = null) { + let buffer - if (isBIP44) { - buffer = utils.appendBuffer(seed.reverse(), utils.int32ToBytes(indicator)) - } else { - if(indicator !== null) { - const indicatorString = utils.stringtoUTF8Array(indicator) - buffer = utils.appendBuffer(seed.reverse(), indicatorString) - } - else - { - buffer = seed.reverse() - } - } + if (isBIP44) { + buffer = utils.appendBuffer(seed.reverse(), utils.int32ToBytes(indicator)) + } else { + if (indicator !== null) { + const indicatorString = utils.stringtoUTF8Array(indicator) + buffer = utils.appendBuffer(seed.reverse(), indicatorString) + } + else { + buffer = seed.reverse() + } + } - const _reverseSeedHash = new Sha256().process(buffer).finish().result - this.seedHash = new Sha512().process(utils.appendBuffer(seed, _reverseSeedHash)).finish().result - } + const _reverseSeedHash = new Sha256().process(buffer).finish().result + this.seedHash = new Sha512().process(utils.appendBuffer(seed, _reverseSeedHash)).finish().result + } - generatePrivateKey(seedHash) { - const SECP256K1_CURVE_ORDER = new BigInteger("0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141") + generatePrivateKey(seedHash) { + const SECP256K1_CURVE_ORDER = new BigInteger("0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141") - const privateKeyHash = seedHash.slice(0, 32) + const privateKeyHash = seedHash.slice(0, 32) - this.seed58 = Base58.encode(privateKeyHash) + this.seed58 = Base58.encode(privateKeyHash) - const _privateKeyHash = [...privateKeyHash] - let privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKeyHash) + const _privateKeyHash = [...privateKeyHash] + let privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKeyHash) - const privateKey = (privateKeyBigInt.mod(SECP256K1_CURVE_ORDER.subtract(BigInteger.ONE))).add(BigInteger.ONE) - this.privateKey = privateKey.toByteArrayUnsigned() - } + const privateKey = (privateKeyBigInt.mod(SECP256K1_CURVE_ORDER.subtract(BigInteger.ONE))).add(BigInteger.ONE) + this.privateKey = privateKey.toByteArrayUnsigned() + } - generateChainCode(seedHash) { - this.chainCode = new Sha256().process(seedHash.slice(32, 64)).finish().result - } + generateChainCode(seedHash) { + this.chainCode = new Sha256().process(seedHash.slice(32, 64)).finish().result + } - generatePublicKey(privateKey) { - const _privateKey = [...privateKey] - const privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKey) + generatePublicKey(privateKey) { + const _privateKey = [...privateKey] + const privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKey) - const epCurve = EllipticCurve.getSECCurveByName("secp256k1") - const curvePoints = epCurve.getG().multiply(privateKeyBigInt) + const epCurve = EllipticCurve.getSECCurveByName("secp256k1") + const curvePoints = epCurve.getG().multiply(privateKeyBigInt) - const x = curvePoints.getX().toBigInteger() - const y = curvePoints.getY().toBigInteger() + const x = curvePoints.getX().toBigInteger() + const y = curvePoints.getY().toBigInteger() - /** - * Deriving Uncompressed Public Key (65 bytes) - * - * const publicKeyBytes = EllipticCurve.integerToBytes(x, 32) - * this.publicKey = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32)) - * this.publicKey.unshift(0x04) // append point indicator - */ + /** + * Deriving Uncompressed Public Key (65 bytes) + * + * const publicKeyBytes = EllipticCurve.integerToBytes(x, 32) + * this.publicKey = publicKeyBytes.concat(EllipticCurve.integerToBytes(y, 32)) + * this.publicKey.unshift(0x04) // append point indicator + */ - // Compressed Public Key (33 bytes) - this.publicKey = EllipticCurve.integerToBytes(x, 32) + // Compressed Public Key (33 bytes) + this.publicKey = EllipticCurve.integerToBytes(x, 32) - if (y.isEven()) { - this.publicKey.unshift(0x02) // append point indicator - } else { - this.publicKey.unshift(0x03) // append point indicator - } + if (y.isEven()) { + this.publicKey.unshift(0x02) // append point indicator + } else { + this.publicKey.unshift(0x03) // append point indicator + } - // PublicKey Hash - const publicKeySHA256 = new Sha256().process(new Uint8Array(this.publicKey)).finish().result + // PublicKey Hash + const publicKeySHA256 = new Sha256().process(new Uint8Array(this.publicKey)).finish().result this.publicKeyHash = new RIPEMD160().update(Buffer.from(publicKeySHA256)).digest('hex') - } + } - generateMainnetMasterPrivateKey() { - // Serialization Variable - const s = [] + generateMainnetMasterPrivateKey() { + // Serialization Variable + const s = [] - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.private))) + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.private))) - // Append Depth - s.push(this.depth) + // Append Depth + s.push(this.depth) - // Append Parent Fingerprint - s.push(...(utils.int32ToBytes(this.parentFingerprint))) + // Append Parent Fingerprint + s.push(...(utils.int32ToBytes(this.parentFingerprint))) - // Append Child Number - s.push(...(utils.int32ToBytes(this.childIndex))) + // Append Child Number + s.push(...(utils.int32ToBytes(this.childIndex))) - // Append Chain Code - s.push(...this.chainCode) + // Append Chain Code + s.push(...this.chainCode) - // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) - s.push(0) + // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) + s.push(0) - //if the private key length is less than 32 let's add leading zeros - if(this.privateKey.length<32){ - for(let i=this.privateKey.length;i<32;i++){ - s.push(0) - } - } + //if the private key length is less than 32 let's add leading zeros + if (this.privateKey.length < 32) { + for (let i = this.privateKey.length; i < 32; i++) { + s.push(0) + } + } - // Append Private Key - s.push(...this.privateKey) + // Append Private Key + s.push(...this.privateKey) - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... - // Save to Private Key as Base58 encoded - this.masterPrivateKey = Base58.encode(s) - } + // Save to Private Key as Base58 encoded + this.masterPrivateKey = Base58.encode(s) + } - generateMainnetMasterPublicKey() { - // Serialization Variable - const s = [] + generateMainnetMasterPublicKey() { + // Serialization Variable + const s = [] - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.public))) + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.public))) - // Append Depth - s.push(this.depth) + // Append Depth + s.push(this.depth) - // Append Parent Fingerprint - s.push(...(utils.int32ToBytes(this.parentFingerprint))) + // Append Parent Fingerprint + s.push(...(utils.int32ToBytes(this.parentFingerprint))) - // Append Child Number - s.push(...(utils.int32ToBytes(this.childIndex))) + // Append Child Number + s.push(...(utils.int32ToBytes(this.childIndex))) - // Append Chain Code - s.push(...this.chainCode) + // Append Chain Code + s.push(...this.chainCode) - // Append Public Key - s.push(...this.publicKey) + // Append Public Key + s.push(...this.publicKey) - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... - // Save to Public Key as Base58 encoded - this.masterPublicKey = Base58.encode(s) - } + // Save to Public Key as Base58 encoded + this.masterPublicKey = Base58.encode(s) + } - generateTestnetMasterPrivateKey() { + generateTestnetMasterPrivateKey() { - // To be Used ONLY in Testnet... + // To be Used ONLY in Testnet... - // Serialization Variable - const s = [] + // Serialization Variable + const s = [] - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.testnet.private))) + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.testnet.private))) - // Append Depth - s.push(this.depth) + // Append Depth + s.push(this.depth) - // Append Parent Fingerprint - s.push(...(utils.int32ToBytes(this.parentFingerprint))) + // Append Parent Fingerprint + s.push(...(utils.int32ToBytes(this.parentFingerprint))) - // Append Child Number - s.push(...(utils.int32ToBytes(this.childIndex))) + // Append Child Number + s.push(...(utils.int32ToBytes(this.childIndex))) - // Append Chain Code - s.push(...this.chainCode) + // Append Chain Code + s.push(...this.chainCode) - // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) - s.push(0) + // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) + s.push(0) - // Append Private Key - s.push(...this.privateKey) + // Append Private Key + s.push(...this.privateKey) - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... - // Save to Private Key as Base58 encoded - this._tMasterPrivateKey = Base58.encode(s) - } + // Save to Private Key as Base58 encoded + this._tMasterPrivateKey = Base58.encode(s) + } - generateTestnetMasterPublicKey() { + generateTestnetMasterPublicKey() { - // To be Used ONLY in Testnet... + // To be Used ONLY in Testnet... - // Serialization Variable - const s = [] + // Serialization Variable + const s = [] - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.testnet.public))) + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.testnet.public))) - // Append Depth - s.push(this.depth) + // Append Depth + s.push(this.depth) - // Append Parent Fingerprint - s.push(...(utils.int32ToBytes(this.parentFingerprint))) + // Append Parent Fingerprint + s.push(...(utils.int32ToBytes(this.parentFingerprint))) - // Append Child Number - s.push(...(utils.int32ToBytes(this.childIndex))) + // Append Child Number + s.push(...(utils.int32ToBytes(this.childIndex))) - // Append Chain Code - s.push(...this.chainCode) + // Append Chain Code + s.push(...this.chainCode) - // Append Private Key - s.push(...this.publicKey) + // Append Private Key + s.push(...this.publicKey) - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... - // Save to Private Key as Base58 encoded - this._tmasterPublicKey = Base58.encode(s) - } + // Save to Private Key as Base58 encoded + this._tmasterPublicKey = Base58.encode(s) + } - generateDerivedChildKeys() { + generateDerivedChildKeys() { - // SPEC INFO: https://en.bitcoin.it/wiki/BIP_0032#Child_key_derivation_.28CKD.29_functions - // NOTE: will not be using some of derivations func as the value is known. (So I'd rather shove in the values and rewrite out the derivations later ?) + // SPEC INFO: https://en.bitcoin.it/wiki/BIP_0032#Child_key_derivation_.28CKD.29_functions + // NOTE: will not be using some of derivations func as the value is known. (So I'd rather shove in the values and rewrite out the derivations later ?) - // NOTE: I "re-wrote" and "reduplicate" the code for child and grandChild keys derivations inorder to get the child and grandchild from the child - // TODO: Make this more better in the future + // NOTE: I "re-wrote" and "reduplicate" the code for child and grandChild keys derivations inorder to get the child and grandchild from the child + // TODO: Make this more better in the future - const path = 'm/0/0' - // let p = path.split('/') + const path = 'm/0/0' + // let p = path.split('/') - // Get Public kEY - const derivePublicChildKey = () => { + // Get Public kEY + const derivePublicChildKey = () => { - const _privateKey = [...this.childPrivateKey] - const privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKey) + const _privateKey = [...this.childPrivateKey] + const privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKey) - const epCurve = EllipticCurve.getSECCurveByName("secp256k1") - const curvePoints = epCurve.getG().multiply(privateKeyBigInt) + const epCurve = EllipticCurve.getSECCurveByName("secp256k1") + const curvePoints = epCurve.getG().multiply(privateKeyBigInt) - const x = curvePoints.getX().toBigInteger() - const y = curvePoints.getY().toBigInteger() + const x = curvePoints.getX().toBigInteger() + const y = curvePoints.getY().toBigInteger() - // Compressed Public Key (33 bytes) - this.childPublicKey = EllipticCurve.integerToBytes(x, 32) + // Compressed Public Key (33 bytes) + this.childPublicKey = EllipticCurve.integerToBytes(x, 32) - if (y.isEven()) { + if (y.isEven()) { - this.childPublicKey.unshift(0x02) // append point indicator - } else { + this.childPublicKey.unshift(0x02) // append point indicator + } else { - this.childPublicKey.unshift(0x03) // append point indicator - } + this.childPublicKey.unshift(0x03) // append point indicator + } - // PublicKey Hash - const childPublicKeySHA256 = new Sha256().process(new Uint8Array(this.childPublicKey)).finish().result + // PublicKey Hash + const childPublicKeySHA256 = new Sha256().process(new Uint8Array(this.childPublicKey)).finish().result this.childPublicKeyHash = new RIPEMD160().update(Buffer.from(childPublicKeySHA256)).digest('hex') + // Call deriveExtendedPublicChildKey // WIll be hardcoding the values... + deriveExtendedPublicChildKey(1, 0) + } - // Call deriveExtendedPublicChildKey // WIll be hardcoding the values... - deriveExtendedPublicChildKey(1, 0) - } + const derivePrivateChildKey = (cI) => { - const derivePrivateChildKey = (cI) => { + let ib = [] + ib.push((cI >> 24) & 0xff) + ib.push((cI >> 16) & 0xff) + ib.push((cI >> 8) & 0xff) + ib.push(cI & 0xff) - let ib = [] - ib.push((cI >> 24) & 0xff) - ib.push((cI >> 16) & 0xff) - ib.push((cI >> 8) & 0xff) - ib.push(cI & 0xff) + const s = [...this.publicKey].concat(ib) - const s = [...this.publicKey].concat(ib) + const _hmacSha512 = new jsSHA("SHA-512", "UINT8ARRAY", { numRounds: 1, hmacKey: { value: this.chainCode, format: "UINT8ARRAY" } }) + _hmacSha512.update(new Uint8Array(s)) - const _hmacSha512 = new jsSHA("SHA-512", "UINT8ARRAY", { numRounds: 1, hmacKey: { value: this.chainCode, format: "UINT8ARRAY" } }) - _hmacSha512.update(new Uint8Array(s)) + const IL = BigInteger.fromByteArrayUnsigned([..._hmacSha512.getHMAC('UINT8ARRAY').slice(0, 32)]) + this.childChainCode = _hmacSha512.getHMAC('UINT8ARRAY').slice(32, 64) // IR according to the SPEC + + // SECP256k1 init + const epCurve = EllipticCurve.getSECCurveByName("secp256k1") + + const ki = IL.add(BigInteger.fromByteArrayUnsigned(this.privateKey)).mod(epCurve.getN()) // parse256(IL) + kpar (mod n) ==> ki + this.childPrivateKey = ki.toByteArrayUnsigned() + + // Call deriveExtendedPrivateChildKey + deriveExtendedPrivateChildKey(1, 0) + } - const IL = BigInteger.fromByteArrayUnsigned([..._hmacSha512.getHMAC('UINT8ARRAY').slice(0, 32)]) - this.childChainCode = _hmacSha512.getHMAC('UINT8ARRAY').slice(32, 64) // IR according to the SPEC + const deriveExtendedPrivateChildKey = (i, childIndex) => { + + // Serialization Variable + const s = [] + + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.private))) + + // Append Depth (using the index as depth) + i = parseInt(i) + s.push(i) + + // Append Parent Fingerprint + s.push(...(this.publicKeyHash.slice(0, 4))) + + // Append Child Index + s.push(childIndex >>> 24) + s.push((childIndex >>> 16) & 0xff) + s.push((childIndex >>> 8) & 0xff) + s.push(childIndex & 0xff) + + // Append Chain Code + s.push(...this.childChainCode) + + // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) + s.push(0) + + // Append Private Key + s.push(...this.childPrivateKey) + + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) + + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... + + // Save to Private Key as Base58 encoded + this.xPrivateChildKey = Base58.encode(s) + } + + const deriveExtendedPublicChildKey = (i, childIndex) => { + + // Serialization Variable + const s = [] + + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.public))) + + // Append Depth + i = parseInt(i) + s.push(i) + + // Append Parent Fingerprint + s.push(...(this.publicKeyHash.slice(0, 4))) + + // Append Child Index + s.push(childIndex >>> 24) + s.push((childIndex >>> 16) & 0xff) + s.push((childIndex >>> 8) & 0xff) + s.push(childIndex & 0xff) + + // Append Chain Code + s.push(...this.childChainCode) + + // Append Public Key + s.push(...this.childPublicKey) + + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) + + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... - // SECP256k1 init - const epCurve = EllipticCurve.getSECCurveByName("secp256k1") + // Save to Public Key as Base58 encoded + this.xPublicChildKey = Base58.encode(s) + } - const ki = IL.add(BigInteger.fromByteArrayUnsigned(this.privateKey)).mod(epCurve.getN()) // parse256(IL) + kpar (mod n) ==> ki - this.childPrivateKey = ki.toByteArrayUnsigned() + /** + * GRAND CHILD KEYS + * + * NOTE: I know this is not the best way to generate this (even though it works the way it ought) + * Things to rewrite will be and not limited to deriving this through a for loop, removing hard code values, etc... + */ - // Call deriveExtendedPrivateChildKey - deriveExtendedPrivateChildKey(1, 0) - } + const derivePublicGrandChildKey = () => { + + const _privateKey = [...this.grandChildPrivateKey] + const privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKey) - const deriveExtendedPrivateChildKey = (i, childIndex) => { + const epCurve = EllipticCurve.getSECCurveByName("secp256k1") + const curvePoints = epCurve.getG().multiply(privateKeyBigInt) - // Serialization Variable - const s = [] + const x = curvePoints.getX().toBigInteger() + const y = curvePoints.getY().toBigInteger() - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.private))) - - // Append Depth (using the index as depth) - i = parseInt(i) - s.push(i) - - // Append Parent Fingerprint - s.push(...(this.publicKeyHash.slice(0, 4))) - - // Append Child Index - s.push(childIndex >>> 24) - s.push((childIndex >>> 16) & 0xff) - s.push((childIndex >>> 8) & 0xff) - s.push(childIndex & 0xff) - - // Append Chain Code - s.push(...this.childChainCode) - - // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) - s.push(0) - - // Append Private Key - s.push(...this.childPrivateKey) - - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) - - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... - - // Save to Private Key as Base58 encoded - this.xPrivateChildKey = Base58.encode(s) - } - - const deriveExtendedPublicChildKey = (i, childIndex) => { - - // Serialization Variable - const s = [] - - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.public))) - - // Append Depth - i = parseInt(i) - s.push(i) - - // Append Parent Fingerprint - s.push(...(this.publicKeyHash.slice(0, 4))) - - // Append Child Index - s.push(childIndex >>> 24) - s.push((childIndex >>> 16) & 0xff) - s.push((childIndex >>> 8) & 0xff) - s.push(childIndex & 0xff) - - // Append Chain Code - s.push(...this.childChainCode) - - // Append Public Key - s.push(...this.childPublicKey) - - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) - - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... + // Compressed Public Key (33 bytes) + this.grandChildPublicKey = EllipticCurve.integerToBytes(x, 32) - // Save to Public Key as Base58 encoded - this.xPublicChildKey = Base58.encode(s) - } + if (y.isEven()) { + this.grandChildPublicKey.unshift(0x02) // append point indicator + } else { + this.grandChildPublicKey.unshift(0x03) // append point indicator + } - - /** - * GRAND CHILD KEYS - * - * NOTE: I know this is not the best way to generate this (even though it works the way it ought) - * Things to rewrite will be and not limited to deriving this through a for loop, removing hard code values, etc... - */ - - const derivePublicGrandChildKey = () => { - - const _privateKey = [...this.grandChildPrivateKey] - const privateKeyBigInt = BigInteger.fromByteArrayUnsigned(_privateKey) - - - const epCurve = EllipticCurve.getSECCurveByName("secp256k1") - const curvePoints = epCurve.getG().multiply(privateKeyBigInt) - - const x = curvePoints.getX().toBigInteger() - const y = curvePoints.getY().toBigInteger() - - // Compressed Public Key (33 bytes) - this.grandChildPublicKey = EllipticCurve.integerToBytes(x, 32) - - - if (y.isEven()) { - this.grandChildPublicKey.unshift(0x02) // append point indicator - } else { - this.grandChildPublicKey.unshift(0x03) // append point indicator - } - - - // PublicKey Hash - const grandChildPublicKeySHA256 = new Sha256().process(new Uint8Array(this.grandChildPublicKey)).finish().result + // PublicKey Hash + const grandChildPublicKeySHA256 = new Sha256().process(new Uint8Array(this.grandChildPublicKey)).finish().result this.grandChildPublicKeyHash = new RIPEMD160().update(Buffer.from(grandChildPublicKeySHA256)).digest('hex') - // Call deriveExtendedPublicChildKey // WIll be hardcoding the values... - deriveExtendedPublicGrandChildKey(2, 0) + // Call deriveExtendedPublicChildKey // WIll be hardcoding the values... + deriveExtendedPublicGrandChildKey(2, 0) - /** - * Derive Litecoin Legacy Address - */ + /** + * Derive Litecoin Legacy Address + */ - // Append Address Prefix - let prefix = [this.versionBytes.mainnet.prefix] - if (2 == this.versionBytes.mainnet.prefix.length) { - prefix = [this.versionBytes.mainnet.prefix[0]] - prefix.push([this.versionBytes.mainnet.prefix[1]]) - } + // Append Address Prefix + let prefix = [this.versionBytes.mainnet.prefix] + if (2 == this.versionBytes.mainnet.prefix.length) { + prefix = [this.versionBytes.mainnet.prefix[0]] + prefix.push([this.versionBytes.mainnet.prefix[1]]) + } - const k = prefix.concat(...this.grandChildPublicKeyHash) + const k = prefix.concat(...this.grandChildPublicKeyHash) - // Derive Checksum - const _addressCheckSum = new Sha256().process(new Sha256().process(new Uint8Array(k)).finish().result).finish().result - const addressCheckSum = _addressCheckSum.slice(0, 4) + // Derive Checksum + const _addressCheckSum = new Sha256().process(new Sha256().process(new Uint8Array(k)).finish().result).finish().result + const addressCheckSum = _addressCheckSum.slice(0, 4) - // Append CheckSum - const _litecoinLegacyAddress = k.concat(...addressCheckSum) + // Append CheckSum + const _litecoinLegacyAddress = k.concat(...addressCheckSum) - // Convert to Base58 - this.litecoinLegacyAddress = Base58.encode(_litecoinLegacyAddress) + // Convert to Base58 + this.litecoinLegacyAddress = Base58.encode(_litecoinLegacyAddress) - /** - * Derive TESTNET Litecoin Legacy Address - */ + /** + * Derive TESTNET Litecoin Legacy Address + */ - // Append Version Byte - const tK = [this.versionBytes.testnet.prefix].concat(...this.grandChildPublicKeyHash) + // Append Version Byte + const tK = [this.versionBytes.testnet.prefix].concat(...this.grandChildPublicKeyHash) - // Derive Checksum - const _tAddressCheckSum = new Sha256().process(new Sha256().process(new Uint8Array(tK)).finish().result).finish().result - const tAddressCheckSum = _tAddressCheckSum.slice(0, 4) + // Derive Checksum + const _tAddressCheckSum = new Sha256().process(new Sha256().process(new Uint8Array(tK)).finish().result).finish().result + const tAddressCheckSum = _tAddressCheckSum.slice(0, 4) - // Append CheckSum - const _tlitecoinLegacyAddress = tK.concat(...tAddressCheckSum) + // Append CheckSum + const _tlitecoinLegacyAddress = tK.concat(...tAddressCheckSum) - // Convert to Base58 - this._tlitecoinLegacyAddress = Base58.encode(_tlitecoinLegacyAddress) - } + // Convert to Base58 + this._tlitecoinLegacyAddress = Base58.encode(_tlitecoinLegacyAddress) + } - const derivePrivateGrandChildKey = (cI, i) => { + const derivePrivateGrandChildKey = (cI, i) => { - let ib = [] - ib.push((cI >> 24) & 0xff) - ib.push((cI >> 16) & 0xff) - ib.push((cI >> 8) & 0xff) - ib.push(cI & 0xff) + let ib = [] + ib.push((cI >> 24) & 0xff) + ib.push((cI >> 16) & 0xff) + ib.push((cI >> 8) & 0xff) + ib.push(cI & 0xff) - const s = [...this.childPublicKey].concat(ib) + const s = [...this.childPublicKey].concat(ib) - const _hmacSha512 = new jsSHA("SHA-512", "UINT8ARRAY", { numRounds: 1, hmacKey: { value: this.childChainCode, format: "UINT8ARRAY" } }) - _hmacSha512.update(new Uint8Array(s)) + const _hmacSha512 = new jsSHA("SHA-512", "UINT8ARRAY", { numRounds: 1, hmacKey: { value: this.childChainCode, format: "UINT8ARRAY" } }) + _hmacSha512.update(new Uint8Array(s)) - const IL = BigInteger.fromByteArrayUnsigned([..._hmacSha512.getHMAC('UINT8ARRAY').slice(0, 32)]) - this.grandChildChainCode = _hmacSha512.getHMAC('UINT8ARRAY').slice(32, 64) // IR according to the SPEC + const IL = BigInteger.fromByteArrayUnsigned([..._hmacSha512.getHMAC('UINT8ARRAY').slice(0, 32)]) + this.grandChildChainCode = _hmacSha512.getHMAC('UINT8ARRAY').slice(32, 64) // IR according to the SPEC - // SECP256k1 init - const epCurve = EllipticCurve.getSECCurveByName("secp256k1") + // SECP256k1 init + const epCurve = EllipticCurve.getSECCurveByName("secp256k1") - const ki = IL.add(BigInteger.fromByteArrayUnsigned(this.childPrivateKey)).mod(epCurve.getN()) // parse256(IL) + kpar (mod n) ==> ki - this.grandChildPrivateKey = ki.toByteArrayUnsigned() + const ki = IL.add(BigInteger.fromByteArrayUnsigned(this.childPrivateKey)).mod(epCurve.getN()) // parse256(IL) + kpar (mod n) ==> ki + this.grandChildPrivateKey = ki.toByteArrayUnsigned() - // Call deriveExtendedPrivateChildKey - deriveExtendedPrivateGrandChildKey(2, 0) - } + // Call deriveExtendedPrivateChildKey + deriveExtendedPrivateGrandChildKey(2, 0) + } + + const deriveExtendedPrivateGrandChildKey = (i, childIndex) => { + + // Serialization Variable + const s = [] + + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.private))) + + // Append Depth (using the index as depth) + i = parseInt(i) + s.push(i) + + // Append Parent Fingerprint + s.push(...(this.childPublicKeyHash.slice(0, 4))) + + // Append Child Index + s.push(childIndex >>> 24) + s.push((childIndex >>> 16) & 0xff) + s.push((childIndex >>> 8) & 0xff) + s.push(childIndex & 0xff) + + // Append Chain Code + s.push(...this.grandChildChainCode) + + // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) + s.push(0) + + // Append Private Key + s.push(...this.grandChildPrivateKey) + + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) + + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... + + // Save to Private Key as Base58 encoded + this.xPrivateGrandChildKey = Base58.encode(s) + } + + const deriveExtendedPublicGrandChildKey = (i, childIndex) => { + + // Serialization Variable + const s = [] + + // Append Version Byte + s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.public))) + + // Append Depth + i = parseInt(i) + s.push(i) + + // Append Parent Fingerprint + s.push(...(this.childPublicKeyHash.slice(0, 4))) + + // Append Child Index + s.push(childIndex >>> 24) + s.push((childIndex >>> 16) & 0xff) + s.push((childIndex >>> 8) & 0xff) + s.push(childIndex & 0xff) + + // Append Chain Code + s.push(...this.grandChildChainCode) + + // Append Public Key + s.push(...this.grandChildPublicKey) + + // Generate CheckSum + const _s = new Uint8Array(s) + const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result + const checkSum = _checkSum.slice(0, 4) + + // Append CheckSum + s.push(...checkSum) // And this brings us to the end of the serialization... + + // Save to Public Key as Base58 encoded + this.xPublicGrandChildKey = Base58.encode(s) + } + + // Hard Code value.. + let childIndex = 0 + + // Call derivePrivateChildKey //Hard code value + derivePrivateChildKey(childIndex) + + // Call derivePublicChildKey + derivePublicChildKey() - const deriveExtendedPrivateGrandChildKey = (i, childIndex) => { + // Call derivePrivateGrandChildKey // Hard Code value... + derivePrivateGrandChildKey(0, 2) - // Serialization Variable - const s = [] + // Call derivePublicGrandChildKey + derivePublicGrandChildKey() + } - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.private))) + returnWallet() { - // Append Depth (using the index as depth) - i = parseInt(i) - s.push(i) + // Will be limiting the exported Wallet Object to just the Master keys and Legacy Addresses - // Append Parent Fingerprint - s.push(...(this.childPublicKeyHash.slice(0, 4))) + const wallet = { + derivedMasterPrivateKey: this.masterPrivateKey, + derivedMasterPublicKey: this.masterPublicKey, + _tDerivedMasterPrivateKey: this._tMasterPrivateKey, + _tDerivedmasterPublicKey: this._tmasterPublicKey, + seed58: this.seed58, + address: this.litecoinLegacyAddress, + _taddress: this._tlitecoinLegacyAddress + } - // Append Child Index - s.push(childIndex >>> 24) - s.push((childIndex >>> 16) & 0xff) - s.push((childIndex >>> 8) & 0xff) - s.push(childIndex & 0xff) - - // Append Chain Code - s.push(...this.grandChildChainCode) - - // Append 1 byte '0x00' (to make the key data 33 bytes, DO THIS ONLY FOR PRIVATE KEYS ) - s.push(0) - - // Append Private Key - s.push(...this.grandChildPrivateKey) - - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) - - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... - - // Save to Private Key as Base58 encoded - this.xPrivateGrandChildKey = Base58.encode(s) - } - - const deriveExtendedPublicGrandChildKey = (i, childIndex) => { - - // Serialization Variable - const s = [] - - // Append Version Byte - s.push(...(utils.int32ToBytes(this.versionBytes.mainnet.public))) - - // Append Depth - i = parseInt(i) - s.push(i) - - // Append Parent Fingerprint - s.push(...(this.childPublicKeyHash.slice(0, 4))) - - // Append Child Index - s.push(childIndex >>> 24) - s.push((childIndex >>> 16) & 0xff) - s.push((childIndex >>> 8) & 0xff) - s.push(childIndex & 0xff) - - // Append Chain Code - s.push(...this.grandChildChainCode) - - // Append Public Key - s.push(...this.grandChildPublicKey) - - // Generate CheckSum - const _s = new Uint8Array(s) - const _checkSum = new Sha256().process(new Sha256().process(_s).finish().result).finish().result - const checkSum = _checkSum.slice(0, 4) - - // Append CheckSum - s.push(...checkSum) // And this brings us to the end of the serialization... - - // Save to Public Key as Base58 encoded - this.xPublicGrandChildKey = Base58.encode(s) - } - - - - // Hard Code value.. - let childIndex = 0 - - // Call derivePrivateChildKey //Hard code value - derivePrivateChildKey(childIndex) - - // Call derivePublicChildKey - derivePublicChildKey() - - - // Call derivePrivateGrandChildKey // Hard Code value... - derivePrivateGrandChildKey(0, 2) - - // Call derivePublicGrandChildKey - derivePublicGrandChildKey() - } - - returnWallet() { - - // Will be limiting the exported Wallet Object to just the Master keys and Legacy Addresses - - const wallet = { - derivedMasterPrivateKey: this.masterPrivateKey, - derivedMasterPublicKey: this.masterPublicKey, - _tDerivedMasterPrivateKey: this._tMasterPrivateKey, - _tDerivedmasterPublicKey: this._tmasterPublicKey, - seed58: this.seed58, - // derivedPrivateChildKey: this.xPrivateChildKey, - // derivedPublicChildKey: this.xPublicChildKey, - // derivedPrivateGrandChildKey: this.xPrivateGrandChildKey, - // derivedPublicGrandChildKey: this.xPublicGrandChildKey, - address: this.litecoinLegacyAddress, - _taddress: this._tlitecoinLegacyAddress - } - - this.wallet = wallet - return wallet - } + this.wallet = wallet + return wallet + } } diff --git a/crypto/api/bitcoin/ecbn.js b/crypto/api/bitcoin/ecbn.js index 5c08091a..311cc2ef 100644 --- a/crypto/api/bitcoin/ecbn.js +++ b/crypto/api/bitcoin/ecbn.js @@ -6,1998 +6,1988 @@ */ (function () { - - - // Copyright (c) 2005 Tom Wu - // All Rights Reserved. - // See "LICENSE" for details. - - // Basic JavaScript BN library - subset useful for RSA encryption. - - // Bits per digit - var dbits; - - // JavaScript engine analysis - var canary = 0xdeadbeefcafe; - var j_lm = (canary & 0xffffff) == 0xefcafe; - - // (public) Constructor - function BigInteger(a, b, c) { - if (a != null) - if ('number' == typeof a) this.fromNumber(a, b, c); - else if (b == null && 'string' != typeof a) this.fromString(a, 256); - else this.fromString(a, b); - } - - // return new, unset BigInteger - function nbi() { - return new BigInteger(null); - } - - // am: Compute w_j += (x*this_i), propagate carries, - // c is initial carry, returns final carry. - // c < 3*dvalue, x < 2*dvalue, this_i < dvalue - // We need to select the fastest one that works in this environment. - - // am1: use a single mult and divide to get the high bits, - // max digit bits should be 26 because - // max internal value = 2*dvalue^2-2*dvalue (< 2^53) - function am1(i, x, w, j, c, n) { - while (--n >= 0) { - var v = x * this[i++] + w[j] + c; - c = Math.floor(v / 0x4000000); - w[j++] = v & 0x3ffffff; - } - return c; - } - // am2 avoids a big mult-and-extract completely. - // Max digit bits should be <= 30 because we do bitwise ops - // on values up to 2*hdvalue^2-hdvalue-1 (< 2^31) - function am2(i, x, w, j, c, n) { - var xl = x & 0x7fff, - xh = x >> 15; - while (--n >= 0) { - var l = this[i] & 0x7fff; - var h = this[i++] >> 15; - var m = xh * l + h * xl; - l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff); - c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30); - w[j++] = l & 0x3fffffff; - } - return c; - } - // Alternately, set max digit bits to 28 since some - // browsers slow down when dealing with 32-bit numbers. - function am3(i, x, w, j, c, n) { - var xl = x & 0x3fff, - xh = x >> 14; - while (--n >= 0) { - var l = this[i] & 0x3fff; - var h = this[i++] >> 14; - var m = xh * l + h * xl; - l = xl * l + ((m & 0x3fff) << 14) + w[j] + c; - c = (l >> 28) + (m >> 14) + xh * h; - w[j++] = l & 0xfffffff; - } - return c; - } - var inBrowser = typeof navigator !== 'undefined'; - if (inBrowser && j_lm && navigator.appName == 'Microsoft Internet Explorer') { - BigInteger.prototype.am = am2; - dbits = 30; - } else if (inBrowser && j_lm && navigator.appName != 'Netscape') { - BigInteger.prototype.am = am1; - dbits = 26; - } else { - // Mozilla/Netscape seems to prefer am3 - BigInteger.prototype.am = am3; - dbits = 28; - } - - BigInteger.prototype.DB = dbits; - BigInteger.prototype.DM = (1 << dbits) - 1; - BigInteger.prototype.DV = 1 << dbits; - - var BI_FP = 52; - BigInteger.prototype.FV = Math.pow(2, BI_FP); - BigInteger.prototype.F1 = BI_FP - dbits; - BigInteger.prototype.F2 = 2 * dbits - BI_FP; - - // Digit conversions - var BI_RM = '0123456789abcdefghijklmnopqrstuvwxyz'; - var BI_RC = new Array(); - var rr, vv; - rr = '0'.charCodeAt(0); - for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv; - rr = 'a'.charCodeAt(0); - for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; - rr = 'A'.charCodeAt(0); - for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; - - function int2char(n) { - return BI_RM.charAt(n); - } - function intAt(s, i) { - var c = BI_RC[s.charCodeAt(i)]; - return c == null ? -1 : c; - } - - // (protected) copy this to r - function bnpCopyTo(r) { - for (var i = this.t - 1; i >= 0; --i) r[i] = this[i]; - r.t = this.t; - r.s = this.s; - } - - // (protected) set from integer value x, -DV <= x < DV - function bnpFromInt(x) { - this.t = 1; - this.s = x < 0 ? -1 : 0; - if (x > 0) this[0] = x; - else if (x < -1) this[0] = x + this.DV; - else this.t = 0; - } - - // return bigint initialized to value - function nbv(i) { - var r = nbi(); - r.fromInt(i); - return r; - } - - // (protected) set from string and radix - function bnpFromString(s, b) { - // Auto-detect string notations - if (!b && s.length >= 2 && s[0] === '0') { - var isDetected = true; - switch (s[1]) { - case 'x': // Hexadecimal notation - b = 16; - break; - case 'b': // Binary notation - b = 2; - break; - case 'o': // Octal notation - b = 8; - break; - default: - isDetected = false; - } - - // Remove the notation string if any has been detected - if (isDetected) { - s = s.substr(2); - } - } - - var k; - if (b == 16) k = 4; - else if (b == 8) k = 3; - else if (b == 256) k = 8; - // byte array - else if (b == 2) k = 1; - else if (b == 32) k = 5; - else if (b == 4) k = 2; - else { - this.fromRadix(s, b); - return; - } - this.t = 0; - this.s = 0; - var i = s.length, - mi = false, - sh = 0; - while (--i >= 0) { - var x = k == 8 ? s[i] & 0xff : intAt(s, i); - if (x < 0) { - if (s.charAt(i) == '-') mi = true; - continue; - } - mi = false; - if (sh == 0) this[this.t++] = x; - else if (sh + k > this.DB) { - this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh; - this[this.t++] = x >> (this.DB - sh); - } else this[this.t - 1] |= x << sh; - sh += k; - if (sh >= this.DB) sh -= this.DB; - } - if (k == 8 && (s[0] & 0x80) != 0) { - this.s = -1; - if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh; - } - this.clamp(); - if (mi) BigInteger.ZERO.subTo(this, this); - } - - // (protected) clamp off excess high words - function bnpClamp() { - var c = this.s & this.DM; - while (this.t > 0 && this[this.t - 1] == c) --this.t; - } - - // (public) return string representation in given radix - function bnToString(b) { - if (this.s < 0) return '-' + this.negate().toString(b); - var k; - if (b == 16) k = 4; - else if (b == 8) k = 3; - else if (b == 2) k = 1; - else if (b == 32) k = 5; - else if (b == 4) k = 2; - else return this.toRadix(b); - var km = (1 << k) - 1, - d, - m = false, - r = '', - i = this.t; - var p = this.DB - ((i * this.DB) % k); - if (i-- > 0) { - if (p < this.DB && (d = this[i] >> p) > 0) { - m = true; - r = int2char(d); - } - while (i >= 0) { - if (p < k) { - d = (this[i] & ((1 << p) - 1)) << (k - p); - d |= this[--i] >> (p += this.DB - k); - } else { - d = (this[i] >> (p -= k)) & km; - if (p <= 0) { - p += this.DB; - --i; - } - } - if (d > 0) m = true; - if (m) r += int2char(d); - } - } - return m ? r : '0'; - } - - // (public) -this - function bnNegate() { - var r = nbi(); - BigInteger.ZERO.subTo(this, r); - return r; - } - - // (public) |this| - function bnAbs() { - return this.s < 0 ? this.negate() : this; - } - - // (public) return + if this > a, - if this < a, 0 if equal - function bnCompareTo(a) { - var r = this.s - a.s; - if (r != 0) return r; - var i = this.t; - r = i - a.t; - if (r != 0) return this.s < 0 ? -r : r; - while (--i >= 0) if ((r = this[i] - a[i]) != 0) return r; - return 0; - } - - // returns bit length of the integer x - function nbits(x) { - var r = 1, - t; - if ((t = x >>> 16) != 0) { - x = t; - r += 16; - } - if ((t = x >> 8) != 0) { - x = t; - r += 8; - } - if ((t = x >> 4) != 0) { - x = t; - r += 4; - } - if ((t = x >> 2) != 0) { - x = t; - r += 2; - } - if ((t = x >> 1) != 0) { - x = t; - r += 1; - } - return r; - } - - // (public) return the number of bits in "this" - function bnBitLength() { - if (this.t <= 0) return 0; - return ( - this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM)) - ); - } - - // (protected) r = this << n*DB - function bnpDLShiftTo(n, r) { - var i; - for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i]; - for (i = n - 1; i >= 0; --i) r[i] = 0; - r.t = this.t + n; - r.s = this.s; - } - - // (protected) r = this >> n*DB - function bnpDRShiftTo(n, r) { - for (var i = n; i < this.t; ++i) r[i - n] = this[i]; - r.t = Math.max(this.t - n, 0); - r.s = this.s; - } - - // (protected) r = this << n - function bnpLShiftTo(n, r) { - var bs = n % this.DB; - var cbs = this.DB - bs; - var bm = (1 << cbs) - 1; - var ds = Math.floor(n / this.DB), - c = (this.s << bs) & this.DM, - i; - for (i = this.t - 1; i >= 0; --i) { - r[i + ds + 1] = (this[i] >> cbs) | c; - c = (this[i] & bm) << bs; - } - for (i = ds - 1; i >= 0; --i) r[i] = 0; - r[ds] = c; - r.t = this.t + ds + 1; - r.s = this.s; - r.clamp(); - } - - // (protected) r = this >> n - function bnpRShiftTo(n, r) { - r.s = this.s; - var ds = Math.floor(n / this.DB); - if (ds >= this.t) { - r.t = 0; - return; - } - var bs = n % this.DB; - var cbs = this.DB - bs; - var bm = (1 << bs) - 1; - r[0] = this[ds] >> bs; - for (var i = ds + 1; i < this.t; ++i) { - r[i - ds - 1] |= (this[i] & bm) << cbs; - r[i - ds] = this[i] >> bs; - } - if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs; - r.t = this.t - ds; - r.clamp(); - } - - // (protected) r = this - a - function bnpSubTo(a, r) { - var i = 0, - c = 0, - m = Math.min(a.t, this.t); - while (i < m) { - c += this[i] - a[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - if (a.t < this.t) { - c -= a.s; - while (i < this.t) { - c += this[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c += this.s; - } else { - c += this.s; - while (i < a.t) { - c -= a[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c -= a.s; - } - r.s = c < 0 ? -1 : 0; - if (c < -1) r[i++] = this.DV + c; - else if (c > 0) r[i++] = c; - r.t = i; - r.clamp(); - } - - // (protected) r = this * a, r != this,a (HAC 14.12) - // "this" should be the larger one if appropriate. - function bnpMultiplyTo(a, r) { - var x = this.abs(), - y = a.abs(); - var i = x.t; - r.t = i + y.t; - while (--i >= 0) r[i] = 0; - for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t); - r.s = 0; - r.clamp(); - if (this.s != a.s) BigInteger.ZERO.subTo(r, r); - } - - // (protected) r = this^2, r != this (HAC 14.16) - function bnpSquareTo(r) { - var x = this.abs(); - var i = (r.t = 2 * x.t); - while (--i >= 0) r[i] = 0; - for (i = 0; i < x.t - 1; ++i) { - var c = x.am(i, x[i], r, 2 * i, 0, 1); - if ( - (r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= - x.DV - ) { - r[i + x.t] -= x.DV; - r[i + x.t + 1] = 1; - } - } - if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1); - r.s = 0; - r.clamp(); - } - - // (protected) divide this by m, quotient and remainder to q, r (HAC 14.20) - // r != q, this != m. q or r may be null. - function bnpDivRemTo(m, q, r) { - var pm = m.abs(); - if (pm.t <= 0) return; - var pt = this.abs(); - if (pt.t < pm.t) { - if (q != null) q.fromInt(0); - if (r != null) this.copyTo(r); - return; - } - if (r == null) r = nbi(); - var y = nbi(), - ts = this.s, - ms = m.s; - var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus - if (nsh > 0) { - pm.lShiftTo(nsh, y); - pt.lShiftTo(nsh, r); - } else { - pm.copyTo(y); - pt.copyTo(r); - } - var ys = y.t; - var y0 = y[ys - 1]; - if (y0 == 0) return; - var yt = y0 * (1 << this.F1) + (ys > 1 ? y[ys - 2] >> this.F2 : 0); - var d1 = this.FV / yt, - d2 = (1 << this.F1) / yt, - e = 1 << this.F2; - var i = r.t, - j = i - ys, - t = q == null ? nbi() : q; - y.dlShiftTo(j, t); - if (r.compareTo(t) >= 0) { - r[r.t++] = 1; - r.subTo(t, r); - } - BigInteger.ONE.dlShiftTo(ys, t); - t.subTo(y, y); // "negative" y so we can replace sub with am later - while (y.t < ys) y[y.t++] = 0; - while (--j >= 0) { - // Estimate quotient digit - var qd = - r[--i] == y0 ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2); - if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { - // Try it out - y.dlShiftTo(j, t); - r.subTo(t, r); - while (r[i] < --qd) r.subTo(t, r); - } - } - if (q != null) { - r.drShiftTo(ys, q); - if (ts != ms) BigInteger.ZERO.subTo(q, q); - } - r.t = ys; - r.clamp(); - if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder - if (ts < 0) BigInteger.ZERO.subTo(r, r); - } - - // (public) this mod a - function bnMod(a) { - var r = nbi(); - this.abs().divRemTo(a, null, r); - if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r); - return r; - } - - // Modular reduction using "classic" algorithm - function Classic(m) { - this.m = m; - } - function cConvert(x) { - if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m); - else return x; - } - function cRevert(x) { - return x; - } - function cReduce(x) { - x.divRemTo(this.m, null, x); - } - function cMulTo(x, y, r) { - x.multiplyTo(y, r); - this.reduce(r); - } - function cSqrTo(x, r) { - x.squareTo(r); - this.reduce(r); - } - - Classic.prototype.convert = cConvert; - Classic.prototype.revert = cRevert; - Classic.prototype.reduce = cReduce; - Classic.prototype.mulTo = cMulTo; - Classic.prototype.sqrTo = cSqrTo; - - // (protected) return "-1/this % 2^DB"; useful for Mont. reduction - // justification: - // xy == 1 (mod m) - // xy = 1+km - // xy(2-xy) = (1+km)(1-km) - // x[y(2-xy)] = 1-k^2m^2 - // x[y(2-xy)] == 1 (mod m^2) - // if y is 1/x mod m, then y(2-xy) is 1/x mod m^2 - // should reduce x and y(2-xy) by m^2 at each step to keep size bounded. - // JS multiply "overflows" differently from C/C++, so care is needed here. - function bnpInvDigit() { - if (this.t < 1) return 0; - var x = this[0]; - if ((x & 1) == 0) return 0; - var y = x & 3; // y == 1/x mod 2^2 - y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4 - y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8 - y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16 - // last step - calculate inverse mod DV directly; - // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints - y = (y * (2 - ((x * y) % this.DV))) % this.DV; // y == 1/x mod 2^dbits - // we really want the negative inverse, and -DV < y < DV - return y > 0 ? this.DV - y : -y; - } - - // Montgomery reduction - function Montgomery(m) { - this.m = m; - this.mp = m.invDigit(); - this.mpl = this.mp & 0x7fff; - this.mph = this.mp >> 15; - this.um = (1 << (m.DB - 15)) - 1; - this.mt2 = 2 * m.t; - } - - // xR mod m - function montConvert(x) { - var r = nbi(); - x.abs().dlShiftTo(this.m.t, r); - r.divRemTo(this.m, null, r); - if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r); - return r; - } - - // x/R mod m - function montRevert(x) { - var r = nbi(); - x.copyTo(r); - this.reduce(r); - return r; - } - - // x = x/R mod m (HAC 14.32) - function montReduce(x) { - while ( - x.t <= this.mt2 // pad x so am has enough room later - ) - x[x.t++] = 0; - for (var i = 0; i < this.m.t; ++i) { - // faster way of calculating u0 = x[i]*mp mod DV - var j = x[i] & 0x7fff; - var u0 = - (j * this.mpl + - (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & - x.DM; - // use am to combine the multiply-shift-add into one call - j = i + this.m.t; - x[j] += this.m.am(0, u0, x, i, 0, this.m.t); - // propagate carry - while (x[j] >= x.DV) { - x[j] -= x.DV; - x[++j]++; - } - } - x.clamp(); - x.drShiftTo(this.m.t, x); - if (x.compareTo(this.m) >= 0) x.subTo(this.m, x); - } - - // r = "x^2/R mod m"; x != r - function montSqrTo(x, r) { - x.squareTo(r); - this.reduce(r); - } - - // r = "xy/R mod m"; x,y != r - function montMulTo(x, y, r) { - x.multiplyTo(y, r); - this.reduce(r); - } - - Montgomery.prototype.convert = montConvert; - Montgomery.prototype.revert = montRevert; - Montgomery.prototype.reduce = montReduce; - Montgomery.prototype.mulTo = montMulTo; - Montgomery.prototype.sqrTo = montSqrTo; - - // (protected) true iff this is even - function bnpIsEven() { - return (this.t > 0 ? this[0] & 1 : this.s) == 0; - } - - // (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79) - function bnpExp(e, z) { - if (e > 0xffffffff || e < 1) return BigInteger.ONE; - var r = nbi(), - r2 = nbi(), - g = z.convert(this), - i = nbits(e) - 1; - g.copyTo(r); - while (--i >= 0) { - z.sqrTo(r, r2); - if ((e & (1 << i)) > 0) z.mulTo(r2, g, r); - else { - var t = r; - r = r2; - r2 = t; - } - } - return z.revert(r); - } - - // (public) this^e % m, 0 <= e < 2^32 - function bnModPowInt(e, m) { - var z; - if (e < 256 || m.isEven()) z = new Classic(m); - else z = new Montgomery(m); - return this.exp(e, z); - } - - // protected - BigInteger.prototype.copyTo = bnpCopyTo; - BigInteger.prototype.fromInt = bnpFromInt; - BigInteger.prototype.fromString = bnpFromString; - BigInteger.prototype.clamp = bnpClamp; - BigInteger.prototype.dlShiftTo = bnpDLShiftTo; - BigInteger.prototype.drShiftTo = bnpDRShiftTo; - BigInteger.prototype.lShiftTo = bnpLShiftTo; - BigInteger.prototype.rShiftTo = bnpRShiftTo; - BigInteger.prototype.subTo = bnpSubTo; - BigInteger.prototype.multiplyTo = bnpMultiplyTo; - BigInteger.prototype.squareTo = bnpSquareTo; - BigInteger.prototype.divRemTo = bnpDivRemTo; - BigInteger.prototype.invDigit = bnpInvDigit; - BigInteger.prototype.isEven = bnpIsEven; - BigInteger.prototype.exp = bnpExp; - - // public - BigInteger.prototype.toString = bnToString; - BigInteger.prototype.negate = bnNegate; - BigInteger.prototype.abs = bnAbs; - BigInteger.prototype.compareTo = bnCompareTo; - BigInteger.prototype.bitLength = bnBitLength; - BigInteger.prototype.mod = bnMod; - BigInteger.prototype.modPowInt = bnModPowInt; - - // "constants" - BigInteger.ZERO = nbv(0); - BigInteger.ONE = nbv(1); - BigInteger.valueOf = nbv; - - // Copyright (c) 2005-2009 Tom Wu - // All Rights Reserved. - // See "LICENSE" for details. - - // Extended JavaScript BN functions, required for RSA private ops. - - // Version 1.1: new BigInteger("0", 10) returns "proper" zero - // Version 1.2: square() API, isProbablePrime fix - - // (public) - function bnClone() { - var r = nbi(); - this.copyTo(r); - return r; - } - - // (public) return value as integer - function bnIntValue() { - if (this.s < 0) { - if (this.t == 1) return this[0] - this.DV; - else if (this.t == 0) return -1; - } else if (this.t == 1) return this[0]; - else if (this.t == 0) return 0; - // assumes 16 < DB < 32 - return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0]; - } - - // (public) return value as byte - function bnByteValue() { - return this.t == 0 ? this.s : (this[0] << 24) >> 24; - } - - // (public) return value as short (assumes DB>=16) - function bnShortValue() { - return this.t == 0 ? this.s : (this[0] << 16) >> 16; - } - - // (protected) return x s.t. r^x < DV - function bnpChunkSize(r) { - return Math.floor((Math.LN2 * this.DB) / Math.log(r)); - } - - // (public) 0 if this == 0, 1 if this > 0 - function bnSigNum() { - if (this.s < 0) return -1; - else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0; - else return 1; - } - - // (protected) convert to radix string - function bnpToRadix(b) { - if (b == null) b = 10; - if (this.signum() == 0 || b < 2 || b > 36) return '0'; - var cs = this.chunkSize(b); - var a = Math.pow(b, cs); - var d = nbv(a), - y = nbi(), - z = nbi(), - r = ''; - this.divRemTo(d, y, z); - while (y.signum() > 0) { - r = (a + z.intValue()).toString(b).substr(1) + r; - y.divRemTo(d, y, z); - } - return z.intValue().toString(b) + r; - } - - // (protected) convert from radix string - function bnpFromRadix(s, b) { - this.fromInt(0); - if (b == null) b = 10; - var cs = this.chunkSize(b); - var d = Math.pow(b, cs), - mi = false, - j = 0, - w = 0; - for (var i = 0; i < s.length; ++i) { - var x = intAt(s, i); - if (x < 0) { - if (s.charAt(i) == '-' && this.signum() == 0) mi = true; - continue; - } - w = b * w + x; - if (++j >= cs) { - this.dMultiply(d); - this.dAddOffset(w, 0); - j = 0; - w = 0; - } - } - if (j > 0) { - this.dMultiply(Math.pow(b, j)); - this.dAddOffset(w, 0); - } - if (mi) BigInteger.ZERO.subTo(this, this); - } - - // (protected) alternate constructor - function bnpFromNumber(a, b, c) { - if ('number' == typeof b) { - // new BigInteger(int,int,RNG) - if (a < 2) this.fromInt(1); - else { - this.fromNumber(a, c); - if (!this.testBit(a - 1)) - // force MSB set - this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this); - if (this.isEven()) this.dAddOffset(1, 0); // force odd - while (!this.isProbablePrime(b)) { - this.dAddOffset(2, 0); - if (this.bitLength() > a) - this.subTo(BigInteger.ONE.shiftLeft(a - 1), this); - } - } - } else { - // new BigInteger(int,RNG) - var x = new Array(), - t = a & 7; - x.length = (a >> 3) + 1; - b.nextBytes(x); - if (t > 0) x[0] &= (1 << t) - 1; - else x[0] = 0; - this.fromString(x, 256); - } - } - - // (public) convert to bigendian byte array - function bnToByteArray() { - var i = this.t, - r = new Array(); - r[0] = this.s; - var p = this.DB - ((i * this.DB) % 8), - d, - k = 0; - if (i-- > 0) { - if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p) - r[k++] = d | (this.s << (this.DB - p)); - while (i >= 0) { - if (p < 8) { - d = (this[i] & ((1 << p) - 1)) << (8 - p); - d |= this[--i] >> (p += this.DB - 8); - } else { - d = (this[i] >> (p -= 8)) & 0xff; - if (p <= 0) { - p += this.DB; - --i; - } - } - if ((d & 0x80) != 0) d |= -256; - if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k; - if (k > 0 || d != this.s) r[k++] = d; - } - } - return r; - } - - function bnEquals(a) { - return this.compareTo(a) == 0; - } - function bnMin(a) { - return this.compareTo(a) < 0 ? this : a; - } - function bnMax(a) { - return this.compareTo(a) > 0 ? this : a; - } - - // (protected) r = this op a (bitwise) - function bnpBitwiseTo(a, op, r) { - var i, - f, - m = Math.min(a.t, this.t); - for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]); - if (a.t < this.t) { - f = a.s & this.DM; - for (i = m; i < this.t; ++i) r[i] = op(this[i], f); - r.t = this.t; - } else { - f = this.s & this.DM; - for (i = m; i < a.t; ++i) r[i] = op(f, a[i]); - r.t = a.t; - } - r.s = op(this.s, a.s); - r.clamp(); - } - - // (public) this & a - function op_and(x, y) { - return x & y; - } - function bnAnd(a) { - var r = nbi(); - this.bitwiseTo(a, op_and, r); - return r; - } - - // (public) this | a - function op_or(x, y) { - return x | y; - } - function bnOr(a) { - var r = nbi(); - this.bitwiseTo(a, op_or, r); - return r; - } - - // (public) this ^ a - function op_xor(x, y) { - return x ^ y; - } - function bnXor(a) { - var r = nbi(); - this.bitwiseTo(a, op_xor, r); - return r; - } - - // (public) this & ~a - function op_andnot(x, y) { - return x & ~y; - } - function bnAndNot(a) { - var r = nbi(); - this.bitwiseTo(a, op_andnot, r); - return r; - } - - // (public) ~this - function bnNot() { - var r = nbi(); - for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i]; - r.t = this.t; - r.s = ~this.s; - return r; - } - - // (public) this << n - function bnShiftLeft(n) { - var r = nbi(); - if (n < 0) this.rShiftTo(-n, r); - else this.lShiftTo(n, r); - return r; - } - - // (public) this >> n - function bnShiftRight(n) { - var r = nbi(); - if (n < 0) this.lShiftTo(-n, r); - else this.rShiftTo(n, r); - return r; - } - - // return index of lowest 1-bit in x, x < 2^31 - function lbit(x) { - if (x == 0) return -1; - var r = 0; - if ((x & 0xffff) == 0) { - x >>= 16; - r += 16; - } - if ((x & 0xff) == 0) { - x >>= 8; - r += 8; - } - if ((x & 0xf) == 0) { - x >>= 4; - r += 4; - } - if ((x & 3) == 0) { - x >>= 2; - r += 2; - } - if ((x & 1) == 0) ++r; - return r; - } - - // (public) returns index of lowest 1-bit (or -1 if none) - function bnGetLowestSetBit() { - for (var i = 0; i < this.t; ++i) - if (this[i] != 0) return i * this.DB + lbit(this[i]); - if (this.s < 0) return this.t * this.DB; - return -1; - } - - // return number of 1 bits in x - function cbit(x) { - var r = 0; - while (x != 0) { - x &= x - 1; - ++r; - } - return r; - } - - // (public) return number of set bits - function bnBitCount() { - var r = 0, - x = this.s & this.DM; - for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x); - return r; - } - - // (public) true iff nth bit is set - function bnTestBit(n) { - var j = Math.floor(n / this.DB); - if (j >= this.t) return this.s != 0; - return (this[j] & (1 << n % this.DB)) != 0; - } - - // (protected) this op (1<>= this.DB; - } - if (a.t < this.t) { - c += a.s; - while (i < this.t) { - c += this[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c += this.s; - } else { - c += this.s; - while (i < a.t) { - c += a[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c += a.s; - } - r.s = c < 0 ? -1 : 0; - if (c > 0) r[i++] = c; - else if (c < -1) r[i++] = this.DV + c; - r.t = i; - r.clamp(); - } - - // (public) this + a - function bnAdd(a) { - var r = nbi(); - this.addTo(a, r); - return r; - } - - // (public) this - a - function bnSubtract(a) { - var r = nbi(); - this.subTo(a, r); - return r; - } - - // (public) this * a - function bnMultiply(a) { - var r = nbi(); - this.multiplyTo(a, r); - return r; - } - - // (public) this^2 - function bnSquare() { - var r = nbi(); - this.squareTo(r); - return r; - } - - // (public) this / a - function bnDivide(a) { - var r = nbi(); - this.divRemTo(a, r, null); - return r; - } - - // (public) this % a - function bnRemainder(a) { - var r = nbi(); - this.divRemTo(a, null, r); - return r; - } - - // (public) [this/a,this%a] - function bnDivideAndRemainder(a) { - var q = nbi(), - r = nbi(); - this.divRemTo(a, q, r); - return new Array(q, r); - } - - // (protected) this *= n, this >= 0, 1 < n < DV - function bnpDMultiply(n) { - this[this.t] = this.am(0, n - 1, this, 0, 0, this.t); - ++this.t; - this.clamp(); - } - - // (protected) this += n << w words, this >= 0 - function bnpDAddOffset(n, w) { - if (n == 0) return; - while (this.t <= w) this[this.t++] = 0; - this[w] += n; - while (this[w] >= this.DV) { - this[w] -= this.DV; - if (++w >= this.t) this[this.t++] = 0; - ++this[w]; - } - } - - // A "null" reducer - function NullExp() { } - function nNop(x) { - return x; - } - function nMulTo(x, y, r) { - x.multiplyTo(y, r); - } - function nSqrTo(x, r) { - x.squareTo(r); - } - - NullExp.prototype.convert = nNop; - NullExp.prototype.revert = nNop; - NullExp.prototype.mulTo = nMulTo; - NullExp.prototype.sqrTo = nSqrTo; - - // (public) this^e - function bnPow(e) { - return this.exp(e, new NullExp()); - } - - // (protected) r = lower n words of "this * a", a.t <= n - // "this" should be the larger one if appropriate. - function bnpMultiplyLowerTo(a, n, r) { - var i = Math.min(this.t + a.t, n); - r.s = 0; // assumes a,this >= 0 - r.t = i; - while (i > 0) r[--i] = 0; - var j; - for (j = r.t - this.t; i < j; ++i) - r[i + this.t] = this.am(0, a[i], r, i, 0, this.t); - for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i); - r.clamp(); - } - - // (protected) r = "this * a" without lower n words, n > 0 - // "this" should be the larger one if appropriate. - function bnpMultiplyUpperTo(a, n, r) { - --n; - var i = (r.t = this.t + a.t - n); - r.s = 0; // assumes a,this >= 0 - while (--i >= 0) r[i] = 0; - for (i = Math.max(n - this.t, 0); i < a.t; ++i) - r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n); - r.clamp(); - r.drShiftTo(1, r); - } - - // Barrett modular reduction - function Barrett(m) { - // setup Barrett - this.r2 = nbi(); - this.q3 = nbi(); - BigInteger.ONE.dlShiftTo(2 * m.t, this.r2); - this.mu = this.r2.divide(m); - this.m = m; - } - - function barrettConvert(x) { - if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m); - else if (x.compareTo(this.m) < 0) return x; - else { - var r = nbi(); - x.copyTo(r); - this.reduce(r); - return r; - } - } - - function barrettRevert(x) { - return x; - } - - // x = x mod m (HAC 14.42) - function barrettReduce(x) { - x.drShiftTo(this.m.t - 1, this.r2); - if (x.t > this.m.t + 1) { - x.t = this.m.t + 1; - x.clamp(); - } - this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3); - this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2); - while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1); - x.subTo(this.r2, x); - while (x.compareTo(this.m) >= 0) x.subTo(this.m, x); - } - - // r = x^2 mod m; x != r - function barrettSqrTo(x, r) { - x.squareTo(r); - this.reduce(r); - } - - // r = x*y mod m; x,y != r - function barrettMulTo(x, y, r) { - x.multiplyTo(y, r); - this.reduce(r); - } - - Barrett.prototype.convert = barrettConvert; - Barrett.prototype.revert = barrettRevert; - Barrett.prototype.reduce = barrettReduce; - Barrett.prototype.mulTo = barrettMulTo; - Barrett.prototype.sqrTo = barrettSqrTo; - - // (public) this^e % m (HAC 14.85) - function bnModPow(e, m) { - var i = e.bitLength(), - k, - r = nbv(1), - z; - if (i <= 0) return r; - else if (i < 18) k = 1; - else if (i < 48) k = 3; - else if (i < 144) k = 4; - else if (i < 768) k = 5; - else k = 6; - if (i < 8) z = new Classic(m); - else if (m.isEven()) z = new Barrett(m); - else z = new Montgomery(m); - - // precomputation - var g = new Array(), - n = 3, - k1 = k - 1, - km = (1 << k) - 1; - g[1] = z.convert(this); - if (k > 1) { - var g2 = nbi(); - z.sqrTo(g[1], g2); - while (n <= km) { - g[n] = nbi(); - z.mulTo(g2, g[n - 2], g[n]); - n += 2; - } - } - - var j = e.t - 1, - w, - is1 = true, - r2 = nbi(), - t; - i = nbits(e[j]) - 1; - while (j >= 0) { - if (i >= k1) w = (e[j] >> (i - k1)) & km; - else { - w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i); - if (j > 0) w |= e[j - 1] >> (this.DB + i - k1); - } - - n = k; - while ((w & 1) == 0) { - w >>= 1; - --n; - } - if ((i -= n) < 0) { - i += this.DB; - --j; - } - if (is1) { - // ret == 1, don't bother squaring or multiplying it - g[w].copyTo(r); - is1 = false; - } else { - while (n > 1) { - z.sqrTo(r, r2); - z.sqrTo(r2, r); - n -= 2; - } - if (n > 0) z.sqrTo(r, r2); - else { - t = r; - r = r2; - r2 = t; - } - z.mulTo(r2, g[w], r); - } - - while (j >= 0 && (e[j] & (1 << i)) == 0) { - z.sqrTo(r, r2); - t = r; - r = r2; - r2 = t; - if (--i < 0) { - i = this.DB - 1; - --j; - } - } - } - return z.revert(r); - } - - // (public) gcd(this,a) (HAC 14.54) - function bnGCD(a) { - var x = this.s < 0 ? this.negate() : this.clone(); - var y = a.s < 0 ? a.negate() : a.clone(); - if (x.compareTo(y) < 0) { - var t = x; - x = y; - y = t; - } - var i = x.getLowestSetBit(), - g = y.getLowestSetBit(); - if (g < 0) return x; - if (i < g) g = i; - if (g > 0) { - x.rShiftTo(g, x); - y.rShiftTo(g, y); - } - while (x.signum() > 0) { - if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x); - if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y); - if (x.compareTo(y) >= 0) { - x.subTo(y, x); - x.rShiftTo(1, x); - } else { - y.subTo(x, y); - y.rShiftTo(1, y); - } - } - if (g > 0) y.lShiftTo(g, y); - return y; - } - - // (protected) this % n, n < 2^26 - function bnpModInt(n) { - if (n <= 0) return 0; - var d = this.DV % n, - r = this.s < 0 ? n - 1 : 0; - if (this.t > 0) - if (d == 0) r = this[0] % n; - else for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n; - return r; - } - - // (public) 1/this % m (HAC 14.61) - function bnModInverse(m) { - var ac = m.isEven(); - if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO; - var u = m.clone(), - v = this.clone(); - var a = nbv(1), - b = nbv(0), - c = nbv(0), - d = nbv(1); - while (u.signum() != 0) { - while (u.isEven()) { - u.rShiftTo(1, u); - if (ac) { - if (!a.isEven() || !b.isEven()) { - a.addTo(this, a); - b.subTo(m, b); - } - a.rShiftTo(1, a); - } else if (!b.isEven()) b.subTo(m, b); - b.rShiftTo(1, b); - } - while (v.isEven()) { - v.rShiftTo(1, v); - if (ac) { - if (!c.isEven() || !d.isEven()) { - c.addTo(this, c); - d.subTo(m, d); - } - c.rShiftTo(1, c); - } else if (!d.isEven()) d.subTo(m, d); - d.rShiftTo(1, d); - } - if (u.compareTo(v) >= 0) { - u.subTo(v, u); - if (ac) a.subTo(c, a); - b.subTo(d, b); - } else { - v.subTo(u, v); - if (ac) c.subTo(a, c); - d.subTo(b, d); - } - } - if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO; - if (d.compareTo(m) >= 0) return d.subtract(m); - if (d.signum() < 0) d.addTo(m, d); - else return d; - if (d.signum() < 0) return d.add(m); - else return d; - } - - var lowprimes = [ - 2, - 3, - 5, - 7, - 11, - 13, - 17, - 19, - 23, - 29, - 31, - 37, - 41, - 43, - 47, - 53, - 59, - 61, - 67, - 71, - 73, - 79, - 83, - 89, - 97, - 101, - 103, - 107, - 109, - 113, - 127, - 131, - 137, - 139, - 149, - 151, - 157, - 163, - 167, - 173, - 179, - 181, - 191, - 193, - 197, - 199, - 211, - 223, - 227, - 229, - 233, - 239, - 241, - 251, - 257, - 263, - 269, - 271, - 277, - 281, - 283, - 293, - 307, - 311, - 313, - 317, - 331, - 337, - 347, - 349, - 353, - 359, - 367, - 373, - 379, - 383, - 389, - 397, - 401, - 409, - 419, - 421, - 431, - 433, - 439, - 443, - 449, - 457, - 461, - 463, - 467, - 479, - 487, - 491, - 499, - 503, - 509, - 521, - 523, - 541, - 547, - 557, - 563, - 569, - 571, - 577, - 587, - 593, - 599, - 601, - 607, - 613, - 617, - 619, - 631, - 641, - 643, - 647, - 653, - 659, - 661, - 673, - 677, - 683, - 691, - 701, - 709, - 719, - 727, - 733, - 739, - 743, - 751, - 757, - 761, - 769, - 773, - 787, - 797, - 809, - 811, - 821, - 823, - 827, - 829, - 839, - 853, - 857, - 859, - 863, - 877, - 881, - 883, - 887, - 907, - 911, - 919, - 929, - 937, - 941, - 947, - 953, - 967, - 971, - 977, - 983, - 991, - 997, - ]; - var lplim = (1 << 26) / lowprimes[lowprimes.length - 1]; - - // (public) test primality with certainty >= 1-.5^t - function bnIsProbablePrime(t) { - var i, - x = this.abs(); - if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) { - for (i = 0; i < lowprimes.length; ++i) - if (x[0] == lowprimes[i]) return true; - return false; - } - if (x.isEven()) return false; - i = 1; - while (i < lowprimes.length) { - var m = lowprimes[i], - j = i + 1; - while (j < lowprimes.length && m < lplim) m *= lowprimes[j++]; - m = x.modInt(m); - while (i < j) if (m % lowprimes[i++] == 0) return false; - } - return x.millerRabin(t); - } - - // (protected) true if probably prime (HAC 4.24, Miller-Rabin) - function bnpMillerRabin(t) { - var n1 = this.subtract(BigInteger.ONE); - var k = n1.getLowestSetBit(); - if (k <= 0) return false; - var r = n1.shiftRight(k); - t = (t + 1) >> 1; - if (t > lowprimes.length) t = lowprimes.length; - var a = nbi(); - for (var i = 0; i < t; ++i) { - //Pick bases at random, instead of starting at 2 - a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]); - var y = a.modPow(r, this); - if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) { - var j = 1; - while (j++ < k && y.compareTo(n1) != 0) { - y = y.modPowInt(2, this); - if (y.compareTo(BigInteger.ONE) == 0) return false; - } - if (y.compareTo(n1) != 0) return false; - } - } - return true; - } - - // protected - BigInteger.prototype.chunkSize = bnpChunkSize; - BigInteger.prototype.toRadix = bnpToRadix; - BigInteger.prototype.fromRadix = bnpFromRadix; - BigInteger.prototype.fromNumber = bnpFromNumber; - BigInteger.prototype.bitwiseTo = bnpBitwiseTo; - BigInteger.prototype.changeBit = bnpChangeBit; - BigInteger.prototype.addTo = bnpAddTo; - BigInteger.prototype.dMultiply = bnpDMultiply; - BigInteger.prototype.dAddOffset = bnpDAddOffset; - BigInteger.prototype.multiplyLowerTo = bnpMultiplyLowerTo; - BigInteger.prototype.multiplyUpperTo = bnpMultiplyUpperTo; - BigInteger.prototype.modInt = bnpModInt; - BigInteger.prototype.millerRabin = bnpMillerRabin; - - // public - BigInteger.prototype.clone = bnClone; - BigInteger.prototype.intValue = bnIntValue; - BigInteger.prototype.byteValue = bnByteValue; - BigInteger.prototype.shortValue = bnShortValue; - BigInteger.prototype.signum = bnSigNum; - BigInteger.prototype.toByteArray = bnToByteArray; - BigInteger.prototype.equals = bnEquals; - BigInteger.prototype.min = bnMin; - BigInteger.prototype.max = bnMax; - BigInteger.prototype.and = bnAnd; - BigInteger.prototype.or = bnOr; - BigInteger.prototype.xor = bnXor; - BigInteger.prototype.andNot = bnAndNot; - BigInteger.prototype.not = bnNot; - BigInteger.prototype.shiftLeft = bnShiftLeft; - BigInteger.prototype.shiftRight = bnShiftRight; - BigInteger.prototype.getLowestSetBit = bnGetLowestSetBit; - BigInteger.prototype.bitCount = bnBitCount; - BigInteger.prototype.testBit = bnTestBit; - BigInteger.prototype.setBit = bnSetBit; - BigInteger.prototype.clearBit = bnClearBit; - BigInteger.prototype.flipBit = bnFlipBit; - BigInteger.prototype.add = bnAdd; - BigInteger.prototype.subtract = bnSubtract; - BigInteger.prototype.multiply = bnMultiply; - BigInteger.prototype.divide = bnDivide; - BigInteger.prototype.remainder = bnRemainder; - BigInteger.prototype.divideAndRemainder = bnDivideAndRemainder; - BigInteger.prototype.modPow = bnModPow; - BigInteger.prototype.modInverse = bnModInverse; - BigInteger.prototype.pow = bnPow; - BigInteger.prototype.gcd = bnGCD; - BigInteger.prototype.isProbablePrime = bnIsProbablePrime; - - // JSBN-specific extension - BigInteger.prototype.square = bnSquare; - - // Expose the Barrett function - BigInteger.prototype.Barrett = Barrett; - - // BigInteger interfaces not implemented in jsbn: - - // BigInteger(int signum, byte[] magnitude) - // double doubleValue() - // float floatValue() - // int hashCode() - // long longValue() - // static BigInteger valueOf(long val) - - // Imported from bitcoinjs-lib - - /** - * Turns a byte array into a big integer. - * - * This function will interpret a byte array as a big integer in big - * endian notation and ignore leading zeros. - */ - - BigInteger.fromByteArrayUnsigned = function (ba) { - - if (!ba.length) { - return new BigInteger.valueOf(0); - } else if (ba[0] & 0x80) { - // Prepend a zero so the BigInteger class doesn't mistake this - // for a negative integer. - return new BigInteger([0].concat(ba)); - } else { - return new BigInteger(ba); - } - }; - - /** - * Parse a signed big integer byte representation. - * - * For details on the format please see BigInteger.toByteArraySigned. - */ - - BigInteger.fromByteArraySigned = function (ba) { - // Check for negative value - if (ba[0] & 0x80) { - // Remove sign bit - ba[0] &= 0x7f; - - return BigInteger.fromByteArrayUnsigned(ba).negate(); - } else { - return BigInteger.fromByteArrayUnsigned(ba); - } - }; - - /** - * Returns a byte array representation of the big integer. - * - * This returns the absolute of the contained value in big endian - * form. A value of zero results in an empty array. - */ - - BigInteger.prototype.toByteArrayUnsigned = function () { - var ba = this.abs().toByteArray(); - - // Empty array, nothing to do - if (!ba.length) { - return ba; - } - - // remove leading 0 - if (ba[0] === 0) { - ba = ba.slice(1); - } - - // all values must be positive - for (var i = 0; i < ba.length; ++i) { - ba[i] = (ba[i] < 0) ? ba[i] + 256 : ba[i]; - } - - return ba; - }; - - /* - * Converts big integer to signed byte representation. - * - * The format for this value uses the most significant bit as a sign - * bit. If the most significant bit is already occupied by the - * absolute value, an extra byte is prepended and the sign bit is set - * there. - * - * Examples: - * - * 0 => 0x00 - * 1 => 0x01 - * -1 => 0x81 - * 127 => 0x7f - * -127 => 0xff - * 128 => 0x0080 - * -128 => 0x8080 - * 255 => 0x00ff - * -255 => 0x80ff - * 16300 => 0x3fac - * -16300 => 0xbfac - * 62300 => 0x00f35c - * -62300 => 0x80f35c - */ - - BigInteger.prototype.toByteArraySigned = function () { - var val = this.toByteArrayUnsigned(); - var neg = this.s < 0; - - // if the first bit is set, we always unshift - // either unshift 0x80 or 0x00 - if (val[0] & 0x80) { - val.unshift((neg) ? 0x80 : 0x00); - } - // if the first bit isn't set, set it if negative - else if (neg) { - val[0] |= 0x80; - } - - return val; - }; - - // Random number generator - requires a PRNG backend, e.g. prng4.js - - // For best results, put code like - // - // in your main HTML document. - - var rng_state; - var rng_pool; - var rng_pptr; - - // Mix in a 32-bit integer into the pool - function rng_seed_int(x) { - rng_pool[rng_pptr++] ^= x & 255; - rng_pool[rng_pptr++] ^= (x >> 8) & 255; - rng_pool[rng_pptr++] ^= (x >> 16) & 255; - rng_pool[rng_pptr++] ^= (x >> 24) & 255; - if (rng_pptr >= rng_psize) rng_pptr -= rng_psize; - } - - // Mix in the current time (w/milliseconds) into the pool - function rng_seed_time() { - rng_seed_int(new Date().getTime()); - } - - // Initialize the pool with junk if needed. - if (rng_pool == null) { - rng_pool = new Array(); - rng_pptr = 0; - var t; - if (typeof window !== 'undefined' && window.crypto) { - if (window.crypto.getRandomValues) { - // Use webcrypto if available - var ua = new Uint8Array(32); - window.crypto.getRandomValues(ua); - for (t = 0; t < 32; ++t) rng_pool[rng_pptr++] = ua[t]; - } else if ( - navigator.appName == 'Netscape' && - navigator.appVersion < '5' - ) { - // Extract entropy (256 bits) from NS4 RNG if available - var z = window.crypto.random(32); - for (t = 0; t < z.length; ++t) - rng_pool[rng_pptr++] = z.charCodeAt(t) & 255; - } - } - while (rng_pptr < rng_psize) { - // extract some randomness from Math.random() - t = Math.floor(65536 * Math.random()); - rng_pool[rng_pptr++] = t >>> 8; - rng_pool[rng_pptr++] = t & 255; - } - rng_pptr = 0; - rng_seed_time(); - //rng_seed_int(window.screenX); - //rng_seed_int(window.screenY); - } - - function rng_get_byte() { - if (rng_state == null) { - rng_seed_time(); - rng_state = prng_newstate(); - rng_state.init(rng_pool); - for (rng_pptr = 0; rng_pptr < rng_pool.length; ++rng_pptr) - rng_pool[rng_pptr] = 0; - rng_pptr = 0; - //rng_pool = null; - } - // TODO: allow reseeding after first request - return rng_state.next(); - } - - function rng_get_bytes(ba) { - var i; - for (i = 0; i < ba.length; ++i) ba[i] = rng_get_byte(); - } - - function SecureRandom() { } - - SecureRandom.prototype.nextBytes = rng_get_bytes; - - // prng4.js - uses Arcfour as a PRNG - - function Arcfour() { - this.i = 0; - this.j = 0; - this.S = new Array(); - } - - // Initialize arcfour context from key, an array of ints, each from [0..255] - function ARC4init(key) { - var i, j, t; - for (i = 0; i < 256; ++i) this.S[i] = i; - j = 0; - for (i = 0; i < 256; ++i) { - j = (j + this.S[i] + key[i % key.length]) & 255; - t = this.S[i]; - this.S[i] = this.S[j]; - this.S[j] = t; - } - this.i = 0; - this.j = 0; - } - - function ARC4next() { - var t; - this.i = (this.i + 1) & 255; - this.j = (this.j + this.S[this.i]) & 255; - t = this.S[this.i]; - this.S[this.i] = this.S[this.j]; - this.S[this.j] = t; - return this.S[(t + this.S[this.i]) & 255]; - } - - Arcfour.prototype.init = ARC4init; - Arcfour.prototype.next = ARC4next; - - // Plug in your RNG constructor here - function prng_newstate() { - return new Arcfour(); - } - - // Pool size must be a multiple of 4 and greater than 32. - // An array of bytes the size of the pool will be passed to init() - var rng_psize = 256; - - - - - /*! - * Basic Javascript Elliptic Curve implementation - * Ported loosely from BouncyCastle's Java EC code - * Only Fp curves implemented for now - * - * Copyright Tom Wu, bitaddress.org BSD License. - * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE - */ - - // Constructor function of Global EllipticCurve object - var ec = function () { }; - - - // ---------------- - // ECFieldElementFp constructor - // q instanceof BigInteger - // x instanceof BigInteger - ec.FieldElementFp = function (q, x) { - this.x = x; - // TODO if(x.compareTo(q) >= 0) error - this.q = q; - }; - - ec.FieldElementFp.prototype.equals = function (other) { - if (other == this) return true; - return (this.q.equals(other.q) && this.x.equals(other.x)); - }; - - ec.FieldElementFp.prototype.toBigInteger = function () { - return this.x; - }; - - ec.FieldElementFp.prototype.negate = function () { - return new ec.FieldElementFp(this.q, this.x.negate().mod(this.q)); - }; - - ec.FieldElementFp.prototype.add = function (b) { - return new ec.FieldElementFp(this.q, this.x.add(b.toBigInteger()).mod(this.q)); - }; - - ec.FieldElementFp.prototype.subtract = function (b) { - return new ec.FieldElementFp(this.q, this.x.subtract(b.toBigInteger()).mod(this.q)); - }; - - ec.FieldElementFp.prototype.multiply = function (b) { - return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger()).mod(this.q)); - }; - - ec.FieldElementFp.prototype.square = function () { - return new ec.FieldElementFp(this.q, this.x.square().mod(this.q)); - }; - - ec.FieldElementFp.prototype.divide = function (b) { - return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger().modInverse(this.q)).mod(this.q)); - }; - - ec.FieldElementFp.prototype.getByteLength = function () { - return Math.floor((this.toBigInteger().bitLength() + 7) / 8); - }; - - // D.1.4 91 + // Copyright (c) 2005 Tom Wu + // All Rights Reserved. + // See "LICENSE" for details. + + // Basic JavaScript BN library - subset useful for RSA encryption. + + // Bits per digit + var dbits; + + // JavaScript engine analysis + var canary = 0xdeadbeefcafe; + var j_lm = (canary & 0xffffff) == 0xefcafe; + + // (public) Constructor + function BigInteger(a, b, c) { + if (a != null) + if ('number' == typeof a) this.fromNumber(a, b, c); + else if (b == null && 'string' != typeof a) this.fromString(a, 256); + else this.fromString(a, b); + } + + // return new, unset BigInteger + function nbi() { + return new BigInteger(null); + } + + // am: Compute w_j += (x*this_i), propagate carries, + // c is initial carry, returns final carry. + // c < 3*dvalue, x < 2*dvalue, this_i < dvalue + // We need to select the fastest one that works in this environment. + + // am1: use a single mult and divide to get the high bits, + // max digit bits should be 26 because + // max internal value = 2*dvalue^2-2*dvalue (< 2^53) + function am1(i, x, w, j, c, n) { + while (--n >= 0) { + var v = x * this[i++] + w[j] + c; + c = Math.floor(v / 0x4000000); + w[j++] = v & 0x3ffffff; + } + return c; + } + // am2 avoids a big mult-and-extract completely. + // Max digit bits should be <= 30 because we do bitwise ops + // on values up to 2*hdvalue^2-hdvalue-1 (< 2^31) + function am2(i, x, w, j, c, n) { + var xl = x & 0x7fff, + xh = x >> 15; + while (--n >= 0) { + var l = this[i] & 0x7fff; + var h = this[i++] >> 15; + var m = xh * l + h * xl; + l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff); + c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30); + w[j++] = l & 0x3fffffff; + } + return c; + } + // Alternately, set max digit bits to 28 since some + // browsers slow down when dealing with 32-bit numbers. + function am3(i, x, w, j, c, n) { + var xl = x & 0x3fff, + xh = x >> 14; + while (--n >= 0) { + var l = this[i] & 0x3fff; + var h = this[i++] >> 14; + var m = xh * l + h * xl; + l = xl * l + ((m & 0x3fff) << 14) + w[j] + c; + c = (l >> 28) + (m >> 14) + xh * h; + w[j++] = l & 0xfffffff; + } + return c; + } + var inBrowser = typeof navigator !== 'undefined'; + if (inBrowser && j_lm && navigator.appName == 'Microsoft Internet Explorer') { + BigInteger.prototype.am = am2; + dbits = 30; + } else if (inBrowser && j_lm && navigator.appName != 'Netscape') { + BigInteger.prototype.am = am1; + dbits = 26; + } else { + // Mozilla/Netscape seems to prefer am3 + BigInteger.prototype.am = am3; + dbits = 28; + } + + BigInteger.prototype.DB = dbits; + BigInteger.prototype.DM = (1 << dbits) - 1; + BigInteger.prototype.DV = 1 << dbits; + + var BI_FP = 52; + BigInteger.prototype.FV = Math.pow(2, BI_FP); + BigInteger.prototype.F1 = BI_FP - dbits; + BigInteger.prototype.F2 = 2 * dbits - BI_FP; + + // Digit conversions + var BI_RM = '0123456789abcdefghijklmnopqrstuvwxyz'; + var BI_RC = new Array(); + var rr, vv; + rr = '0'.charCodeAt(0); + for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv; + rr = 'a'.charCodeAt(0); + for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; + rr = 'A'.charCodeAt(0); + for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; + + function int2char(n) { + return BI_RM.charAt(n); + } + function intAt(s, i) { + var c = BI_RC[s.charCodeAt(i)]; + return c == null ? -1 : c; + } + + // (protected) copy this to r + function bnpCopyTo(r) { + for (var i = this.t - 1; i >= 0; --i) r[i] = this[i]; + r.t = this.t; + r.s = this.s; + } + + // (protected) set from integer value x, -DV <= x < DV + function bnpFromInt(x) { + this.t = 1; + this.s = x < 0 ? -1 : 0; + if (x > 0) this[0] = x; + else if (x < -1) this[0] = x + this.DV; + else this.t = 0; + } + + // return bigint initialized to value + function nbv(i) { + var r = nbi(); + r.fromInt(i); + return r; + } + + // (protected) set from string and radix + function bnpFromString(s, b) { + // Auto-detect string notations + if (!b && s.length >= 2 && s[0] === '0') { + var isDetected = true; + switch (s[1]) { + case 'x': // Hexadecimal notation + b = 16; + break; + case 'b': // Binary notation + b = 2; + break; + case 'o': // Octal notation + b = 8; + break; + default: + isDetected = false; + } + + // Remove the notation string if any has been detected + if (isDetected) { + s = s.substr(2); + } + } + + var k; + if (b == 16) k = 4; + else if (b == 8) k = 3; + else if (b == 256) k = 8; + // byte array + else if (b == 2) k = 1; + else if (b == 32) k = 5; + else if (b == 4) k = 2; + else { + this.fromRadix(s, b); + return; + } + this.t = 0; + this.s = 0; + var i = s.length, + mi = false, + sh = 0; + while (--i >= 0) { + var x = k == 8 ? s[i] & 0xff : intAt(s, i); + if (x < 0) { + if (s.charAt(i) == '-') mi = true; + continue; + } + mi = false; + if (sh == 0) this[this.t++] = x; + else if (sh + k > this.DB) { + this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh; + this[this.t++] = x >> (this.DB - sh); + } else this[this.t - 1] |= x << sh; + sh += k; + if (sh >= this.DB) sh -= this.DB; + } + if (k == 8 && (s[0] & 0x80) != 0) { + this.s = -1; + if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh; + } + this.clamp(); + if (mi) BigInteger.ZERO.subTo(this, this); + } + + // (protected) clamp off excess high words + function bnpClamp() { + var c = this.s & this.DM; + while (this.t > 0 && this[this.t - 1] == c) --this.t; + } + + // (public) return string representation in given radix + function bnToString(b) { + if (this.s < 0) return '-' + this.negate().toString(b); + var k; + if (b == 16) k = 4; + else if (b == 8) k = 3; + else if (b == 2) k = 1; + else if (b == 32) k = 5; + else if (b == 4) k = 2; + else return this.toRadix(b); + var km = (1 << k) - 1, + d, + m = false, + r = '', + i = this.t; + var p = this.DB - ((i * this.DB) % k); + if (i-- > 0) { + if (p < this.DB && (d = this[i] >> p) > 0) { + m = true; + r = int2char(d); + } + while (i >= 0) { + if (p < k) { + d = (this[i] & ((1 << p) - 1)) << (k - p); + d |= this[--i] >> (p += this.DB - k); + } else { + d = (this[i] >> (p -= k)) & km; + if (p <= 0) { + p += this.DB; + --i; + } + } + if (d > 0) m = true; + if (m) r += int2char(d); + } + } + return m ? r : '0'; + } + + // (public) -this + function bnNegate() { + var r = nbi(); + BigInteger.ZERO.subTo(this, r); + return r; + } + + // (public) |this| + function bnAbs() { + return this.s < 0 ? this.negate() : this; + } + + // (public) return + if this > a, - if this < a, 0 if equal + function bnCompareTo(a) { + var r = this.s - a.s; + if (r != 0) return r; + var i = this.t; + r = i - a.t; + if (r != 0) return this.s < 0 ? -r : r; + while (--i >= 0) if ((r = this[i] - a[i]) != 0) return r; + return 0; + } + + // returns bit length of the integer x + function nbits(x) { + var r = 1, + t; + if ((t = x >>> 16) != 0) { + x = t; + r += 16; + } + if ((t = x >> 8) != 0) { + x = t; + r += 8; + } + if ((t = x >> 4) != 0) { + x = t; + r += 4; + } + if ((t = x >> 2) != 0) { + x = t; + r += 2; + } + if ((t = x >> 1) != 0) { + x = t; + r += 1; + } + return r; + } + + // (public) return the number of bits in "this" + function bnBitLength() { + if (this.t <= 0) return 0; + return ( + this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM)) + ); + } + + // (protected) r = this << n*DB + function bnpDLShiftTo(n, r) { + var i; + for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i]; + for (i = n - 1; i >= 0; --i) r[i] = 0; + r.t = this.t + n; + r.s = this.s; + } + + // (protected) r = this >> n*DB + function bnpDRShiftTo(n, r) { + for (var i = n; i < this.t; ++i) r[i - n] = this[i]; + r.t = Math.max(this.t - n, 0); + r.s = this.s; + } + + // (protected) r = this << n + function bnpLShiftTo(n, r) { + var bs = n % this.DB; + var cbs = this.DB - bs; + var bm = (1 << cbs) - 1; + var ds = Math.floor(n / this.DB), + c = (this.s << bs) & this.DM, + i; + for (i = this.t - 1; i >= 0; --i) { + r[i + ds + 1] = (this[i] >> cbs) | c; + c = (this[i] & bm) << bs; + } + for (i = ds - 1; i >= 0; --i) r[i] = 0; + r[ds] = c; + r.t = this.t + ds + 1; + r.s = this.s; + r.clamp(); + } + + // (protected) r = this >> n + function bnpRShiftTo(n, r) { + r.s = this.s; + var ds = Math.floor(n / this.DB); + if (ds >= this.t) { + r.t = 0; + return; + } + var bs = n % this.DB; + var cbs = this.DB - bs; + var bm = (1 << bs) - 1; + r[0] = this[ds] >> bs; + for (var i = ds + 1; i < this.t; ++i) { + r[i - ds - 1] |= (this[i] & bm) << cbs; + r[i - ds] = this[i] >> bs; + } + if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs; + r.t = this.t - ds; + r.clamp(); + } + + // (protected) r = this - a + function bnpSubTo(a, r) { + var i = 0, + c = 0, + m = Math.min(a.t, this.t); + while (i < m) { + c += this[i] - a[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + if (a.t < this.t) { + c -= a.s; + while (i < this.t) { + c += this[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c += this.s; + } else { + c += this.s; + while (i < a.t) { + c -= a[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c -= a.s; + } + r.s = c < 0 ? -1 : 0; + if (c < -1) r[i++] = this.DV + c; + else if (c > 0) r[i++] = c; + r.t = i; + r.clamp(); + } + + // (protected) r = this * a, r != this,a (HAC 14.12) + // "this" should be the larger one if appropriate. + function bnpMultiplyTo(a, r) { + var x = this.abs(), + y = a.abs(); + var i = x.t; + r.t = i + y.t; + while (--i >= 0) r[i] = 0; + for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t); + r.s = 0; + r.clamp(); + if (this.s != a.s) BigInteger.ZERO.subTo(r, r); + } + + // (protected) r = this^2, r != this (HAC 14.16) + function bnpSquareTo(r) { + var x = this.abs(); + var i = (r.t = 2 * x.t); + while (--i >= 0) r[i] = 0; + for (i = 0; i < x.t - 1; ++i) { + var c = x.am(i, x[i], r, 2 * i, 0, 1); + if ( + (r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= + x.DV + ) { + r[i + x.t] -= x.DV; + r[i + x.t + 1] = 1; + } + } + if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1); + r.s = 0; + r.clamp(); + } + + // (protected) divide this by m, quotient and remainder to q, r (HAC 14.20) + // r != q, this != m. q or r may be null. + function bnpDivRemTo(m, q, r) { + var pm = m.abs(); + if (pm.t <= 0) return; + var pt = this.abs(); + if (pt.t < pm.t) { + if (q != null) q.fromInt(0); + if (r != null) this.copyTo(r); + return; + } + if (r == null) r = nbi(); + var y = nbi(), + ts = this.s, + ms = m.s; + var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus + if (nsh > 0) { + pm.lShiftTo(nsh, y); + pt.lShiftTo(nsh, r); + } else { + pm.copyTo(y); + pt.copyTo(r); + } + var ys = y.t; + var y0 = y[ys - 1]; + if (y0 == 0) return; + var yt = y0 * (1 << this.F1) + (ys > 1 ? y[ys - 2] >> this.F2 : 0); + var d1 = this.FV / yt, + d2 = (1 << this.F1) / yt, + e = 1 << this.F2; + var i = r.t, + j = i - ys, + t = q == null ? nbi() : q; + y.dlShiftTo(j, t); + if (r.compareTo(t) >= 0) { + r[r.t++] = 1; + r.subTo(t, r); + } + BigInteger.ONE.dlShiftTo(ys, t); + t.subTo(y, y); // "negative" y so we can replace sub with am later + while (y.t < ys) y[y.t++] = 0; + while (--j >= 0) { + // Estimate quotient digit + var qd = + r[--i] == y0 ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2); + if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { + // Try it out + y.dlShiftTo(j, t); + r.subTo(t, r); + while (r[i] < --qd) r.subTo(t, r); + } + } + if (q != null) { + r.drShiftTo(ys, q); + if (ts != ms) BigInteger.ZERO.subTo(q, q); + } + r.t = ys; + r.clamp(); + if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder + if (ts < 0) BigInteger.ZERO.subTo(r, r); + } + + // (public) this mod a + function bnMod(a) { + var r = nbi(); + this.abs().divRemTo(a, null, r); + if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r); + return r; + } + + // Modular reduction using "classic" algorithm + function Classic(m) { + this.m = m; + } + function cConvert(x) { + if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m); + else return x; + } + function cRevert(x) { + return x; + } + function cReduce(x) { + x.divRemTo(this.m, null, x); + } + function cMulTo(x, y, r) { + x.multiplyTo(y, r); + this.reduce(r); + } + function cSqrTo(x, r) { + x.squareTo(r); + this.reduce(r); + } + + Classic.prototype.convert = cConvert; + Classic.prototype.revert = cRevert; + Classic.prototype.reduce = cReduce; + Classic.prototype.mulTo = cMulTo; + Classic.prototype.sqrTo = cSqrTo; + + // (protected) return "-1/this % 2^DB"; useful for Mont. reduction + // justification: + // xy == 1 (mod m) + // xy = 1+km + // xy(2-xy) = (1+km)(1-km) + // x[y(2-xy)] = 1-k^2m^2 + // x[y(2-xy)] == 1 (mod m^2) + // if y is 1/x mod m, then y(2-xy) is 1/x mod m^2 + // should reduce x and y(2-xy) by m^2 at each step to keep size bounded. + // JS multiply "overflows" differently from C/C++, so care is needed here. + function bnpInvDigit() { + if (this.t < 1) return 0; + var x = this[0]; + if ((x & 1) == 0) return 0; + var y = x & 3; // y == 1/x mod 2^2 + y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4 + y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8 + y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16 + // last step - calculate inverse mod DV directly; + // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints + y = (y * (2 - ((x * y) % this.DV))) % this.DV; // y == 1/x mod 2^dbits + // we really want the negative inverse, and -DV < y < DV + return y > 0 ? this.DV - y : -y; + } + + // Montgomery reduction + function Montgomery(m) { + this.m = m; + this.mp = m.invDigit(); + this.mpl = this.mp & 0x7fff; + this.mph = this.mp >> 15; + this.um = (1 << (m.DB - 15)) - 1; + this.mt2 = 2 * m.t; + } + + // xR mod m + function montConvert(x) { + var r = nbi(); + x.abs().dlShiftTo(this.m.t, r); + r.divRemTo(this.m, null, r); + if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r); + return r; + } + + // x/R mod m + function montRevert(x) { + var r = nbi(); + x.copyTo(r); + this.reduce(r); + return r; + } + + // x = x/R mod m (HAC 14.32) + function montReduce(x) { + while ( + x.t <= this.mt2 // pad x so am has enough room later + ) + x[x.t++] = 0; + for (var i = 0; i < this.m.t; ++i) { + // faster way of calculating u0 = x[i]*mp mod DV + var j = x[i] & 0x7fff; + var u0 = + (j * this.mpl + + (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & + x.DM; + // use am to combine the multiply-shift-add into one call + j = i + this.m.t; + x[j] += this.m.am(0, u0, x, i, 0, this.m.t); + // propagate carry + while (x[j] >= x.DV) { + x[j] -= x.DV; + x[++j]++; + } + } + x.clamp(); + x.drShiftTo(this.m.t, x); + if (x.compareTo(this.m) >= 0) x.subTo(this.m, x); + } + + // r = "x^2/R mod m"; x != r + function montSqrTo(x, r) { + x.squareTo(r); + this.reduce(r); + } + + // r = "xy/R mod m"; x,y != r + function montMulTo(x, y, r) { + x.multiplyTo(y, r); + this.reduce(r); + } + + Montgomery.prototype.convert = montConvert; + Montgomery.prototype.revert = montRevert; + Montgomery.prototype.reduce = montReduce; + Montgomery.prototype.mulTo = montMulTo; + Montgomery.prototype.sqrTo = montSqrTo; + + // (protected) true iff this is even + function bnpIsEven() { + return (this.t > 0 ? this[0] & 1 : this.s) == 0; + } + + // (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79) + function bnpExp(e, z) { + if (e > 0xffffffff || e < 1) return BigInteger.ONE; + var r = nbi(), + r2 = nbi(), + g = z.convert(this), + i = nbits(e) - 1; + g.copyTo(r); + while (--i >= 0) { + z.sqrTo(r, r2); + if ((e & (1 << i)) > 0) z.mulTo(r2, g, r); + else { + var t = r; + r = r2; + r2 = t; + } + } + return z.revert(r); + } + + // (public) this^e % m, 0 <= e < 2^32 + function bnModPowInt(e, m) { + var z; + if (e < 256 || m.isEven()) z = new Classic(m); + else z = new Montgomery(m); + return this.exp(e, z); + } + + // protected + BigInteger.prototype.copyTo = bnpCopyTo; + BigInteger.prototype.fromInt = bnpFromInt; + BigInteger.prototype.fromString = bnpFromString; + BigInteger.prototype.clamp = bnpClamp; + BigInteger.prototype.dlShiftTo = bnpDLShiftTo; + BigInteger.prototype.drShiftTo = bnpDRShiftTo; + BigInteger.prototype.lShiftTo = bnpLShiftTo; + BigInteger.prototype.rShiftTo = bnpRShiftTo; + BigInteger.prototype.subTo = bnpSubTo; + BigInteger.prototype.multiplyTo = bnpMultiplyTo; + BigInteger.prototype.squareTo = bnpSquareTo; + BigInteger.prototype.divRemTo = bnpDivRemTo; + BigInteger.prototype.invDigit = bnpInvDigit; + BigInteger.prototype.isEven = bnpIsEven; + BigInteger.prototype.exp = bnpExp; + + // public + BigInteger.prototype.toString = bnToString; + BigInteger.prototype.negate = bnNegate; + BigInteger.prototype.abs = bnAbs; + BigInteger.prototype.compareTo = bnCompareTo; + BigInteger.prototype.bitLength = bnBitLength; + BigInteger.prototype.mod = bnMod; + BigInteger.prototype.modPowInt = bnModPowInt; + + // "constants" + BigInteger.ZERO = nbv(0); + BigInteger.ONE = nbv(1); + BigInteger.valueOf = nbv; + + // Copyright (c) 2005-2009 Tom Wu + // All Rights Reserved. + // See "LICENSE" for details. + + // Extended JavaScript BN functions, required for RSA private ops. + + // Version 1.1: new BigInteger("0", 10) returns "proper" zero + // Version 1.2: square() API, isProbablePrime fix + + // (public) + function bnClone() { + var r = nbi(); + this.copyTo(r); + return r; + } + + // (public) return value as integer + function bnIntValue() { + if (this.s < 0) { + if (this.t == 1) return this[0] - this.DV; + else if (this.t == 0) return -1; + } else if (this.t == 1) return this[0]; + else if (this.t == 0) return 0; + // assumes 16 < DB < 32 + return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0]; + } + + // (public) return value as byte + function bnByteValue() { + return this.t == 0 ? this.s : (this[0] << 24) >> 24; + } + + // (public) return value as short (assumes DB>=16) + function bnShortValue() { + return this.t == 0 ? this.s : (this[0] << 16) >> 16; + } + + // (protected) return x s.t. r^x < DV + function bnpChunkSize(r) { + return Math.floor((Math.LN2 * this.DB) / Math.log(r)); + } + + // (public) 0 if this == 0, 1 if this > 0 + function bnSigNum() { + if (this.s < 0) return -1; + else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0; + else return 1; + } + + // (protected) convert to radix string + function bnpToRadix(b) { + if (b == null) b = 10; + if (this.signum() == 0 || b < 2 || b > 36) return '0'; + var cs = this.chunkSize(b); + var a = Math.pow(b, cs); + var d = nbv(a), + y = nbi(), + z = nbi(), + r = ''; + this.divRemTo(d, y, z); + while (y.signum() > 0) { + r = (a + z.intValue()).toString(b).substr(1) + r; + y.divRemTo(d, y, z); + } + return z.intValue().toString(b) + r; + } + + // (protected) convert from radix string + function bnpFromRadix(s, b) { + this.fromInt(0); + if (b == null) b = 10; + var cs = this.chunkSize(b); + var d = Math.pow(b, cs), + mi = false, + j = 0, + w = 0; + for (var i = 0; i < s.length; ++i) { + var x = intAt(s, i); + if (x < 0) { + if (s.charAt(i) == '-' && this.signum() == 0) mi = true; + continue; + } + w = b * w + x; + if (++j >= cs) { + this.dMultiply(d); + this.dAddOffset(w, 0); + j = 0; + w = 0; + } + } + if (j > 0) { + this.dMultiply(Math.pow(b, j)); + this.dAddOffset(w, 0); + } + if (mi) BigInteger.ZERO.subTo(this, this); + } + + // (protected) alternate constructor + function bnpFromNumber(a, b, c) { + if ('number' == typeof b) { + // new BigInteger(int,int,RNG) + if (a < 2) this.fromInt(1); + else { + this.fromNumber(a, c); + if (!this.testBit(a - 1)) + // force MSB set + this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this); + if (this.isEven()) this.dAddOffset(1, 0); // force odd + while (!this.isProbablePrime(b)) { + this.dAddOffset(2, 0); + if (this.bitLength() > a) + this.subTo(BigInteger.ONE.shiftLeft(a - 1), this); + } + } + } else { + // new BigInteger(int,RNG) + var x = new Array(), + t = a & 7; + x.length = (a >> 3) + 1; + b.nextBytes(x); + if (t > 0) x[0] &= (1 << t) - 1; + else x[0] = 0; + this.fromString(x, 256); + } + } + + // (public) convert to bigendian byte array + function bnToByteArray() { + var i = this.t, + r = new Array(); + r[0] = this.s; + var p = this.DB - ((i * this.DB) % 8), + d, + k = 0; + if (i-- > 0) { + if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p) + r[k++] = d | (this.s << (this.DB - p)); + while (i >= 0) { + if (p < 8) { + d = (this[i] & ((1 << p) - 1)) << (8 - p); + d |= this[--i] >> (p += this.DB - 8); + } else { + d = (this[i] >> (p -= 8)) & 0xff; + if (p <= 0) { + p += this.DB; + --i; + } + } + if ((d & 0x80) != 0) d |= -256; + if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k; + if (k > 0 || d != this.s) r[k++] = d; + } + } + return r; + } + + function bnEquals(a) { + return this.compareTo(a) == 0; + } + function bnMin(a) { + return this.compareTo(a) < 0 ? this : a; + } + function bnMax(a) { + return this.compareTo(a) > 0 ? this : a; + } + + // (protected) r = this op a (bitwise) + function bnpBitwiseTo(a, op, r) { + var i, + f, + m = Math.min(a.t, this.t); + for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]); + if (a.t < this.t) { + f = a.s & this.DM; + for (i = m; i < this.t; ++i) r[i] = op(this[i], f); + r.t = this.t; + } else { + f = this.s & this.DM; + for (i = m; i < a.t; ++i) r[i] = op(f, a[i]); + r.t = a.t; + } + r.s = op(this.s, a.s); + r.clamp(); + } + + // (public) this & a + function op_and(x, y) { + return x & y; + } + function bnAnd(a) { + var r = nbi(); + this.bitwiseTo(a, op_and, r); + return r; + } + + // (public) this | a + function op_or(x, y) { + return x | y; + } + function bnOr(a) { + var r = nbi(); + this.bitwiseTo(a, op_or, r); + return r; + } + + // (public) this ^ a + function op_xor(x, y) { + return x ^ y; + } + function bnXor(a) { + var r = nbi(); + this.bitwiseTo(a, op_xor, r); + return r; + } + + // (public) this & ~a + function op_andnot(x, y) { + return x & ~y; + } + function bnAndNot(a) { + var r = nbi(); + this.bitwiseTo(a, op_andnot, r); + return r; + } + + // (public) ~this + function bnNot() { + var r = nbi(); + for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i]; + r.t = this.t; + r.s = ~this.s; + return r; + } + + // (public) this << n + function bnShiftLeft(n) { + var r = nbi(); + if (n < 0) this.rShiftTo(-n, r); + else this.lShiftTo(n, r); + return r; + } + + // (public) this >> n + function bnShiftRight(n) { + var r = nbi(); + if (n < 0) this.lShiftTo(-n, r); + else this.rShiftTo(n, r); + return r; + } + + // return index of lowest 1-bit in x, x < 2^31 + function lbit(x) { + if (x == 0) return -1; + var r = 0; + if ((x & 0xffff) == 0) { + x >>= 16; + r += 16; + } + if ((x & 0xff) == 0) { + x >>= 8; + r += 8; + } + if ((x & 0xf) == 0) { + x >>= 4; + r += 4; + } + if ((x & 3) == 0) { + x >>= 2; + r += 2; + } + if ((x & 1) == 0) ++r; + return r; + } + + // (public) returns index of lowest 1-bit (or -1 if none) + function bnGetLowestSetBit() { + for (var i = 0; i < this.t; ++i) + if (this[i] != 0) return i * this.DB + lbit(this[i]); + if (this.s < 0) return this.t * this.DB; + return -1; + } + + // return number of 1 bits in x + function cbit(x) { + var r = 0; + while (x != 0) { + x &= x - 1; + ++r; + } + return r; + } + + // (public) return number of set bits + function bnBitCount() { + var r = 0, + x = this.s & this.DM; + for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x); + return r; + } + + // (public) true iff nth bit is set + function bnTestBit(n) { + var j = Math.floor(n / this.DB); + if (j >= this.t) return this.s != 0; + return (this[j] & (1 << n % this.DB)) != 0; + } + + // (protected) this op (1<>= this.DB; + } + if (a.t < this.t) { + c += a.s; + while (i < this.t) { + c += this[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c += this.s; + } else { + c += this.s; + while (i < a.t) { + c += a[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c += a.s; + } + r.s = c < 0 ? -1 : 0; + if (c > 0) r[i++] = c; + else if (c < -1) r[i++] = this.DV + c; + r.t = i; + r.clamp(); + } + + // (public) this + a + function bnAdd(a) { + var r = nbi(); + this.addTo(a, r); + return r; + } + + // (public) this - a + function bnSubtract(a) { + var r = nbi(); + this.subTo(a, r); + return r; + } + + // (public) this * a + function bnMultiply(a) { + var r = nbi(); + this.multiplyTo(a, r); + return r; + } + + // (public) this^2 + function bnSquare() { + var r = nbi(); + this.squareTo(r); + return r; + } + + // (public) this / a + function bnDivide(a) { + var r = nbi(); + this.divRemTo(a, r, null); + return r; + } + + // (public) this % a + function bnRemainder(a) { + var r = nbi(); + this.divRemTo(a, null, r); + return r; + } + + // (public) [this/a,this%a] + function bnDivideAndRemainder(a) { + var q = nbi(), + r = nbi(); + this.divRemTo(a, q, r); + return new Array(q, r); + } + + // (protected) this *= n, this >= 0, 1 < n < DV + function bnpDMultiply(n) { + this[this.t] = this.am(0, n - 1, this, 0, 0, this.t); + ++this.t; + this.clamp(); + } + + // (protected) this += n << w words, this >= 0 + function bnpDAddOffset(n, w) { + if (n == 0) return; + while (this.t <= w) this[this.t++] = 0; + this[w] += n; + while (this[w] >= this.DV) { + this[w] -= this.DV; + if (++w >= this.t) this[this.t++] = 0; + ++this[w]; + } + } + + // A "null" reducer + function NullExp() { } + function nNop(x) { + return x; + } + function nMulTo(x, y, r) { + x.multiplyTo(y, r); + } + function nSqrTo(x, r) { + x.squareTo(r); + } + + NullExp.prototype.convert = nNop; + NullExp.prototype.revert = nNop; + NullExp.prototype.mulTo = nMulTo; + NullExp.prototype.sqrTo = nSqrTo; + + // (public) this^e + function bnPow(e) { + return this.exp(e, new NullExp()); + } + + // (protected) r = lower n words of "this * a", a.t <= n + // "this" should be the larger one if appropriate. + function bnpMultiplyLowerTo(a, n, r) { + var i = Math.min(this.t + a.t, n); + r.s = 0; // assumes a,this >= 0 + r.t = i; + while (i > 0) r[--i] = 0; + var j; + for (j = r.t - this.t; i < j; ++i) + r[i + this.t] = this.am(0, a[i], r, i, 0, this.t); + for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i); + r.clamp(); + } + + // (protected) r = "this * a" without lower n words, n > 0 + // "this" should be the larger one if appropriate. + function bnpMultiplyUpperTo(a, n, r) { + --n; + var i = (r.t = this.t + a.t - n); + r.s = 0; // assumes a,this >= 0 + while (--i >= 0) r[i] = 0; + for (i = Math.max(n - this.t, 0); i < a.t; ++i) + r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n); + r.clamp(); + r.drShiftTo(1, r); + } + + // Barrett modular reduction + function Barrett(m) { + // setup Barrett + this.r2 = nbi(); + this.q3 = nbi(); + BigInteger.ONE.dlShiftTo(2 * m.t, this.r2); + this.mu = this.r2.divide(m); + this.m = m; + } + + function barrettConvert(x) { + if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m); + else if (x.compareTo(this.m) < 0) return x; + else { + var r = nbi(); + x.copyTo(r); + this.reduce(r); + return r; + } + } + + function barrettRevert(x) { + return x; + } + + // x = x mod m (HAC 14.42) + function barrettReduce(x) { + x.drShiftTo(this.m.t - 1, this.r2); + if (x.t > this.m.t + 1) { + x.t = this.m.t + 1; + x.clamp(); + } + this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3); + this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2); + while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1); + x.subTo(this.r2, x); + while (x.compareTo(this.m) >= 0) x.subTo(this.m, x); + } + + // r = x^2 mod m; x != r + function barrettSqrTo(x, r) { + x.squareTo(r); + this.reduce(r); + } + + // r = x*y mod m; x,y != r + function barrettMulTo(x, y, r) { + x.multiplyTo(y, r); + this.reduce(r); + } + + Barrett.prototype.convert = barrettConvert; + Barrett.prototype.revert = barrettRevert; + Barrett.prototype.reduce = barrettReduce; + Barrett.prototype.mulTo = barrettMulTo; + Barrett.prototype.sqrTo = barrettSqrTo; + + // (public) this^e % m (HAC 14.85) + function bnModPow(e, m) { + var i = e.bitLength(), + k, + r = nbv(1), + z; + if (i <= 0) return r; + else if (i < 18) k = 1; + else if (i < 48) k = 3; + else if (i < 144) k = 4; + else if (i < 768) k = 5; + else k = 6; + if (i < 8) z = new Classic(m); + else if (m.isEven()) z = new Barrett(m); + else z = new Montgomery(m); + + // precomputation + var g = new Array(), + n = 3, + k1 = k - 1, + km = (1 << k) - 1; + g[1] = z.convert(this); + if (k > 1) { + var g2 = nbi(); + z.sqrTo(g[1], g2); + while (n <= km) { + g[n] = nbi(); + z.mulTo(g2, g[n - 2], g[n]); + n += 2; + } + } + + var j = e.t - 1, + w, + is1 = true, + r2 = nbi(), + t; + i = nbits(e[j]) - 1; + while (j >= 0) { + if (i >= k1) w = (e[j] >> (i - k1)) & km; + else { + w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i); + if (j > 0) w |= e[j - 1] >> (this.DB + i - k1); + } + + n = k; + while ((w & 1) == 0) { + w >>= 1; + --n; + } + if ((i -= n) < 0) { + i += this.DB; + --j; + } + if (is1) { + // ret == 1, don't bother squaring or multiplying it + g[w].copyTo(r); + is1 = false; + } else { + while (n > 1) { + z.sqrTo(r, r2); + z.sqrTo(r2, r); + n -= 2; + } + if (n > 0) z.sqrTo(r, r2); + else { + t = r; + r = r2; + r2 = t; + } + z.mulTo(r2, g[w], r); + } + + while (j >= 0 && (e[j] & (1 << i)) == 0) { + z.sqrTo(r, r2); + t = r; + r = r2; + r2 = t; + if (--i < 0) { + i = this.DB - 1; + --j; + } + } + } + return z.revert(r); + } + + // (public) gcd(this,a) (HAC 14.54) + function bnGCD(a) { + var x = this.s < 0 ? this.negate() : this.clone(); + var y = a.s < 0 ? a.negate() : a.clone(); + if (x.compareTo(y) < 0) { + var t = x; + x = y; + y = t; + } + var i = x.getLowestSetBit(), + g = y.getLowestSetBit(); + if (g < 0) return x; + if (i < g) g = i; + if (g > 0) { + x.rShiftTo(g, x); + y.rShiftTo(g, y); + } + while (x.signum() > 0) { + if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x); + if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y); + if (x.compareTo(y) >= 0) { + x.subTo(y, x); + x.rShiftTo(1, x); + } else { + y.subTo(x, y); + y.rShiftTo(1, y); + } + } + if (g > 0) y.lShiftTo(g, y); + return y; + } + + // (protected) this % n, n < 2^26 + function bnpModInt(n) { + if (n <= 0) return 0; + var d = this.DV % n, + r = this.s < 0 ? n - 1 : 0; + if (this.t > 0) + if (d == 0) r = this[0] % n; + else for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n; + return r; + } + + // (public) 1/this % m (HAC 14.61) + function bnModInverse(m) { + var ac = m.isEven(); + if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO; + var u = m.clone(), + v = this.clone(); + var a = nbv(1), + b = nbv(0), + c = nbv(0), + d = nbv(1); + while (u.signum() != 0) { + while (u.isEven()) { + u.rShiftTo(1, u); + if (ac) { + if (!a.isEven() || !b.isEven()) { + a.addTo(this, a); + b.subTo(m, b); + } + a.rShiftTo(1, a); + } else if (!b.isEven()) b.subTo(m, b); + b.rShiftTo(1, b); + } + while (v.isEven()) { + v.rShiftTo(1, v); + if (ac) { + if (!c.isEven() || !d.isEven()) { + c.addTo(this, c); + d.subTo(m, d); + } + c.rShiftTo(1, c); + } else if (!d.isEven()) d.subTo(m, d); + d.rShiftTo(1, d); + } + if (u.compareTo(v) >= 0) { + u.subTo(v, u); + if (ac) a.subTo(c, a); + b.subTo(d, b); + } else { + v.subTo(u, v); + if (ac) c.subTo(a, c); + d.subTo(b, d); + } + } + if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO; + if (d.compareTo(m) >= 0) return d.subtract(m); + if (d.signum() < 0) d.addTo(m, d); + else return d; + if (d.signum() < 0) return d.add(m); + else return d; + } + + var lowprimes = [ + 2, + 3, + 5, + 7, + 11, + 13, + 17, + 19, + 23, + 29, + 31, + 37, + 41, + 43, + 47, + 53, + 59, + 61, + 67, + 71, + 73, + 79, + 83, + 89, + 97, + 101, + 103, + 107, + 109, + 113, + 127, + 131, + 137, + 139, + 149, + 151, + 157, + 163, + 167, + 173, + 179, + 181, + 191, + 193, + 197, + 199, + 211, + 223, + 227, + 229, + 233, + 239, + 241, + 251, + 257, + 263, + 269, + 271, + 277, + 281, + 283, + 293, + 307, + 311, + 313, + 317, + 331, + 337, + 347, + 349, + 353, + 359, + 367, + 373, + 379, + 383, + 389, + 397, + 401, + 409, + 419, + 421, + 431, + 433, + 439, + 443, + 449, + 457, + 461, + 463, + 467, + 479, + 487, + 491, + 499, + 503, + 509, + 521, + 523, + 541, + 547, + 557, + 563, + 569, + 571, + 577, + 587, + 593, + 599, + 601, + 607, + 613, + 617, + 619, + 631, + 641, + 643, + 647, + 653, + 659, + 661, + 673, + 677, + 683, + 691, + 701, + 709, + 719, + 727, + 733, + 739, + 743, + 751, + 757, + 761, + 769, + 773, + 787, + 797, + 809, + 811, + 821, + 823, + 827, + 829, + 839, + 853, + 857, + 859, + 863, + 877, + 881, + 883, + 887, + 907, + 911, + 919, + 929, + 937, + 941, + 947, + 953, + 967, + 971, + 977, + 983, + 991, + 997, + ]; + var lplim = (1 << 26) / lowprimes[lowprimes.length - 1]; + + // (public) test primality with certainty >= 1-.5^t + function bnIsProbablePrime(t) { + var i, + x = this.abs(); + if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) { + for (i = 0; i < lowprimes.length; ++i) + if (x[0] == lowprimes[i]) return true; + return false; + } + if (x.isEven()) return false; + i = 1; + while (i < lowprimes.length) { + var m = lowprimes[i], + j = i + 1; + while (j < lowprimes.length && m < lplim) m *= lowprimes[j++]; + m = x.modInt(m); + while (i < j) if (m % lowprimes[i++] == 0) return false; + } + return x.millerRabin(t); + } + + // (protected) true if probably prime (HAC 4.24, Miller-Rabin) + function bnpMillerRabin(t) { + var n1 = this.subtract(BigInteger.ONE); + var k = n1.getLowestSetBit(); + if (k <= 0) return false; + var r = n1.shiftRight(k); + t = (t + 1) >> 1; + if (t > lowprimes.length) t = lowprimes.length; + var a = nbi(); + for (var i = 0; i < t; ++i) { + //Pick bases at random, instead of starting at 2 + a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]); + var y = a.modPow(r, this); + if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) { + var j = 1; + while (j++ < k && y.compareTo(n1) != 0) { + y = y.modPowInt(2, this); + if (y.compareTo(BigInteger.ONE) == 0) return false; + } + if (y.compareTo(n1) != 0) return false; + } + } + return true; + } + + // protected + BigInteger.prototype.chunkSize = bnpChunkSize; + BigInteger.prototype.toRadix = bnpToRadix; + BigInteger.prototype.fromRadix = bnpFromRadix; + BigInteger.prototype.fromNumber = bnpFromNumber; + BigInteger.prototype.bitwiseTo = bnpBitwiseTo; + BigInteger.prototype.changeBit = bnpChangeBit; + BigInteger.prototype.addTo = bnpAddTo; + BigInteger.prototype.dMultiply = bnpDMultiply; + BigInteger.prototype.dAddOffset = bnpDAddOffset; + BigInteger.prototype.multiplyLowerTo = bnpMultiplyLowerTo; + BigInteger.prototype.multiplyUpperTo = bnpMultiplyUpperTo; + BigInteger.prototype.modInt = bnpModInt; + BigInteger.prototype.millerRabin = bnpMillerRabin; + + // public + BigInteger.prototype.clone = bnClone; + BigInteger.prototype.intValue = bnIntValue; + BigInteger.prototype.byteValue = bnByteValue; + BigInteger.prototype.shortValue = bnShortValue; + BigInteger.prototype.signum = bnSigNum; + BigInteger.prototype.toByteArray = bnToByteArray; + BigInteger.prototype.equals = bnEquals; + BigInteger.prototype.min = bnMin; + BigInteger.prototype.max = bnMax; + BigInteger.prototype.and = bnAnd; + BigInteger.prototype.or = bnOr; + BigInteger.prototype.xor = bnXor; + BigInteger.prototype.andNot = bnAndNot; + BigInteger.prototype.not = bnNot; + BigInteger.prototype.shiftLeft = bnShiftLeft; + BigInteger.prototype.shiftRight = bnShiftRight; + BigInteger.prototype.getLowestSetBit = bnGetLowestSetBit; + BigInteger.prototype.bitCount = bnBitCount; + BigInteger.prototype.testBit = bnTestBit; + BigInteger.prototype.setBit = bnSetBit; + BigInteger.prototype.clearBit = bnClearBit; + BigInteger.prototype.flipBit = bnFlipBit; + BigInteger.prototype.add = bnAdd; + BigInteger.prototype.subtract = bnSubtract; + BigInteger.prototype.multiply = bnMultiply; + BigInteger.prototype.divide = bnDivide; + BigInteger.prototype.remainder = bnRemainder; + BigInteger.prototype.divideAndRemainder = bnDivideAndRemainder; + BigInteger.prototype.modPow = bnModPow; + BigInteger.prototype.modInverse = bnModInverse; + BigInteger.prototype.pow = bnPow; + BigInteger.prototype.gcd = bnGCD; + BigInteger.prototype.isProbablePrime = bnIsProbablePrime; + + // JSBN-specific extension + BigInteger.prototype.square = bnSquare; + + // Expose the Barrett function + BigInteger.prototype.Barrett = Barrett; + + // BigInteger interfaces not implemented in jsbn: + + // BigInteger(int signum, byte[] magnitude) + // double doubleValue() + // float floatValue() + // int hashCode() + // long longValue() + // static BigInteger valueOf(long val) + + // Imported from bitcoinjs-lib + + /** + * Turns a byte array into a big integer. + * + * This function will interpret a byte array as a big integer in big + * endian notation and ignore leading zeros. + */ + + BigInteger.fromByteArrayUnsigned = function (ba) { + + if (!ba.length) { + return new BigInteger.valueOf(0); + } else if (ba[0] & 0x80) { + // Prepend a zero so the BigInteger class doesn't mistake this + // for a negative integer. + return new BigInteger([0].concat(ba)); + } else { + return new BigInteger(ba); + } + }; + + /** + * Parse a signed big integer byte representation. + * + * For details on the format please see BigInteger.toByteArraySigned. + */ + + BigInteger.fromByteArraySigned = function (ba) { + // Check for negative value + if (ba[0] & 0x80) { + // Remove sign bit + ba[0] &= 0x7f; + + return BigInteger.fromByteArrayUnsigned(ba).negate(); + } else { + return BigInteger.fromByteArrayUnsigned(ba); + } + }; + + /** + * Returns a byte array representation of the big integer. + * + * This returns the absolute of the contained value in big endian + * form. A value of zero results in an empty array. + */ + + BigInteger.prototype.toByteArrayUnsigned = function () { + var ba = this.abs().toByteArray(); + + // Empty array, nothing to do + if (!ba.length) { + return ba; + } + + // remove leading 0 + if (ba[0] === 0) { + ba = ba.slice(1); + } + + // all values must be positive + for (var i = 0; i < ba.length; ++i) { + ba[i] = (ba[i] < 0) ? ba[i] + 256 : ba[i]; + } + + return ba; + }; + + /* + * Converts big integer to signed byte representation. + * + * The format for this value uses the most significant bit as a sign + * bit. If the most significant bit is already occupied by the + * absolute value, an extra byte is prepended and the sign bit is set + * there. + * + * Examples: + * + * 0 => 0x00 + * 1 => 0x01 + * -1 => 0x81 + * 127 => 0x7f + * -127 => 0xff + * 128 => 0x0080 + * -128 => 0x8080 + * 255 => 0x00ff + * -255 => 0x80ff + * 16300 => 0x3fac + * -16300 => 0xbfac + * 62300 => 0x00f35c + * -62300 => 0x80f35c + */ + + BigInteger.prototype.toByteArraySigned = function () { + var val = this.toByteArrayUnsigned(); + var neg = this.s < 0; + + // if the first bit is set, we always unshift + // either unshift 0x80 or 0x00 + if (val[0] & 0x80) { + val.unshift((neg) ? 0x80 : 0x00); + } + // if the first bit isn't set, set it if negative + else if (neg) { + val[0] |= 0x80; + } + + return val; + }; + + // Random number generator - requires a PRNG backend, e.g. prng4.js + + // For best results, put code like + // + // in your main HTML document. + + var rng_state; + var rng_pool; + var rng_pptr; + + // Mix in a 32-bit integer into the pool + function rng_seed_int(x) { + rng_pool[rng_pptr++] ^= x & 255; + rng_pool[rng_pptr++] ^= (x >> 8) & 255; + rng_pool[rng_pptr++] ^= (x >> 16) & 255; + rng_pool[rng_pptr++] ^= (x >> 24) & 255; + if (rng_pptr >= rng_psize) rng_pptr -= rng_psize; + } + + // Mix in the current time (w/milliseconds) into the pool + function rng_seed_time() { + rng_seed_int(new Date().getTime()); + } + + // Initialize the pool with junk if needed. + if (rng_pool == null) { + rng_pool = new Array(); + rng_pptr = 0; + var t; + if (typeof window !== 'undefined' && window.crypto) { + if (window.crypto.getRandomValues) { + // Use webcrypto if available + var ua = new Uint8Array(32); + window.crypto.getRandomValues(ua); + for (t = 0; t < 32; ++t) rng_pool[rng_pptr++] = ua[t]; + } else if ( + navigator.appName == 'Netscape' && + navigator.appVersion < '5' + ) { + // Extract entropy (256 bits) from NS4 RNG if available + var z = window.crypto.random(32); + for (t = 0; t < z.length; ++t) + rng_pool[rng_pptr++] = z.charCodeAt(t) & 255; + } + } + while (rng_pptr < rng_psize) { + // extract some randomness from Math.random() + t = Math.floor(65536 * Math.random()); + rng_pool[rng_pptr++] = t >>> 8; + rng_pool[rng_pptr++] = t & 255; + } + rng_pptr = 0; + rng_seed_time(); + } + + function rng_get_byte() { + if (rng_state == null) { + rng_seed_time(); + rng_state = prng_newstate(); + rng_state.init(rng_pool); + for (rng_pptr = 0; rng_pptr < rng_pool.length; ++rng_pptr) + rng_pool[rng_pptr] = 0; + rng_pptr = 0; + } + // TODO: allow reseeding after first request + return rng_state.next(); + } + + function rng_get_bytes(ba) { + var i; + for (i = 0; i < ba.length; ++i) ba[i] = rng_get_byte(); + } + + function SecureRandom() { } + + SecureRandom.prototype.nextBytes = rng_get_bytes; + + // prng4.js - uses Arcfour as a PRNG + function Arcfour() { + this.i = 0; + this.j = 0; + this.S = new Array(); + } + + // Initialize arcfour context from key, an array of ints, each from [0..255] + function ARC4init(key) { + var i, j, t; + for (i = 0; i < 256; ++i) this.S[i] = i; + j = 0; + for (i = 0; i < 256; ++i) { + j = (j + this.S[i] + key[i % key.length]) & 255; + t = this.S[i]; + this.S[i] = this.S[j]; + this.S[j] = t; + } + this.i = 0; + this.j = 0; + } + + function ARC4next() { + var t; + this.i = (this.i + 1) & 255; + this.j = (this.j + this.S[this.i]) & 255; + t = this.S[this.i]; + this.S[this.i] = this.S[this.j]; + this.S[this.j] = t; + return this.S[(t + this.S[this.i]) & 255]; + } + + Arcfour.prototype.init = ARC4init; + Arcfour.prototype.next = ARC4next; + + // Plug in your RNG constructor here + function prng_newstate() { + return new Arcfour(); + } + + // Pool size must be a multiple of 4 and greater than 32. + // An array of bytes the size of the pool will be passed to init() + var rng_psize = 256; + + /*! + * Basic Javascript Elliptic Curve implementation + * Ported loosely from BouncyCastle's Java EC code + * Only Fp curves implemented for now + * + * Copyright Tom Wu, bitaddress.org BSD License. + * http://www-cs-students.stanford.edu/~tjw/jsbn/LICENSE + */ + + // Constructor function of Global EllipticCurve object + var ec = function () { }; + + // ---------------- + // ECFieldElementFp constructor + // q instanceof BigInteger + // x instanceof BigInteger + ec.FieldElementFp = function (q, x) { + this.x = x; + // TODO if(x.compareTo(q) >= 0) error + this.q = q; + }; + + ec.FieldElementFp.prototype.equals = function (other) { + if (other == this) return true; + return (this.q.equals(other.q) && this.x.equals(other.x)); + }; + + ec.FieldElementFp.prototype.toBigInteger = function () { + return this.x; + }; + + ec.FieldElementFp.prototype.negate = function () { + return new ec.FieldElementFp(this.q, this.x.negate().mod(this.q)); + }; + + ec.FieldElementFp.prototype.add = function (b) { + return new ec.FieldElementFp(this.q, this.x.add(b.toBigInteger()).mod(this.q)); + }; + + ec.FieldElementFp.prototype.subtract = function (b) { + return new ec.FieldElementFp(this.q, this.x.subtract(b.toBigInteger()).mod(this.q)); + }; + + ec.FieldElementFp.prototype.multiply = function (b) { + return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger()).mod(this.q)); + }; + + ec.FieldElementFp.prototype.square = function () { + return new ec.FieldElementFp(this.q, this.x.square().mod(this.q)); + }; + + ec.FieldElementFp.prototype.divide = function (b) { + return new ec.FieldElementFp(this.q, this.x.multiply(b.toBigInteger().modInverse(this.q)).mod(this.q)); + }; + + ec.FieldElementFp.prototype.getByteLength = function () { + return Math.floor((this.toBigInteger().bitLength() + 7) / 8); + }; + + // D.1.4 91 /** * return a sqrt root - the routine verifies that the calculation * returns the right value - if none exists it returns null. @@ -2005,530 +1995,526 @@ * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org) * Ported to JavaScript by bitaddress.org */ - ec.FieldElementFp.prototype.sqrt = function () { - if (!this.q.testBit(0)) throw new Error("even value of q"); + ec.FieldElementFp.prototype.sqrt = function () { + if (!this.q.testBit(0)) throw new Error("even value of q"); - // p mod 4 == 3 - if (this.q.testBit(1)) { - // z = g^(u+1) + p, p = 4u + 3 - var z = new ec.FieldElementFp(this.q, this.x.modPow(this.q.shiftRight(2).add(BigInteger.ONE), this.q)); - return z.square().equals(this) ? z : null; - } + // p mod 4 == 3 + if (this.q.testBit(1)) { + // z = g^(u+1) + p, p = 4u + 3 + var z = new ec.FieldElementFp(this.q, this.x.modPow(this.q.shiftRight(2).add(BigInteger.ONE), this.q)); + return z.square().equals(this) ? z : null; + } - // p mod 4 == 1 - var qMinusOne = this.q.subtract(BigInteger.ONE); - var legendreExponent = qMinusOne.shiftRight(1); - if (!(this.x.modPow(legendreExponent, this.q).equals(BigInteger.ONE))) return null; - var u = qMinusOne.shiftRight(2); - var k = u.shiftLeft(1).add(BigInteger.ONE); - var Q = this.x; - var fourQ = Q.shiftLeft(2).mod(this.q); - var U, V; + // p mod 4 == 1 + var qMinusOne = this.q.subtract(BigInteger.ONE); + var legendreExponent = qMinusOne.shiftRight(1); + if (!(this.x.modPow(legendreExponent, this.q).equals(BigInteger.ONE))) return null; + var u = qMinusOne.shiftRight(2); + var k = u.shiftLeft(1).add(BigInteger.ONE); + var Q = this.x; + var fourQ = Q.shiftLeft(2).mod(this.q); + var U, V; - do { - var rand = new SecureRandom(); - var P; - do { - P = new BigInteger(this.q.bitLength(), rand); - } - while (P.compareTo(this.q) >= 0 || !(P.multiply(P).subtract(fourQ).modPow(legendreExponent, this.q).equals(qMinusOne))); + do { + var rand = new SecureRandom(); + var P; + do { + P = new BigInteger(this.q.bitLength(), rand); + } + while (P.compareTo(this.q) >= 0 || !(P.multiply(P).subtract(fourQ).modPow(legendreExponent, this.q).equals(qMinusOne))); - var result = ec.FieldElementFp.fastLucasSequence(this.q, P, Q, k); + var result = ec.FieldElementFp.fastLucasSequence(this.q, P, Q, k); - U = result[0]; - V = result[1]; - if (V.multiply(V).mod(this.q).equals(fourQ)) { - // Integer division by 2, mod q - if (V.testBit(0)) { - V = V.add(this.q); - } - V = V.shiftRight(1); - return new ec.FieldElementFp(this.q, V); - } - } - while (U.equals(BigInteger.ONE) || U.equals(qMinusOne)); + U = result[0]; + V = result[1]; + if (V.multiply(V).mod(this.q).equals(fourQ)) { + // Integer division by 2, mod q + if (V.testBit(0)) { + V = V.add(this.q); + } + V = V.shiftRight(1); + return new ec.FieldElementFp(this.q, V); + } + } + while (U.equals(BigInteger.ONE) || U.equals(qMinusOne)); - return null; - }; + return null; + }; /* * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org) * Ported to JavaScript by bitaddress.org */ - ec.FieldElementFp.fastLucasSequence = function (p, P, Q, k) { - // TODO Research and apply "common-multiplicand multiplication here" + ec.FieldElementFp.fastLucasSequence = function (p, P, Q, k) { + // TODO Research and apply "common-multiplicand multiplication here" - var n = k.bitLength(); - var s = k.getLowestSetBit(); - var Uh = BigInteger.ONE; - var Vl = BigInteger.TWO; - var Vh = P; - var Ql = BigInteger.ONE; - var Qh = BigInteger.ONE; + var n = k.bitLength(); + var s = k.getLowestSetBit(); + var Uh = BigInteger.ONE; + var Vl = BigInteger.TWO; + var Vh = P; + var Ql = BigInteger.ONE; + var Qh = BigInteger.ONE; - for (var j = n - 1; j >= s + 1; --j) { - Ql = Ql.multiply(Qh).mod(p); - if (k.testBit(j)) { - Qh = Ql.multiply(Q).mod(p); - Uh = Uh.multiply(Vh).mod(p); - Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p); - Vh = Vh.multiply(Vh).subtract(Qh.shiftLeft(1)).mod(p); - } - else { - Qh = Ql; - Uh = Uh.multiply(Vl).subtract(Ql).mod(p); - Vh = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p); - Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p); - } - } + for (var j = n - 1; j >= s + 1; --j) { + Ql = Ql.multiply(Qh).mod(p); + if (k.testBit(j)) { + Qh = Ql.multiply(Q).mod(p); + Uh = Uh.multiply(Vh).mod(p); + Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p); + Vh = Vh.multiply(Vh).subtract(Qh.shiftLeft(1)).mod(p); + } + else { + Qh = Ql; + Uh = Uh.multiply(Vl).subtract(Ql).mod(p); + Vh = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p); + Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p); + } + } - Ql = Ql.multiply(Qh).mod(p); - Qh = Ql.multiply(Q).mod(p); - Uh = Uh.multiply(Vl).subtract(Ql).mod(p); - Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p); - Ql = Ql.multiply(Qh).mod(p); + Ql = Ql.multiply(Qh).mod(p); + Qh = Ql.multiply(Q).mod(p); + Uh = Uh.multiply(Vl).subtract(Ql).mod(p); + Vl = Vh.multiply(Vl).subtract(P.multiply(Ql)).mod(p); + Ql = Ql.multiply(Qh).mod(p); - for (var j = 1; j <= s; ++j) { - Uh = Uh.multiply(Vl).mod(p); - Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p); - Ql = Ql.multiply(Ql).mod(p); - } + for (var j = 1; j <= s; ++j) { + Uh = Uh.multiply(Vl).mod(p); + Vl = Vl.multiply(Vl).subtract(Ql.shiftLeft(1)).mod(p); + Ql = Ql.multiply(Ql).mod(p); + } - return [Uh, Vl]; - }; + return [Uh, Vl]; + }; - // ---------------- - // ECPointFp constructor - ec.PointFp = function (curve, x, y, z, compressed) { - this.curve = curve; - this.x = x; - this.y = y; - // Projective coordinates: either zinv == null or z * zinv == 1 - // z and zinv are just BigIntegers, not fieldElements - if (z == null) { - this.z = BigInteger.ONE; - } - else { - this.z = z; - } - this.zinv = null; - // compression flag - this.compressed = !!compressed; - }; + // ---------------- + // ECPointFp constructor + ec.PointFp = function (curve, x, y, z, compressed) { + this.curve = curve; + this.x = x; + this.y = y; + // Projective coordinates: either zinv == null or z * zinv == 1 + // z and zinv are just BigIntegers, not fieldElements + if (z == null) { + this.z = BigInteger.ONE; + } + else { + this.z = z; + } + this.zinv = null; + // compression flag + this.compressed = !!compressed; + }; - ec.PointFp.prototype.getX = function () { - if (this.zinv == null) { - this.zinv = this.z.modInverse(this.curve.q); - } - var r = this.x.toBigInteger().multiply(this.zinv); - this.curve.reduce(r); - return this.curve.fromBigInteger(r); - }; + ec.PointFp.prototype.getX = function () { + if (this.zinv == null) { + this.zinv = this.z.modInverse(this.curve.q); + } + var r = this.x.toBigInteger().multiply(this.zinv); + this.curve.reduce(r); + return this.curve.fromBigInteger(r); + }; - ec.PointFp.prototype.getY = function () { - if (this.zinv == null) { - this.zinv = this.z.modInverse(this.curve.q); - } - var r = this.y.toBigInteger().multiply(this.zinv); - this.curve.reduce(r); - return this.curve.fromBigInteger(r); - }; + ec.PointFp.prototype.getY = function () { + if (this.zinv == null) { + this.zinv = this.z.modInverse(this.curve.q); + } + var r = this.y.toBigInteger().multiply(this.zinv); + this.curve.reduce(r); + return this.curve.fromBigInteger(r); + }; - ec.PointFp.prototype.equals = function (other) { - if (other == this) return true; - if (this.isInfinity()) return other.isInfinity(); - if (other.isInfinity()) return this.isInfinity(); - var u, v; - // u = Y2 * Z1 - Y1 * Z2 - u = other.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(other.z)).mod(this.curve.q); - if (!u.equals(BigInteger.ZERO)) return false; - // v = X2 * Z1 - X1 * Z2 - v = other.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(other.z)).mod(this.curve.q); - return v.equals(BigInteger.ZERO); - }; + ec.PointFp.prototype.equals = function (other) { + if (other == this) return true; + if (this.isInfinity()) return other.isInfinity(); + if (other.isInfinity()) return this.isInfinity(); + var u, v; + // u = Y2 * Z1 - Y1 * Z2 + u = other.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(other.z)).mod(this.curve.q); + if (!u.equals(BigInteger.ZERO)) return false; + // v = X2 * Z1 - X1 * Z2 + v = other.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(other.z)).mod(this.curve.q); + return v.equals(BigInteger.ZERO); + }; - ec.PointFp.prototype.isInfinity = function () { - if ((this.x == null) && (this.y == null)) return true; - return this.z.equals(BigInteger.ZERO) && !this.y.toBigInteger().equals(BigInteger.ZERO); - }; + ec.PointFp.prototype.isInfinity = function () { + if ((this.x == null) && (this.y == null)) return true; + return this.z.equals(BigInteger.ZERO) && !this.y.toBigInteger().equals(BigInteger.ZERO); + }; - ec.PointFp.prototype.negate = function () { - return new ec.PointFp(this.curve, this.x, this.y.negate(), this.z); - }; + ec.PointFp.prototype.negate = function () { + return new ec.PointFp(this.curve, this.x, this.y.negate(), this.z); + }; - ec.PointFp.prototype.add = function (b) { - if (this.isInfinity()) return b; - if (b.isInfinity()) return this; + ec.PointFp.prototype.add = function (b) { + if (this.isInfinity()) return b; + if (b.isInfinity()) return this; - // u = Y2 * Z1 - Y1 * Z2 - var u = b.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(b.z)).mod(this.curve.q); - // v = X2 * Z1 - X1 * Z2 - var v = b.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(b.z)).mod(this.curve.q); + // u = Y2 * Z1 - Y1 * Z2 + var u = b.y.toBigInteger().multiply(this.z).subtract(this.y.toBigInteger().multiply(b.z)).mod(this.curve.q); + // v = X2 * Z1 - X1 * Z2 + var v = b.x.toBigInteger().multiply(this.z).subtract(this.x.toBigInteger().multiply(b.z)).mod(this.curve.q); - if (BigInteger.ZERO.equals(v)) { - if (BigInteger.ZERO.equals(u)) { - return this.twice(); // this == b, so double - } - return this.curve.getInfinity(); // this = -b, so infinity - } + if (BigInteger.ZERO.equals(v)) { + if (BigInteger.ZERO.equals(u)) { + return this.twice(); // this == b, so double + } + return this.curve.getInfinity(); // this = -b, so infinity + } - var THREE = new BigInteger("3"); - var x1 = this.x.toBigInteger(); - var y1 = this.y.toBigInteger(); - var x2 = b.x.toBigInteger(); - var y2 = b.y.toBigInteger(); + var THREE = new BigInteger("3"); + var x1 = this.x.toBigInteger(); + var y1 = this.y.toBigInteger(); + var x2 = b.x.toBigInteger(); + var y2 = b.y.toBigInteger(); - var v2 = v.square(); - var v3 = v2.multiply(v); - var x1v2 = x1.multiply(v2); - var zu2 = u.square().multiply(this.z); + var v2 = v.square(); + var v3 = v2.multiply(v); + var x1v2 = x1.multiply(v2); + var zu2 = u.square().multiply(this.z); - // x3 = v * (z2 * (z1 * u^2 - 2 * x1 * v^2) - v^3) - var x3 = zu2.subtract(x1v2.shiftLeft(1)).multiply(b.z).subtract(v3).multiply(v).mod(this.curve.q); - // y3 = z2 * (3 * x1 * u * v^2 - y1 * v^3 - z1 * u^3) + u * v^3 - var y3 = x1v2.multiply(THREE).multiply(u).subtract(y1.multiply(v3)).subtract(zu2.multiply(u)).multiply(b.z).add(u.multiply(v3)).mod(this.curve.q); - // z3 = v^3 * z1 * z2 - var z3 = v3.multiply(this.z).multiply(b.z).mod(this.curve.q); + // x3 = v * (z2 * (z1 * u^2 - 2 * x1 * v^2) - v^3) + var x3 = zu2.subtract(x1v2.shiftLeft(1)).multiply(b.z).subtract(v3).multiply(v).mod(this.curve.q); + // y3 = z2 * (3 * x1 * u * v^2 - y1 * v^3 - z1 * u^3) + u * v^3 + var y3 = x1v2.multiply(THREE).multiply(u).subtract(y1.multiply(v3)).subtract(zu2.multiply(u)).multiply(b.z).add(u.multiply(v3)).mod(this.curve.q); + // z3 = v^3 * z1 * z2 + var z3 = v3.multiply(this.z).multiply(b.z).mod(this.curve.q); - return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3), z3); - }; + return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3), z3); + }; - ec.PointFp.prototype.twice = function () { - if (this.isInfinity()) return this; - if (this.y.toBigInteger().signum() == 0) return this.curve.getInfinity(); + ec.PointFp.prototype.twice = function () { + if (this.isInfinity()) return this; + if (this.y.toBigInteger().signum() == 0) return this.curve.getInfinity(); - // TODO: optimized handling of constants - var THREE = new BigInteger("3"); - var x1 = this.x.toBigInteger(); - var y1 = this.y.toBigInteger(); + // TODO: optimized handling of constants + var THREE = new BigInteger("3"); + var x1 = this.x.toBigInteger(); + var y1 = this.y.toBigInteger(); - var y1z1 = y1.multiply(this.z); - var y1sqz1 = y1z1.multiply(y1).mod(this.curve.q); - var a = this.curve.a.toBigInteger(); + var y1z1 = y1.multiply(this.z); + var y1sqz1 = y1z1.multiply(y1).mod(this.curve.q); + var a = this.curve.a.toBigInteger(); - // w = 3 * x1^2 + a * z1^2 - var w = x1.square().multiply(THREE); - if (!BigInteger.ZERO.equals(a)) { - w = w.add(this.z.square().multiply(a)); - } - w = w.mod(this.curve.q); - //this.curve.reduce(w); - // x3 = 2 * y1 * z1 * (w^2 - 8 * x1 * y1^2 * z1) - var x3 = w.square().subtract(x1.shiftLeft(3).multiply(y1sqz1)).shiftLeft(1).multiply(y1z1).mod(this.curve.q); - // y3 = 4 * y1^2 * z1 * (3 * w * x1 - 2 * y1^2 * z1) - w^3 - var y3 = w.multiply(THREE).multiply(x1).subtract(y1sqz1.shiftLeft(1)).shiftLeft(2).multiply(y1sqz1).subtract(w.square().multiply(w)).mod(this.curve.q); - // z3 = 8 * (y1 * z1)^3 - var z3 = y1z1.square().multiply(y1z1).shiftLeft(3).mod(this.curve.q); + // w = 3 * x1^2 + a * z1^2 + var w = x1.square().multiply(THREE); + if (!BigInteger.ZERO.equals(a)) { + w = w.add(this.z.square().multiply(a)); + } + w = w.mod(this.curve.q); + //this.curve.reduce(w); + // x3 = 2 * y1 * z1 * (w^2 - 8 * x1 * y1^2 * z1) + var x3 = w.square().subtract(x1.shiftLeft(3).multiply(y1sqz1)).shiftLeft(1).multiply(y1z1).mod(this.curve.q); + // y3 = 4 * y1^2 * z1 * (3 * w * x1 - 2 * y1^2 * z1) - w^3 + var y3 = w.multiply(THREE).multiply(x1).subtract(y1sqz1.shiftLeft(1)).shiftLeft(2).multiply(y1sqz1).subtract(w.square().multiply(w)).mod(this.curve.q); + // z3 = 8 * (y1 * z1)^3 + var z3 = y1z1.square().multiply(y1z1).shiftLeft(3).mod(this.curve.q); - return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3), z3); - }; + return new ec.PointFp(this.curve, this.curve.fromBigInteger(x3), this.curve.fromBigInteger(y3), z3); + }; - // Simple NAF (Non-Adjacent Form) multiplication algorithm - // TODO: modularize the multiplication algorithm - ec.PointFp.prototype.multiply = function (k) { - if (this.isInfinity()) return this; - if (k.signum() == 0) return this.curve.getInfinity(); + // Simple NAF (Non-Adjacent Form) multiplication algorithm + // TODO: modularize the multiplication algorithm + ec.PointFp.prototype.multiply = function (k) { + if (this.isInfinity()) return this; + if (k.signum() == 0) return this.curve.getInfinity(); - var e = k; - var h = e.multiply(new BigInteger("3")); + var e = k; + var h = e.multiply(new BigInteger("3")); - var neg = this.negate(); - var R = this; + var neg = this.negate(); + var R = this; - var i; - for (i = h.bitLength() - 2; i > 0; --i) { - R = R.twice(); + var i; + for (i = h.bitLength() - 2; i > 0; --i) { + R = R.twice(); - var hBit = h.testBit(i); - var eBit = e.testBit(i); + var hBit = h.testBit(i); + var eBit = e.testBit(i); - if (hBit != eBit) { - R = R.add(hBit ? this : neg); - } - } + if (hBit != eBit) { + R = R.add(hBit ? this : neg); + } + } - return R; - }; + return R; + }; - // Compute this*j + x*k (simultaneous multiplication) - ec.PointFp.prototype.multiplyTwo = function (j, x, k) { - var i; - if (j.bitLength() > k.bitLength()) - i = j.bitLength() - 1; - else - i = k.bitLength() - 1; + // Compute this*j + x*k (simultaneous multiplication) + ec.PointFp.prototype.multiplyTwo = function (j, x, k) { + var i; + if (j.bitLength() > k.bitLength()) + i = j.bitLength() - 1; + else + i = k.bitLength() - 1; - var R = this.curve.getInfinity(); - var both = this.add(x); - while (i >= 0) { - R = R.twice(); - if (j.testBit(i)) { - if (k.testBit(i)) { - R = R.add(both); - } - else { - R = R.add(this); - } - } - else { - if (k.testBit(i)) { - R = R.add(x); - } - } - --i; - } + var R = this.curve.getInfinity(); + var both = this.add(x); + while (i >= 0) { + R = R.twice(); + if (j.testBit(i)) { + if (k.testBit(i)) { + R = R.add(both); + } + else { + R = R.add(this); + } + } + else { + if (k.testBit(i)) { + R = R.add(x); + } + } + --i; + } - return R; - }; + return R; + }; - // patched by bitaddress.org and Casascius for use with Bitcoin.ECKey - // patched by coretechs to support compressed public keys - ec.PointFp.prototype.getEncoded = function (compressed) { - var x = this.getX().toBigInteger(); - var y = this.getY().toBigInteger(); - var len = 32; // integerToBytes will zero pad if integer is less than 32 bytes. 32 bytes length is required by the Bitcoin protocol. - var enc = ec.integerToBytes(x, len); + // patched by bitaddress.org and Casascius for use with Bitcoin.ECKey + // patched by coretechs to support compressed public keys + ec.PointFp.prototype.getEncoded = function (compressed) { + var x = this.getX().toBigInteger(); + var y = this.getY().toBigInteger(); + var len = 32; // integerToBytes will zero pad if integer is less than 32 bytes. 32 bytes length is required by the Bitcoin protocol. + var enc = ec.integerToBytes(x, len); - // when compressed prepend byte depending if y point is even or odd - if (compressed) { - if (y.isEven()) { - enc.unshift(0x02); - } - else { - enc.unshift(0x03); - } - } - else { - enc.unshift(0x04); - enc = enc.concat(ec.integerToBytes(y, len)); // uncompressed public key appends the bytes of the y point - } - return enc; - }; + // when compressed prepend byte depending if y point is even or odd + if (compressed) { + if (y.isEven()) { + enc.unshift(0x02); + } + else { + enc.unshift(0x03); + } + } + else { + enc.unshift(0x04); + enc = enc.concat(ec.integerToBytes(y, len)); // uncompressed public key appends the bytes of the y point + } + return enc; + }; - ec.PointFp.decodeFrom = function (curve, enc) { - var type = enc[0]; - var dataLen = enc.length - 1; + ec.PointFp.decodeFrom = function (curve, enc) { + var type = enc[0]; + var dataLen = enc.length - 1; - // Extract x and y as byte arrays - var xBa = enc.slice(1, 1 + dataLen / 2); - var yBa = enc.slice(1 + dataLen / 2, 1 + dataLen); + // Extract x and y as byte arrays + var xBa = enc.slice(1, 1 + dataLen / 2); + var yBa = enc.slice(1 + dataLen / 2, 1 + dataLen); - // Prepend zero byte to prevent interpretation as negative integer - xBa.unshift(0); - yBa.unshift(0); + // Prepend zero byte to prevent interpretation as negative integer + xBa.unshift(0); + yBa.unshift(0); - // Convert to BigIntegers - var x = new BigInteger(xBa); - var y = new BigInteger(yBa); + // Convert to BigIntegers + var x = new BigInteger(xBa); + var y = new BigInteger(yBa); - // Return point - return new ec.PointFp(curve, curve.fromBigInteger(x), curve.fromBigInteger(y)); - }; + // Return point + return new ec.PointFp(curve, curve.fromBigInteger(x), curve.fromBigInteger(y)); + }; - ec.PointFp.prototype.add2D = function (b) { - if (this.isInfinity()) return b; - if (b.isInfinity()) return this; + ec.PointFp.prototype.add2D = function (b) { + if (this.isInfinity()) return b; + if (b.isInfinity()) return this; - if (this.x.equals(b.x)) { - if (this.y.equals(b.y)) { - // this = b, i.e. this must be doubled - return this.twice(); - } - // this = -b, i.e. the result is the point at infinity - return this.curve.getInfinity(); - } + if (this.x.equals(b.x)) { + if (this.y.equals(b.y)) { + // this = b, i.e. this must be doubled + return this.twice(); + } + // this = -b, i.e. the result is the point at infinity + return this.curve.getInfinity(); + } - var x_x = b.x.subtract(this.x); - var y_y = b.y.subtract(this.y); - var gamma = y_y.divide(x_x); + var x_x = b.x.subtract(this.x); + var y_y = b.y.subtract(this.y); + var gamma = y_y.divide(x_x); - var x3 = gamma.square().subtract(this.x).subtract(b.x); - var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y); + var x3 = gamma.square().subtract(this.x).subtract(b.x); + var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y); - return new ec.PointFp(this.curve, x3, y3); - }; + return new ec.PointFp(this.curve, x3, y3); + }; - ec.PointFp.prototype.twice2D = function () { - if (this.isInfinity()) return this; - if (this.y.toBigInteger().signum() == 0) { - // if y1 == 0, then (x1, y1) == (x1, -y1) - // and hence this = -this and thus 2(x1, y1) == infinity - return this.curve.getInfinity(); - } + ec.PointFp.prototype.twice2D = function () { + if (this.isInfinity()) return this; + if (this.y.toBigInteger().signum() == 0) { + // if y1 == 0, then (x1, y1) == (x1, -y1) + // and hence this = -this and thus 2(x1, y1) == infinity + return this.curve.getInfinity(); + } - var TWO = this.curve.fromBigInteger(BigInteger.valueOf(2)); - var THREE = this.curve.fromBigInteger(BigInteger.valueOf(3)); - var gamma = this.x.square().multiply(THREE).add(this.curve.a).divide(this.y.multiply(TWO)); + var TWO = this.curve.fromBigInteger(BigInteger.valueOf(2)); + var THREE = this.curve.fromBigInteger(BigInteger.valueOf(3)); + var gamma = this.x.square().multiply(THREE).add(this.curve.a).divide(this.y.multiply(TWO)); - var x3 = gamma.square().subtract(this.x.multiply(TWO)); - var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y); + var x3 = gamma.square().subtract(this.x.multiply(TWO)); + var y3 = gamma.multiply(this.x.subtract(x3)).subtract(this.y); - return new ec.PointFp(this.curve, x3, y3); - }; + return new ec.PointFp(this.curve, x3, y3); + }; - ec.PointFp.prototype.multiply2D = function (k) { - if (this.isInfinity()) return this; - if (k.signum() == 0) return this.curve.getInfinity(); + ec.PointFp.prototype.multiply2D = function (k) { + if (this.isInfinity()) return this; + if (k.signum() == 0) return this.curve.getInfinity(); - var e = k; - var h = e.multiply(new BigInteger("3")); + var e = k; + var h = e.multiply(new BigInteger("3")); - var neg = this.negate(); - var R = this; + var neg = this.negate(); + var R = this; - var i; - for (i = h.bitLength() - 2; i > 0; --i) { - R = R.twice(); + var i; + for (i = h.bitLength() - 2; i > 0; --i) { + R = R.twice(); - var hBit = h.testBit(i); - var eBit = e.testBit(i); + var hBit = h.testBit(i); + var eBit = e.testBit(i); - if (hBit != eBit) { - R = R.add2D(hBit ? this : neg); - } - } + if (hBit != eBit) { + R = R.add2D(hBit ? this : neg); + } + } - return R; - }; + return R; + }; + ec.PointFp.prototype.isOnCurve = function () { + var x = this.getX().toBigInteger(); + var y = this.getY().toBigInteger(); + var a = this.curve.getA().toBigInteger(); + var b = this.curve.getB().toBigInteger(); + var n = this.curve.getQ(); + var lhs = y.multiply(y).mod(n); + var rhs = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(n); + return lhs.equals(rhs); + }; - ec.PointFp.prototype.isOnCurve = function () { - var x = this.getX().toBigInteger(); - var y = this.getY().toBigInteger(); - var a = this.curve.getA().toBigInteger(); - var b = this.curve.getB().toBigInteger(); - var n = this.curve.getQ(); - var lhs = y.multiply(y).mod(n); - var rhs = x.multiply(x).multiply(x).add(a.multiply(x)).add(b).mod(n); - return lhs.equals(rhs); - }; - - ec.PointFp.prototype.toString = function () { - return '(' + this.getX().toBigInteger().toString() + ',' + this.getY().toBigInteger().toString() + ')'; - }; + ec.PointFp.prototype.toString = function () { + return '(' + this.getX().toBigInteger().toString() + ',' + this.getY().toBigInteger().toString() + ')'; + }; /** * Validate an elliptic curve point. * * See SEC 1, section 3.2.2.1: Elliptic Curve Public Key Validation Primitive */ - ec.PointFp.prototype.validate = function () { - var n = this.curve.getQ(); + ec.PointFp.prototype.validate = function () { + var n = this.curve.getQ(); - // Check Q != O - if (this.isInfinity()) { - throw new Error("Point is at infinity."); - } + // Check Q != O + if (this.isInfinity()) { + throw new Error("Point is at infinity."); + } - // Check coordinate bounds - var x = this.getX().toBigInteger(); - var y = this.getY().toBigInteger(); - if (x.compareTo(BigInteger.ONE) < 0 || x.compareTo(n.subtract(BigInteger.ONE)) > 0) { - throw new Error('x coordinate out of bounds'); - } - if (y.compareTo(BigInteger.ONE) < 0 || y.compareTo(n.subtract(BigInteger.ONE)) > 0) { - throw new Error('y coordinate out of bounds'); - } + // Check coordinate bounds + var x = this.getX().toBigInteger(); + var y = this.getY().toBigInteger(); + if (x.compareTo(BigInteger.ONE) < 0 || x.compareTo(n.subtract(BigInteger.ONE)) > 0) { + throw new Error('x coordinate out of bounds'); + } + if (y.compareTo(BigInteger.ONE) < 0 || y.compareTo(n.subtract(BigInteger.ONE)) > 0) { + throw new Error('y coordinate out of bounds'); + } - // Check y^2 = x^3 + ax + b (mod n) - if (!this.isOnCurve()) { - throw new Error("Point is not on the curve."); - } + // Check y^2 = x^3 + ax + b (mod n) + if (!this.isOnCurve()) { + throw new Error("Point is not on the curve."); + } - // Check nQ = 0 (Q is a scalar multiple of G) - if (this.multiply(n).isInfinity()) { - // TODO: This check doesn't work - fix. - throw new Error("Point is not a scalar multiple of G."); - } + // Check nQ = 0 (Q is a scalar multiple of G) + if (this.multiply(n).isInfinity()) { + // TODO: This check doesn't work - fix. + throw new Error("Point is not a scalar multiple of G."); + } - return true; - }; + return true; + }; + // ---------------- + // ECCurveFp constructor + ec.CurveFp = function (q, a, b) { + this.q = q; + this.a = this.fromBigInteger(a); + this.b = this.fromBigInteger(b); + this.infinity = new ec.PointFp(this, null, null); + this.reducer = new Barrett(this.q); + } + ec.CurveFp.prototype.getQ = function () { + return this.q; + }; + ec.CurveFp.prototype.getA = function () { + return this.a; + }; - // ---------------- - // ECCurveFp constructor - ec.CurveFp = function (q, a, b) { - this.q = q; - this.a = this.fromBigInteger(a); - this.b = this.fromBigInteger(b); - this.infinity = new ec.PointFp(this, null, null); - this.reducer = new Barrett(this.q); - } + ec.CurveFp.prototype.getB = function () { + return this.b; + }; - ec.CurveFp.prototype.getQ = function () { - return this.q; - }; + ec.CurveFp.prototype.equals = function (other) { + if (other == this) return true; + return (this.q.equals(other.q) && this.a.equals(other.a) && this.b.equals(other.b)); + }; - ec.CurveFp.prototype.getA = function () { - return this.a; - }; + ec.CurveFp.prototype.getInfinity = function () { + return this.infinity; + }; - ec.CurveFp.prototype.getB = function () { - return this.b; - }; + ec.CurveFp.prototype.fromBigInteger = function (x) { + return new ec.FieldElementFp(this.q, x); + }; - ec.CurveFp.prototype.equals = function (other) { - if (other == this) return true; - return (this.q.equals(other.q) && this.a.equals(other.a) && this.b.equals(other.b)); - }; + ec.CurveFp.prototype.reduce = function (x) { + this.reducer.reduce(x); + }; - ec.CurveFp.prototype.getInfinity = function () { - return this.infinity; - }; + // for now, work with hex strings because they're easier in JS + // compressed support added by bitaddress.org + ec.CurveFp.prototype.decodePointHex = function (s) { + var firstByte = parseInt(s.substr(0, 2), 16); + switch (firstByte) { // first byte + case 0: + return this.infinity; + case 2: // compressed + case 3: // compressed + var yTilde = firstByte & 1; + var xHex = s.substr(2, s.length - 2); + var X1 = new BigInteger(xHex, 16); + return this.decompressPoint(yTilde, X1); + case 4: // uncompressed + case 6: // hybrid + case 7: // hybrid + var len = (s.length - 2) / 2; + var xHex = s.substr(2, len); + var yHex = s.substr(len + 2, len); - ec.CurveFp.prototype.fromBigInteger = function (x) { - return new ec.FieldElementFp(this.q, x); - }; + return new ec.PointFp(this, + this.fromBigInteger(new BigInteger(xHex, 16)), + this.fromBigInteger(new BigInteger(yHex, 16))); - ec.CurveFp.prototype.reduce = function (x) { - this.reducer.reduce(x); - }; + default: // unsupported + return null; + } + }; - // for now, work with hex strings because they're easier in JS - // compressed support added by bitaddress.org - ec.CurveFp.prototype.decodePointHex = function (s) { - var firstByte = parseInt(s.substr(0, 2), 16); - switch (firstByte) { // first byte - case 0: - return this.infinity; - case 2: // compressed - case 3: // compressed - var yTilde = firstByte & 1; - var xHex = s.substr(2, s.length - 2); - var X1 = new BigInteger(xHex, 16); - return this.decompressPoint(yTilde, X1); - case 4: // uncompressed - case 6: // hybrid - case 7: // hybrid - var len = (s.length - 2) / 2; - var xHex = s.substr(2, len); - var yHex = s.substr(len + 2, len); - - return new ec.PointFp(this, - this.fromBigInteger(new BigInteger(xHex, 16)), - this.fromBigInteger(new BigInteger(yHex, 16))); - - default: // unsupported - return null; - } - }; - - ec.CurveFp.prototype.encodePointHex = function (p) { - if (p.isInfinity()) return "00"; - var xHex = p.getX().toBigInteger().toString(16); - var yHex = p.getY().toBigInteger().toString(16); - var oLen = this.getQ().toString(16).length; - if ((oLen % 2) != 0) oLen++; - while (xHex.length < oLen) { - xHex = "0" + xHex; - } - while (yHex.length < oLen) { - yHex = "0" + yHex; - } - return "04" + xHex + yHex; - }; + ec.CurveFp.prototype.encodePointHex = function (p) { + if (p.isInfinity()) return "00"; + var xHex = p.getX().toBigInteger().toString(16); + var yHex = p.getY().toBigInteger().toString(16); + var oLen = this.getQ().toString(16).length; + if ((oLen % 2) != 0) oLen++; + while (xHex.length < oLen) { + xHex = "0" + xHex; + } + while (yHex.length < oLen) { + yHex = "0" + yHex; + } + return "04" + xHex + yHex; + }; /* * Copyright (c) 2000 - 2011 The Legion Of The Bouncy Castle (http://www.bouncycastle.org) @@ -2537,84 +2523,84 @@ * Number yTilde * BigInteger X1 */ - ec.CurveFp.prototype.decompressPoint = function (yTilde, X1) { - var x = this.fromBigInteger(X1); - var alpha = x.multiply(x.square().add(this.getA())).add(this.getB()); - var beta = alpha.sqrt(); - // if we can't find a sqrt we haven't got a point on the curve - run! - if (beta == null) throw new Error("Invalid point compression"); - var betaValue = beta.toBigInteger(); - var bit0 = betaValue.testBit(0) ? 1 : 0; - if (bit0 != yTilde) { - // Use the other root - beta = this.fromBigInteger(this.getQ().subtract(betaValue)); - } - return new ec.PointFp(this, x, beta, null, true); - }; + ec.CurveFp.prototype.decompressPoint = function (yTilde, X1) { + var x = this.fromBigInteger(X1); + var alpha = x.multiply(x.square().add(this.getA())).add(this.getB()); + var beta = alpha.sqrt(); + // if we can't find a sqrt we haven't got a point on the curve - run! + if (beta == null) throw new Error("Invalid point compression"); + var betaValue = beta.toBigInteger(); + var bit0 = betaValue.testBit(0) ? 1 : 0; + if (bit0 != yTilde) { + // Use the other root + beta = this.fromBigInteger(this.getQ().subtract(betaValue)); + } + return new ec.PointFp(this, x, beta, null, true); + }; - ec.fromHex = function (s) { return new BigInteger(s, 16); }; + ec.fromHex = function (s) { return new BigInteger(s, 16); }; - ec.integerToBytes = function (i, len) { - var bytes = i.toByteArrayUnsigned(); - if (len < bytes.length) { - bytes = bytes.slice(bytes.length - len); - } else while (len > bytes.length) { - bytes.unshift(0); - } - return bytes; - }; + ec.integerToBytes = function (i, len) { + var bytes = i.toByteArrayUnsigned(); + if (len < bytes.length) { + bytes = bytes.slice(bytes.length - len); + } else while (len > bytes.length) { + bytes.unshift(0); + } + return bytes; + }; - // Named EC curves - // ---------------- - // X9ECParameters constructor - ec.X9Parameters = function (curve, g, n, h) { - this.curve = curve; - this.g = g; - this.n = n; - this.h = h; - } - ec.X9Parameters.prototype.getCurve = function () { return this.curve; }; - ec.X9Parameters.prototype.getG = function () { return this.g; }; - ec.X9Parameters.prototype.getN = function () { return this.n; }; - ec.X9Parameters.prototype.getH = function () { return this.h; }; + // Named EC curves + // ---------------- + // X9ECParameters constructor + ec.X9Parameters = function (curve, g, n, h) { + this.curve = curve; + this.g = g; + this.n = n; + this.h = h; + } + ec.X9Parameters.prototype.getCurve = function () { return this.curve; }; + ec.X9Parameters.prototype.getG = function () { return this.g; }; + ec.X9Parameters.prototype.getN = function () { return this.n; }; + ec.X9Parameters.prototype.getH = function () { return this.h; }; - // secp256k1 is the Curve used by Bitcoin - ec.secNamedCurves = { - // used by Bitcoin - "secp256k1": function () { - // p = 2^256 - 2^32 - 2^9 - 2^8 - 2^7 - 2^6 - 2^4 - 1 - var p = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F"); - var a = BigInteger.ZERO; - var b = ec.fromHex("7"); - var n = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141"); - var h = BigInteger.ONE; - var curve = new ec.CurveFp(p, a, b); - var G = curve.decodePointHex("04" - + "79BE667EF9DCBBAC55A06295CE870B07029BFCDB2DCE28D959F2815B16F81798" - + "483ADA7726A3C4655DA4FBFC0E1108A8FD17B448A68554199C47D08FFB10D4B8"); - return new ec.X9Parameters(curve, G, n, h); - } - }; + // secp256k1 is the Curve used by Bitcoin + ec.secNamedCurves = { + // used by Bitcoin + "secp256k1": function () { + // p = 2^256 - 2^32 - 2^9 - 2^8 - 2^7 - 2^6 - 2^4 - 1 + var p = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEFFFFFC2F"); + var a = BigInteger.ZERO; + var b = ec.fromHex("7"); + var n = ec.fromHex("FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFEBAAEDCE6AF48A03BBFD25E8CD0364141"); + var h = BigInteger.ONE; + var curve = new ec.CurveFp(p, a, b); + var G = curve.decodePointHex("04" + + "79BE667EF9DCBBAC55A06295CE870B07029BFCDB2DCE28D959F2815B16F81798" + + "483ADA7726A3C4655DA4FBFC0E1108A8FD17B448A68554199C47D08FFB10D4B8"); + return new ec.X9Parameters(curve, G, n, h); + } + }; - // secp256k1 called by Bitcoin's ECKEY - ec.getSECCurveByName = function (name) { - if (ec.secNamedCurves[name] == undefined) return null; - return ec.secNamedCurves[name](); - } + // secp256k1 called by Bitcoin's ECKEY + ec.getSECCurveByName = function (name) { + if (ec.secNamedCurves[name] == undefined) return null; + return ec.secNamedCurves[name](); + } - if (typeof exports !== 'undefined') { - exports = module.exports = { - default: ec, - EllipticCurve: ec, - BigInteger: BigInteger - }; - } else { - this.ecbn = { - EllipticCurve: ec, - BigInteger: BigInteger - }; - } + if (typeof exports !== 'undefined') { + exports = module.exports = { + default: ec, + EllipticCurve: ec, + BigInteger: BigInteger + }; + } else { + this.ecbn = { + EllipticCurve: ec, + BigInteger: BigInteger + }; + } -}).call(this); \ No newline at end of file +}).call(this); diff --git a/crypto/api/bitcoin/jsbn.js b/crypto/api/bitcoin/jsbn.js index 0e306853..e3c323bd 100644 --- a/crypto/api/bitcoin/jsbn.js +++ b/crypto/api/bitcoin/jsbn.js @@ -1,1940 +1,1937 @@ (function () { - // Copyright (c) 2005 Tom Wu - // All Rights Reserved. - // See "LICENSE" for details. - - // Basic JavaScript BN library - subset useful for RSA encryption. - - // Bits per digit - var dbits; - - // JavaScript engine analysis - var canary = 0xdeadbeefcafe; - var j_lm = (canary & 0xffffff) == 0xefcafe; - - // (public) Constructor - function BigInteger(a, b, c) { - if (a != null) - if ('number' == typeof a) this.fromNumber(a, b, c); - else if (b == null && 'string' != typeof a) this.fromString(a, 256); - else this.fromString(a, b); - } - - // return new, unset BigInteger - function nbi() { - return new BigInteger(null); - } - - // am: Compute w_j += (x*this_i), propagate carries, - // c is initial carry, returns final carry. - // c < 3*dvalue, x < 2*dvalue, this_i < dvalue - // We need to select the fastest one that works in this environment. - - // am1: use a single mult and divide to get the high bits, - // max digit bits should be 26 because - // max internal value = 2*dvalue^2-2*dvalue (< 2^53) - function am1(i, x, w, j, c, n) { - while (--n >= 0) { - var v = x * this[i++] + w[j] + c; - c = Math.floor(v / 0x4000000); - w[j++] = v & 0x3ffffff; - } - return c; - } - // am2 avoids a big mult-and-extract completely. - // Max digit bits should be <= 30 because we do bitwise ops - // on values up to 2*hdvalue^2-hdvalue-1 (< 2^31) - function am2(i, x, w, j, c, n) { - var xl = x & 0x7fff, - xh = x >> 15; - while (--n >= 0) { - var l = this[i] & 0x7fff; - var h = this[i++] >> 15; - var m = xh * l + h * xl; - l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff); - c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30); - w[j++] = l & 0x3fffffff; - } - return c; - } - // Alternately, set max digit bits to 28 since some - // browsers slow down when dealing with 32-bit numbers. - function am3(i, x, w, j, c, n) { - var xl = x & 0x3fff, - xh = x >> 14; - while (--n >= 0) { - var l = this[i] & 0x3fff; - var h = this[i++] >> 14; - var m = xh * l + h * xl; - l = xl * l + ((m & 0x3fff) << 14) + w[j] + c; - c = (l >> 28) + (m >> 14) + xh * h; - w[j++] = l & 0xfffffff; - } - return c; - } - var inBrowser = typeof navigator !== 'undefined'; - if (inBrowser && j_lm && navigator.appName == 'Microsoft Internet Explorer') { - BigInteger.prototype.am = am2; - dbits = 30; - } else if (inBrowser && j_lm && navigator.appName != 'Netscape') { - BigInteger.prototype.am = am1; - dbits = 26; - } else { - // Mozilla/Netscape seems to prefer am3 - BigInteger.prototype.am = am3; - dbits = 28; - } - - BigInteger.prototype.DB = dbits; - BigInteger.prototype.DM = (1 << dbits) - 1; - BigInteger.prototype.DV = 1 << dbits; - - var BI_FP = 52; - BigInteger.prototype.FV = Math.pow(2, BI_FP); - BigInteger.prototype.F1 = BI_FP - dbits; - BigInteger.prototype.F2 = 2 * dbits - BI_FP; - - // Digit conversions - var BI_RM = '0123456789abcdefghijklmnopqrstuvwxyz'; - var BI_RC = new Array(); - var rr, vv; - rr = '0'.charCodeAt(0); - for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv; - rr = 'a'.charCodeAt(0); - for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; - rr = 'A'.charCodeAt(0); - for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; - - function int2char(n) { - return BI_RM.charAt(n); - } - function intAt(s, i) { - var c = BI_RC[s.charCodeAt(i)]; - return c == null ? -1 : c; - } - - // (protected) copy this to r - function bnpCopyTo(r) { - for (var i = this.t - 1; i >= 0; --i) r[i] = this[i]; - r.t = this.t; - r.s = this.s; - } - - // (protected) set from integer value x, -DV <= x < DV - function bnpFromInt(x) { - this.t = 1; - this.s = x < 0 ? -1 : 0; - if (x > 0) this[0] = x; - else if (x < -1) this[0] = x + this.DV; - else this.t = 0; - } - - // return bigint initialized to value - function nbv(i) { - var r = nbi(); - r.fromInt(i); - return r; - } - - // (protected) set from string and radix - function bnpFromString(s, b) { - // Auto-detect string notations - if (!b && s.length >= 2 && s[0] === '0') { - var isDetected = true; - switch (s[1]) { - case 'x': // Hexadecimal notation - b = 16; - break; - case 'b': // Binary notation - b = 2; - break; - case 'o': // Octal notation - b = 8; - break; - default: - isDetected = false; - } - - // Remove the notation string if any has been detected - if (isDetected) { - s = s.substr(2); - } - } - - var k; - if (b == 16) k = 4; - else if (b == 8) k = 3; - else if (b == 256) k = 8; - // byte array - else if (b == 2) k = 1; - else if (b == 32) k = 5; - else if (b == 4) k = 2; - else { - this.fromRadix(s, b); - return; - } - this.t = 0; - this.s = 0; - var i = s.length, - mi = false, - sh = 0; - while (--i >= 0) { - var x = k == 8 ? s[i] & 0xff : intAt(s, i); - if (x < 0) { - if (s.charAt(i) == '-') mi = true; - continue; - } - mi = false; - if (sh == 0) this[this.t++] = x; - else if (sh + k > this.DB) { - this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh; - this[this.t++] = x >> (this.DB - sh); - } else this[this.t - 1] |= x << sh; - sh += k; - if (sh >= this.DB) sh -= this.DB; - } - if (k == 8 && (s[0] & 0x80) != 0) { - this.s = -1; - if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh; - } - this.clamp(); - if (mi) BigInteger.ZERO.subTo(this, this); - } - - // (protected) clamp off excess high words - function bnpClamp() { - var c = this.s & this.DM; - while (this.t > 0 && this[this.t - 1] == c) --this.t; - } - - // (public) return string representation in given radix - function bnToString(b) { - if (this.s < 0) return '-' + this.negate().toString(b); - var k; - if (b == 16) k = 4; - else if (b == 8) k = 3; - else if (b == 2) k = 1; - else if (b == 32) k = 5; - else if (b == 4) k = 2; - else return this.toRadix(b); - var km = (1 << k) - 1, - d, - m = false, - r = '', - i = this.t; - var p = this.DB - ((i * this.DB) % k); - if (i-- > 0) { - if (p < this.DB && (d = this[i] >> p) > 0) { - m = true; - r = int2char(d); - } - while (i >= 0) { - if (p < k) { - d = (this[i] & ((1 << p) - 1)) << (k - p); - d |= this[--i] >> (p += this.DB - k); - } else { - d = (this[i] >> (p -= k)) & km; - if (p <= 0) { - p += this.DB; - --i; - } - } - if (d > 0) m = true; - if (m) r += int2char(d); - } - } - return m ? r : '0'; - } - - // (public) -this - function bnNegate() { - var r = nbi(); - BigInteger.ZERO.subTo(this, r); - return r; - } - - // (public) |this| - function bnAbs() { - return this.s < 0 ? this.negate() : this; - } - - // (public) return + if this > a, - if this < a, 0 if equal - function bnCompareTo(a) { - var r = this.s - a.s; - if (r != 0) return r; - var i = this.t; - r = i - a.t; - if (r != 0) return this.s < 0 ? -r : r; - while (--i >= 0) if ((r = this[i] - a[i]) != 0) return r; - return 0; - } - - // returns bit length of the integer x - function nbits(x) { - var r = 1, - t; - if ((t = x >>> 16) != 0) { - x = t; - r += 16; - } - if ((t = x >> 8) != 0) { - x = t; - r += 8; - } - if ((t = x >> 4) != 0) { - x = t; - r += 4; - } - if ((t = x >> 2) != 0) { - x = t; - r += 2; - } - if ((t = x >> 1) != 0) { - x = t; - r += 1; - } - return r; - } - - // (public) return the number of bits in "this" - function bnBitLength() { - if (this.t <= 0) return 0; - return ( - this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM)) - ); - } - - // (protected) r = this << n*DB - function bnpDLShiftTo(n, r) { - var i; - for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i]; - for (i = n - 1; i >= 0; --i) r[i] = 0; - r.t = this.t + n; - r.s = this.s; - } - - // (protected) r = this >> n*DB - function bnpDRShiftTo(n, r) { - for (var i = n; i < this.t; ++i) r[i - n] = this[i]; - r.t = Math.max(this.t - n, 0); - r.s = this.s; - } - - // (protected) r = this << n - function bnpLShiftTo(n, r) { - var bs = n % this.DB; - var cbs = this.DB - bs; - var bm = (1 << cbs) - 1; - var ds = Math.floor(n / this.DB), - c = (this.s << bs) & this.DM, - i; - for (i = this.t - 1; i >= 0; --i) { - r[i + ds + 1] = (this[i] >> cbs) | c; - c = (this[i] & bm) << bs; - } - for (i = ds - 1; i >= 0; --i) r[i] = 0; - r[ds] = c; - r.t = this.t + ds + 1; - r.s = this.s; - r.clamp(); - } - - // (protected) r = this >> n - function bnpRShiftTo(n, r) { - r.s = this.s; - var ds = Math.floor(n / this.DB); - if (ds >= this.t) { - r.t = 0; - return; - } - var bs = n % this.DB; - var cbs = this.DB - bs; - var bm = (1 << bs) - 1; - r[0] = this[ds] >> bs; - for (var i = ds + 1; i < this.t; ++i) { - r[i - ds - 1] |= (this[i] & bm) << cbs; - r[i - ds] = this[i] >> bs; - } - if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs; - r.t = this.t - ds; - r.clamp(); - } - - // (protected) r = this - a - function bnpSubTo(a, r) { - var i = 0, - c = 0, - m = Math.min(a.t, this.t); - while (i < m) { - c += this[i] - a[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - if (a.t < this.t) { - c -= a.s; - while (i < this.t) { - c += this[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c += this.s; - } else { - c += this.s; - while (i < a.t) { - c -= a[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c -= a.s; - } - r.s = c < 0 ? -1 : 0; - if (c < -1) r[i++] = this.DV + c; - else if (c > 0) r[i++] = c; - r.t = i; - r.clamp(); - } - - // (protected) r = this * a, r != this,a (HAC 14.12) - // "this" should be the larger one if appropriate. - function bnpMultiplyTo(a, r) { - var x = this.abs(), - y = a.abs(); - var i = x.t; - r.t = i + y.t; - while (--i >= 0) r[i] = 0; - for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t); - r.s = 0; - r.clamp(); - if (this.s != a.s) BigInteger.ZERO.subTo(r, r); - } - - // (protected) r = this^2, r != this (HAC 14.16) - function bnpSquareTo(r) { - var x = this.abs(); - var i = (r.t = 2 * x.t); - while (--i >= 0) r[i] = 0; - for (i = 0; i < x.t - 1; ++i) { - var c = x.am(i, x[i], r, 2 * i, 0, 1); - if ( - (r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= - x.DV - ) { - r[i + x.t] -= x.DV; - r[i + x.t + 1] = 1; - } - } - if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1); - r.s = 0; - r.clamp(); - } - - // (protected) divide this by m, quotient and remainder to q, r (HAC 14.20) - // r != q, this != m. q or r may be null. - function bnpDivRemTo(m, q, r) { - var pm = m.abs(); - if (pm.t <= 0) return; - var pt = this.abs(); - if (pt.t < pm.t) { - if (q != null) q.fromInt(0); - if (r != null) this.copyTo(r); - return; - } - if (r == null) r = nbi(); - var y = nbi(), - ts = this.s, - ms = m.s; - var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus - if (nsh > 0) { - pm.lShiftTo(nsh, y); - pt.lShiftTo(nsh, r); - } else { - pm.copyTo(y); - pt.copyTo(r); - } - var ys = y.t; - var y0 = y[ys - 1]; - if (y0 == 0) return; - var yt = y0 * (1 << this.F1) + (ys > 1 ? y[ys - 2] >> this.F2 : 0); - var d1 = this.FV / yt, - d2 = (1 << this.F1) / yt, - e = 1 << this.F2; - var i = r.t, - j = i - ys, - t = q == null ? nbi() : q; - y.dlShiftTo(j, t); - if (r.compareTo(t) >= 0) { - r[r.t++] = 1; - r.subTo(t, r); - } - BigInteger.ONE.dlShiftTo(ys, t); - t.subTo(y, y); // "negative" y so we can replace sub with am later - while (y.t < ys) y[y.t++] = 0; - while (--j >= 0) { - // Estimate quotient digit - var qd = - r[--i] == y0 ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2); - if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { - // Try it out - y.dlShiftTo(j, t); - r.subTo(t, r); - while (r[i] < --qd) r.subTo(t, r); - } - } - if (q != null) { - r.drShiftTo(ys, q); - if (ts != ms) BigInteger.ZERO.subTo(q, q); - } - r.t = ys; - r.clamp(); - if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder - if (ts < 0) BigInteger.ZERO.subTo(r, r); - } - - // (public) this mod a - function bnMod(a) { - var r = nbi(); - this.abs().divRemTo(a, null, r); - if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r); - return r; - } - - // Modular reduction using "classic" algorithm - function Classic(m) { - this.m = m; - } - function cConvert(x) { - if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m); - else return x; - } - function cRevert(x) { - return x; - } - function cReduce(x) { - x.divRemTo(this.m, null, x); - } - function cMulTo(x, y, r) { - x.multiplyTo(y, r); - this.reduce(r); - } - function cSqrTo(x, r) { - x.squareTo(r); - this.reduce(r); - } - - Classic.prototype.convert = cConvert; - Classic.prototype.revert = cRevert; - Classic.prototype.reduce = cReduce; - Classic.prototype.mulTo = cMulTo; - Classic.prototype.sqrTo = cSqrTo; - - // (protected) return "-1/this % 2^DB"; useful for Mont. reduction - // justification: - // xy == 1 (mod m) - // xy = 1+km - // xy(2-xy) = (1+km)(1-km) - // x[y(2-xy)] = 1-k^2m^2 - // x[y(2-xy)] == 1 (mod m^2) - // if y is 1/x mod m, then y(2-xy) is 1/x mod m^2 - // should reduce x and y(2-xy) by m^2 at each step to keep size bounded. - // JS multiply "overflows" differently from C/C++, so care is needed here. - function bnpInvDigit() { - if (this.t < 1) return 0; - var x = this[0]; - if ((x & 1) == 0) return 0; - var y = x & 3; // y == 1/x mod 2^2 - y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4 - y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8 - y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16 - // last step - calculate inverse mod DV directly; - // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints - y = (y * (2 - ((x * y) % this.DV))) % this.DV; // y == 1/x mod 2^dbits - // we really want the negative inverse, and -DV < y < DV - return y > 0 ? this.DV - y : -y; - } - - // Montgomery reduction - function Montgomery(m) { - this.m = m; - this.mp = m.invDigit(); - this.mpl = this.mp & 0x7fff; - this.mph = this.mp >> 15; - this.um = (1 << (m.DB - 15)) - 1; - this.mt2 = 2 * m.t; - } - - // xR mod m - function montConvert(x) { - var r = nbi(); - x.abs().dlShiftTo(this.m.t, r); - r.divRemTo(this.m, null, r); - if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r); - return r; - } - - // x/R mod m - function montRevert(x) { - var r = nbi(); - x.copyTo(r); - this.reduce(r); - return r; - } - - // x = x/R mod m (HAC 14.32) - function montReduce(x) { - while ( - x.t <= this.mt2 // pad x so am has enough room later - ) - x[x.t++] = 0; - for (var i = 0; i < this.m.t; ++i) { - // faster way of calculating u0 = x[i]*mp mod DV - var j = x[i] & 0x7fff; - var u0 = - (j * this.mpl + - (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & - x.DM; - // use am to combine the multiply-shift-add into one call - j = i + this.m.t; - x[j] += this.m.am(0, u0, x, i, 0, this.m.t); - // propagate carry - while (x[j] >= x.DV) { - x[j] -= x.DV; - x[++j]++; - } - } - x.clamp(); - x.drShiftTo(this.m.t, x); - if (x.compareTo(this.m) >= 0) x.subTo(this.m, x); - } - - // r = "x^2/R mod m"; x != r - function montSqrTo(x, r) { - x.squareTo(r); - this.reduce(r); - } - - // r = "xy/R mod m"; x,y != r - function montMulTo(x, y, r) { - x.multiplyTo(y, r); - this.reduce(r); - } - - Montgomery.prototype.convert = montConvert; - Montgomery.prototype.revert = montRevert; - Montgomery.prototype.reduce = montReduce; - Montgomery.prototype.mulTo = montMulTo; - Montgomery.prototype.sqrTo = montSqrTo; - - // (protected) true iff this is even - function bnpIsEven() { - return (this.t > 0 ? this[0] & 1 : this.s) == 0; - } - - // (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79) - function bnpExp(e, z) { - if (e > 0xffffffff || e < 1) return BigInteger.ONE; - var r = nbi(), - r2 = nbi(), - g = z.convert(this), - i = nbits(e) - 1; - g.copyTo(r); - while (--i >= 0) { - z.sqrTo(r, r2); - if ((e & (1 << i)) > 0) z.mulTo(r2, g, r); - else { - var t = r; - r = r2; - r2 = t; - } - } - return z.revert(r); - } - - // (public) this^e % m, 0 <= e < 2^32 - function bnModPowInt(e, m) { - var z; - if (e < 256 || m.isEven()) z = new Classic(m); - else z = new Montgomery(m); - return this.exp(e, z); - } - - // protected - BigInteger.prototype.copyTo = bnpCopyTo; - BigInteger.prototype.fromInt = bnpFromInt; - BigInteger.prototype.fromString = bnpFromString; - BigInteger.prototype.clamp = bnpClamp; - BigInteger.prototype.dlShiftTo = bnpDLShiftTo; - BigInteger.prototype.drShiftTo = bnpDRShiftTo; - BigInteger.prototype.lShiftTo = bnpLShiftTo; - BigInteger.prototype.rShiftTo = bnpRShiftTo; - BigInteger.prototype.subTo = bnpSubTo; - BigInteger.prototype.multiplyTo = bnpMultiplyTo; - BigInteger.prototype.squareTo = bnpSquareTo; - BigInteger.prototype.divRemTo = bnpDivRemTo; - BigInteger.prototype.invDigit = bnpInvDigit; - BigInteger.prototype.isEven = bnpIsEven; - BigInteger.prototype.exp = bnpExp; - - // public - BigInteger.prototype.toString = bnToString; - BigInteger.prototype.negate = bnNegate; - BigInteger.prototype.abs = bnAbs; - BigInteger.prototype.compareTo = bnCompareTo; - BigInteger.prototype.bitLength = bnBitLength; - BigInteger.prototype.mod = bnMod; - BigInteger.prototype.modPowInt = bnModPowInt; - - // "constants" - BigInteger.ZERO = nbv(0); - BigInteger.ONE = nbv(1); - BigInteger.valueOf = nbv; - - // Copyright (c) 2005-2009 Tom Wu - // All Rights Reserved. - // See "LICENSE" for details. - - // Extended JavaScript BN functions, required for RSA private ops. - - // Version 1.1: new BigInteger("0", 10) returns "proper" zero - // Version 1.2: square() API, isProbablePrime fix - - // (public) - function bnClone() { - var r = nbi(); - this.copyTo(r); - return r; - } - - // (public) return value as integer - function bnIntValue() { - if (this.s < 0) { - if (this.t == 1) return this[0] - this.DV; - else if (this.t == 0) return -1; - } else if (this.t == 1) return this[0]; - else if (this.t == 0) return 0; - // assumes 16 < DB < 32 - return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0]; - } - - // (public) return value as byte - function bnByteValue() { - return this.t == 0 ? this.s : (this[0] << 24) >> 24; - } - - // (public) return value as short (assumes DB>=16) - function bnShortValue() { - return this.t == 0 ? this.s : (this[0] << 16) >> 16; - } - - // (protected) return x s.t. r^x < DV - function bnpChunkSize(r) { - return Math.floor((Math.LN2 * this.DB) / Math.log(r)); - } - - // (public) 0 if this == 0, 1 if this > 0 - function bnSigNum() { - if (this.s < 0) return -1; - else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0; - else return 1; - } - - // (protected) convert to radix string - function bnpToRadix(b) { - if (b == null) b = 10; - if (this.signum() == 0 || b < 2 || b > 36) return '0'; - var cs = this.chunkSize(b); - var a = Math.pow(b, cs); - var d = nbv(a), - y = nbi(), - z = nbi(), - r = ''; - this.divRemTo(d, y, z); - while (y.signum() > 0) { - r = (a + z.intValue()).toString(b).substr(1) + r; - y.divRemTo(d, y, z); - } - return z.intValue().toString(b) + r; - } - - // (protected) convert from radix string - function bnpFromRadix(s, b) { - this.fromInt(0); - if (b == null) b = 10; - var cs = this.chunkSize(b); - var d = Math.pow(b, cs), - mi = false, - j = 0, - w = 0; - for (var i = 0; i < s.length; ++i) { - var x = intAt(s, i); - if (x < 0) { - if (s.charAt(i) == '-' && this.signum() == 0) mi = true; - continue; - } - w = b * w + x; - if (++j >= cs) { - this.dMultiply(d); - this.dAddOffset(w, 0); - j = 0; - w = 0; - } - } - if (j > 0) { - this.dMultiply(Math.pow(b, j)); - this.dAddOffset(w, 0); - } - if (mi) BigInteger.ZERO.subTo(this, this); - } - - // (protected) alternate constructor - function bnpFromNumber(a, b, c) { - if ('number' == typeof b) { - // new BigInteger(int,int,RNG) - if (a < 2) this.fromInt(1); - else { - this.fromNumber(a, c); - if (!this.testBit(a - 1)) - // force MSB set - this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this); - if (this.isEven()) this.dAddOffset(1, 0); // force odd - while (!this.isProbablePrime(b)) { - this.dAddOffset(2, 0); - if (this.bitLength() > a) - this.subTo(BigInteger.ONE.shiftLeft(a - 1), this); - } - } - } else { - // new BigInteger(int,RNG) - var x = new Array(), - t = a & 7; - x.length = (a >> 3) + 1; - b.nextBytes(x); - if (t > 0) x[0] &= (1 << t) - 1; - else x[0] = 0; - this.fromString(x, 256); - } - } - - // (public) convert to bigendian byte array - function bnToByteArray() { - var i = this.t, - r = new Array(); - r[0] = this.s; - var p = this.DB - ((i * this.DB) % 8), - d, - k = 0; - if (i-- > 0) { - if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p) - r[k++] = d | (this.s << (this.DB - p)); - while (i >= 0) { - if (p < 8) { - d = (this[i] & ((1 << p) - 1)) << (8 - p); - d |= this[--i] >> (p += this.DB - 8); - } else { - d = (this[i] >> (p -= 8)) & 0xff; - if (p <= 0) { - p += this.DB; - --i; - } - } - if ((d & 0x80) != 0) d |= -256; - if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k; - if (k > 0 || d != this.s) r[k++] = d; - } - } - return r; - } - - function bnEquals(a) { - return this.compareTo(a) == 0; - } - function bnMin(a) { - return this.compareTo(a) < 0 ? this : a; - } - function bnMax(a) { - return this.compareTo(a) > 0 ? this : a; - } - - // (protected) r = this op a (bitwise) - function bnpBitwiseTo(a, op, r) { - var i, - f, - m = Math.min(a.t, this.t); - for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]); - if (a.t < this.t) { - f = a.s & this.DM; - for (i = m; i < this.t; ++i) r[i] = op(this[i], f); - r.t = this.t; - } else { - f = this.s & this.DM; - for (i = m; i < a.t; ++i) r[i] = op(f, a[i]); - r.t = a.t; - } - r.s = op(this.s, a.s); - r.clamp(); - } - - // (public) this & a - function op_and(x, y) { - return x & y; - } - function bnAnd(a) { - var r = nbi(); - this.bitwiseTo(a, op_and, r); - return r; - } - - // (public) this | a - function op_or(x, y) { - return x | y; - } - function bnOr(a) { - var r = nbi(); - this.bitwiseTo(a, op_or, r); - return r; - } - - // (public) this ^ a - function op_xor(x, y) { - return x ^ y; - } - function bnXor(a) { - var r = nbi(); - this.bitwiseTo(a, op_xor, r); - return r; - } - - // (public) this & ~a - function op_andnot(x, y) { - return x & ~y; - } - function bnAndNot(a) { - var r = nbi(); - this.bitwiseTo(a, op_andnot, r); - return r; - } - - // (public) ~this - function bnNot() { - var r = nbi(); - for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i]; - r.t = this.t; - r.s = ~this.s; - return r; - } - - // (public) this << n - function bnShiftLeft(n) { - var r = nbi(); - if (n < 0) this.rShiftTo(-n, r); - else this.lShiftTo(n, r); - return r; - } - - // (public) this >> n - function bnShiftRight(n) { - var r = nbi(); - if (n < 0) this.lShiftTo(-n, r); - else this.rShiftTo(n, r); - return r; - } - - // return index of lowest 1-bit in x, x < 2^31 - function lbit(x) { - if (x == 0) return -1; - var r = 0; - if ((x & 0xffff) == 0) { - x >>= 16; - r += 16; - } - if ((x & 0xff) == 0) { - x >>= 8; - r += 8; - } - if ((x & 0xf) == 0) { - x >>= 4; - r += 4; - } - if ((x & 3) == 0) { - x >>= 2; - r += 2; - } - if ((x & 1) == 0) ++r; - return r; - } - - // (public) returns index of lowest 1-bit (or -1 if none) - function bnGetLowestSetBit() { - for (var i = 0; i < this.t; ++i) - if (this[i] != 0) return i * this.DB + lbit(this[i]); - if (this.s < 0) return this.t * this.DB; - return -1; - } - - // return number of 1 bits in x - function cbit(x) { - var r = 0; - while (x != 0) { - x &= x - 1; - ++r; - } - return r; - } - - // (public) return number of set bits - function bnBitCount() { - var r = 0, - x = this.s & this.DM; - for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x); - return r; - } - - // (public) true iff nth bit is set - function bnTestBit(n) { - var j = Math.floor(n / this.DB); - if (j >= this.t) return this.s != 0; - return (this[j] & (1 << n % this.DB)) != 0; - } - - // (protected) this op (1<>= this.DB; - } - if (a.t < this.t) { - c += a.s; - while (i < this.t) { - c += this[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c += this.s; - } else { - c += this.s; - while (i < a.t) { - c += a[i]; - r[i++] = c & this.DM; - c >>= this.DB; - } - c += a.s; - } - r.s = c < 0 ? -1 : 0; - if (c > 0) r[i++] = c; - else if (c < -1) r[i++] = this.DV + c; - r.t = i; - r.clamp(); - } - - // (public) this + a - function bnAdd(a) { - var r = nbi(); - this.addTo(a, r); - return r; - } - - // (public) this - a - function bnSubtract(a) { - var r = nbi(); - this.subTo(a, r); - return r; - } - - // (public) this * a - function bnMultiply(a) { - var r = nbi(); - this.multiplyTo(a, r); - return r; - } - - // (public) this^2 - function bnSquare() { - var r = nbi(); - this.squareTo(r); - return r; - } - - // (public) this / a - function bnDivide(a) { - var r = nbi(); - this.divRemTo(a, r, null); - return r; - } - - // (public) this % a - function bnRemainder(a) { - var r = nbi(); - this.divRemTo(a, null, r); - return r; - } - - // (public) [this/a,this%a] - function bnDivideAndRemainder(a) { - var q = nbi(), - r = nbi(); - this.divRemTo(a, q, r); - return new Array(q, r); - } - - // (protected) this *= n, this >= 0, 1 < n < DV - function bnpDMultiply(n) { - this[this.t] = this.am(0, n - 1, this, 0, 0, this.t); - ++this.t; - this.clamp(); - } - - // (protected) this += n << w words, this >= 0 - function bnpDAddOffset(n, w) { - if (n == 0) return; - while (this.t <= w) this[this.t++] = 0; - this[w] += n; - while (this[w] >= this.DV) { - this[w] -= this.DV; - if (++w >= this.t) this[this.t++] = 0; - ++this[w]; - } - } - - // A "null" reducer - function NullExp() { } - function nNop(x) { - return x; - } - function nMulTo(x, y, r) { - x.multiplyTo(y, r); - } - function nSqrTo(x, r) { - x.squareTo(r); - } - - NullExp.prototype.convert = nNop; - NullExp.prototype.revert = nNop; - NullExp.prototype.mulTo = nMulTo; - NullExp.prototype.sqrTo = nSqrTo; - - // (public) this^e - function bnPow(e) { - return this.exp(e, new NullExp()); - } - - // (protected) r = lower n words of "this * a", a.t <= n - // "this" should be the larger one if appropriate. - function bnpMultiplyLowerTo(a, n, r) { - var i = Math.min(this.t + a.t, n); - r.s = 0; // assumes a,this >= 0 - r.t = i; - while (i > 0) r[--i] = 0; - var j; - for (j = r.t - this.t; i < j; ++i) - r[i + this.t] = this.am(0, a[i], r, i, 0, this.t); - for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i); - r.clamp(); - } - - // (protected) r = "this * a" without lower n words, n > 0 - // "this" should be the larger one if appropriate. - function bnpMultiplyUpperTo(a, n, r) { - --n; - var i = (r.t = this.t + a.t - n); - r.s = 0; // assumes a,this >= 0 - while (--i >= 0) r[i] = 0; - for (i = Math.max(n - this.t, 0); i < a.t; ++i) - r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n); - r.clamp(); - r.drShiftTo(1, r); - } - - // Barrett modular reduction - function Barrett(m) { - // setup Barrett - this.r2 = nbi(); - this.q3 = nbi(); - BigInteger.ONE.dlShiftTo(2 * m.t, this.r2); - this.mu = this.r2.divide(m); - this.m = m; - } - - function barrettConvert(x) { - if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m); - else if (x.compareTo(this.m) < 0) return x; - else { - var r = nbi(); - x.copyTo(r); - this.reduce(r); - return r; - } - } - - function barrettRevert(x) { - return x; - } - - // x = x mod m (HAC 14.42) - function barrettReduce(x) { - x.drShiftTo(this.m.t - 1, this.r2); - if (x.t > this.m.t + 1) { - x.t = this.m.t + 1; - x.clamp(); - } - this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3); - this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2); - while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1); - x.subTo(this.r2, x); - while (x.compareTo(this.m) >= 0) x.subTo(this.m, x); - } - - // r = x^2 mod m; x != r - function barrettSqrTo(x, r) { - x.squareTo(r); - this.reduce(r); - } - - // r = x*y mod m; x,y != r - function barrettMulTo(x, y, r) { - x.multiplyTo(y, r); - this.reduce(r); - } - - Barrett.prototype.convert = barrettConvert; - Barrett.prototype.revert = barrettRevert; - Barrett.prototype.reduce = barrettReduce; - Barrett.prototype.mulTo = barrettMulTo; - Barrett.prototype.sqrTo = barrettSqrTo; - - // (public) this^e % m (HAC 14.85) - function bnModPow(e, m) { - var i = e.bitLength(), - k, - r = nbv(1), - z; - if (i <= 0) return r; - else if (i < 18) k = 1; - else if (i < 48) k = 3; - else if (i < 144) k = 4; - else if (i < 768) k = 5; - else k = 6; - if (i < 8) z = new Classic(m); - else if (m.isEven()) z = new Barrett(m); - else z = new Montgomery(m); - - // precomputation - var g = new Array(), - n = 3, - k1 = k - 1, - km = (1 << k) - 1; - g[1] = z.convert(this); - if (k > 1) { - var g2 = nbi(); - z.sqrTo(g[1], g2); - while (n <= km) { - g[n] = nbi(); - z.mulTo(g2, g[n - 2], g[n]); - n += 2; - } - } - - var j = e.t - 1, - w, - is1 = true, - r2 = nbi(), - t; - i = nbits(e[j]) - 1; - while (j >= 0) { - if (i >= k1) w = (e[j] >> (i - k1)) & km; - else { - w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i); - if (j > 0) w |= e[j - 1] >> (this.DB + i - k1); - } - - n = k; - while ((w & 1) == 0) { - w >>= 1; - --n; - } - if ((i -= n) < 0) { - i += this.DB; - --j; - } - if (is1) { - // ret == 1, don't bother squaring or multiplying it - g[w].copyTo(r); - is1 = false; - } else { - while (n > 1) { - z.sqrTo(r, r2); - z.sqrTo(r2, r); - n -= 2; - } - if (n > 0) z.sqrTo(r, r2); - else { - t = r; - r = r2; - r2 = t; - } - z.mulTo(r2, g[w], r); - } - - while (j >= 0 && (e[j] & (1 << i)) == 0) { - z.sqrTo(r, r2); - t = r; - r = r2; - r2 = t; - if (--i < 0) { - i = this.DB - 1; - --j; - } - } - } - return z.revert(r); - } - - // (public) gcd(this,a) (HAC 14.54) - function bnGCD(a) { - var x = this.s < 0 ? this.negate() : this.clone(); - var y = a.s < 0 ? a.negate() : a.clone(); - if (x.compareTo(y) < 0) { - var t = x; - x = y; - y = t; - } - var i = x.getLowestSetBit(), - g = y.getLowestSetBit(); - if (g < 0) return x; - if (i < g) g = i; - if (g > 0) { - x.rShiftTo(g, x); - y.rShiftTo(g, y); - } - while (x.signum() > 0) { - if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x); - if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y); - if (x.compareTo(y) >= 0) { - x.subTo(y, x); - x.rShiftTo(1, x); - } else { - y.subTo(x, y); - y.rShiftTo(1, y); - } - } - if (g > 0) y.lShiftTo(g, y); - return y; - } - - // (protected) this % n, n < 2^26 - function bnpModInt(n) { - if (n <= 0) return 0; - var d = this.DV % n, - r = this.s < 0 ? n - 1 : 0; - if (this.t > 0) - if (d == 0) r = this[0] % n; - else for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n; - return r; - } - - // (public) 1/this % m (HAC 14.61) - function bnModInverse(m) { - var ac = m.isEven(); - if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO; - var u = m.clone(), - v = this.clone(); - var a = nbv(1), - b = nbv(0), - c = nbv(0), - d = nbv(1); - while (u.signum() != 0) { - while (u.isEven()) { - u.rShiftTo(1, u); - if (ac) { - if (!a.isEven() || !b.isEven()) { - a.addTo(this, a); - b.subTo(m, b); - } - a.rShiftTo(1, a); - } else if (!b.isEven()) b.subTo(m, b); - b.rShiftTo(1, b); - } - while (v.isEven()) { - v.rShiftTo(1, v); - if (ac) { - if (!c.isEven() || !d.isEven()) { - c.addTo(this, c); - d.subTo(m, d); - } - c.rShiftTo(1, c); - } else if (!d.isEven()) d.subTo(m, d); - d.rShiftTo(1, d); - } - if (u.compareTo(v) >= 0) { - u.subTo(v, u); - if (ac) a.subTo(c, a); - b.subTo(d, b); - } else { - v.subTo(u, v); - if (ac) c.subTo(a, c); - d.subTo(b, d); - } - } - if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO; - if (d.compareTo(m) >= 0) return d.subtract(m); - if (d.signum() < 0) d.addTo(m, d); - else return d; - if (d.signum() < 0) return d.add(m); - else return d; - } - - var lowprimes = [ - 2, - 3, - 5, - 7, - 11, - 13, - 17, - 19, - 23, - 29, - 31, - 37, - 41, - 43, - 47, - 53, - 59, - 61, - 67, - 71, - 73, - 79, - 83, - 89, - 97, - 101, - 103, - 107, - 109, - 113, - 127, - 131, - 137, - 139, - 149, - 151, - 157, - 163, - 167, - 173, - 179, - 181, - 191, - 193, - 197, - 199, - 211, - 223, - 227, - 229, - 233, - 239, - 241, - 251, - 257, - 263, - 269, - 271, - 277, - 281, - 283, - 293, - 307, - 311, - 313, - 317, - 331, - 337, - 347, - 349, - 353, - 359, - 367, - 373, - 379, - 383, - 389, - 397, - 401, - 409, - 419, - 421, - 431, - 433, - 439, - 443, - 449, - 457, - 461, - 463, - 467, - 479, - 487, - 491, - 499, - 503, - 509, - 521, - 523, - 541, - 547, - 557, - 563, - 569, - 571, - 577, - 587, - 593, - 599, - 601, - 607, - 613, - 617, - 619, - 631, - 641, - 643, - 647, - 653, - 659, - 661, - 673, - 677, - 683, - 691, - 701, - 709, - 719, - 727, - 733, - 739, - 743, - 751, - 757, - 761, - 769, - 773, - 787, - 797, - 809, - 811, - 821, - 823, - 827, - 829, - 839, - 853, - 857, - 859, - 863, - 877, - 881, - 883, - 887, - 907, - 911, - 919, - 929, - 937, - 941, - 947, - 953, - 967, - 971, - 977, - 983, - 991, - 997, - ]; - var lplim = (1 << 26) / lowprimes[lowprimes.length - 1]; - - // (public) test primality with certainty >= 1-.5^t - function bnIsProbablePrime(t) { - var i, - x = this.abs(); - if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) { - for (i = 0; i < lowprimes.length; ++i) - if (x[0] == lowprimes[i]) return true; - return false; - } - if (x.isEven()) return false; - i = 1; - while (i < lowprimes.length) { - var m = lowprimes[i], - j = i + 1; - while (j < lowprimes.length && m < lplim) m *= lowprimes[j++]; - m = x.modInt(m); - while (i < j) if (m % lowprimes[i++] == 0) return false; - } - return x.millerRabin(t); - } - - // (protected) true if probably prime (HAC 4.24, Miller-Rabin) - function bnpMillerRabin(t) { - var n1 = this.subtract(BigInteger.ONE); - var k = n1.getLowestSetBit(); - if (k <= 0) return false; - var r = n1.shiftRight(k); - t = (t + 1) >> 1; - if (t > lowprimes.length) t = lowprimes.length; - var a = nbi(); - for (var i = 0; i < t; ++i) { - //Pick bases at random, instead of starting at 2 - a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]); - var y = a.modPow(r, this); - if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) { - var j = 1; - while (j++ < k && y.compareTo(n1) != 0) { - y = y.modPowInt(2, this); - if (y.compareTo(BigInteger.ONE) == 0) return false; - } - if (y.compareTo(n1) != 0) return false; - } - } - return true; - } - - // protected - BigInteger.prototype.chunkSize = bnpChunkSize; - BigInteger.prototype.toRadix = bnpToRadix; - BigInteger.prototype.fromRadix = bnpFromRadix; - BigInteger.prototype.fromNumber = bnpFromNumber; - BigInteger.prototype.bitwiseTo = bnpBitwiseTo; - BigInteger.prototype.changeBit = bnpChangeBit; - BigInteger.prototype.addTo = bnpAddTo; - BigInteger.prototype.dMultiply = bnpDMultiply; - BigInteger.prototype.dAddOffset = bnpDAddOffset; - BigInteger.prototype.multiplyLowerTo = bnpMultiplyLowerTo; - BigInteger.prototype.multiplyUpperTo = bnpMultiplyUpperTo; - BigInteger.prototype.modInt = bnpModInt; - BigInteger.prototype.millerRabin = bnpMillerRabin; - - // public - BigInteger.prototype.clone = bnClone; - BigInteger.prototype.intValue = bnIntValue; - BigInteger.prototype.byteValue = bnByteValue; - BigInteger.prototype.shortValue = bnShortValue; - BigInteger.prototype.signum = bnSigNum; - BigInteger.prototype.toByteArray = bnToByteArray; - BigInteger.prototype.equals = bnEquals; - BigInteger.prototype.min = bnMin; - BigInteger.prototype.max = bnMax; - BigInteger.prototype.and = bnAnd; - BigInteger.prototype.or = bnOr; - BigInteger.prototype.xor = bnXor; - BigInteger.prototype.andNot = bnAndNot; - BigInteger.prototype.not = bnNot; - BigInteger.prototype.shiftLeft = bnShiftLeft; - BigInteger.prototype.shiftRight = bnShiftRight; - BigInteger.prototype.getLowestSetBit = bnGetLowestSetBit; - BigInteger.prototype.bitCount = bnBitCount; - BigInteger.prototype.testBit = bnTestBit; - BigInteger.prototype.setBit = bnSetBit; - BigInteger.prototype.clearBit = bnClearBit; - BigInteger.prototype.flipBit = bnFlipBit; - BigInteger.prototype.add = bnAdd; - BigInteger.prototype.subtract = bnSubtract; - BigInteger.prototype.multiply = bnMultiply; - BigInteger.prototype.divide = bnDivide; - BigInteger.prototype.remainder = bnRemainder; - BigInteger.prototype.divideAndRemainder = bnDivideAndRemainder; - BigInteger.prototype.modPow = bnModPow; - BigInteger.prototype.modInverse = bnModInverse; - BigInteger.prototype.pow = bnPow; - BigInteger.prototype.gcd = bnGCD; - BigInteger.prototype.isProbablePrime = bnIsProbablePrime; - - // JSBN-specific extension - BigInteger.prototype.square = bnSquare; - - // Expose the Barrett function - BigInteger.prototype.Barrett = Barrett; - - // BigInteger interfaces not implemented in jsbn: - - // BigInteger(int signum, byte[] magnitude) - // double doubleValue() - // float floatValue() - // int hashCode() - // long longValue() - // static BigInteger valueOf(long val) - - // Imported from bitcoinjs-lib - - /** - * Turns a byte array into a big integer. - * - * This function will interpret a byte array as a big integer in big - * endian notation and ignore leading zeros. - */ - - BigInteger.fromByteArrayUnsigned = function (ba) { - - if (!ba.length) { - return new BigInteger.valueOf(0); - } else if (ba[0] & 0x80) { - // Prepend a zero so the BigInteger class doesn't mistake this - // for a negative integer. - return new BigInteger([0].concat(ba)); - } else { - return new BigInteger(ba); - } - }; - - /** - * Parse a signed big integer byte representation. - * - * For details on the format please see BigInteger.toByteArraySigned. - */ - - BigInteger.fromByteArraySigned = function (ba) { - // Check for negative value - if (ba[0] & 0x80) { - // Remove sign bit - ba[0] &= 0x7f; - - return BigInteger.fromByteArrayUnsigned(ba).negate(); - } else { - return BigInteger.fromByteArrayUnsigned(ba); - } - }; - - /** - * Returns a byte array representation of the big integer. - * - * This returns the absolute of the contained value in big endian - * form. A value of zero results in an empty array. - */ - - BigInteger.prototype.toByteArrayUnsigned = function () { - var ba = this.abs().toByteArray(); - - // Empty array, nothing to do - if (!ba.length) { - return ba; - } - - // remove leading 0 - if (ba[0] === 0) { - ba = ba.slice(1); - } - - // all values must be positive - for (var i = 0; i < ba.length; ++i) { - ba[i] = (ba[i] < 0) ? ba[i] + 256 : ba[i]; - } - - return ba; - }; - - /* - * Converts big integer to signed byte representation. - * - * The format for this value uses the most significant bit as a sign - * bit. If the most significant bit is already occupied by the - * absolute value, an extra byte is prepended and the sign bit is set - * there. - * - * Examples: - * - * 0 => 0x00 - * 1 => 0x01 - * -1 => 0x81 - * 127 => 0x7f - * -127 => 0xff - * 128 => 0x0080 - * -128 => 0x8080 - * 255 => 0x00ff - * -255 => 0x80ff - * 16300 => 0x3fac - * -16300 => 0xbfac - * 62300 => 0x00f35c - * -62300 => 0x80f35c - */ - - BigInteger.prototype.toByteArraySigned = function () { - var val = this.toByteArrayUnsigned(); - var neg = this.s < 0; - - // if the first bit is set, we always unshift - // either unshift 0x80 or 0x00 - if (val[0] & 0x80) { - val.unshift((neg) ? 0x80 : 0x00); - } - // if the first bit isn't set, set it if negative - else if (neg) { - val[0] |= 0x80; - } - - return val; - }; - - // Random number generator - requires a PRNG backend, e.g. prng4.js - - // For best results, put code like - // - // in your main HTML document. - - var rng_state; - var rng_pool; - var rng_pptr; - - // Mix in a 32-bit integer into the pool - function rng_seed_int(x) { - rng_pool[rng_pptr++] ^= x & 255; - rng_pool[rng_pptr++] ^= (x >> 8) & 255; - rng_pool[rng_pptr++] ^= (x >> 16) & 255; - rng_pool[rng_pptr++] ^= (x >> 24) & 255; - if (rng_pptr >= rng_psize) rng_pptr -= rng_psize; - } - - // Mix in the current time (w/milliseconds) into the pool - function rng_seed_time() { - rng_seed_int(new Date().getTime()); - } - - // Initialize the pool with junk if needed. - if (rng_pool == null) { - rng_pool = new Array(); - rng_pptr = 0; - var t; - if (typeof window !== 'undefined' && window.crypto) { - if (window.crypto.getRandomValues) { - // Use webcrypto if available - var ua = new Uint8Array(32); - window.crypto.getRandomValues(ua); - for (t = 0; t < 32; ++t) rng_pool[rng_pptr++] = ua[t]; - } else if ( - navigator.appName == 'Netscape' && - navigator.appVersion < '5' - ) { - // Extract entropy (256 bits) from NS4 RNG if available - var z = window.crypto.random(32); - for (t = 0; t < z.length; ++t) - rng_pool[rng_pptr++] = z.charCodeAt(t) & 255; - } - } - while (rng_pptr < rng_psize) { - // extract some randomness from Math.random() - t = Math.floor(65536 * Math.random()); - rng_pool[rng_pptr++] = t >>> 8; - rng_pool[rng_pptr++] = t & 255; - } - rng_pptr = 0; - rng_seed_time(); - //rng_seed_int(window.screenX); - //rng_seed_int(window.screenY); - } - - function rng_get_byte() { - if (rng_state == null) { - rng_seed_time(); - rng_state = prng_newstate(); - rng_state.init(rng_pool); - for (rng_pptr = 0; rng_pptr < rng_pool.length; ++rng_pptr) - rng_pool[rng_pptr] = 0; - rng_pptr = 0; - //rng_pool = null; - } - // TODO: allow reseeding after first request - return rng_state.next(); - } - - function rng_get_bytes(ba) { - var i; - for (i = 0; i < ba.length; ++i) ba[i] = rng_get_byte(); - } - - function SecureRandom() { } - - SecureRandom.prototype.nextBytes = rng_get_bytes; - - // prng4.js - uses Arcfour as a PRNG - - function Arcfour() { - this.i = 0; - this.j = 0; - this.S = new Array(); - } - - // Initialize arcfour context from key, an array of ints, each from [0..255] - function ARC4init(key) { - var i, j, t; - for (i = 0; i < 256; ++i) this.S[i] = i; - j = 0; - for (i = 0; i < 256; ++i) { - j = (j + this.S[i] + key[i % key.length]) & 255; - t = this.S[i]; - this.S[i] = this.S[j]; - this.S[j] = t; - } - this.i = 0; - this.j = 0; - } - - function ARC4next() { - var t; - this.i = (this.i + 1) & 255; - this.j = (this.j + this.S[this.i]) & 255; - t = this.S[this.i]; - this.S[this.i] = this.S[this.j]; - this.S[this.j] = t; - return this.S[(t + this.S[this.i]) & 255]; - } - - Arcfour.prototype.init = ARC4init; - Arcfour.prototype.next = ARC4next; - - // Plug in your RNG constructor here - function prng_newstate() { - return new Arcfour(); - } - - // Pool size must be a multiple of 4 and greater than 32. - // An array of bytes the size of the pool will be passed to init() - var rng_psize = 256; - - if (typeof exports !== 'undefined') { - exports = module.exports = { - default: BigInteger, - BigInteger: BigInteger, - SecureRandom: SecureRandom, - }; - } else { - this.jsbn = { - BigInteger: BigInteger, - SecureRandom: SecureRandom, - }; - } -}.call(this)); \ No newline at end of file + // Copyright (c) 2005 Tom Wu + // All Rights Reserved. + // See "LICENSE" for details. + + // Basic JavaScript BN library - subset useful for RSA encryption. + + // Bits per digit + var dbits; + + // JavaScript engine analysis + var canary = 0xdeadbeefcafe; + var j_lm = (canary & 0xffffff) == 0xefcafe; + + // (public) Constructor + function BigInteger(a, b, c) { + if (a != null) + if ('number' == typeof a) this.fromNumber(a, b, c); + else if (b == null && 'string' != typeof a) this.fromString(a, 256); + else this.fromString(a, b); + } + + // return new, unset BigInteger + function nbi() { + return new BigInteger(null); + } + + // am: Compute w_j += (x*this_i), propagate carries, + // c is initial carry, returns final carry. + // c < 3*dvalue, x < 2*dvalue, this_i < dvalue + // We need to select the fastest one that works in this environment. + + // am1: use a single mult and divide to get the high bits, + // max digit bits should be 26 because + // max internal value = 2*dvalue^2-2*dvalue (< 2^53) + function am1(i, x, w, j, c, n) { + while (--n >= 0) { + var v = x * this[i++] + w[j] + c; + c = Math.floor(v / 0x4000000); + w[j++] = v & 0x3ffffff; + } + return c; + } + // am2 avoids a big mult-and-extract completely. + // Max digit bits should be <= 30 because we do bitwise ops + // on values up to 2*hdvalue^2-hdvalue-1 (< 2^31) + function am2(i, x, w, j, c, n) { + var xl = x & 0x7fff, + xh = x >> 15; + while (--n >= 0) { + var l = this[i] & 0x7fff; + var h = this[i++] >> 15; + var m = xh * l + h * xl; + l = xl * l + ((m & 0x7fff) << 15) + w[j] + (c & 0x3fffffff); + c = (l >>> 30) + (m >>> 15) + xh * h + (c >>> 30); + w[j++] = l & 0x3fffffff; + } + return c; + } + // Alternately, set max digit bits to 28 since some + // browsers slow down when dealing with 32-bit numbers. + function am3(i, x, w, j, c, n) { + var xl = x & 0x3fff, + xh = x >> 14; + while (--n >= 0) { + var l = this[i] & 0x3fff; + var h = this[i++] >> 14; + var m = xh * l + h * xl; + l = xl * l + ((m & 0x3fff) << 14) + w[j] + c; + c = (l >> 28) + (m >> 14) + xh * h; + w[j++] = l & 0xfffffff; + } + return c; + } + var inBrowser = typeof navigator !== 'undefined'; + if (inBrowser && j_lm && navigator.appName == 'Microsoft Internet Explorer') { + BigInteger.prototype.am = am2; + dbits = 30; + } else if (inBrowser && j_lm && navigator.appName != 'Netscape') { + BigInteger.prototype.am = am1; + dbits = 26; + } else { + // Mozilla/Netscape seems to prefer am3 + BigInteger.prototype.am = am3; + dbits = 28; + } + + BigInteger.prototype.DB = dbits; + BigInteger.prototype.DM = (1 << dbits) - 1; + BigInteger.prototype.DV = 1 << dbits; + + var BI_FP = 52; + BigInteger.prototype.FV = Math.pow(2, BI_FP); + BigInteger.prototype.F1 = BI_FP - dbits; + BigInteger.prototype.F2 = 2 * dbits - BI_FP; + + // Digit conversions + var BI_RM = '0123456789abcdefghijklmnopqrstuvwxyz'; + var BI_RC = new Array(); + var rr, vv; + rr = '0'.charCodeAt(0); + for (vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv; + rr = 'a'.charCodeAt(0); + for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; + rr = 'A'.charCodeAt(0); + for (vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv; + + function int2char(n) { + return BI_RM.charAt(n); + } + function intAt(s, i) { + var c = BI_RC[s.charCodeAt(i)]; + return c == null ? -1 : c; + } + + // (protected) copy this to r + function bnpCopyTo(r) { + for (var i = this.t - 1; i >= 0; --i) r[i] = this[i]; + r.t = this.t; + r.s = this.s; + } + + // (protected) set from integer value x, -DV <= x < DV + function bnpFromInt(x) { + this.t = 1; + this.s = x < 0 ? -1 : 0; + if (x > 0) this[0] = x; + else if (x < -1) this[0] = x + this.DV; + else this.t = 0; + } + + // return bigint initialized to value + function nbv(i) { + var r = nbi(); + r.fromInt(i); + return r; + } + + // (protected) set from string and radix + function bnpFromString(s, b) { + // Auto-detect string notations + if (!b && s.length >= 2 && s[0] === '0') { + var isDetected = true; + switch (s[1]) { + case 'x': // Hexadecimal notation + b = 16; + break; + case 'b': // Binary notation + b = 2; + break; + case 'o': // Octal notation + b = 8; + break; + default: + isDetected = false; + } + + // Remove the notation string if any has been detected + if (isDetected) { + s = s.substr(2); + } + } + + var k; + if (b == 16) k = 4; + else if (b == 8) k = 3; + else if (b == 256) k = 8; + // byte array + else if (b == 2) k = 1; + else if (b == 32) k = 5; + else if (b == 4) k = 2; + else { + this.fromRadix(s, b); + return; + } + this.t = 0; + this.s = 0; + var i = s.length, + mi = false, + sh = 0; + while (--i >= 0) { + var x = k == 8 ? s[i] & 0xff : intAt(s, i); + if (x < 0) { + if (s.charAt(i) == '-') mi = true; + continue; + } + mi = false; + if (sh == 0) this[this.t++] = x; + else if (sh + k > this.DB) { + this[this.t - 1] |= (x & ((1 << (this.DB - sh)) - 1)) << sh; + this[this.t++] = x >> (this.DB - sh); + } else this[this.t - 1] |= x << sh; + sh += k; + if (sh >= this.DB) sh -= this.DB; + } + if (k == 8 && (s[0] & 0x80) != 0) { + this.s = -1; + if (sh > 0) this[this.t - 1] |= ((1 << (this.DB - sh)) - 1) << sh; + } + this.clamp(); + if (mi) BigInteger.ZERO.subTo(this, this); + } + + // (protected) clamp off excess high words + function bnpClamp() { + var c = this.s & this.DM; + while (this.t > 0 && this[this.t - 1] == c) --this.t; + } + + // (public) return string representation in given radix + function bnToString(b) { + if (this.s < 0) return '-' + this.negate().toString(b); + var k; + if (b == 16) k = 4; + else if (b == 8) k = 3; + else if (b == 2) k = 1; + else if (b == 32) k = 5; + else if (b == 4) k = 2; + else return this.toRadix(b); + var km = (1 << k) - 1, + d, + m = false, + r = '', + i = this.t; + var p = this.DB - ((i * this.DB) % k); + if (i-- > 0) { + if (p < this.DB && (d = this[i] >> p) > 0) { + m = true; + r = int2char(d); + } + while (i >= 0) { + if (p < k) { + d = (this[i] & ((1 << p) - 1)) << (k - p); + d |= this[--i] >> (p += this.DB - k); + } else { + d = (this[i] >> (p -= k)) & km; + if (p <= 0) { + p += this.DB; + --i; + } + } + if (d > 0) m = true; + if (m) r += int2char(d); + } + } + return m ? r : '0'; + } + + // (public) -this + function bnNegate() { + var r = nbi(); + BigInteger.ZERO.subTo(this, r); + return r; + } + + // (public) |this| + function bnAbs() { + return this.s < 0 ? this.negate() : this; + } + + // (public) return + if this > a, - if this < a, 0 if equal + function bnCompareTo(a) { + var r = this.s - a.s; + if (r != 0) return r; + var i = this.t; + r = i - a.t; + if (r != 0) return this.s < 0 ? -r : r; + while (--i >= 0) if ((r = this[i] - a[i]) != 0) return r; + return 0; + } + + // returns bit length of the integer x + function nbits(x) { + var r = 1, + t; + if ((t = x >>> 16) != 0) { + x = t; + r += 16; + } + if ((t = x >> 8) != 0) { + x = t; + r += 8; + } + if ((t = x >> 4) != 0) { + x = t; + r += 4; + } + if ((t = x >> 2) != 0) { + x = t; + r += 2; + } + if ((t = x >> 1) != 0) { + x = t; + r += 1; + } + return r; + } + + // (public) return the number of bits in "this" + function bnBitLength() { + if (this.t <= 0) return 0; + return ( + this.DB * (this.t - 1) + nbits(this[this.t - 1] ^ (this.s & this.DM)) + ); + } + + // (protected) r = this << n*DB + function bnpDLShiftTo(n, r) { + var i; + for (i = this.t - 1; i >= 0; --i) r[i + n] = this[i]; + for (i = n - 1; i >= 0; --i) r[i] = 0; + r.t = this.t + n; + r.s = this.s; + } + + // (protected) r = this >> n*DB + function bnpDRShiftTo(n, r) { + for (var i = n; i < this.t; ++i) r[i - n] = this[i]; + r.t = Math.max(this.t - n, 0); + r.s = this.s; + } + + // (protected) r = this << n + function bnpLShiftTo(n, r) { + var bs = n % this.DB; + var cbs = this.DB - bs; + var bm = (1 << cbs) - 1; + var ds = Math.floor(n / this.DB), + c = (this.s << bs) & this.DM, + i; + for (i = this.t - 1; i >= 0; --i) { + r[i + ds + 1] = (this[i] >> cbs) | c; + c = (this[i] & bm) << bs; + } + for (i = ds - 1; i >= 0; --i) r[i] = 0; + r[ds] = c; + r.t = this.t + ds + 1; + r.s = this.s; + r.clamp(); + } + + // (protected) r = this >> n + function bnpRShiftTo(n, r) { + r.s = this.s; + var ds = Math.floor(n / this.DB); + if (ds >= this.t) { + r.t = 0; + return; + } + var bs = n % this.DB; + var cbs = this.DB - bs; + var bm = (1 << bs) - 1; + r[0] = this[ds] >> bs; + for (var i = ds + 1; i < this.t; ++i) { + r[i - ds - 1] |= (this[i] & bm) << cbs; + r[i - ds] = this[i] >> bs; + } + if (bs > 0) r[this.t - ds - 1] |= (this.s & bm) << cbs; + r.t = this.t - ds; + r.clamp(); + } + + // (protected) r = this - a + function bnpSubTo(a, r) { + var i = 0, + c = 0, + m = Math.min(a.t, this.t); + while (i < m) { + c += this[i] - a[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + if (a.t < this.t) { + c -= a.s; + while (i < this.t) { + c += this[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c += this.s; + } else { + c += this.s; + while (i < a.t) { + c -= a[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c -= a.s; + } + r.s = c < 0 ? -1 : 0; + if (c < -1) r[i++] = this.DV + c; + else if (c > 0) r[i++] = c; + r.t = i; + r.clamp(); + } + + // (protected) r = this * a, r != this,a (HAC 14.12) + // "this" should be the larger one if appropriate. + function bnpMultiplyTo(a, r) { + var x = this.abs(), + y = a.abs(); + var i = x.t; + r.t = i + y.t; + while (--i >= 0) r[i] = 0; + for (i = 0; i < y.t; ++i) r[i + x.t] = x.am(0, y[i], r, i, 0, x.t); + r.s = 0; + r.clamp(); + if (this.s != a.s) BigInteger.ZERO.subTo(r, r); + } + + // (protected) r = this^2, r != this (HAC 14.16) + function bnpSquareTo(r) { + var x = this.abs(); + var i = (r.t = 2 * x.t); + while (--i >= 0) r[i] = 0; + for (i = 0; i < x.t - 1; ++i) { + var c = x.am(i, x[i], r, 2 * i, 0, 1); + if ( + (r[i + x.t] += x.am(i + 1, 2 * x[i], r, 2 * i + 1, c, x.t - i - 1)) >= + x.DV + ) { + r[i + x.t] -= x.DV; + r[i + x.t + 1] = 1; + } + } + if (r.t > 0) r[r.t - 1] += x.am(i, x[i], r, 2 * i, 0, 1); + r.s = 0; + r.clamp(); + } + + // (protected) divide this by m, quotient and remainder to q, r (HAC 14.20) + // r != q, this != m. q or r may be null. + function bnpDivRemTo(m, q, r) { + var pm = m.abs(); + if (pm.t <= 0) return; + var pt = this.abs(); + if (pt.t < pm.t) { + if (q != null) q.fromInt(0); + if (r != null) this.copyTo(r); + return; + } + if (r == null) r = nbi(); + var y = nbi(), + ts = this.s, + ms = m.s; + var nsh = this.DB - nbits(pm[pm.t - 1]); // normalize modulus + if (nsh > 0) { + pm.lShiftTo(nsh, y); + pt.lShiftTo(nsh, r); + } else { + pm.copyTo(y); + pt.copyTo(r); + } + var ys = y.t; + var y0 = y[ys - 1]; + if (y0 == 0) return; + var yt = y0 * (1 << this.F1) + (ys > 1 ? y[ys - 2] >> this.F2 : 0); + var d1 = this.FV / yt, + d2 = (1 << this.F1) / yt, + e = 1 << this.F2; + var i = r.t, + j = i - ys, + t = q == null ? nbi() : q; + y.dlShiftTo(j, t); + if (r.compareTo(t) >= 0) { + r[r.t++] = 1; + r.subTo(t, r); + } + BigInteger.ONE.dlShiftTo(ys, t); + t.subTo(y, y); // "negative" y so we can replace sub with am later + while (y.t < ys) y[y.t++] = 0; + while (--j >= 0) { + // Estimate quotient digit + var qd = + r[--i] == y0 ? this.DM : Math.floor(r[i] * d1 + (r[i - 1] + e) * d2); + if ((r[i] += y.am(0, qd, r, j, 0, ys)) < qd) { + // Try it out + y.dlShiftTo(j, t); + r.subTo(t, r); + while (r[i] < --qd) r.subTo(t, r); + } + } + if (q != null) { + r.drShiftTo(ys, q); + if (ts != ms) BigInteger.ZERO.subTo(q, q); + } + r.t = ys; + r.clamp(); + if (nsh > 0) r.rShiftTo(nsh, r); // Denormalize remainder + if (ts < 0) BigInteger.ZERO.subTo(r, r); + } + + // (public) this mod a + function bnMod(a) { + var r = nbi(); + this.abs().divRemTo(a, null, r); + if (this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r, r); + return r; + } + + // Modular reduction using "classic" algorithm + function Classic(m) { + this.m = m; + } + function cConvert(x) { + if (x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m); + else return x; + } + function cRevert(x) { + return x; + } + function cReduce(x) { + x.divRemTo(this.m, null, x); + } + function cMulTo(x, y, r) { + x.multiplyTo(y, r); + this.reduce(r); + } + function cSqrTo(x, r) { + x.squareTo(r); + this.reduce(r); + } + + Classic.prototype.convert = cConvert; + Classic.prototype.revert = cRevert; + Classic.prototype.reduce = cReduce; + Classic.prototype.mulTo = cMulTo; + Classic.prototype.sqrTo = cSqrTo; + + // (protected) return "-1/this % 2^DB"; useful for Mont. reduction + // justification: + // xy == 1 (mod m) + // xy = 1+km + // xy(2-xy) = (1+km)(1-km) + // x[y(2-xy)] = 1-k^2m^2 + // x[y(2-xy)] == 1 (mod m^2) + // if y is 1/x mod m, then y(2-xy) is 1/x mod m^2 + // should reduce x and y(2-xy) by m^2 at each step to keep size bounded. + // JS multiply "overflows" differently from C/C++, so care is needed here. + function bnpInvDigit() { + if (this.t < 1) return 0; + var x = this[0]; + if ((x & 1) == 0) return 0; + var y = x & 3; // y == 1/x mod 2^2 + y = (y * (2 - (x & 0xf) * y)) & 0xf; // y == 1/x mod 2^4 + y = (y * (2 - (x & 0xff) * y)) & 0xff; // y == 1/x mod 2^8 + y = (y * (2 - (((x & 0xffff) * y) & 0xffff))) & 0xffff; // y == 1/x mod 2^16 + // last step - calculate inverse mod DV directly; + // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints + y = (y * (2 - ((x * y) % this.DV))) % this.DV; // y == 1/x mod 2^dbits + // we really want the negative inverse, and -DV < y < DV + return y > 0 ? this.DV - y : -y; + } + + // Montgomery reduction + function Montgomery(m) { + this.m = m; + this.mp = m.invDigit(); + this.mpl = this.mp & 0x7fff; + this.mph = this.mp >> 15; + this.um = (1 << (m.DB - 15)) - 1; + this.mt2 = 2 * m.t; + } + + // xR mod m + function montConvert(x) { + var r = nbi(); + x.abs().dlShiftTo(this.m.t, r); + r.divRemTo(this.m, null, r); + if (x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r, r); + return r; + } + + // x/R mod m + function montRevert(x) { + var r = nbi(); + x.copyTo(r); + this.reduce(r); + return r; + } + + // x = x/R mod m (HAC 14.32) + function montReduce(x) { + while ( + x.t <= this.mt2 // pad x so am has enough room later + ) + x[x.t++] = 0; + for (var i = 0; i < this.m.t; ++i) { + // faster way of calculating u0 = x[i]*mp mod DV + var j = x[i] & 0x7fff; + var u0 = + (j * this.mpl + + (((j * this.mph + (x[i] >> 15) * this.mpl) & this.um) << 15)) & + x.DM; + // use am to combine the multiply-shift-add into one call + j = i + this.m.t; + x[j] += this.m.am(0, u0, x, i, 0, this.m.t); + // propagate carry + while (x[j] >= x.DV) { + x[j] -= x.DV; + x[++j]++; + } + } + x.clamp(); + x.drShiftTo(this.m.t, x); + if (x.compareTo(this.m) >= 0) x.subTo(this.m, x); + } + + // r = "x^2/R mod m"; x != r + function montSqrTo(x, r) { + x.squareTo(r); + this.reduce(r); + } + + // r = "xy/R mod m"; x,y != r + function montMulTo(x, y, r) { + x.multiplyTo(y, r); + this.reduce(r); + } + + Montgomery.prototype.convert = montConvert; + Montgomery.prototype.revert = montRevert; + Montgomery.prototype.reduce = montReduce; + Montgomery.prototype.mulTo = montMulTo; + Montgomery.prototype.sqrTo = montSqrTo; + + // (protected) true iff this is even + function bnpIsEven() { + return (this.t > 0 ? this[0] & 1 : this.s) == 0; + } + + // (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79) + function bnpExp(e, z) { + if (e > 0xffffffff || e < 1) return BigInteger.ONE; + var r = nbi(), + r2 = nbi(), + g = z.convert(this), + i = nbits(e) - 1; + g.copyTo(r); + while (--i >= 0) { + z.sqrTo(r, r2); + if ((e & (1 << i)) > 0) z.mulTo(r2, g, r); + else { + var t = r; + r = r2; + r2 = t; + } + } + return z.revert(r); + } + + // (public) this^e % m, 0 <= e < 2^32 + function bnModPowInt(e, m) { + var z; + if (e < 256 || m.isEven()) z = new Classic(m); + else z = new Montgomery(m); + return this.exp(e, z); + } + + // protected + BigInteger.prototype.copyTo = bnpCopyTo; + BigInteger.prototype.fromInt = bnpFromInt; + BigInteger.prototype.fromString = bnpFromString; + BigInteger.prototype.clamp = bnpClamp; + BigInteger.prototype.dlShiftTo = bnpDLShiftTo; + BigInteger.prototype.drShiftTo = bnpDRShiftTo; + BigInteger.prototype.lShiftTo = bnpLShiftTo; + BigInteger.prototype.rShiftTo = bnpRShiftTo; + BigInteger.prototype.subTo = bnpSubTo; + BigInteger.prototype.multiplyTo = bnpMultiplyTo; + BigInteger.prototype.squareTo = bnpSquareTo; + BigInteger.prototype.divRemTo = bnpDivRemTo; + BigInteger.prototype.invDigit = bnpInvDigit; + BigInteger.prototype.isEven = bnpIsEven; + BigInteger.prototype.exp = bnpExp; + + // public + BigInteger.prototype.toString = bnToString; + BigInteger.prototype.negate = bnNegate; + BigInteger.prototype.abs = bnAbs; + BigInteger.prototype.compareTo = bnCompareTo; + BigInteger.prototype.bitLength = bnBitLength; + BigInteger.prototype.mod = bnMod; + BigInteger.prototype.modPowInt = bnModPowInt; + + // "constants" + BigInteger.ZERO = nbv(0); + BigInteger.ONE = nbv(1); + BigInteger.valueOf = nbv; + + // Copyright (c) 2005-2009 Tom Wu + // All Rights Reserved. + // See "LICENSE" for details. + + // Extended JavaScript BN functions, required for RSA private ops. + + // Version 1.1: new BigInteger("0", 10) returns "proper" zero + // Version 1.2: square() API, isProbablePrime fix + + // (public) + function bnClone() { + var r = nbi(); + this.copyTo(r); + return r; + } + + // (public) return value as integer + function bnIntValue() { + if (this.s < 0) { + if (this.t == 1) return this[0] - this.DV; + else if (this.t == 0) return -1; + } else if (this.t == 1) return this[0]; + else if (this.t == 0) return 0; + // assumes 16 < DB < 32 + return ((this[1] & ((1 << (32 - this.DB)) - 1)) << this.DB) | this[0]; + } + + // (public) return value as byte + function bnByteValue() { + return this.t == 0 ? this.s : (this[0] << 24) >> 24; + } + + // (public) return value as short (assumes DB>=16) + function bnShortValue() { + return this.t == 0 ? this.s : (this[0] << 16) >> 16; + } + + // (protected) return x s.t. r^x < DV + function bnpChunkSize(r) { + return Math.floor((Math.LN2 * this.DB) / Math.log(r)); + } + + // (public) 0 if this == 0, 1 if this > 0 + function bnSigNum() { + if (this.s < 0) return -1; + else if (this.t <= 0 || (this.t == 1 && this[0] <= 0)) return 0; + else return 1; + } + + // (protected) convert to radix string + function bnpToRadix(b) { + if (b == null) b = 10; + if (this.signum() == 0 || b < 2 || b > 36) return '0'; + var cs = this.chunkSize(b); + var a = Math.pow(b, cs); + var d = nbv(a), + y = nbi(), + z = nbi(), + r = ''; + this.divRemTo(d, y, z); + while (y.signum() > 0) { + r = (a + z.intValue()).toString(b).substr(1) + r; + y.divRemTo(d, y, z); + } + return z.intValue().toString(b) + r; + } + + // (protected) convert from radix string + function bnpFromRadix(s, b) { + this.fromInt(0); + if (b == null) b = 10; + var cs = this.chunkSize(b); + var d = Math.pow(b, cs), + mi = false, + j = 0, + w = 0; + for (var i = 0; i < s.length; ++i) { + var x = intAt(s, i); + if (x < 0) { + if (s.charAt(i) == '-' && this.signum() == 0) mi = true; + continue; + } + w = b * w + x; + if (++j >= cs) { + this.dMultiply(d); + this.dAddOffset(w, 0); + j = 0; + w = 0; + } + } + if (j > 0) { + this.dMultiply(Math.pow(b, j)); + this.dAddOffset(w, 0); + } + if (mi) BigInteger.ZERO.subTo(this, this); + } + + // (protected) alternate constructor + function bnpFromNumber(a, b, c) { + if ('number' == typeof b) { + // new BigInteger(int,int,RNG) + if (a < 2) this.fromInt(1); + else { + this.fromNumber(a, c); + if (!this.testBit(a - 1)) + // force MSB set + this.bitwiseTo(BigInteger.ONE.shiftLeft(a - 1), op_or, this); + if (this.isEven()) this.dAddOffset(1, 0); // force odd + while (!this.isProbablePrime(b)) { + this.dAddOffset(2, 0); + if (this.bitLength() > a) + this.subTo(BigInteger.ONE.shiftLeft(a - 1), this); + } + } + } else { + // new BigInteger(int,RNG) + var x = new Array(), + t = a & 7; + x.length = (a >> 3) + 1; + b.nextBytes(x); + if (t > 0) x[0] &= (1 << t) - 1; + else x[0] = 0; + this.fromString(x, 256); + } + } + + // (public) convert to bigendian byte array + function bnToByteArray() { + var i = this.t, + r = new Array(); + r[0] = this.s; + var p = this.DB - ((i * this.DB) % 8), + d, + k = 0; + if (i-- > 0) { + if (p < this.DB && (d = this[i] >> p) != (this.s & this.DM) >> p) + r[k++] = d | (this.s << (this.DB - p)); + while (i >= 0) { + if (p < 8) { + d = (this[i] & ((1 << p) - 1)) << (8 - p); + d |= this[--i] >> (p += this.DB - 8); + } else { + d = (this[i] >> (p -= 8)) & 0xff; + if (p <= 0) { + p += this.DB; + --i; + } + } + if ((d & 0x80) != 0) d |= -256; + if (k == 0 && (this.s & 0x80) != (d & 0x80)) ++k; + if (k > 0 || d != this.s) r[k++] = d; + } + } + return r; + } + + function bnEquals(a) { + return this.compareTo(a) == 0; + } + function bnMin(a) { + return this.compareTo(a) < 0 ? this : a; + } + function bnMax(a) { + return this.compareTo(a) > 0 ? this : a; + } + + // (protected) r = this op a (bitwise) + function bnpBitwiseTo(a, op, r) { + var i, + f, + m = Math.min(a.t, this.t); + for (i = 0; i < m; ++i) r[i] = op(this[i], a[i]); + if (a.t < this.t) { + f = a.s & this.DM; + for (i = m; i < this.t; ++i) r[i] = op(this[i], f); + r.t = this.t; + } else { + f = this.s & this.DM; + for (i = m; i < a.t; ++i) r[i] = op(f, a[i]); + r.t = a.t; + } + r.s = op(this.s, a.s); + r.clamp(); + } + + // (public) this & a + function op_and(x, y) { + return x & y; + } + function bnAnd(a) { + var r = nbi(); + this.bitwiseTo(a, op_and, r); + return r; + } + + // (public) this | a + function op_or(x, y) { + return x | y; + } + function bnOr(a) { + var r = nbi(); + this.bitwiseTo(a, op_or, r); + return r; + } + + // (public) this ^ a + function op_xor(x, y) { + return x ^ y; + } + function bnXor(a) { + var r = nbi(); + this.bitwiseTo(a, op_xor, r); + return r; + } + + // (public) this & ~a + function op_andnot(x, y) { + return x & ~y; + } + function bnAndNot(a) { + var r = nbi(); + this.bitwiseTo(a, op_andnot, r); + return r; + } + + // (public) ~this + function bnNot() { + var r = nbi(); + for (var i = 0; i < this.t; ++i) r[i] = this.DM & ~this[i]; + r.t = this.t; + r.s = ~this.s; + return r; + } + + // (public) this << n + function bnShiftLeft(n) { + var r = nbi(); + if (n < 0) this.rShiftTo(-n, r); + else this.lShiftTo(n, r); + return r; + } + + // (public) this >> n + function bnShiftRight(n) { + var r = nbi(); + if (n < 0) this.lShiftTo(-n, r); + else this.rShiftTo(n, r); + return r; + } + + // return index of lowest 1-bit in x, x < 2^31 + function lbit(x) { + if (x == 0) return -1; + var r = 0; + if ((x & 0xffff) == 0) { + x >>= 16; + r += 16; + } + if ((x & 0xff) == 0) { + x >>= 8; + r += 8; + } + if ((x & 0xf) == 0) { + x >>= 4; + r += 4; + } + if ((x & 3) == 0) { + x >>= 2; + r += 2; + } + if ((x & 1) == 0) ++r; + return r; + } + + // (public) returns index of lowest 1-bit (or -1 if none) + function bnGetLowestSetBit() { + for (var i = 0; i < this.t; ++i) + if (this[i] != 0) return i * this.DB + lbit(this[i]); + if (this.s < 0) return this.t * this.DB; + return -1; + } + + // return number of 1 bits in x + function cbit(x) { + var r = 0; + while (x != 0) { + x &= x - 1; + ++r; + } + return r; + } + + // (public) return number of set bits + function bnBitCount() { + var r = 0, + x = this.s & this.DM; + for (var i = 0; i < this.t; ++i) r += cbit(this[i] ^ x); + return r; + } + + // (public) true iff nth bit is set + function bnTestBit(n) { + var j = Math.floor(n / this.DB); + if (j >= this.t) return this.s != 0; + return (this[j] & (1 << n % this.DB)) != 0; + } + + // (protected) this op (1<>= this.DB; + } + if (a.t < this.t) { + c += a.s; + while (i < this.t) { + c += this[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c += this.s; + } else { + c += this.s; + while (i < a.t) { + c += a[i]; + r[i++] = c & this.DM; + c >>= this.DB; + } + c += a.s; + } + r.s = c < 0 ? -1 : 0; + if (c > 0) r[i++] = c; + else if (c < -1) r[i++] = this.DV + c; + r.t = i; + r.clamp(); + } + + // (public) this + a + function bnAdd(a) { + var r = nbi(); + this.addTo(a, r); + return r; + } + + // (public) this - a + function bnSubtract(a) { + var r = nbi(); + this.subTo(a, r); + return r; + } + + // (public) this * a + function bnMultiply(a) { + var r = nbi(); + this.multiplyTo(a, r); + return r; + } + + // (public) this^2 + function bnSquare() { + var r = nbi(); + this.squareTo(r); + return r; + } + + // (public) this / a + function bnDivide(a) { + var r = nbi(); + this.divRemTo(a, r, null); + return r; + } + + // (public) this % a + function bnRemainder(a) { + var r = nbi(); + this.divRemTo(a, null, r); + return r; + } + + // (public) [this/a,this%a] + function bnDivideAndRemainder(a) { + var q = nbi(), + r = nbi(); + this.divRemTo(a, q, r); + return new Array(q, r); + } + + // (protected) this *= n, this >= 0, 1 < n < DV + function bnpDMultiply(n) { + this[this.t] = this.am(0, n - 1, this, 0, 0, this.t); + ++this.t; + this.clamp(); + } + + // (protected) this += n << w words, this >= 0 + function bnpDAddOffset(n, w) { + if (n == 0) return; + while (this.t <= w) this[this.t++] = 0; + this[w] += n; + while (this[w] >= this.DV) { + this[w] -= this.DV; + if (++w >= this.t) this[this.t++] = 0; + ++this[w]; + } + } + + // A "null" reducer + function NullExp() { } + function nNop(x) { + return x; + } + function nMulTo(x, y, r) { + x.multiplyTo(y, r); + } + function nSqrTo(x, r) { + x.squareTo(r); + } + + NullExp.prototype.convert = nNop; + NullExp.prototype.revert = nNop; + NullExp.prototype.mulTo = nMulTo; + NullExp.prototype.sqrTo = nSqrTo; + + // (public) this^e + function bnPow(e) { + return this.exp(e, new NullExp()); + } + + // (protected) r = lower n words of "this * a", a.t <= n + // "this" should be the larger one if appropriate. + function bnpMultiplyLowerTo(a, n, r) { + var i = Math.min(this.t + a.t, n); + r.s = 0; // assumes a,this >= 0 + r.t = i; + while (i > 0) r[--i] = 0; + var j; + for (j = r.t - this.t; i < j; ++i) + r[i + this.t] = this.am(0, a[i], r, i, 0, this.t); + for (j = Math.min(a.t, n); i < j; ++i) this.am(0, a[i], r, i, 0, n - i); + r.clamp(); + } + + // (protected) r = "this * a" without lower n words, n > 0 + // "this" should be the larger one if appropriate. + function bnpMultiplyUpperTo(a, n, r) { + --n; + var i = (r.t = this.t + a.t - n); + r.s = 0; // assumes a,this >= 0 + while (--i >= 0) r[i] = 0; + for (i = Math.max(n - this.t, 0); i < a.t; ++i) + r[this.t + i - n] = this.am(n - i, a[i], r, 0, 0, this.t + i - n); + r.clamp(); + r.drShiftTo(1, r); + } + + // Barrett modular reduction + function Barrett(m) { + // setup Barrett + this.r2 = nbi(); + this.q3 = nbi(); + BigInteger.ONE.dlShiftTo(2 * m.t, this.r2); + this.mu = this.r2.divide(m); + this.m = m; + } + + function barrettConvert(x) { + if (x.s < 0 || x.t > 2 * this.m.t) return x.mod(this.m); + else if (x.compareTo(this.m) < 0) return x; + else { + var r = nbi(); + x.copyTo(r); + this.reduce(r); + return r; + } + } + + function barrettRevert(x) { + return x; + } + + // x = x mod m (HAC 14.42) + function barrettReduce(x) { + x.drShiftTo(this.m.t - 1, this.r2); + if (x.t > this.m.t + 1) { + x.t = this.m.t + 1; + x.clamp(); + } + this.mu.multiplyUpperTo(this.r2, this.m.t + 1, this.q3); + this.m.multiplyLowerTo(this.q3, this.m.t + 1, this.r2); + while (x.compareTo(this.r2) < 0) x.dAddOffset(1, this.m.t + 1); + x.subTo(this.r2, x); + while (x.compareTo(this.m) >= 0) x.subTo(this.m, x); + } + + // r = x^2 mod m; x != r + function barrettSqrTo(x, r) { + x.squareTo(r); + this.reduce(r); + } + + // r = x*y mod m; x,y != r + function barrettMulTo(x, y, r) { + x.multiplyTo(y, r); + this.reduce(r); + } + + Barrett.prototype.convert = barrettConvert; + Barrett.prototype.revert = barrettRevert; + Barrett.prototype.reduce = barrettReduce; + Barrett.prototype.mulTo = barrettMulTo; + Barrett.prototype.sqrTo = barrettSqrTo; + + // (public) this^e % m (HAC 14.85) + function bnModPow(e, m) { + var i = e.bitLength(), + k, + r = nbv(1), + z; + if (i <= 0) return r; + else if (i < 18) k = 1; + else if (i < 48) k = 3; + else if (i < 144) k = 4; + else if (i < 768) k = 5; + else k = 6; + if (i < 8) z = new Classic(m); + else if (m.isEven()) z = new Barrett(m); + else z = new Montgomery(m); + + // precomputation + var g = new Array(), + n = 3, + k1 = k - 1, + km = (1 << k) - 1; + g[1] = z.convert(this); + if (k > 1) { + var g2 = nbi(); + z.sqrTo(g[1], g2); + while (n <= km) { + g[n] = nbi(); + z.mulTo(g2, g[n - 2], g[n]); + n += 2; + } + } + + var j = e.t - 1, + w, + is1 = true, + r2 = nbi(), + t; + i = nbits(e[j]) - 1; + while (j >= 0) { + if (i >= k1) w = (e[j] >> (i - k1)) & km; + else { + w = (e[j] & ((1 << (i + 1)) - 1)) << (k1 - i); + if (j > 0) w |= e[j - 1] >> (this.DB + i - k1); + } + + n = k; + while ((w & 1) == 0) { + w >>= 1; + --n; + } + if ((i -= n) < 0) { + i += this.DB; + --j; + } + if (is1) { + // ret == 1, don't bother squaring or multiplying it + g[w].copyTo(r); + is1 = false; + } else { + while (n > 1) { + z.sqrTo(r, r2); + z.sqrTo(r2, r); + n -= 2; + } + if (n > 0) z.sqrTo(r, r2); + else { + t = r; + r = r2; + r2 = t; + } + z.mulTo(r2, g[w], r); + } + + while (j >= 0 && (e[j] & (1 << i)) == 0) { + z.sqrTo(r, r2); + t = r; + r = r2; + r2 = t; + if (--i < 0) { + i = this.DB - 1; + --j; + } + } + } + return z.revert(r); + } + + // (public) gcd(this,a) (HAC 14.54) + function bnGCD(a) { + var x = this.s < 0 ? this.negate() : this.clone(); + var y = a.s < 0 ? a.negate() : a.clone(); + if (x.compareTo(y) < 0) { + var t = x; + x = y; + y = t; + } + var i = x.getLowestSetBit(), + g = y.getLowestSetBit(); + if (g < 0) return x; + if (i < g) g = i; + if (g > 0) { + x.rShiftTo(g, x); + y.rShiftTo(g, y); + } + while (x.signum() > 0) { + if ((i = x.getLowestSetBit()) > 0) x.rShiftTo(i, x); + if ((i = y.getLowestSetBit()) > 0) y.rShiftTo(i, y); + if (x.compareTo(y) >= 0) { + x.subTo(y, x); + x.rShiftTo(1, x); + } else { + y.subTo(x, y); + y.rShiftTo(1, y); + } + } + if (g > 0) y.lShiftTo(g, y); + return y; + } + + // (protected) this % n, n < 2^26 + function bnpModInt(n) { + if (n <= 0) return 0; + var d = this.DV % n, + r = this.s < 0 ? n - 1 : 0; + if (this.t > 0) + if (d == 0) r = this[0] % n; + else for (var i = this.t - 1; i >= 0; --i) r = (d * r + this[i]) % n; + return r; + } + + // (public) 1/this % m (HAC 14.61) + function bnModInverse(m) { + var ac = m.isEven(); + if ((this.isEven() && ac) || m.signum() == 0) return BigInteger.ZERO; + var u = m.clone(), + v = this.clone(); + var a = nbv(1), + b = nbv(0), + c = nbv(0), + d = nbv(1); + while (u.signum() != 0) { + while (u.isEven()) { + u.rShiftTo(1, u); + if (ac) { + if (!a.isEven() || !b.isEven()) { + a.addTo(this, a); + b.subTo(m, b); + } + a.rShiftTo(1, a); + } else if (!b.isEven()) b.subTo(m, b); + b.rShiftTo(1, b); + } + while (v.isEven()) { + v.rShiftTo(1, v); + if (ac) { + if (!c.isEven() || !d.isEven()) { + c.addTo(this, c); + d.subTo(m, d); + } + c.rShiftTo(1, c); + } else if (!d.isEven()) d.subTo(m, d); + d.rShiftTo(1, d); + } + if (u.compareTo(v) >= 0) { + u.subTo(v, u); + if (ac) a.subTo(c, a); + b.subTo(d, b); + } else { + v.subTo(u, v); + if (ac) c.subTo(a, c); + d.subTo(b, d); + } + } + if (v.compareTo(BigInteger.ONE) != 0) return BigInteger.ZERO; + if (d.compareTo(m) >= 0) return d.subtract(m); + if (d.signum() < 0) d.addTo(m, d); + else return d; + if (d.signum() < 0) return d.add(m); + else return d; + } + + var lowprimes = [ + 2, + 3, + 5, + 7, + 11, + 13, + 17, + 19, + 23, + 29, + 31, + 37, + 41, + 43, + 47, + 53, + 59, + 61, + 67, + 71, + 73, + 79, + 83, + 89, + 97, + 101, + 103, + 107, + 109, + 113, + 127, + 131, + 137, + 139, + 149, + 151, + 157, + 163, + 167, + 173, + 179, + 181, + 191, + 193, + 197, + 199, + 211, + 223, + 227, + 229, + 233, + 239, + 241, + 251, + 257, + 263, + 269, + 271, + 277, + 281, + 283, + 293, + 307, + 311, + 313, + 317, + 331, + 337, + 347, + 349, + 353, + 359, + 367, + 373, + 379, + 383, + 389, + 397, + 401, + 409, + 419, + 421, + 431, + 433, + 439, + 443, + 449, + 457, + 461, + 463, + 467, + 479, + 487, + 491, + 499, + 503, + 509, + 521, + 523, + 541, + 547, + 557, + 563, + 569, + 571, + 577, + 587, + 593, + 599, + 601, + 607, + 613, + 617, + 619, + 631, + 641, + 643, + 647, + 653, + 659, + 661, + 673, + 677, + 683, + 691, + 701, + 709, + 719, + 727, + 733, + 739, + 743, + 751, + 757, + 761, + 769, + 773, + 787, + 797, + 809, + 811, + 821, + 823, + 827, + 829, + 839, + 853, + 857, + 859, + 863, + 877, + 881, + 883, + 887, + 907, + 911, + 919, + 929, + 937, + 941, + 947, + 953, + 967, + 971, + 977, + 983, + 991, + 997, + ]; + var lplim = (1 << 26) / lowprimes[lowprimes.length - 1]; + + // (public) test primality with certainty >= 1-.5^t + function bnIsProbablePrime(t) { + var i, + x = this.abs(); + if (x.t == 1 && x[0] <= lowprimes[lowprimes.length - 1]) { + for (i = 0; i < lowprimes.length; ++i) + if (x[0] == lowprimes[i]) return true; + return false; + } + if (x.isEven()) return false; + i = 1; + while (i < lowprimes.length) { + var m = lowprimes[i], + j = i + 1; + while (j < lowprimes.length && m < lplim) m *= lowprimes[j++]; + m = x.modInt(m); + while (i < j) if (m % lowprimes[i++] == 0) return false; + } + return x.millerRabin(t); + } + + // (protected) true if probably prime (HAC 4.24, Miller-Rabin) + function bnpMillerRabin(t) { + var n1 = this.subtract(BigInteger.ONE); + var k = n1.getLowestSetBit(); + if (k <= 0) return false; + var r = n1.shiftRight(k); + t = (t + 1) >> 1; + if (t > lowprimes.length) t = lowprimes.length; + var a = nbi(); + for (var i = 0; i < t; ++i) { + //Pick bases at random, instead of starting at 2 + a.fromInt(lowprimes[Math.floor(Math.random() * lowprimes.length)]); + var y = a.modPow(r, this); + if (y.compareTo(BigInteger.ONE) != 0 && y.compareTo(n1) != 0) { + var j = 1; + while (j++ < k && y.compareTo(n1) != 0) { + y = y.modPowInt(2, this); + if (y.compareTo(BigInteger.ONE) == 0) return false; + } + if (y.compareTo(n1) != 0) return false; + } + } + return true; + } + + // protected + BigInteger.prototype.chunkSize = bnpChunkSize; + BigInteger.prototype.toRadix = bnpToRadix; + BigInteger.prototype.fromRadix = bnpFromRadix; + BigInteger.prototype.fromNumber = bnpFromNumber; + BigInteger.prototype.bitwiseTo = bnpBitwiseTo; + BigInteger.prototype.changeBit = bnpChangeBit; + BigInteger.prototype.addTo = bnpAddTo; + BigInteger.prototype.dMultiply = bnpDMultiply; + BigInteger.prototype.dAddOffset = bnpDAddOffset; + BigInteger.prototype.multiplyLowerTo = bnpMultiplyLowerTo; + BigInteger.prototype.multiplyUpperTo = bnpMultiplyUpperTo; + BigInteger.prototype.modInt = bnpModInt; + BigInteger.prototype.millerRabin = bnpMillerRabin; + + // public + BigInteger.prototype.clone = bnClone; + BigInteger.prototype.intValue = bnIntValue; + BigInteger.prototype.byteValue = bnByteValue; + BigInteger.prototype.shortValue = bnShortValue; + BigInteger.prototype.signum = bnSigNum; + BigInteger.prototype.toByteArray = bnToByteArray; + BigInteger.prototype.equals = bnEquals; + BigInteger.prototype.min = bnMin; + BigInteger.prototype.max = bnMax; + BigInteger.prototype.and = bnAnd; + BigInteger.prototype.or = bnOr; + BigInteger.prototype.xor = bnXor; + BigInteger.prototype.andNot = bnAndNot; + BigInteger.prototype.not = bnNot; + BigInteger.prototype.shiftLeft = bnShiftLeft; + BigInteger.prototype.shiftRight = bnShiftRight; + BigInteger.prototype.getLowestSetBit = bnGetLowestSetBit; + BigInteger.prototype.bitCount = bnBitCount; + BigInteger.prototype.testBit = bnTestBit; + BigInteger.prototype.setBit = bnSetBit; + BigInteger.prototype.clearBit = bnClearBit; + BigInteger.prototype.flipBit = bnFlipBit; + BigInteger.prototype.add = bnAdd; + BigInteger.prototype.subtract = bnSubtract; + BigInteger.prototype.multiply = bnMultiply; + BigInteger.prototype.divide = bnDivide; + BigInteger.prototype.remainder = bnRemainder; + BigInteger.prototype.divideAndRemainder = bnDivideAndRemainder; + BigInteger.prototype.modPow = bnModPow; + BigInteger.prototype.modInverse = bnModInverse; + BigInteger.prototype.pow = bnPow; + BigInteger.prototype.gcd = bnGCD; + BigInteger.prototype.isProbablePrime = bnIsProbablePrime; + + // JSBN-specific extension + BigInteger.prototype.square = bnSquare; + + // Expose the Barrett function + BigInteger.prototype.Barrett = Barrett; + + // BigInteger interfaces not implemented in jsbn: + + // BigInteger(int signum, byte[] magnitude) + // double doubleValue() + // float floatValue() + // int hashCode() + // long longValue() + // static BigInteger valueOf(long val) + + // Imported from bitcoinjs-lib + + /** + * Turns a byte array into a big integer. + * + * This function will interpret a byte array as a big integer in big + * endian notation and ignore leading zeros. + */ + + BigInteger.fromByteArrayUnsigned = function (ba) { + + if (!ba.length) { + return new BigInteger.valueOf(0); + } else if (ba[0] & 0x80) { + // Prepend a zero so the BigInteger class doesn't mistake this + // for a negative integer. + return new BigInteger([0].concat(ba)); + } else { + return new BigInteger(ba); + } + }; + + /** + * Parse a signed big integer byte representation. + * + * For details on the format please see BigInteger.toByteArraySigned. + */ + + BigInteger.fromByteArraySigned = function (ba) { + // Check for negative value + if (ba[0] & 0x80) { + // Remove sign bit + ba[0] &= 0x7f; + + return BigInteger.fromByteArrayUnsigned(ba).negate(); + } else { + return BigInteger.fromByteArrayUnsigned(ba); + } + }; + + /** + * Returns a byte array representation of the big integer. + * + * This returns the absolute of the contained value in big endian + * form. A value of zero results in an empty array. + */ + + BigInteger.prototype.toByteArrayUnsigned = function () { + var ba = this.abs().toByteArray(); + + // Empty array, nothing to do + if (!ba.length) { + return ba; + } + + // remove leading 0 + if (ba[0] === 0) { + ba = ba.slice(1); + } + + // all values must be positive + for (var i = 0; i < ba.length; ++i) { + ba[i] = (ba[i] < 0) ? ba[i] + 256 : ba[i]; + } + + return ba; + }; + + /* + * Converts big integer to signed byte representation. + * + * The format for this value uses the most significant bit as a sign + * bit. If the most significant bit is already occupied by the + * absolute value, an extra byte is prepended and the sign bit is set + * there. + * + * Examples: + * + * 0 => 0x00 + * 1 => 0x01 + * -1 => 0x81 + * 127 => 0x7f + * -127 => 0xff + * 128 => 0x0080 + * -128 => 0x8080 + * 255 => 0x00ff + * -255 => 0x80ff + * 16300 => 0x3fac + * -16300 => 0xbfac + * 62300 => 0x00f35c + * -62300 => 0x80f35c + */ + + BigInteger.prototype.toByteArraySigned = function () { + var val = this.toByteArrayUnsigned(); + var neg = this.s < 0; + + // if the first bit is set, we always unshift + // either unshift 0x80 or 0x00 + if (val[0] & 0x80) { + val.unshift((neg) ? 0x80 : 0x00); + } + // if the first bit isn't set, set it if negative + else if (neg) { + val[0] |= 0x80; + } + + return val; + }; + + // Random number generator - requires a PRNG backend, e.g. prng4.js + + // For best results, put code like + // + // in your main HTML document. + + var rng_state; + var rng_pool; + var rng_pptr; + + // Mix in a 32-bit integer into the pool + function rng_seed_int(x) { + rng_pool[rng_pptr++] ^= x & 255; + rng_pool[rng_pptr++] ^= (x >> 8) & 255; + rng_pool[rng_pptr++] ^= (x >> 16) & 255; + rng_pool[rng_pptr++] ^= (x >> 24) & 255; + if (rng_pptr >= rng_psize) rng_pptr -= rng_psize; + } + + // Mix in the current time (w/milliseconds) into the pool + function rng_seed_time() { + rng_seed_int(new Date().getTime()); + } + + // Initialize the pool with junk if needed. + if (rng_pool == null) { + rng_pool = new Array(); + rng_pptr = 0; + var t; + if (typeof window !== 'undefined' && window.crypto) { + if (window.crypto.getRandomValues) { + // Use webcrypto if available + var ua = new Uint8Array(32); + window.crypto.getRandomValues(ua); + for (t = 0; t < 32; ++t) rng_pool[rng_pptr++] = ua[t]; + } else if ( + navigator.appName == 'Netscape' && + navigator.appVersion < '5' + ) { + // Extract entropy (256 bits) from NS4 RNG if available + var z = window.crypto.random(32); + for (t = 0; t < z.length; ++t) + rng_pool[rng_pptr++] = z.charCodeAt(t) & 255; + } + } + while (rng_pptr < rng_psize) { + // extract some randomness from Math.random() + t = Math.floor(65536 * Math.random()); + rng_pool[rng_pptr++] = t >>> 8; + rng_pool[rng_pptr++] = t & 255; + } + rng_pptr = 0; + rng_seed_time(); + } + + function rng_get_byte() { + if (rng_state == null) { + rng_seed_time(); + rng_state = prng_newstate(); + rng_state.init(rng_pool); + for (rng_pptr = 0; rng_pptr < rng_pool.length; ++rng_pptr) + rng_pool[rng_pptr] = 0; + rng_pptr = 0; + } + // TODO: allow reseeding after first request + return rng_state.next(); + } + + function rng_get_bytes(ba) { + var i; + for (i = 0; i < ba.length; ++i) ba[i] = rng_get_byte(); + } + + function SecureRandom() { } + + SecureRandom.prototype.nextBytes = rng_get_bytes; + + // prng4.js - uses Arcfour as a PRNG + + function Arcfour() { + this.i = 0; + this.j = 0; + this.S = new Array(); + } + + // Initialize arcfour context from key, an array of ints, each from [0..255] + function ARC4init(key) { + var i, j, t; + for (i = 0; i < 256; ++i) this.S[i] = i; + j = 0; + for (i = 0; i < 256; ++i) { + j = (j + this.S[i] + key[i % key.length]) & 255; + t = this.S[i]; + this.S[i] = this.S[j]; + this.S[j] = t; + } + this.i = 0; + this.j = 0; + } + + function ARC4next() { + var t; + this.i = (this.i + 1) & 255; + this.j = (this.j + this.S[this.i]) & 255; + t = this.S[this.i]; + this.S[this.i] = this.S[this.j]; + this.S[this.j] = t; + return this.S[(t + this.S[this.i]) & 255]; + } + + Arcfour.prototype.init = ARC4init; + Arcfour.prototype.next = ARC4next; + + // Plug in your RNG constructor here + function prng_newstate() { + return new Arcfour(); + } + + // Pool size must be a multiple of 4 and greater than 32. + // An array of bytes the size of the pool will be passed to init() + var rng_psize = 256; + + if (typeof exports !== 'undefined') { + exports = module.exports = { + default: BigInteger, + BigInteger: BigInteger, + SecureRandom: SecureRandom, + }; + } else { + this.jsbn = { + BigInteger: BigInteger, + SecureRandom: SecureRandom, + }; + } +}.call(this)); diff --git a/crypto/api/constants.js b/crypto/api/constants.js index c59f0faa..ebd180d3 100644 --- a/crypto/api/constants.js +++ b/crypto/api/constants.js @@ -1,5 +1,3 @@ -'use strict' - // Qortal TX types const TX_TYPES = { 1: "Genesis", diff --git a/crypto/api/createTransaction.js b/crypto/api/createTransaction.js index 3d9c19d9..c8b35543 100644 --- a/crypto/api/createTransaction.js +++ b/crypto/api/createTransaction.js @@ -1,9 +1,9 @@ -import {transactionTypes as transactions} from './transactions/transactions.js' -import Base58 from './deps/Base58.js' -import {request} from './fetch-request' -import signChat from './transactions/chat/signChat.js' -import signArbitrary from './transactions/arbitrary/signArbitrary.js' -import signArbitraryWithFee from './transactions/arbitrary/signArbitraryWithFee.js' +import { transactionTypes as transactions } from './transactions/transactions' +import Base58 from './deps/Base58' +import { request } from './fetch-request' +import signChat from './transactions/chat/signChat' +import signArbitrary from './transactions/arbitrary/signArbitrary' +import signArbitraryWithFee from './transactions/arbitrary/signArbitraryWithFee' export const createTransaction = (type, keyPair, params) => { const tx = new transactions[type]() @@ -31,8 +31,8 @@ export const signArbitraryTransaction = (arbitraryBytesBase58, arbitraryBytesFor return signArbitrary(arbitraryBytesBase58, arbitraryBytesForSigningBase58, nonce, keyPair) } -export const signArbitraryWithFeeTransaction = (arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) => { - return signArbitraryWithFee(arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) +export const signArbitraryWithFeeTransaction = (arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) => { + return signArbitraryWithFee(arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) } // Process Transactions diff --git a/crypto/api/createWallet.js b/crypto/api/createWallet.js index 1b05c93c..c9057af9 100644 --- a/crypto/api/createWallet.js +++ b/crypto/api/createWallet.js @@ -1,7 +1,7 @@ -import {kdf} from './kdf.js' -import PhraseWallet from './PhraseWallet.js' -import Base58 from './deps/Base58.js' -import {decryptStoredWallet} from './decryptStoredWallet.js' +import { kdf } from './kdf' +import PhraseWallet from './PhraseWallet' +import Base58 from './deps/Base58' +import { decryptStoredWallet } from './decryptStoredWallet' export const createWallet = async (sourceType, source, statusUpdateFn) => { let version, seed diff --git a/crypto/api/decryptStoredWallet.js b/crypto/api/decryptStoredWallet.js index ec8c8281..8fab5092 100644 --- a/crypto/api/decryptStoredWallet.js +++ b/crypto/api/decryptStoredWallet.js @@ -1,10 +1,10 @@ -import Base58 from './deps/Base58.js' -import {kdf} from './kdf.js' -import {AES_CBC, HmacSha512} from 'asmcrypto.js' -import {get, registerTranslateConfig} from '../../core/translate' +import Base58 from './deps/Base58' +import { kdf } from './kdf' +import { AES_CBC, HmacSha512 } from 'asmcrypto.js' +import { get, registerTranslateConfig } from '../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) export const decryptStoredWallet = async (password, wallet, statusFn = () => { }) => { diff --git a/crypto/api/deps/Base58.js b/crypto/api/deps/Base58.js index c0caaca4..b5ac86ae 100644 --- a/crypto/api/deps/Base58.js +++ b/crypto/api/deps/Base58.js @@ -1,10 +1,6 @@ // Generated by CoffeeScript 1.8.0 // == Changed for ES6 modules == // -//(function() { -//var ALPHABET, ALPHABET_MAP, Base58, i; - -//const Base58 = (typeof module !== "undefined" && module !== null ? module.exports : void 0) || (window.Base58 = {}); const Base58 = {}; const ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz"; @@ -14,95 +10,92 @@ const ALPHABET_MAP = {}; let i = 0; while (i < ALPHABET.length) { -ALPHABET_MAP[ALPHABET.charAt(i)] = i; -i++; + ALPHABET_MAP[ALPHABET.charAt(i)] = i; + i++; } -Base58.encode = function(buffer) { -buffer = new Uint8Array(buffer); -var carry, digits, j; -if (buffer.length === 0) { - return ""; -} -i = void 0; -j = void 0; -digits = [0]; -i = 0; -while (i < buffer.length) { - j = 0; - while (j < digits.length) { - digits[j] <<= 8; - j++; - } - digits[0] += buffer[i]; - carry = 0; - j = 0; - while (j < digits.length) { - digits[j] += carry; - carry = (digits[j] / 58) | 0; - digits[j] %= 58; - ++j; - } - while (carry) { - digits.push(carry % 58); - carry = (carry / 58) | 0; - } - i++; -} -i = 0; -while (buffer[i] === 0 && i < buffer.length - 1) { - digits.push(0); - i++; -} -return digits.reverse().map(function(digit) { - return ALPHABET[digit]; -}).join(""); +Base58.encode = function (buffer) { + buffer = new Uint8Array(buffer); + var carry, digits, j; + if (buffer.length === 0) { + return ""; + } + i = void 0; + j = void 0; + digits = [0]; + i = 0; + while (i < buffer.length) { + j = 0; + while (j < digits.length) { + digits[j] <<= 8; + j++; + } + digits[0] += buffer[i]; + carry = 0; + j = 0; + while (j < digits.length) { + digits[j] += carry; + carry = (digits[j] / 58) | 0; + digits[j] %= 58; + ++j; + } + while (carry) { + digits.push(carry % 58); + carry = (carry / 58) | 0; + } + i++; + } + i = 0; + while (buffer[i] === 0 && i < buffer.length - 1) { + digits.push(0); + i++; + } + return digits.reverse().map(function (digit) { + return ALPHABET[digit]; + }).join(""); }; -Base58.decode = function(string) { -var bytes, c, carry, j; -if (string.length === 0) { - return new (typeof Uint8Array !== "undefined" && Uint8Array !== null ? Uint8Array : Buffer)(0); -} -i = void 0; -j = void 0; -bytes = [0]; -i = 0; -while (i < string.length) { - c = string[i]; - if (!(c in ALPHABET_MAP)) { - throw "Base58.decode received unacceptable input. Character '" + c + "' is not in the Base58 alphabet."; - } - j = 0; - while (j < bytes.length) { - bytes[j] *= 58; - j++; - } - bytes[0] += ALPHABET_MAP[c]; - carry = 0; - j = 0; - while (j < bytes.length) { - bytes[j] += carry; - carry = bytes[j] >> 8; - bytes[j] &= 0xff; - ++j; - } - while (carry) { - bytes.push(carry & 0xff); - carry >>= 8; - } - i++; -} -i = 0; -while (string[i] === "1" && i < string.length - 1) { - bytes.push(0); - i++; -} -return new (typeof Uint8Array !== "undefined" && Uint8Array !== null ? Uint8Array : Buffer)(bytes.reverse()); +Base58.decode = function (string) { + var bytes, c, carry, j; + if (string.length === 0) { + return new (typeof Uint8Array !== "undefined" && Uint8Array !== null ? Uint8Array : Buffer)(0); + } + i = void 0; + j = void 0; + bytes = [0]; + i = 0; + while (i < string.length) { + c = string[i]; + if (!(c in ALPHABET_MAP)) { + throw "Base58.decode received unacceptable input. Character '" + c + "' is not in the Base58 alphabet."; + } + j = 0; + while (j < bytes.length) { + bytes[j] *= 58; + j++; + } + bytes[0] += ALPHABET_MAP[c]; + carry = 0; + j = 0; + while (j < bytes.length) { + bytes[j] += carry; + carry = bytes[j] >> 8; + bytes[j] &= 0xff; + ++j; + } + while (carry) { + bytes.push(carry & 0xff); + carry >>= 8; + } + i++; + } + i = 0; + while (string[i] === "1" && i < string.length - 1) { + bytes.push(0); + i++; + } + return new (typeof Uint8Array !== "undefined" && Uint8Array !== null ? Uint8Array : Buffer)(bytes.reverse()); }; - // == Changed for ES6 modules == // -//}).call(this); - -export default Base58; \ No newline at end of file +export default Base58; diff --git a/crypto/api/deps/Base64.js b/crypto/api/deps/Base64.js index 1697dd6a..b97b3848 100644 --- a/crypto/api/deps/Base64.js +++ b/crypto/api/deps/Base64.js @@ -1,23 +1,18 @@ const Base64 = {}; - - Base64.decode = function (string) { - const binaryString = atob(string); - const binaryLength = binaryString.length; - const bytes = new Uint8Array(binaryLength); + const binaryString = atob(string); + const binaryLength = binaryString.length; + const bytes = new Uint8Array(binaryLength); - for (let i = 0; i < binaryLength; i++) { - bytes[i] = binaryString.charCodeAt(i); - } + for (let i = 0; i < binaryLength; i++) { + bytes[i] = binaryString.charCodeAt(i); + } - const decoder = new TextDecoder(); + const decoder = new TextDecoder(); return decoder.decode(bytes); }; - - - export default Base64; diff --git a/crypto/api/deps/bcrypt.js b/crypto/api/deps/bcrypt.js index b067a2fa..ce9e3ce9 100644 --- a/crypto/api/deps/bcrypt.js +++ b/crypto/api/deps/bcrypt.js @@ -31,1349 +31,1351 @@ * Released under the Apache License, Version 2.0 * see: https://github.com/dcodeIO/bcrypt.js for details */ -(function(global, factory) { +(function (global, factory) { /* AMD */ if (typeof define === 'function' && define["amd"]) - define([], factory); + define([], factory); /* CommonJS */ else if (typeof require === 'function' && typeof module === "object" && module && module["exports"]) - module["exports"] = factory(); + module["exports"] = factory(); /* Global */ else - (global["dcodeIO"] = global["dcodeIO"] || {})["bcrypt"] = factory(); + (global["dcodeIO"] = global["dcodeIO"] || {})["bcrypt"] = factory(); -}(this, function() { - "use strict"; +}(this, function () { + // == Changed for ESM support == // + // "use strict"; - /** - * bcrypt namespace. - * @type {Object.} - */ - var bcrypt = {}; + /** + * bcrypt namespace. + * @type {Object.} + */ + var bcrypt = {}; - /** - * The random implementation to use as a fallback. - * @type {?function(number):!Array.} - * @inner - */ - var randomFallback = null; + /** + * The random implementation to use as a fallback. + * @type {?function(number):!Array.} + * @inner + */ + var randomFallback = null; - /** - * Generates cryptographically secure random bytes. - * @function - * @param {number} len Bytes length - * @returns {!Array.} Random bytes - * @throws {Error} If no random implementation is available - * @inner - */ - function random(len) { + /** + * Generates cryptographically secure random bytes. + * @function + * @param {number} len Bytes length + * @returns {!Array.} Random bytes + * @throws {Error} If no random implementation is available + * @inner + */ + function random(len) { /* node */ if (typeof module !== 'undefined' && module && module['exports']) - try { - return require("crypto")['randomBytes'](len); - } catch (e) {} + try { + return require("crypto")['randomBytes'](len); + } catch (e) { } /* WCA */ try { - var a; (self['crypto']||self['msCrypto'])['getRandomValues'](a = new Uint32Array(len)); - return Array.prototype.slice.call(a); - } catch (e) {} + var a; (self['crypto'] || self['msCrypto'])['getRandomValues'](a = new Uint32Array(len)); + return Array.prototype.slice.call(a); + } catch (e) { } /* fallback */ if (!randomFallback) - throw Error("Neither WebCryptoAPI nor a crypto module is available. Use bcrypt.setRandomFallback to set an alternative"); - return randomFallback(len); - } - - // Test if any secure randomness source is available - var randomAvailable = false; - try { - random(1); - randomAvailable = true; - } catch (e) {} - - // Default fallback, if any - randomFallback = null; - /** - * Sets the pseudo random number generator to use as a fallback if neither node's `crypto` module nor the Web Crypto - * API is available. Please note: It is highly important that the PRNG used is cryptographically secure and that it - * is seeded properly! - * @param {?function(number):!Array.} random Function taking the number of bytes to generate as its - * sole argument, returning the corresponding array of cryptographically secure random byte values. - * @see http://nodejs.org/api/crypto.html - * @see http://www.w3.org/TR/WebCryptoAPI/ - */ - bcrypt.setRandomFallback = function(random) { - randomFallback = random; - }; - - /** - * Synchronously generates a salt. - * @param {number=} rounds Number of rounds to use, defaults to 10 if omitted - * @param {number=} seed_length Not supported. - * @returns {string} Resulting salt - * @throws {Error} If a random fallback is required but not set - * @expose - */ - bcrypt.genSaltSync = function(rounds, seed_length) { - rounds = rounds || GENSALT_DEFAULT_LOG2_ROUNDS; - if (typeof rounds !== 'number') - throw Error("Illegal arguments: "+(typeof rounds)+", "+(typeof seed_length)); - if (rounds < 4) - rounds = 4; - else if (rounds > 31) - rounds = 31; - var salt = []; - salt.push("$2a$"); - if (rounds < 10) - salt.push("0"); - salt.push(rounds.toString()); - salt.push('$'); - salt.push(base64_encode(random(BCRYPT_SALT_LEN), BCRYPT_SALT_LEN)); // May throw - return salt.join(''); - }; - - /** - * Asynchronously generates a salt. - * @param {(number|function(Error, string=))=} rounds Number of rounds to use, defaults to 10 if omitted - * @param {(number|function(Error, string=))=} seed_length Not supported. - * @param {function(Error, string=)=} callback Callback receiving the error, if any, and the resulting salt - * @returns {!Promise} If `callback` has been omitted - * @throws {Error} If `callback` is present but not a function - * @expose - */ - bcrypt.genSalt = function(rounds, seed_length, callback) { - if (typeof seed_length === 'function') - callback = seed_length, - seed_length = undefined; // Not supported. - if (typeof rounds === 'function') - callback = rounds, - rounds = undefined; - if (typeof rounds === 'undefined') - rounds = GENSALT_DEFAULT_LOG2_ROUNDS; - else if (typeof rounds !== 'number') - throw Error("illegal arguments: "+(typeof rounds)); - - function _async(callback) { - nextTick(function() { // Pretty thin, but salting is fast enough - try { - callback(null, bcrypt.genSaltSync(rounds)); - } catch (err) { - callback(err); - } - }); - } - - if (callback) { - if (typeof callback !== 'function') - throw Error("Illegal callback: "+typeof(callback)); - _async(callback); - } else - return new Promise(function(resolve, reject) { - _async(function(err, res) { - if (err) { - reject(err); - return; - } - resolve(res); - }); - }); - }; - - /** - * Synchronously generates a hash for the given string. - * @param {string} s String to hash - * @param {(number|string)=} salt Salt length to generate or salt to use, default to 10 - * @returns {string} Resulting hash - * @expose - */ - bcrypt.hashSync = function(s, salt) { - if (typeof salt === 'undefined') - salt = GENSALT_DEFAULT_LOG2_ROUNDS; - if (typeof salt === 'number') - salt = bcrypt.genSaltSync(salt); - if (typeof s !== 'string' || typeof salt !== 'string') - throw Error("Illegal arguments: "+(typeof s)+', '+(typeof salt)); - return _hash(s, salt); - }; - - /** - * Asynchronously generates a hash for the given string. - * @param {string} s String to hash - * @param {number|string} salt Salt length to generate or salt to use - * @param {function(Error, string=)=} callback Callback receiving the error, if any, and the resulting hash - * @param {function(number)=} progressCallback Callback successively called with the percentage of rounds completed - * (0.0 - 1.0), maximally once per `MAX_EXECUTION_TIME = 100` ms. - * @returns {!Promise} If `callback` has been omitted - * @throws {Error} If `callback` is present but not a function - * @expose - */ - bcrypt.hash = function(s, salt, callback, progressCallback) { - - function _async(callback) { - if (typeof s === 'string' && typeof salt === 'number') - bcrypt.genSalt(salt, function(err, salt) { - _hash(s, salt, callback, progressCallback); - }); - else if (typeof s === 'string' && typeof salt === 'string') - _hash(s, salt, callback, progressCallback); - else - nextTick(callback.bind(this, Error("Illegal arguments: "+(typeof s)+', '+(typeof salt)))); - } - - if (callback) { - if (typeof callback !== 'function') - throw Error("Illegal callback: "+typeof(callback)); - _async(callback); - } else - return new Promise(function(resolve, reject) { - _async(function(err, res) { - if (err) { - reject(err); - return; - } - resolve(res); - }); - }); - }; - - /** - * Compares two strings of the same length in constant time. - * @param {string} known Must be of the correct length - * @param {string} unknown Must be the same length as `known` - * @returns {boolean} - * @inner - */ - function safeStringCompare(known, unknown) { - var right = 0, - wrong = 0; - for (var i=0, k=known.length; i} UTF8 bytes - * @inner - */ - function stringToBytes(str) { - var out = [], - i = 0; - utfx.encodeUTF16toUTF8(function() { - if (i >= str.length) return null; - return str.charCodeAt(i++); - }, function(b) { - out.push(b); - }); - return out; - } - - // A base64 implementation for the bcrypt algorithm. This is partly non-standard. - - /** - * bcrypt's own non-standard base64 dictionary. - * @type {!Array.} - * @const - * @inner - **/ - var BASE64_CODE = "./ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".split(''); - - /** - * @type {!Array.} - * @const - * @inner - **/ - var BASE64_INDEX = [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, - -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, - -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 0, - 1, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, -1, -1, -1, -1, -1, -1, - -1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, - 20, 21, 22, 23, 24, 25, 26, 27, -1, -1, -1, -1, -1, -1, 28, 29, 30, - 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, - 48, 49, 50, 51, 52, 53, -1, -1, -1, -1, -1]; - - /** - * @type {!function(...number):string} - * @inner - */ - var stringFromCharCode = String.fromCharCode; - - /** - * Encodes a byte array to base64 with up to len bytes of input. - * @param {!Array.} b Byte array - * @param {number} len Maximum input length - * @returns {string} - * @inner - */ - function base64_encode(b, len) { - var off = 0, - rs = [], - c1, c2; - if (len <= 0 || len > b.length) - throw Error("Illegal len: "+len); - while (off < len) { - c1 = b[off++] & 0xff; - rs.push(BASE64_CODE[(c1 >> 2) & 0x3f]); - c1 = (c1 & 0x03) << 4; - if (off >= len) { - rs.push(BASE64_CODE[c1 & 0x3f]); - break; - } - c2 = b[off++] & 0xff; - c1 |= (c2 >> 4) & 0x0f; - rs.push(BASE64_CODE[c1 & 0x3f]); - c1 = (c2 & 0x0f) << 2; - if (off >= len) { - rs.push(BASE64_CODE[c1 & 0x3f]); - break; - } - c2 = b[off++] & 0xff; - c1 |= (c2 >> 6) & 0x03; - rs.push(BASE64_CODE[c1 & 0x3f]); - rs.push(BASE64_CODE[c2 & 0x3f]); - } - return rs.join(''); - } - - /** - * Decodes a base64 encoded string to up to len bytes of output. - * @param {string} s String to decode - * @param {number} len Maximum output length - * @returns {!Array.} - * @inner - */ - function base64_decode(s, len) { - var off = 0, - slen = s.length, - olen = 0, - rs = [], - c1, c2, c3, c4, o, code; - if (len <= 0) - throw Error("Illegal len: "+len); - while (off < slen - 1 && olen < len) { - code = s.charCodeAt(off++); - c1 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; - code = s.charCodeAt(off++); - c2 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; - if (c1 == -1 || c2 == -1) - break; - o = (c1 << 2) >>> 0; - o |= (c2 & 0x30) >> 4; - rs.push(stringFromCharCode(o)); - if (++olen >= len || off >= slen) - break; - code = s.charCodeAt(off++); - c3 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; - if (c3 == -1) - break; - o = ((c2 & 0x0f) << 4) >>> 0; - o |= (c3 & 0x3c) >> 2; - rs.push(stringFromCharCode(o)); - if (++olen >= len || off >= slen) - break; - code = s.charCodeAt(off++); - c4 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; - o = ((c3 & 0x03) << 6) >>> 0; - o |= c4; - rs.push(stringFromCharCode(o)); - ++olen; - } - var res = []; - for (off = 0; off - * Released under the Apache License, Version 2.0 - * see: https://github.com/dcodeIO/utfx for details - */ - var utfx = function() { - "use strict"; - - /** - * utfx namespace. - * @inner - * @type {!Object.} - */ - var utfx = {}; - - /** - * Maximum valid code point. - * @type {number} - * @const - */ - utfx.MAX_CODEPOINT = 0x10FFFF; - - /** - * Encodes UTF8 code points to UTF8 bytes. - * @param {(!function():number|null) | number} src Code points source, either as a function returning the next code point - * respectively `null` if there are no more code points left or a single numeric code point. - * @param {!function(number)} dst Bytes destination as a function successively called with the next byte - */ - utfx.encodeUTF8 = function(src, dst) { - var cp = null; - if (typeof src === 'number') - cp = src, - src = function() { return null; }; - while (cp !== null || (cp = src()) !== null) { - if (cp < 0x80) - dst(cp&0x7F); - else if (cp < 0x800) - dst(((cp>>6)&0x1F)|0xC0), - dst((cp&0x3F)|0x80); - else if (cp < 0x10000) - dst(((cp>>12)&0x0F)|0xE0), - dst(((cp>>6)&0x3F)|0x80), - dst((cp&0x3F)|0x80); - else - dst(((cp>>18)&0x07)|0xF0), - dst(((cp>>12)&0x3F)|0x80), - dst(((cp>>6)&0x3F)|0x80), - dst((cp&0x3F)|0x80); - cp = null; - } - }; - - /** - * Decodes UTF8 bytes to UTF8 code points. - * @param {!function():number|null} src Bytes source as a function returning the next byte respectively `null` if there - * are no more bytes left. - * @param {!function(number)} dst Code points destination as a function successively called with each decoded code point. - * @throws {RangeError} If a starting byte is invalid in UTF8 - * @throws {Error} If the last sequence is truncated. Has an array property `bytes` holding the - * remaining bytes. - */ - utfx.decodeUTF8 = function(src, dst) { - var a, b, c, d, fail = function(b) { - b = b.slice(0, b.indexOf(null)); - var err = Error(b.toString()); - err.name = "TruncatedError"; - err['bytes'] = b; - throw err; - }; - while ((a = src()) !== null) { - if ((a&0x80) === 0) - dst(a); - else if ((a&0xE0) === 0xC0) - ((b = src()) === null) && fail([a, b]), - dst(((a&0x1F)<<6) | (b&0x3F)); - else if ((a&0xF0) === 0xE0) - ((b=src()) === null || (c=src()) === null) && fail([a, b, c]), - dst(((a&0x0F)<<12) | ((b&0x3F)<<6) | (c&0x3F)); - else if ((a&0xF8) === 0xF0) - ((b=src()) === null || (c=src()) === null || (d=src()) === null) && fail([a, b, c ,d]), - dst(((a&0x07)<<18) | ((b&0x3F)<<12) | ((c&0x3F)<<6) | (d&0x3F)); - else throw RangeError("Illegal starting byte: "+a); - } - }; - - /** - * Converts UTF16 characters to UTF8 code points. - * @param {!function():number|null} src Characters source as a function returning the next char code respectively - * `null` if there are no more characters left. - * @param {!function(number)} dst Code points destination as a function successively called with each converted code - * point. - */ - utfx.UTF16toUTF8 = function(src, dst) { - var c1, c2 = null; - while (true) { - if ((c1 = c2 !== null ? c2 : src()) === null) - break; - if (c1 >= 0xD800 && c1 <= 0xDFFF) { - if ((c2 = src()) !== null) { - if (c2 >= 0xDC00 && c2 <= 0xDFFF) { - dst((c1-0xD800)*0x400+c2-0xDC00+0x10000); - c2 = null; continue; - } - } - } - dst(c1); - } - if (false) dst(c2); - }; - - /** - * Converts UTF8 code points to UTF16 characters. - * @param {(!function():number|null) | number} src Code points source, either as a function returning the next code point - * respectively `null` if there are no more code points left or a single numeric code point. - * @param {!function(number)} dst Characters destination as a function successively called with each converted char code. - * @throws {RangeError} If a code point is out of range - */ - utfx.UTF8toUTF16 = function(src, dst) { - var cp = null; - if (typeof src === 'number') - cp = src, src = function() { return null; }; - while (cp !== null || (cp = src()) !== null) { - if (cp <= 0xFFFF) - dst(cp); - else - cp -= 0x10000, - dst((cp>>10)+0xD800), - dst((cp%0x400)+0xDC00); - cp = null; - } - }; - - /** - * Converts and encodes UTF16 characters to UTF8 bytes. - * @param {!function():number|null} src Characters source as a function returning the next char code respectively `null` - * if there are no more characters left. - * @param {!function(number)} dst Bytes destination as a function successively called with the next byte. - */ - utfx.encodeUTF16toUTF8 = function(src, dst) { - utfx.UTF16toUTF8(src, function(cp) { - utfx.encodeUTF8(cp, dst); - }); - }; - - /** - * Decodes and converts UTF8 bytes to UTF16 characters. - * @param {!function():number|null} src Bytes source as a function returning the next byte respectively `null` if there - * are no more bytes left. - * @param {!function(number)} dst Characters destination as a function successively called with each converted char code. - * @throws {RangeError} If a starting byte is invalid in UTF8 - * @throws {Error} If the last sequence is truncated. Has an array property `bytes` holding the remaining bytes. - */ - utfx.decodeUTF8toUTF16 = function(src, dst) { - utfx.decodeUTF8(src, function(cp) { - utfx.UTF8toUTF16(cp, dst); - }); - }; - - /** - * Calculates the byte length of an UTF8 code point. - * @param {number} cp UTF8 code point - * @returns {number} Byte length - */ - utfx.calculateCodePoint = function(cp) { - return (cp < 0x80) ? 1 : (cp < 0x800) ? 2 : (cp < 0x10000) ? 3 : 4; - }; - - /** - * Calculates the number of UTF8 bytes required to store UTF8 code points. - * @param {(!function():number|null)} src Code points source as a function returning the next code point respectively - * `null` if there are no more code points left. - * @returns {number} The number of UTF8 bytes required - */ - utfx.calculateUTF8 = function(src) { - var cp, l=0; - while ((cp = src()) !== null) - l += utfx.calculateCodePoint(cp); - return l; - }; - - /** - * Calculates the number of UTF8 code points respectively UTF8 bytes required to store UTF16 char codes. - * @param {(!function():number|null)} src Characters source as a function returning the next char code respectively - * `null` if there are no more characters left. - * @returns {!Array.} The number of UTF8 code points at index 0 and the number of UTF8 bytes required at index 1. - */ - utfx.calculateUTF16asUTF8 = function(src) { - var n=0, l=0; - utfx.UTF16toUTF8(src, function(cp) { - ++n; l += utfx.calculateCodePoint(cp); - }); - return [n,l]; - }; - - return utfx; - }(); - - Date.now = Date.now || function() { return +new Date; }; - - /** - * @type {number} - * @const - * @inner - */ - var BCRYPT_SALT_LEN = 16; - - /** - * @type {number} - * @const - * @inner - */ - var GENSALT_DEFAULT_LOG2_ROUNDS = 10; - - /** - * @type {number} - * @const - * @inner - */ - var BLOWFISH_NUM_ROUNDS = 16; - - /** - * @type {number} - * @const - * @inner - */ - var MAX_EXECUTION_TIME = 100; - - /** - * @type {Array.} - * @const - * @inner - */ - var P_ORIG = [ - 0x243f6a88, 0x85a308d3, 0x13198a2e, 0x03707344, 0xa4093822, - 0x299f31d0, 0x082efa98, 0xec4e6c89, 0x452821e6, 0x38d01377, - 0xbe5466cf, 0x34e90c6c, 0xc0ac29b7, 0xc97c50dd, 0x3f84d5b5, - 0xb5470917, 0x9216d5d9, 0x8979fb1b - ]; - - /** - * @type {Array.} - * @const - * @inner - */ - var S_ORIG = [ - 0xd1310ba6, 0x98dfb5ac, 0x2ffd72db, 0xd01adfb7, 0xb8e1afed, - 0x6a267e96, 0xba7c9045, 0xf12c7f99, 0x24a19947, 0xb3916cf7, - 0x0801f2e2, 0x858efc16, 0x636920d8, 0x71574e69, 0xa458fea3, - 0xf4933d7e, 0x0d95748f, 0x728eb658, 0x718bcd58, 0x82154aee, - 0x7b54a41d, 0xc25a59b5, 0x9c30d539, 0x2af26013, 0xc5d1b023, - 0x286085f0, 0xca417918, 0xb8db38ef, 0x8e79dcb0, 0x603a180e, - 0x6c9e0e8b, 0xb01e8a3e, 0xd71577c1, 0xbd314b27, 0x78af2fda, - 0x55605c60, 0xe65525f3, 0xaa55ab94, 0x57489862, 0x63e81440, - 0x55ca396a, 0x2aab10b6, 0xb4cc5c34, 0x1141e8ce, 0xa15486af, - 0x7c72e993, 0xb3ee1411, 0x636fbc2a, 0x2ba9c55d, 0x741831f6, - 0xce5c3e16, 0x9b87931e, 0xafd6ba33, 0x6c24cf5c, 0x7a325381, - 0x28958677, 0x3b8f4898, 0x6b4bb9af, 0xc4bfe81b, 0x66282193, - 0x61d809cc, 0xfb21a991, 0x487cac60, 0x5dec8032, 0xef845d5d, - 0xe98575b1, 0xdc262302, 0xeb651b88, 0x23893e81, 0xd396acc5, - 0x0f6d6ff3, 0x83f44239, 0x2e0b4482, 0xa4842004, 0x69c8f04a, - 0x9e1f9b5e, 0x21c66842, 0xf6e96c9a, 0x670c9c61, 0xabd388f0, - 0x6a51a0d2, 0xd8542f68, 0x960fa728, 0xab5133a3, 0x6eef0b6c, - 0x137a3be4, 0xba3bf050, 0x7efb2a98, 0xa1f1651d, 0x39af0176, - 0x66ca593e, 0x82430e88, 0x8cee8619, 0x456f9fb4, 0x7d84a5c3, - 0x3b8b5ebe, 0xe06f75d8, 0x85c12073, 0x401a449f, 0x56c16aa6, - 0x4ed3aa62, 0x363f7706, 0x1bfedf72, 0x429b023d, 0x37d0d724, - 0xd00a1248, 0xdb0fead3, 0x49f1c09b, 0x075372c9, 0x80991b7b, - 0x25d479d8, 0xf6e8def7, 0xe3fe501a, 0xb6794c3b, 0x976ce0bd, - 0x04c006ba, 0xc1a94fb6, 0x409f60c4, 0x5e5c9ec2, 0x196a2463, - 0x68fb6faf, 0x3e6c53b5, 0x1339b2eb, 0x3b52ec6f, 0x6dfc511f, - 0x9b30952c, 0xcc814544, 0xaf5ebd09, 0xbee3d004, 0xde334afd, - 0x660f2807, 0x192e4bb3, 0xc0cba857, 0x45c8740f, 0xd20b5f39, - 0xb9d3fbdb, 0x5579c0bd, 0x1a60320a, 0xd6a100c6, 0x402c7279, - 0x679f25fe, 0xfb1fa3cc, 0x8ea5e9f8, 0xdb3222f8, 0x3c7516df, - 0xfd616b15, 0x2f501ec8, 0xad0552ab, 0x323db5fa, 0xfd238760, - 0x53317b48, 0x3e00df82, 0x9e5c57bb, 0xca6f8ca0, 0x1a87562e, - 0xdf1769db, 0xd542a8f6, 0x287effc3, 0xac6732c6, 0x8c4f5573, - 0x695b27b0, 0xbbca58c8, 0xe1ffa35d, 0xb8f011a0, 0x10fa3d98, - 0xfd2183b8, 0x4afcb56c, 0x2dd1d35b, 0x9a53e479, 0xb6f84565, - 0xd28e49bc, 0x4bfb9790, 0xe1ddf2da, 0xa4cb7e33, 0x62fb1341, - 0xcee4c6e8, 0xef20cada, 0x36774c01, 0xd07e9efe, 0x2bf11fb4, - 0x95dbda4d, 0xae909198, 0xeaad8e71, 0x6b93d5a0, 0xd08ed1d0, - 0xafc725e0, 0x8e3c5b2f, 0x8e7594b7, 0x8ff6e2fb, 0xf2122b64, - 0x8888b812, 0x900df01c, 0x4fad5ea0, 0x688fc31c, 0xd1cff191, - 0xb3a8c1ad, 0x2f2f2218, 0xbe0e1777, 0xea752dfe, 0x8b021fa1, - 0xe5a0cc0f, 0xb56f74e8, 0x18acf3d6, 0xce89e299, 0xb4a84fe0, - 0xfd13e0b7, 0x7cc43b81, 0xd2ada8d9, 0x165fa266, 0x80957705, - 0x93cc7314, 0x211a1477, 0xe6ad2065, 0x77b5fa86, 0xc75442f5, - 0xfb9d35cf, 0xebcdaf0c, 0x7b3e89a0, 0xd6411bd3, 0xae1e7e49, - 0x00250e2d, 0x2071b35e, 0x226800bb, 0x57b8e0af, 0x2464369b, - 0xf009b91e, 0x5563911d, 0x59dfa6aa, 0x78c14389, 0xd95a537f, - 0x207d5ba2, 0x02e5b9c5, 0x83260376, 0x6295cfa9, 0x11c81968, - 0x4e734a41, 0xb3472dca, 0x7b14a94a, 0x1b510052, 0x9a532915, - 0xd60f573f, 0xbc9bc6e4, 0x2b60a476, 0x81e67400, 0x08ba6fb5, - 0x571be91f, 0xf296ec6b, 0x2a0dd915, 0xb6636521, 0xe7b9f9b6, - 0xff34052e, 0xc5855664, 0x53b02d5d, 0xa99f8fa1, 0x08ba4799, - 0x6e85076a, 0x4b7a70e9, 0xb5b32944, 0xdb75092e, 0xc4192623, - 0xad6ea6b0, 0x49a7df7d, 0x9cee60b8, 0x8fedb266, 0xecaa8c71, - 0x699a17ff, 0x5664526c, 0xc2b19ee1, 0x193602a5, 0x75094c29, - 0xa0591340, 0xe4183a3e, 0x3f54989a, 0x5b429d65, 0x6b8fe4d6, - 0x99f73fd6, 0xa1d29c07, 0xefe830f5, 0x4d2d38e6, 0xf0255dc1, - 0x4cdd2086, 0x8470eb26, 0x6382e9c6, 0x021ecc5e, 0x09686b3f, - 0x3ebaefc9, 0x3c971814, 0x6b6a70a1, 0x687f3584, 0x52a0e286, - 0xb79c5305, 0xaa500737, 0x3e07841c, 0x7fdeae5c, 0x8e7d44ec, - 0x5716f2b8, 0xb03ada37, 0xf0500c0d, 0xf01c1f04, 0x0200b3ff, - 0xae0cf51a, 0x3cb574b2, 0x25837a58, 0xdc0921bd, 0xd19113f9, - 0x7ca92ff6, 0x94324773, 0x22f54701, 0x3ae5e581, 0x37c2dadc, - 0xc8b57634, 0x9af3dda7, 0xa9446146, 0x0fd0030e, 0xecc8c73e, - 0xa4751e41, 0xe238cd99, 0x3bea0e2f, 0x3280bba1, 0x183eb331, - 0x4e548b38, 0x4f6db908, 0x6f420d03, 0xf60a04bf, 0x2cb81290, - 0x24977c79, 0x5679b072, 0xbcaf89af, 0xde9a771f, 0xd9930810, - 0xb38bae12, 0xdccf3f2e, 0x5512721f, 0x2e6b7124, 0x501adde6, - 0x9f84cd87, 0x7a584718, 0x7408da17, 0xbc9f9abc, 0xe94b7d8c, - 0xec7aec3a, 0xdb851dfa, 0x63094366, 0xc464c3d2, 0xef1c1847, - 0x3215d908, 0xdd433b37, 0x24c2ba16, 0x12a14d43, 0x2a65c451, - 0x50940002, 0x133ae4dd, 0x71dff89e, 0x10314e55, 0x81ac77d6, - 0x5f11199b, 0x043556f1, 0xd7a3c76b, 0x3c11183b, 0x5924a509, - 0xf28fe6ed, 0x97f1fbfa, 0x9ebabf2c, 0x1e153c6e, 0x86e34570, - 0xeae96fb1, 0x860e5e0a, 0x5a3e2ab3, 0x771fe71c, 0x4e3d06fa, - 0x2965dcb9, 0x99e71d0f, 0x803e89d6, 0x5266c825, 0x2e4cc978, - 0x9c10b36a, 0xc6150eba, 0x94e2ea78, 0xa5fc3c53, 0x1e0a2df4, - 0xf2f74ea7, 0x361d2b3d, 0x1939260f, 0x19c27960, 0x5223a708, - 0xf71312b6, 0xebadfe6e, 0xeac31f66, 0xe3bc4595, 0xa67bc883, - 0xb17f37d1, 0x018cff28, 0xc332ddef, 0xbe6c5aa5, 0x65582185, - 0x68ab9802, 0xeecea50f, 0xdb2f953b, 0x2aef7dad, 0x5b6e2f84, - 0x1521b628, 0x29076170, 0xecdd4775, 0x619f1510, 0x13cca830, - 0xeb61bd96, 0x0334fe1e, 0xaa0363cf, 0xb5735c90, 0x4c70a239, - 0xd59e9e0b, 0xcbaade14, 0xeecc86bc, 0x60622ca7, 0x9cab5cab, - 0xb2f3846e, 0x648b1eaf, 0x19bdf0ca, 0xa02369b9, 0x655abb50, - 0x40685a32, 0x3c2ab4b3, 0x319ee9d5, 0xc021b8f7, 0x9b540b19, - 0x875fa099, 0x95f7997e, 0x623d7da8, 0xf837889a, 0x97e32d77, - 0x11ed935f, 0x16681281, 0x0e358829, 0xc7e61fd6, 0x96dedfa1, - 0x7858ba99, 0x57f584a5, 0x1b227263, 0x9b83c3ff, 0x1ac24696, - 0xcdb30aeb, 0x532e3054, 0x8fd948e4, 0x6dbc3128, 0x58ebf2ef, - 0x34c6ffea, 0xfe28ed61, 0xee7c3c73, 0x5d4a14d9, 0xe864b7e3, - 0x42105d14, 0x203e13e0, 0x45eee2b6, 0xa3aaabea, 0xdb6c4f15, - 0xfacb4fd0, 0xc742f442, 0xef6abbb5, 0x654f3b1d, 0x41cd2105, - 0xd81e799e, 0x86854dc7, 0xe44b476a, 0x3d816250, 0xcf62a1f2, - 0x5b8d2646, 0xfc8883a0, 0xc1c7b6a3, 0x7f1524c3, 0x69cb7492, - 0x47848a0b, 0x5692b285, 0x095bbf00, 0xad19489d, 0x1462b174, - 0x23820e00, 0x58428d2a, 0x0c55f5ea, 0x1dadf43e, 0x233f7061, - 0x3372f092, 0x8d937e41, 0xd65fecf1, 0x6c223bdb, 0x7cde3759, - 0xcbee7460, 0x4085f2a7, 0xce77326e, 0xa6078084, 0x19f8509e, - 0xe8efd855, 0x61d99735, 0xa969a7aa, 0xc50c06c2, 0x5a04abfc, - 0x800bcadc, 0x9e447a2e, 0xc3453484, 0xfdd56705, 0x0e1e9ec9, - 0xdb73dbd3, 0x105588cd, 0x675fda79, 0xe3674340, 0xc5c43465, - 0x713e38d8, 0x3d28f89e, 0xf16dff20, 0x153e21e7, 0x8fb03d4a, - 0xe6e39f2b, 0xdb83adf7, 0xe93d5a68, 0x948140f7, 0xf64c261c, - 0x94692934, 0x411520f7, 0x7602d4f7, 0xbcf46b2e, 0xd4a20068, - 0xd4082471, 0x3320f46a, 0x43b7d4b7, 0x500061af, 0x1e39f62e, - 0x97244546, 0x14214f74, 0xbf8b8840, 0x4d95fc1d, 0x96b591af, - 0x70f4ddd3, 0x66a02f45, 0xbfbc09ec, 0x03bd9785, 0x7fac6dd0, - 0x31cb8504, 0x96eb27b3, 0x55fd3941, 0xda2547e6, 0xabca0a9a, - 0x28507825, 0x530429f4, 0x0a2c86da, 0xe9b66dfb, 0x68dc1462, - 0xd7486900, 0x680ec0a4, 0x27a18dee, 0x4f3ffea2, 0xe887ad8c, - 0xb58ce006, 0x7af4d6b6, 0xaace1e7c, 0xd3375fec, 0xce78a399, - 0x406b2a42, 0x20fe9e35, 0xd9f385b9, 0xee39d7ab, 0x3b124e8b, - 0x1dc9faf7, 0x4b6d1856, 0x26a36631, 0xeae397b2, 0x3a6efa74, - 0xdd5b4332, 0x6841e7f7, 0xca7820fb, 0xfb0af54e, 0xd8feb397, - 0x454056ac, 0xba489527, 0x55533a3a, 0x20838d87, 0xfe6ba9b7, - 0xd096954b, 0x55a867bc, 0xa1159a58, 0xcca92963, 0x99e1db33, - 0xa62a4a56, 0x3f3125f9, 0x5ef47e1c, 0x9029317c, 0xfdf8e802, - 0x04272f70, 0x80bb155c, 0x05282ce3, 0x95c11548, 0xe4c66d22, - 0x48c1133f, 0xc70f86dc, 0x07f9c9ee, 0x41041f0f, 0x404779a4, - 0x5d886e17, 0x325f51eb, 0xd59bc0d1, 0xf2bcc18f, 0x41113564, - 0x257b7834, 0x602a9c60, 0xdff8e8a3, 0x1f636c1b, 0x0e12b4c2, - 0x02e1329e, 0xaf664fd1, 0xcad18115, 0x6b2395e0, 0x333e92e1, - 0x3b240b62, 0xeebeb922, 0x85b2a20e, 0xe6ba0d99, 0xde720c8c, - 0x2da2f728, 0xd0127845, 0x95b794fd, 0x647d0862, 0xe7ccf5f0, - 0x5449a36f, 0x877d48fa, 0xc39dfd27, 0xf33e8d1e, 0x0a476341, - 0x992eff74, 0x3a6f6eab, 0xf4f8fd37, 0xa812dc60, 0xa1ebddf8, - 0x991be14c, 0xdb6e6b0d, 0xc67b5510, 0x6d672c37, 0x2765d43b, - 0xdcd0e804, 0xf1290dc7, 0xcc00ffa3, 0xb5390f92, 0x690fed0b, - 0x667b9ffb, 0xcedb7d9c, 0xa091cf0b, 0xd9155ea3, 0xbb132f88, - 0x515bad24, 0x7b9479bf, 0x763bd6eb, 0x37392eb3, 0xcc115979, - 0x8026e297, 0xf42e312d, 0x6842ada7, 0xc66a2b3b, 0x12754ccc, - 0x782ef11c, 0x6a124237, 0xb79251e7, 0x06a1bbe6, 0x4bfb6350, - 0x1a6b1018, 0x11caedfa, 0x3d25bdd8, 0xe2e1c3c9, 0x44421659, - 0x0a121386, 0xd90cec6e, 0xd5abea2a, 0x64af674e, 0xda86a85f, - 0xbebfe988, 0x64e4c3fe, 0x9dbc8057, 0xf0f7c086, 0x60787bf8, - 0x6003604d, 0xd1fd8346, 0xf6381fb0, 0x7745ae04, 0xd736fccc, - 0x83426b33, 0xf01eab71, 0xb0804187, 0x3c005e5f, 0x77a057be, - 0xbde8ae24, 0x55464299, 0xbf582e61, 0x4e58f48f, 0xf2ddfda2, - 0xf474ef38, 0x8789bdc2, 0x5366f9c3, 0xc8b38e74, 0xb475f255, - 0x46fcd9b9, 0x7aeb2661, 0x8b1ddf84, 0x846a0e79, 0x915f95e2, - 0x466e598e, 0x20b45770, 0x8cd55591, 0xc902de4c, 0xb90bace1, - 0xbb8205d0, 0x11a86248, 0x7574a99e, 0xb77f19b6, 0xe0a9dc09, - 0x662d09a1, 0xc4324633, 0xe85a1f02, 0x09f0be8c, 0x4a99a025, - 0x1d6efe10, 0x1ab93d1d, 0x0ba5a4df, 0xa186f20f, 0x2868f169, - 0xdcb7da83, 0x573906fe, 0xa1e2ce9b, 0x4fcd7f52, 0x50115e01, - 0xa70683fa, 0xa002b5c4, 0x0de6d027, 0x9af88c27, 0x773f8641, - 0xc3604c06, 0x61a806b5, 0xf0177a28, 0xc0f586e0, 0x006058aa, - 0x30dc7d62, 0x11e69ed7, 0x2338ea63, 0x53c2dd94, 0xc2c21634, - 0xbbcbee56, 0x90bcb6de, 0xebfc7da1, 0xce591d76, 0x6f05e409, - 0x4b7c0188, 0x39720a3d, 0x7c927c24, 0x86e3725f, 0x724d9db9, - 0x1ac15bb4, 0xd39eb8fc, 0xed545578, 0x08fca5b5, 0xd83d7cd3, - 0x4dad0fc4, 0x1e50ef5e, 0xb161e6f8, 0xa28514d9, 0x6c51133c, - 0x6fd5c7e7, 0x56e14ec4, 0x362abfce, 0xddc6c837, 0xd79a3234, - 0x92638212, 0x670efa8e, 0x406000e0, 0x3a39ce37, 0xd3faf5cf, - 0xabc27737, 0x5ac52d1b, 0x5cb0679e, 0x4fa33742, 0xd3822740, - 0x99bc9bbe, 0xd5118e9d, 0xbf0f7315, 0xd62d1c7e, 0xc700c47b, - 0xb78c1b6b, 0x21a19045, 0xb26eb1be, 0x6a366eb4, 0x5748ab2f, - 0xbc946e79, 0xc6a376d2, 0x6549c2c8, 0x530ff8ee, 0x468dde7d, - 0xd5730a1d, 0x4cd04dc6, 0x2939bbdb, 0xa9ba4650, 0xac9526e8, - 0xbe5ee304, 0xa1fad5f0, 0x6a2d519a, 0x63ef8ce2, 0x9a86ee22, - 0xc089c2b8, 0x43242ef6, 0xa51e03aa, 0x9cf2d0a4, 0x83c061ba, - 0x9be96a4d, 0x8fe51550, 0xba645bd6, 0x2826a2f9, 0xa73a3ae1, - 0x4ba99586, 0xef5562e9, 0xc72fefd3, 0xf752f7da, 0x3f046f69, - 0x77fa0a59, 0x80e4a915, 0x87b08601, 0x9b09e6ad, 0x3b3ee593, - 0xe990fd5a, 0x9e34d797, 0x2cf0b7d9, 0x022b8b51, 0x96d5ac3a, - 0x017da67d, 0xd1cf3ed6, 0x7c7d2d28, 0x1f9f25cf, 0xadf2b89b, - 0x5ad6b472, 0x5a88f54c, 0xe029ac71, 0xe019a5e6, 0x47b0acfd, - 0xed93fa9b, 0xe8d3c48d, 0x283b57cc, 0xf8d56629, 0x79132e28, - 0x785f0191, 0xed756055, 0xf7960e44, 0xe3d35e8c, 0x15056dd4, - 0x88f46dba, 0x03a16125, 0x0564f0bd, 0xc3eb9e15, 0x3c9057a2, - 0x97271aec, 0xa93a072a, 0x1b3f6d9b, 0x1e6321f5, 0xf59c66fb, - 0x26dcf319, 0x7533d928, 0xb155fdf5, 0x03563482, 0x8aba3cbb, - 0x28517711, 0xc20ad9f8, 0xabcc5167, 0xccad925f, 0x4de81751, - 0x3830dc8e, 0x379d5862, 0x9320f991, 0xea7a90c2, 0xfb3e7bce, - 0x5121ce64, 0x774fbe32, 0xa8b6e37e, 0xc3293d46, 0x48de5369, - 0x6413e680, 0xa2ae0810, 0xdd6db224, 0x69852dfd, 0x09072166, - 0xb39a460a, 0x6445c0dd, 0x586cdecf, 0x1c20c8ae, 0x5bbef7dd, - 0x1b588d40, 0xccd2017f, 0x6bb4e3bb, 0xdda26a7e, 0x3a59ff45, - 0x3e350a44, 0xbcb4cdd5, 0x72eacea8, 0xfa6484bb, 0x8d6612ae, - 0xbf3c6f47, 0xd29be463, 0x542f5d9e, 0xaec2771b, 0xf64e6370, - 0x740e0d8d, 0xe75b1357, 0xf8721671, 0xaf537d5d, 0x4040cb08, - 0x4eb4e2cc, 0x34d2466a, 0x0115af84, 0xe1b00428, 0x95983a1d, - 0x06b89fb4, 0xce6ea048, 0x6f3f3b82, 0x3520ab82, 0x011a1d4b, - 0x277227f8, 0x611560b1, 0xe7933fdc, 0xbb3a792b, 0x344525bd, - 0xa08839e1, 0x51ce794b, 0x2f32c9b7, 0xa01fbac9, 0xe01cc87e, - 0xbcc7d1f6, 0xcf0111c3, 0xa1e8aac7, 0x1a908749, 0xd44fbd9a, - 0xd0dadecb, 0xd50ada38, 0x0339c32a, 0xc6913667, 0x8df9317c, - 0xe0b12b4f, 0xf79e59b7, 0x43f5bb3a, 0xf2d519ff, 0x27d9459c, - 0xbf97222c, 0x15e6fc2a, 0x0f91fc71, 0x9b941525, 0xfae59361, - 0xceb69ceb, 0xc2a86459, 0x12baa8d1, 0xb6c1075e, 0xe3056a0c, - 0x10d25065, 0xcb03a442, 0xe0ec6e0e, 0x1698db3b, 0x4c98a0be, - 0x3278e964, 0x9f1f9532, 0xe0d392df, 0xd3a0342b, 0x8971f21e, - 0x1b0a7441, 0x4ba3348c, 0xc5be7120, 0xc37632d8, 0xdf359f8d, - 0x9b992f2e, 0xe60b6f47, 0x0fe3f11d, 0xe54cda54, 0x1edad891, - 0xce6279cf, 0xcd3e7e6f, 0x1618b166, 0xfd2c1d05, 0x848fd2c5, - 0xf6fb2299, 0xf523f357, 0xa6327623, 0x93a83531, 0x56cccd02, - 0xacf08162, 0x5a75ebb5, 0x6e163697, 0x88d273cc, 0xde966292, - 0x81b949d0, 0x4c50901b, 0x71c65614, 0xe6c6c7bd, 0x327a140a, - 0x45e1d006, 0xc3f27b9a, 0xc9aa53fd, 0x62a80f00, 0xbb25bfe2, - 0x35bdd2f6, 0x71126905, 0xb2040222, 0xb6cbcf7c, 0xcd769c2b, - 0x53113ec0, 0x1640e3d3, 0x38abbd60, 0x2547adf0, 0xba38209c, - 0xf746ce76, 0x77afa1c5, 0x20756060, 0x85cbfe4e, 0x8ae88dd8, - 0x7aaaf9b0, 0x4cf9aa7e, 0x1948c25c, 0x02fb8a8c, 0x01c36ae4, - 0xd6ebe1f9, 0x90d4f869, 0xa65cdea0, 0x3f09252d, 0xc208e69f, - 0xb74e6132, 0xce77e25b, 0x578fdfe3, 0x3ac372e6 - ]; - - /** - * @type {Array.} - * @const - * @inner - */ - var C_ORIG = [ - 0x4f727068, 0x65616e42, 0x65686f6c, 0x64657253, 0x63727944, - 0x6f756274 - ]; - - /** - * @param {Array.} lr - * @param {number} off - * @param {Array.} P - * @param {Array.} S - * @returns {Array.} - * @inner - */ - function _encipher(lr, off, P, S) { // This is our bottleneck: 1714/1905 ticks / 90% - see profile.txt - var n, - l = lr[off], - r = lr[off + 1]; - - l ^= P[0]; - - /* - for (var i=0, k=BLOWFISH_NUM_ROUNDS-2; i<=k;) - // Feistel substitution on left word - n = S[l >>> 24], - n += S[0x100 | ((l >> 16) & 0xff)], - n ^= S[0x200 | ((l >> 8) & 0xff)], - n += S[0x300 | (l & 0xff)], - r ^= n ^ P[++i], - // Feistel substitution on right word - n = S[r >>> 24], - n += S[0x100 | ((r >> 16) & 0xff)], - n ^= S[0x200 | ((r >> 8) & 0xff)], - n += S[0x300 | (r & 0xff)], - l ^= n ^ P[++i]; - */ - - //The following is an unrolled version of the above loop. - //Iteration 0 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[1]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[2]; - //Iteration 1 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[3]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[4]; - //Iteration 2 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[5]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[6]; - //Iteration 3 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[7]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[8]; - //Iteration 4 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[9]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[10]; - //Iteration 5 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[11]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[12]; - //Iteration 6 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[13]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[14]; - //Iteration 7 - n = S[l >>> 24]; - n += S[0x100 | ((l >> 16) & 0xff)]; - n ^= S[0x200 | ((l >> 8) & 0xff)]; - n += S[0x300 | (l & 0xff)]; - r ^= n ^ P[15]; - n = S[r >>> 24]; - n += S[0x100 | ((r >> 16) & 0xff)]; - n ^= S[0x200 | ((r >> 8) & 0xff)]; - n += S[0x300 | (r & 0xff)]; - l ^= n ^ P[16]; - - lr[off] = r ^ P[BLOWFISH_NUM_ROUNDS + 1]; - lr[off + 1] = l; - return lr; - } - - /** - * @param {Array.} data - * @param {number} offp - * @returns {{key: number, offp: number}} - * @inner - */ - function _streamtoword(data, offp) { - for (var i = 0, word = 0; i < 4; ++i) - word = (word << 8) | (data[offp] & 0xff), - offp = (offp + 1) % data.length; - return { key: word, offp: offp }; - } - - /** - * @param {Array.} key - * @param {Array.} P - * @param {Array.} S - * @inner - */ - function _key(key, P, S) { - var offset = 0, - lr = [0, 0], - plen = P.length, - slen = S.length, - sw; - for (var i = 0; i < plen; i++) - sw = _streamtoword(key, offset), - offset = sw.offp, - P[i] = P[i] ^ sw.key; - for (i = 0; i < plen; i += 2) - lr = _encipher(lr, 0, P, S), - P[i] = lr[0], - P[i + 1] = lr[1]; - for (i = 0; i < slen; i += 2) - lr = _encipher(lr, 0, P, S), - S[i] = lr[0], - S[i + 1] = lr[1]; - } - - /** - * Expensive key schedule Blowfish. - * @param {Array.} data - * @param {Array.} key - * @param {Array.} P - * @param {Array.} S - * @inner - */ - function _ekskey(data, key, P, S) { - var offp = 0, - lr = [0, 0], - plen = P.length, - slen = S.length, - sw; - for (var i = 0; i < plen; i++) - sw = _streamtoword(key, offp), - offp = sw.offp, - P[i] = P[i] ^ sw.key; - offp = 0; - for (i = 0; i < plen; i += 2) - sw = _streamtoword(data, offp), - offp = sw.offp, - lr[0] ^= sw.key, - sw = _streamtoword(data, offp), - offp = sw.offp, - lr[1] ^= sw.key, - lr = _encipher(lr, 0, P, S), - P[i] = lr[0], - P[i + 1] = lr[1]; - for (i = 0; i < slen; i += 2) - sw = _streamtoword(data, offp), - offp = sw.offp, - lr[0] ^= sw.key, - sw = _streamtoword(data, offp), - offp = sw.offp, - lr[1] ^= sw.key, - lr = _encipher(lr, 0, P, S), - S[i] = lr[0], - S[i + 1] = lr[1]; - } - - /** - * Internaly crypts a string. - * @param {Array.} b Bytes to crypt - * @param {Array.} salt Salt bytes to use - * @param {number} rounds Number of rounds - * @param {function(Error, Array.=)=} callback Callback receiving the error, if any, and the resulting bytes. If - * omitted, the operation will be performed synchronously. - * @param {function(number)=} progressCallback Callback called with the current progress - * @returns {!Array.|undefined} Resulting bytes if callback has been omitted, otherwise `undefined` - * @inner - */ - function _crypt(b, salt, rounds, callback, progressCallback) { - var cdata = C_ORIG.slice(), - clen = cdata.length, - err; - - // Validate - if (rounds < 4 || rounds > 31) { - err = Error("Illegal number of rounds (4-31): "+rounds); - if (callback) { - nextTick(callback.bind(this, err)); - return; - } else - throw err; - } - if (salt.length !== BCRYPT_SALT_LEN) { - err =Error("Illegal salt length: "+salt.length+" != "+BCRYPT_SALT_LEN); - if (callback) { - nextTick(callback.bind(this, err)); - return; - } else - throw err; - } - rounds = (1 << rounds) >>> 0; - - var P, S, i = 0, j; - - //Use typed arrays when available - huge speedup! - if (Int32Array) { - P = new Int32Array(P_ORIG); - S = new Int32Array(S_ORIG); - } else { - P = P_ORIG.slice(); - S = S_ORIG.slice(); - } - - _ekskey(salt, b, P, S); - - /** - * Calcualtes the next round. - * @returns {Array.|undefined} Resulting array if callback has been omitted, otherwise `undefined` - * @inner - */ - function next() { - if (progressCallback) - progressCallback(i / rounds); - if (i < rounds) { - var start = Date.now(); - for (; i < rounds;) { - i = i + 1; - _key(b, P, S); - _key(salt, P, S); - if (Date.now() - start > MAX_EXECUTION_TIME) - break; - } - } else { - for (i = 0; i < 64; i++) - for (j = 0; j < (clen >> 1); j++) - _encipher(cdata, j << 1, P, S); - var ret = []; - for (i = 0; i < clen; i++) - ret.push(((cdata[i] >> 24) & 0xff) >>> 0), - ret.push(((cdata[i] >> 16) & 0xff) >>> 0), - ret.push(((cdata[i] >> 8) & 0xff) >>> 0), - ret.push((cdata[i] & 0xff) >>> 0); - if (callback) { - callback(null, ret); - return; - } else - return ret; - } - if (callback) - nextTick(next); - } - - // Async - if (typeof callback !== 'undefined') { - next(); - - // Sync - } else { - var res; - while (true) - if (typeof(res = next()) !== 'undefined') - return res || []; - } - } - - /** - * Internally hashes a string. - * @param {string} s String to hash - * @param {?string} salt Salt to use, actually never null - * @param {function(Error, string=)=} callback Callback receiving the error, if any, and the resulting hash. If omitted, - * hashing is perormed synchronously. - * @param {function(number)=} progressCallback Callback called with the current progress - * @returns {string|undefined} Resulting hash if callback has been omitted, otherwise `undefined` - * @inner - */ - function _hash(s, salt, callback, progressCallback) { - var err; - if (typeof s !== 'string' || typeof salt !== 'string') { - err = Error("Invalid string / salt: Not a string"); - if (callback) { - nextTick(callback.bind(this, err)); - return; - } - else - throw err; - } - - // Validate the salt - var minor, offset; - if (salt.charAt(0) !== '$' || salt.charAt(1) !== '2') { - err = Error("Invalid salt version: "+salt.substring(0,2)); - if (callback) { - nextTick(callback.bind(this, err)); - return; - } - else - throw err; - } - if (salt.charAt(2) === '$') - minor = String.fromCharCode(0), - offset = 3; - else { - minor = salt.charAt(2); - if ((minor !== 'a' && minor !== 'b' && minor !== 'y') || salt.charAt(3) !== '$') { - err = Error("Invalid salt revision: "+salt.substring(2,4)); - if (callback) { - nextTick(callback.bind(this, err)); - return; - } else - throw err; - } - offset = 4; - } - - // Extract number of rounds - if (salt.charAt(offset + 2) > '$') { - err = Error("Missing salt rounds"); - if (callback) { - nextTick(callback.bind(this, err)); - return; - } else - throw err; - } - var r1 = parseInt(salt.substring(offset, offset + 1), 10) * 10, - r2 = parseInt(salt.substring(offset + 1, offset + 2), 10), - rounds = r1 + r2, - real_salt = salt.substring(offset + 3, offset + 25); - s += minor >= 'a' ? "\x00" : ""; - - var passwordb = stringToBytes(s), - saltb = base64_decode(real_salt, BCRYPT_SALT_LEN); - - /** - * Finishes hashing. - * @param {Array.} bytes Byte array - * @returns {string} - * @inner - */ - function finish(bytes) { - var res = []; - res.push("$2"); - if (minor >= 'a') - res.push(minor); - res.push("$"); - if (rounds < 10) - res.push("0"); - res.push(rounds.toString()); - res.push("$"); - res.push(base64_encode(saltb, saltb.length)); - res.push(base64_encode(bytes, C_ORIG.length * 4 - 1)); - return res.join(''); - } - - // Sync - if (typeof callback == 'undefined') - return finish(_crypt(passwordb, saltb, rounds)); - - // Async - else { - _crypt(passwordb, saltb, rounds, function(err, bytes) { - if (err) - callback(err, null); - else - callback(null, finish(bytes)); - }, progressCallback); - } - } - - /** - * Encodes a byte array to base64 with up to len bytes of input, using the custom bcrypt alphabet. - * @function - * @param {!Array.} b Byte array - * @param {number} len Maximum input length - * @returns {string} - * @expose - */ - bcrypt.encodeBase64 = base64_encode; - - /** - * Decodes a base64 encoded string to up to len bytes of output, using the custom bcrypt alphabet. - * @function - * @param {string} s String to decode - * @param {number} len Maximum output length - * @returns {!Array.} - * @expose - */ - bcrypt.decodeBase64 = base64_decode; - - return bcrypt; + throw Error("Neither WebCryptoAPI nor a crypto module is available. Use bcrypt.setRandomFallback to set an alternative"); + return randomFallback(len); + } + + // Test if any secure randomness source is available + var randomAvailable = false; + try { + random(1); + randomAvailable = true; + } catch (e) { } + + // Default fallback, if any + randomFallback = null; + /** + * Sets the pseudo random number generator to use as a fallback if neither node's `crypto` module nor the Web Crypto + * API is available. Please note: It is highly important that the PRNG used is cryptographically secure and that it + * is seeded properly! + * @param {?function(number):!Array.} random Function taking the number of bytes to generate as its + * sole argument, returning the corresponding array of cryptographically secure random byte values. + * @see http://nodejs.org/api/crypto.html + * @see http://www.w3.org/TR/WebCryptoAPI/ + */ + bcrypt.setRandomFallback = function (random) { + randomFallback = random; + }; + + /** + * Synchronously generates a salt. + * @param {number=} rounds Number of rounds to use, defaults to 10 if omitted + * @param {number=} seed_length Not supported. + * @returns {string} Resulting salt + * @throws {Error} If a random fallback is required but not set + * @expose + */ + bcrypt.genSaltSync = function (rounds, seed_length) { + rounds = rounds || GENSALT_DEFAULT_LOG2_ROUNDS; + if (typeof rounds !== 'number') + throw Error("Illegal arguments: " + (typeof rounds) + ", " + (typeof seed_length)); + if (rounds < 4) + rounds = 4; + else if (rounds > 31) + rounds = 31; + var salt = []; + salt.push("$2a$"); + if (rounds < 10) + salt.push("0"); + salt.push(rounds.toString()); + salt.push('$'); + salt.push(base64_encode(random(BCRYPT_SALT_LEN), BCRYPT_SALT_LEN)); // May throw + return salt.join(''); + }; + + /** + * Asynchronously generates a salt. + * @param {(number|function(Error, string=))=} rounds Number of rounds to use, defaults to 10 if omitted + * @param {(number|function(Error, string=))=} seed_length Not supported. + * @param {function(Error, string=)=} callback Callback receiving the error, if any, and the resulting salt + * @returns {!Promise} If `callback` has been omitted + * @throws {Error} If `callback` is present but not a function + * @expose + */ + bcrypt.genSalt = function (rounds, seed_length, callback) { + if (typeof seed_length === 'function') + callback = seed_length, + seed_length = undefined; // Not supported. + if (typeof rounds === 'function') + callback = rounds, + rounds = undefined; + if (typeof rounds === 'undefined') + rounds = GENSALT_DEFAULT_LOG2_ROUNDS; + else if (typeof rounds !== 'number') + throw Error("illegal arguments: " + (typeof rounds)); + + function _async(callback) { + nextTick(function () { // Pretty thin, but salting is fast enough + try { + callback(null, bcrypt.genSaltSync(rounds)); + } catch (err) { + callback(err); + } + }); + } + + if (callback) { + if (typeof callback !== 'function') + throw Error("Illegal callback: " + typeof (callback)); + _async(callback); + } else + return new Promise(function (resolve, reject) { + _async(function (err, res) { + if (err) { + reject(err); + return; + } + resolve(res); + }); + }); + }; + + /** + * Synchronously generates a hash for the given string. + * @param {string} s String to hash + * @param {(number|string)=} salt Salt length to generate or salt to use, default to 10 + * @returns {string} Resulting hash + * @expose + */ + bcrypt.hashSync = function (s, salt) { + if (typeof salt === 'undefined') + salt = GENSALT_DEFAULT_LOG2_ROUNDS; + if (typeof salt === 'number') + salt = bcrypt.genSaltSync(salt); + if (typeof s !== 'string' || typeof salt !== 'string') + throw Error("Illegal arguments: " + (typeof s) + ', ' + (typeof salt)); + return _hash(s, salt); + }; + + /** + * Asynchronously generates a hash for the given string. + * @param {string} s String to hash + * @param {number|string} salt Salt length to generate or salt to use + * @param {function(Error, string=)=} callback Callback receiving the error, if any, and the resulting hash + * @param {function(number)=} progressCallback Callback successively called with the percentage of rounds completed + * (0.0 - 1.0), maximally once per `MAX_EXECUTION_TIME = 100` ms. + * @returns {!Promise} If `callback` has been omitted + * @throws {Error} If `callback` is present but not a function + * @expose + */ + bcrypt.hash = function (s, salt, callback, progressCallback) { + + function _async(callback) { + if (typeof s === 'string' && typeof salt === 'number') + bcrypt.genSalt(salt, function (err, salt) { + _hash(s, salt, callback, progressCallback); + }); + else if (typeof s === 'string' && typeof salt === 'string') + _hash(s, salt, callback, progressCallback); + else + nextTick(callback.bind(this, Error("Illegal arguments: " + (typeof s) + ', ' + (typeof salt)))); + } + + if (callback) { + if (typeof callback !== 'function') + throw Error("Illegal callback: " + typeof (callback)); + _async(callback); + } else + return new Promise(function (resolve, reject) { + _async(function (err, res) { + if (err) { + reject(err); + return; + } + resolve(res); + }); + }); + }; + + /** + * Compares two strings of the same length in constant time. + * @param {string} known Must be of the correct length + * @param {string} unknown Must be the same length as `known` + * @returns {boolean} + * @inner + */ + function safeStringCompare(known, unknown) { + var right = 0, + wrong = 0; + for (var i = 0, k = known.length; i < k; ++i) { + if (known.charCodeAt(i) === unknown.charCodeAt(i)) + ++right; + else + ++wrong; + } + // Prevent removal of unused variables (never true, actually) + if (right < 0) + return false; + return wrong === 0; + } + + /** + * Synchronously tests a string against a hash. + * @param {string} s String to compare + * @param {string} hash Hash to test against + * @returns {boolean} true if matching, otherwise false + * @throws {Error} If an argument is illegal + * @expose + */ + bcrypt.compareSync = function (s, hash) { + if (typeof s !== "string" || typeof hash !== "string") + throw Error("Illegal arguments: " + (typeof s) + ', ' + (typeof hash)); + if (hash.length !== 60) + return false; + return safeStringCompare(bcrypt.hashSync(s, hash.substr(0, hash.length - 31)), hash); + }; + + /** + * Asynchronously compares the given data against the given hash. + * @param {string} s Data to compare + * @param {string} hash Data to be compared to + * @param {function(Error, boolean)=} callback Callback receiving the error, if any, otherwise the result + * @param {function(number)=} progressCallback Callback successively called with the percentage of rounds completed + * (0.0 - 1.0), maximally once per `MAX_EXECUTION_TIME = 100` ms. + * @returns {!Promise} If `callback` has been omitted + * @throws {Error} If `callback` is present but not a function + * @expose + */ + bcrypt.compare = function (s, hash, callback, progressCallback) { + + function _async(callback) { + if (typeof s !== "string" || typeof hash !== "string") { + nextTick(callback.bind(this, Error("Illegal arguments: " + (typeof s) + ', ' + (typeof hash)))); + return; + } + if (hash.length !== 60) { + nextTick(callback.bind(this, null, false)); + return; + } + bcrypt.hash(s, hash.substr(0, 29), function (err, comp) { + if (err) + callback(err); + else + callback(null, safeStringCompare(comp, hash)); + }, progressCallback); + } + + if (callback) { + if (typeof callback !== 'function') + throw Error("Illegal callback: " + typeof (callback)); + _async(callback); + } else + return new Promise(function (resolve, reject) { + _async(function (err, res) { + if (err) { + reject(err); + return; + } + resolve(res); + }); + }); + }; + + /** + * Gets the number of rounds used to encrypt the specified hash. + * @param {string} hash Hash to extract the used number of rounds from + * @returns {number} Number of rounds used + * @throws {Error} If `hash` is not a string + * @expose + */ + bcrypt.getRounds = function (hash) { + if (typeof hash !== "string") + throw Error("Illegal arguments: " + (typeof hash)); + return parseInt(hash.split("$")[2], 10); + }; + + /** + * Gets the salt portion from a hash. Does not validate the hash. + * @param {string} hash Hash to extract the salt from + * @returns {string} Extracted salt part + * @throws {Error} If `hash` is not a string or otherwise invalid + * @expose + */ + bcrypt.getSalt = function (hash) { + if (typeof hash !== 'string') + throw Error("Illegal arguments: " + (typeof hash)); + if (hash.length !== 60) + throw Error("Illegal hash length: " + hash.length + " != 60"); + return hash.substring(0, 29); + }; + + /** + * Continues with the callback on the next tick. + * @function + * @param {function(...[*])} callback Callback to execute + * @inner + */ + var nextTick = typeof process !== 'undefined' && process && typeof process.nextTick === 'function' + ? (typeof setImmediate === 'function' ? setImmediate : process.nextTick) + : setTimeout; + + /** + * Converts a JavaScript string to UTF8 bytes. + * @param {string} str String + * @returns {!Array.} UTF8 bytes + * @inner + */ + function stringToBytes(str) { + var out = [], + i = 0; + utfx.encodeUTF16toUTF8(function () { + if (i >= str.length) return null; + return str.charCodeAt(i++); + }, function (b) { + out.push(b); + }); + return out; + } + + // A base64 implementation for the bcrypt algorithm. This is partly non-standard. + + /** + * bcrypt's own non-standard base64 dictionary. + * @type {!Array.} + * @const + * @inner + **/ + var BASE64_CODE = "./ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".split(''); + + /** + * @type {!Array.} + * @const + * @inner + **/ + var BASE64_INDEX = [-1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, + -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, + -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 0, + 1, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, -1, -1, -1, -1, -1, -1, + -1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, + 20, 21, 22, 23, 24, 25, 26, 27, -1, -1, -1, -1, -1, -1, 28, 29, 30, + 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, + 48, 49, 50, 51, 52, 53, -1, -1, -1, -1, -1]; + + /** + * @type {!function(...number):string} + * @inner + */ + var stringFromCharCode = String.fromCharCode; + + /** + * Encodes a byte array to base64 with up to len bytes of input. + * @param {!Array.} b Byte array + * @param {number} len Maximum input length + * @returns {string} + * @inner + */ + function base64_encode(b, len) { + var off = 0, + rs = [], + c1, c2; + if (len <= 0 || len > b.length) + throw Error("Illegal len: " + len); + while (off < len) { + c1 = b[off++] & 0xff; + rs.push(BASE64_CODE[(c1 >> 2) & 0x3f]); + c1 = (c1 & 0x03) << 4; + if (off >= len) { + rs.push(BASE64_CODE[c1 & 0x3f]); + break; + } + c2 = b[off++] & 0xff; + c1 |= (c2 >> 4) & 0x0f; + rs.push(BASE64_CODE[c1 & 0x3f]); + c1 = (c2 & 0x0f) << 2; + if (off >= len) { + rs.push(BASE64_CODE[c1 & 0x3f]); + break; + } + c2 = b[off++] & 0xff; + c1 |= (c2 >> 6) & 0x03; + rs.push(BASE64_CODE[c1 & 0x3f]); + rs.push(BASE64_CODE[c2 & 0x3f]); + } + return rs.join(''); + } + + /** + * Decodes a base64 encoded string to up to len bytes of output. + * @param {string} s String to decode + * @param {number} len Maximum output length + * @returns {!Array.} + * @inner + */ + function base64_decode(s, len) { + var off = 0, + slen = s.length, + olen = 0, + rs = [], + c1, c2, c3, c4, o, code; + if (len <= 0) + throw Error("Illegal len: " + len); + while (off < slen - 1 && olen < len) { + code = s.charCodeAt(off++); + c1 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; + code = s.charCodeAt(off++); + c2 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; + if (c1 == -1 || c2 == -1) + break; + o = (c1 << 2) >>> 0; + o |= (c2 & 0x30) >> 4; + rs.push(stringFromCharCode(o)); + if (++olen >= len || off >= slen) + break; + code = s.charCodeAt(off++); + c3 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; + if (c3 == -1) + break; + o = ((c2 & 0x0f) << 4) >>> 0; + o |= (c3 & 0x3c) >> 2; + rs.push(stringFromCharCode(o)); + if (++olen >= len || off >= slen) + break; + code = s.charCodeAt(off++); + c4 = code < BASE64_INDEX.length ? BASE64_INDEX[code] : -1; + o = ((c3 & 0x03) << 6) >>> 0; + o |= c4; + rs.push(stringFromCharCode(o)); + ++olen; + } + var res = []; + for (off = 0; off < olen; off++) + res.push(rs[off].charCodeAt(0)); + return res; + } + + /** + * utfx-embeddable (c) 2014 Daniel Wirtz + * Released under the Apache License, Version 2.0 + * see: https://github.com/dcodeIO/utfx for details + */ + var utfx = function () { + // == Changed for ESM support == // + // "use strict"; + + /** + * utfx namespace. + * @inner + * @type {!Object.} + */ + var utfx = {}; + + /** + * Maximum valid code point. + * @type {number} + * @const + */ + utfx.MAX_CODEPOINT = 0x10FFFF; + + /** + * Encodes UTF8 code points to UTF8 bytes. + * @param {(!function():number|null) | number} src Code points source, either as a function returning the next code point + * respectively `null` if there are no more code points left or a single numeric code point. + * @param {!function(number)} dst Bytes destination as a function successively called with the next byte + */ + utfx.encodeUTF8 = function (src, dst) { + var cp = null; + if (typeof src === 'number') + cp = src, + src = function () { return null; }; + while (cp !== null || (cp = src()) !== null) { + if (cp < 0x80) + dst(cp & 0x7F); + else if (cp < 0x800) + dst(((cp >> 6) & 0x1F) | 0xC0), + dst((cp & 0x3F) | 0x80); + else if (cp < 0x10000) + dst(((cp >> 12) & 0x0F) | 0xE0), + dst(((cp >> 6) & 0x3F) | 0x80), + dst((cp & 0x3F) | 0x80); + else + dst(((cp >> 18) & 0x07) | 0xF0), + dst(((cp >> 12) & 0x3F) | 0x80), + dst(((cp >> 6) & 0x3F) | 0x80), + dst((cp & 0x3F) | 0x80); + cp = null; + } + }; + + /** + * Decodes UTF8 bytes to UTF8 code points. + * @param {!function():number|null} src Bytes source as a function returning the next byte respectively `null` if there + * are no more bytes left. + * @param {!function(number)} dst Code points destination as a function successively called with each decoded code point. + * @throws {RangeError} If a starting byte is invalid in UTF8 + * @throws {Error} If the last sequence is truncated. Has an array property `bytes` holding the + * remaining bytes. + */ + utfx.decodeUTF8 = function (src, dst) { + var a, b, c, d, fail = function (b) { + b = b.slice(0, b.indexOf(null)); + var err = Error(b.toString()); + err.name = "TruncatedError"; + err['bytes'] = b; + throw err; + }; + while ((a = src()) !== null) { + if ((a & 0x80) === 0) + dst(a); + else if ((a & 0xE0) === 0xC0) + ((b = src()) === null) && fail([a, b]), + dst(((a & 0x1F) << 6) | (b & 0x3F)); + else if ((a & 0xF0) === 0xE0) + ((b = src()) === null || (c = src()) === null) && fail([a, b, c]), + dst(((a & 0x0F) << 12) | ((b & 0x3F) << 6) | (c & 0x3F)); + else if ((a & 0xF8) === 0xF0) + ((b = src()) === null || (c = src()) === null || (d = src()) === null) && fail([a, b, c, d]), + dst(((a & 0x07) << 18) | ((b & 0x3F) << 12) | ((c & 0x3F) << 6) | (d & 0x3F)); + else throw RangeError("Illegal starting byte: " + a); + } + }; + + /** + * Converts UTF16 characters to UTF8 code points. + * @param {!function():number|null} src Characters source as a function returning the next char code respectively + * `null` if there are no more characters left. + * @param {!function(number)} dst Code points destination as a function successively called with each converted code + * point. + */ + utfx.UTF16toUTF8 = function (src, dst) { + var c1, c2 = null; + while (true) { + if ((c1 = c2 !== null ? c2 : src()) === null) + break; + if (c1 >= 0xD800 && c1 <= 0xDFFF) { + if ((c2 = src()) !== null) { + if (c2 >= 0xDC00 && c2 <= 0xDFFF) { + dst((c1 - 0xD800) * 0x400 + c2 - 0xDC00 + 0x10000); + c2 = null; continue; + } + } + } + dst(c1); + } + if (false) dst(c2); + }; + + /** + * Converts UTF8 code points to UTF16 characters. + * @param {(!function():number|null) | number} src Code points source, either as a function returning the next code point + * respectively `null` if there are no more code points left or a single numeric code point. + * @param {!function(number)} dst Characters destination as a function successively called with each converted char code. + * @throws {RangeError} If a code point is out of range + */ + utfx.UTF8toUTF16 = function (src, dst) { + var cp = null; + if (typeof src === 'number') + cp = src, src = function () { return null; }; + while (cp !== null || (cp = src()) !== null) { + if (cp <= 0xFFFF) + dst(cp); + else + cp -= 0x10000, + dst((cp >> 10) + 0xD800), + dst((cp % 0x400) + 0xDC00); + cp = null; + } + }; + + /** + * Converts and encodes UTF16 characters to UTF8 bytes. + * @param {!function():number|null} src Characters source as a function returning the next char code respectively `null` + * if there are no more characters left. + * @param {!function(number)} dst Bytes destination as a function successively called with the next byte. + */ + utfx.encodeUTF16toUTF8 = function (src, dst) { + utfx.UTF16toUTF8(src, function (cp) { + utfx.encodeUTF8(cp, dst); + }); + }; + + /** + * Decodes and converts UTF8 bytes to UTF16 characters. + * @param {!function():number|null} src Bytes source as a function returning the next byte respectively `null` if there + * are no more bytes left. + * @param {!function(number)} dst Characters destination as a function successively called with each converted char code. + * @throws {RangeError} If a starting byte is invalid in UTF8 + * @throws {Error} If the last sequence is truncated. Has an array property `bytes` holding the remaining bytes. + */ + utfx.decodeUTF8toUTF16 = function (src, dst) { + utfx.decodeUTF8(src, function (cp) { + utfx.UTF8toUTF16(cp, dst); + }); + }; + + /** + * Calculates the byte length of an UTF8 code point. + * @param {number} cp UTF8 code point + * @returns {number} Byte length + */ + utfx.calculateCodePoint = function (cp) { + return (cp < 0x80) ? 1 : (cp < 0x800) ? 2 : (cp < 0x10000) ? 3 : 4; + }; + + /** + * Calculates the number of UTF8 bytes required to store UTF8 code points. + * @param {(!function():number|null)} src Code points source as a function returning the next code point respectively + * `null` if there are no more code points left. + * @returns {number} The number of UTF8 bytes required + */ + utfx.calculateUTF8 = function (src) { + var cp, l = 0; + while ((cp = src()) !== null) + l += utfx.calculateCodePoint(cp); + return l; + }; + + /** + * Calculates the number of UTF8 code points respectively UTF8 bytes required to store UTF16 char codes. + * @param {(!function():number|null)} src Characters source as a function returning the next char code respectively + * `null` if there are no more characters left. + * @returns {!Array.} The number of UTF8 code points at index 0 and the number of UTF8 bytes required at index 1. + */ + utfx.calculateUTF16asUTF8 = function (src) { + var n = 0, l = 0; + utfx.UTF16toUTF8(src, function (cp) { + ++n; l += utfx.calculateCodePoint(cp); + }); + return [n, l]; + }; + + return utfx; + }(); + + Date.now = Date.now || function () { return +new Date; }; + + /** + * @type {number} + * @const + * @inner + */ + var BCRYPT_SALT_LEN = 16; + + /** + * @type {number} + * @const + * @inner + */ + var GENSALT_DEFAULT_LOG2_ROUNDS = 10; + + /** + * @type {number} + * @const + * @inner + */ + var BLOWFISH_NUM_ROUNDS = 16; + + /** + * @type {number} + * @const + * @inner + */ + var MAX_EXECUTION_TIME = 100; + + /** + * @type {Array.} + * @const + * @inner + */ + var P_ORIG = [ + 0x243f6a88, 0x85a308d3, 0x13198a2e, 0x03707344, 0xa4093822, + 0x299f31d0, 0x082efa98, 0xec4e6c89, 0x452821e6, 0x38d01377, + 0xbe5466cf, 0x34e90c6c, 0xc0ac29b7, 0xc97c50dd, 0x3f84d5b5, + 0xb5470917, 0x9216d5d9, 0x8979fb1b + ]; + + /** + * @type {Array.} + * @const + * @inner + */ + var S_ORIG = [ + 0xd1310ba6, 0x98dfb5ac, 0x2ffd72db, 0xd01adfb7, 0xb8e1afed, + 0x6a267e96, 0xba7c9045, 0xf12c7f99, 0x24a19947, 0xb3916cf7, + 0x0801f2e2, 0x858efc16, 0x636920d8, 0x71574e69, 0xa458fea3, + 0xf4933d7e, 0x0d95748f, 0x728eb658, 0x718bcd58, 0x82154aee, + 0x7b54a41d, 0xc25a59b5, 0x9c30d539, 0x2af26013, 0xc5d1b023, + 0x286085f0, 0xca417918, 0xb8db38ef, 0x8e79dcb0, 0x603a180e, + 0x6c9e0e8b, 0xb01e8a3e, 0xd71577c1, 0xbd314b27, 0x78af2fda, + 0x55605c60, 0xe65525f3, 0xaa55ab94, 0x57489862, 0x63e81440, + 0x55ca396a, 0x2aab10b6, 0xb4cc5c34, 0x1141e8ce, 0xa15486af, + 0x7c72e993, 0xb3ee1411, 0x636fbc2a, 0x2ba9c55d, 0x741831f6, + 0xce5c3e16, 0x9b87931e, 0xafd6ba33, 0x6c24cf5c, 0x7a325381, + 0x28958677, 0x3b8f4898, 0x6b4bb9af, 0xc4bfe81b, 0x66282193, + 0x61d809cc, 0xfb21a991, 0x487cac60, 0x5dec8032, 0xef845d5d, + 0xe98575b1, 0xdc262302, 0xeb651b88, 0x23893e81, 0xd396acc5, + 0x0f6d6ff3, 0x83f44239, 0x2e0b4482, 0xa4842004, 0x69c8f04a, + 0x9e1f9b5e, 0x21c66842, 0xf6e96c9a, 0x670c9c61, 0xabd388f0, + 0x6a51a0d2, 0xd8542f68, 0x960fa728, 0xab5133a3, 0x6eef0b6c, + 0x137a3be4, 0xba3bf050, 0x7efb2a98, 0xa1f1651d, 0x39af0176, + 0x66ca593e, 0x82430e88, 0x8cee8619, 0x456f9fb4, 0x7d84a5c3, + 0x3b8b5ebe, 0xe06f75d8, 0x85c12073, 0x401a449f, 0x56c16aa6, + 0x4ed3aa62, 0x363f7706, 0x1bfedf72, 0x429b023d, 0x37d0d724, + 0xd00a1248, 0xdb0fead3, 0x49f1c09b, 0x075372c9, 0x80991b7b, + 0x25d479d8, 0xf6e8def7, 0xe3fe501a, 0xb6794c3b, 0x976ce0bd, + 0x04c006ba, 0xc1a94fb6, 0x409f60c4, 0x5e5c9ec2, 0x196a2463, + 0x68fb6faf, 0x3e6c53b5, 0x1339b2eb, 0x3b52ec6f, 0x6dfc511f, + 0x9b30952c, 0xcc814544, 0xaf5ebd09, 0xbee3d004, 0xde334afd, + 0x660f2807, 0x192e4bb3, 0xc0cba857, 0x45c8740f, 0xd20b5f39, + 0xb9d3fbdb, 0x5579c0bd, 0x1a60320a, 0xd6a100c6, 0x402c7279, + 0x679f25fe, 0xfb1fa3cc, 0x8ea5e9f8, 0xdb3222f8, 0x3c7516df, + 0xfd616b15, 0x2f501ec8, 0xad0552ab, 0x323db5fa, 0xfd238760, + 0x53317b48, 0x3e00df82, 0x9e5c57bb, 0xca6f8ca0, 0x1a87562e, + 0xdf1769db, 0xd542a8f6, 0x287effc3, 0xac6732c6, 0x8c4f5573, + 0x695b27b0, 0xbbca58c8, 0xe1ffa35d, 0xb8f011a0, 0x10fa3d98, + 0xfd2183b8, 0x4afcb56c, 0x2dd1d35b, 0x9a53e479, 0xb6f84565, + 0xd28e49bc, 0x4bfb9790, 0xe1ddf2da, 0xa4cb7e33, 0x62fb1341, + 0xcee4c6e8, 0xef20cada, 0x36774c01, 0xd07e9efe, 0x2bf11fb4, + 0x95dbda4d, 0xae909198, 0xeaad8e71, 0x6b93d5a0, 0xd08ed1d0, + 0xafc725e0, 0x8e3c5b2f, 0x8e7594b7, 0x8ff6e2fb, 0xf2122b64, + 0x8888b812, 0x900df01c, 0x4fad5ea0, 0x688fc31c, 0xd1cff191, + 0xb3a8c1ad, 0x2f2f2218, 0xbe0e1777, 0xea752dfe, 0x8b021fa1, + 0xe5a0cc0f, 0xb56f74e8, 0x18acf3d6, 0xce89e299, 0xb4a84fe0, + 0xfd13e0b7, 0x7cc43b81, 0xd2ada8d9, 0x165fa266, 0x80957705, + 0x93cc7314, 0x211a1477, 0xe6ad2065, 0x77b5fa86, 0xc75442f5, + 0xfb9d35cf, 0xebcdaf0c, 0x7b3e89a0, 0xd6411bd3, 0xae1e7e49, + 0x00250e2d, 0x2071b35e, 0x226800bb, 0x57b8e0af, 0x2464369b, + 0xf009b91e, 0x5563911d, 0x59dfa6aa, 0x78c14389, 0xd95a537f, + 0x207d5ba2, 0x02e5b9c5, 0x83260376, 0x6295cfa9, 0x11c81968, + 0x4e734a41, 0xb3472dca, 0x7b14a94a, 0x1b510052, 0x9a532915, + 0xd60f573f, 0xbc9bc6e4, 0x2b60a476, 0x81e67400, 0x08ba6fb5, + 0x571be91f, 0xf296ec6b, 0x2a0dd915, 0xb6636521, 0xe7b9f9b6, + 0xff34052e, 0xc5855664, 0x53b02d5d, 0xa99f8fa1, 0x08ba4799, + 0x6e85076a, 0x4b7a70e9, 0xb5b32944, 0xdb75092e, 0xc4192623, + 0xad6ea6b0, 0x49a7df7d, 0x9cee60b8, 0x8fedb266, 0xecaa8c71, + 0x699a17ff, 0x5664526c, 0xc2b19ee1, 0x193602a5, 0x75094c29, + 0xa0591340, 0xe4183a3e, 0x3f54989a, 0x5b429d65, 0x6b8fe4d6, + 0x99f73fd6, 0xa1d29c07, 0xefe830f5, 0x4d2d38e6, 0xf0255dc1, + 0x4cdd2086, 0x8470eb26, 0x6382e9c6, 0x021ecc5e, 0x09686b3f, + 0x3ebaefc9, 0x3c971814, 0x6b6a70a1, 0x687f3584, 0x52a0e286, + 0xb79c5305, 0xaa500737, 0x3e07841c, 0x7fdeae5c, 0x8e7d44ec, + 0x5716f2b8, 0xb03ada37, 0xf0500c0d, 0xf01c1f04, 0x0200b3ff, + 0xae0cf51a, 0x3cb574b2, 0x25837a58, 0xdc0921bd, 0xd19113f9, + 0x7ca92ff6, 0x94324773, 0x22f54701, 0x3ae5e581, 0x37c2dadc, + 0xc8b57634, 0x9af3dda7, 0xa9446146, 0x0fd0030e, 0xecc8c73e, + 0xa4751e41, 0xe238cd99, 0x3bea0e2f, 0x3280bba1, 0x183eb331, + 0x4e548b38, 0x4f6db908, 0x6f420d03, 0xf60a04bf, 0x2cb81290, + 0x24977c79, 0x5679b072, 0xbcaf89af, 0xde9a771f, 0xd9930810, + 0xb38bae12, 0xdccf3f2e, 0x5512721f, 0x2e6b7124, 0x501adde6, + 0x9f84cd87, 0x7a584718, 0x7408da17, 0xbc9f9abc, 0xe94b7d8c, + 0xec7aec3a, 0xdb851dfa, 0x63094366, 0xc464c3d2, 0xef1c1847, + 0x3215d908, 0xdd433b37, 0x24c2ba16, 0x12a14d43, 0x2a65c451, + 0x50940002, 0x133ae4dd, 0x71dff89e, 0x10314e55, 0x81ac77d6, + 0x5f11199b, 0x043556f1, 0xd7a3c76b, 0x3c11183b, 0x5924a509, + 0xf28fe6ed, 0x97f1fbfa, 0x9ebabf2c, 0x1e153c6e, 0x86e34570, + 0xeae96fb1, 0x860e5e0a, 0x5a3e2ab3, 0x771fe71c, 0x4e3d06fa, + 0x2965dcb9, 0x99e71d0f, 0x803e89d6, 0x5266c825, 0x2e4cc978, + 0x9c10b36a, 0xc6150eba, 0x94e2ea78, 0xa5fc3c53, 0x1e0a2df4, + 0xf2f74ea7, 0x361d2b3d, 0x1939260f, 0x19c27960, 0x5223a708, + 0xf71312b6, 0xebadfe6e, 0xeac31f66, 0xe3bc4595, 0xa67bc883, + 0xb17f37d1, 0x018cff28, 0xc332ddef, 0xbe6c5aa5, 0x65582185, + 0x68ab9802, 0xeecea50f, 0xdb2f953b, 0x2aef7dad, 0x5b6e2f84, + 0x1521b628, 0x29076170, 0xecdd4775, 0x619f1510, 0x13cca830, + 0xeb61bd96, 0x0334fe1e, 0xaa0363cf, 0xb5735c90, 0x4c70a239, + 0xd59e9e0b, 0xcbaade14, 0xeecc86bc, 0x60622ca7, 0x9cab5cab, + 0xb2f3846e, 0x648b1eaf, 0x19bdf0ca, 0xa02369b9, 0x655abb50, + 0x40685a32, 0x3c2ab4b3, 0x319ee9d5, 0xc021b8f7, 0x9b540b19, + 0x875fa099, 0x95f7997e, 0x623d7da8, 0xf837889a, 0x97e32d77, + 0x11ed935f, 0x16681281, 0x0e358829, 0xc7e61fd6, 0x96dedfa1, + 0x7858ba99, 0x57f584a5, 0x1b227263, 0x9b83c3ff, 0x1ac24696, + 0xcdb30aeb, 0x532e3054, 0x8fd948e4, 0x6dbc3128, 0x58ebf2ef, + 0x34c6ffea, 0xfe28ed61, 0xee7c3c73, 0x5d4a14d9, 0xe864b7e3, + 0x42105d14, 0x203e13e0, 0x45eee2b6, 0xa3aaabea, 0xdb6c4f15, + 0xfacb4fd0, 0xc742f442, 0xef6abbb5, 0x654f3b1d, 0x41cd2105, + 0xd81e799e, 0x86854dc7, 0xe44b476a, 0x3d816250, 0xcf62a1f2, + 0x5b8d2646, 0xfc8883a0, 0xc1c7b6a3, 0x7f1524c3, 0x69cb7492, + 0x47848a0b, 0x5692b285, 0x095bbf00, 0xad19489d, 0x1462b174, + 0x23820e00, 0x58428d2a, 0x0c55f5ea, 0x1dadf43e, 0x233f7061, + 0x3372f092, 0x8d937e41, 0xd65fecf1, 0x6c223bdb, 0x7cde3759, + 0xcbee7460, 0x4085f2a7, 0xce77326e, 0xa6078084, 0x19f8509e, + 0xe8efd855, 0x61d99735, 0xa969a7aa, 0xc50c06c2, 0x5a04abfc, + 0x800bcadc, 0x9e447a2e, 0xc3453484, 0xfdd56705, 0x0e1e9ec9, + 0xdb73dbd3, 0x105588cd, 0x675fda79, 0xe3674340, 0xc5c43465, + 0x713e38d8, 0x3d28f89e, 0xf16dff20, 0x153e21e7, 0x8fb03d4a, + 0xe6e39f2b, 0xdb83adf7, 0xe93d5a68, 0x948140f7, 0xf64c261c, + 0x94692934, 0x411520f7, 0x7602d4f7, 0xbcf46b2e, 0xd4a20068, + 0xd4082471, 0x3320f46a, 0x43b7d4b7, 0x500061af, 0x1e39f62e, + 0x97244546, 0x14214f74, 0xbf8b8840, 0x4d95fc1d, 0x96b591af, + 0x70f4ddd3, 0x66a02f45, 0xbfbc09ec, 0x03bd9785, 0x7fac6dd0, + 0x31cb8504, 0x96eb27b3, 0x55fd3941, 0xda2547e6, 0xabca0a9a, + 0x28507825, 0x530429f4, 0x0a2c86da, 0xe9b66dfb, 0x68dc1462, + 0xd7486900, 0x680ec0a4, 0x27a18dee, 0x4f3ffea2, 0xe887ad8c, + 0xb58ce006, 0x7af4d6b6, 0xaace1e7c, 0xd3375fec, 0xce78a399, + 0x406b2a42, 0x20fe9e35, 0xd9f385b9, 0xee39d7ab, 0x3b124e8b, + 0x1dc9faf7, 0x4b6d1856, 0x26a36631, 0xeae397b2, 0x3a6efa74, + 0xdd5b4332, 0x6841e7f7, 0xca7820fb, 0xfb0af54e, 0xd8feb397, + 0x454056ac, 0xba489527, 0x55533a3a, 0x20838d87, 0xfe6ba9b7, + 0xd096954b, 0x55a867bc, 0xa1159a58, 0xcca92963, 0x99e1db33, + 0xa62a4a56, 0x3f3125f9, 0x5ef47e1c, 0x9029317c, 0xfdf8e802, + 0x04272f70, 0x80bb155c, 0x05282ce3, 0x95c11548, 0xe4c66d22, + 0x48c1133f, 0xc70f86dc, 0x07f9c9ee, 0x41041f0f, 0x404779a4, + 0x5d886e17, 0x325f51eb, 0xd59bc0d1, 0xf2bcc18f, 0x41113564, + 0x257b7834, 0x602a9c60, 0xdff8e8a3, 0x1f636c1b, 0x0e12b4c2, + 0x02e1329e, 0xaf664fd1, 0xcad18115, 0x6b2395e0, 0x333e92e1, + 0x3b240b62, 0xeebeb922, 0x85b2a20e, 0xe6ba0d99, 0xde720c8c, + 0x2da2f728, 0xd0127845, 0x95b794fd, 0x647d0862, 0xe7ccf5f0, + 0x5449a36f, 0x877d48fa, 0xc39dfd27, 0xf33e8d1e, 0x0a476341, + 0x992eff74, 0x3a6f6eab, 0xf4f8fd37, 0xa812dc60, 0xa1ebddf8, + 0x991be14c, 0xdb6e6b0d, 0xc67b5510, 0x6d672c37, 0x2765d43b, + 0xdcd0e804, 0xf1290dc7, 0xcc00ffa3, 0xb5390f92, 0x690fed0b, + 0x667b9ffb, 0xcedb7d9c, 0xa091cf0b, 0xd9155ea3, 0xbb132f88, + 0x515bad24, 0x7b9479bf, 0x763bd6eb, 0x37392eb3, 0xcc115979, + 0x8026e297, 0xf42e312d, 0x6842ada7, 0xc66a2b3b, 0x12754ccc, + 0x782ef11c, 0x6a124237, 0xb79251e7, 0x06a1bbe6, 0x4bfb6350, + 0x1a6b1018, 0x11caedfa, 0x3d25bdd8, 0xe2e1c3c9, 0x44421659, + 0x0a121386, 0xd90cec6e, 0xd5abea2a, 0x64af674e, 0xda86a85f, + 0xbebfe988, 0x64e4c3fe, 0x9dbc8057, 0xf0f7c086, 0x60787bf8, + 0x6003604d, 0xd1fd8346, 0xf6381fb0, 0x7745ae04, 0xd736fccc, + 0x83426b33, 0xf01eab71, 0xb0804187, 0x3c005e5f, 0x77a057be, + 0xbde8ae24, 0x55464299, 0xbf582e61, 0x4e58f48f, 0xf2ddfda2, + 0xf474ef38, 0x8789bdc2, 0x5366f9c3, 0xc8b38e74, 0xb475f255, + 0x46fcd9b9, 0x7aeb2661, 0x8b1ddf84, 0x846a0e79, 0x915f95e2, + 0x466e598e, 0x20b45770, 0x8cd55591, 0xc902de4c, 0xb90bace1, + 0xbb8205d0, 0x11a86248, 0x7574a99e, 0xb77f19b6, 0xe0a9dc09, + 0x662d09a1, 0xc4324633, 0xe85a1f02, 0x09f0be8c, 0x4a99a025, + 0x1d6efe10, 0x1ab93d1d, 0x0ba5a4df, 0xa186f20f, 0x2868f169, + 0xdcb7da83, 0x573906fe, 0xa1e2ce9b, 0x4fcd7f52, 0x50115e01, + 0xa70683fa, 0xa002b5c4, 0x0de6d027, 0x9af88c27, 0x773f8641, + 0xc3604c06, 0x61a806b5, 0xf0177a28, 0xc0f586e0, 0x006058aa, + 0x30dc7d62, 0x11e69ed7, 0x2338ea63, 0x53c2dd94, 0xc2c21634, + 0xbbcbee56, 0x90bcb6de, 0xebfc7da1, 0xce591d76, 0x6f05e409, + 0x4b7c0188, 0x39720a3d, 0x7c927c24, 0x86e3725f, 0x724d9db9, + 0x1ac15bb4, 0xd39eb8fc, 0xed545578, 0x08fca5b5, 0xd83d7cd3, + 0x4dad0fc4, 0x1e50ef5e, 0xb161e6f8, 0xa28514d9, 0x6c51133c, + 0x6fd5c7e7, 0x56e14ec4, 0x362abfce, 0xddc6c837, 0xd79a3234, + 0x92638212, 0x670efa8e, 0x406000e0, 0x3a39ce37, 0xd3faf5cf, + 0xabc27737, 0x5ac52d1b, 0x5cb0679e, 0x4fa33742, 0xd3822740, + 0x99bc9bbe, 0xd5118e9d, 0xbf0f7315, 0xd62d1c7e, 0xc700c47b, + 0xb78c1b6b, 0x21a19045, 0xb26eb1be, 0x6a366eb4, 0x5748ab2f, + 0xbc946e79, 0xc6a376d2, 0x6549c2c8, 0x530ff8ee, 0x468dde7d, + 0xd5730a1d, 0x4cd04dc6, 0x2939bbdb, 0xa9ba4650, 0xac9526e8, + 0xbe5ee304, 0xa1fad5f0, 0x6a2d519a, 0x63ef8ce2, 0x9a86ee22, + 0xc089c2b8, 0x43242ef6, 0xa51e03aa, 0x9cf2d0a4, 0x83c061ba, + 0x9be96a4d, 0x8fe51550, 0xba645bd6, 0x2826a2f9, 0xa73a3ae1, + 0x4ba99586, 0xef5562e9, 0xc72fefd3, 0xf752f7da, 0x3f046f69, + 0x77fa0a59, 0x80e4a915, 0x87b08601, 0x9b09e6ad, 0x3b3ee593, + 0xe990fd5a, 0x9e34d797, 0x2cf0b7d9, 0x022b8b51, 0x96d5ac3a, + 0x017da67d, 0xd1cf3ed6, 0x7c7d2d28, 0x1f9f25cf, 0xadf2b89b, + 0x5ad6b472, 0x5a88f54c, 0xe029ac71, 0xe019a5e6, 0x47b0acfd, + 0xed93fa9b, 0xe8d3c48d, 0x283b57cc, 0xf8d56629, 0x79132e28, + 0x785f0191, 0xed756055, 0xf7960e44, 0xe3d35e8c, 0x15056dd4, + 0x88f46dba, 0x03a16125, 0x0564f0bd, 0xc3eb9e15, 0x3c9057a2, + 0x97271aec, 0xa93a072a, 0x1b3f6d9b, 0x1e6321f5, 0xf59c66fb, + 0x26dcf319, 0x7533d928, 0xb155fdf5, 0x03563482, 0x8aba3cbb, + 0x28517711, 0xc20ad9f8, 0xabcc5167, 0xccad925f, 0x4de81751, + 0x3830dc8e, 0x379d5862, 0x9320f991, 0xea7a90c2, 0xfb3e7bce, + 0x5121ce64, 0x774fbe32, 0xa8b6e37e, 0xc3293d46, 0x48de5369, + 0x6413e680, 0xa2ae0810, 0xdd6db224, 0x69852dfd, 0x09072166, + 0xb39a460a, 0x6445c0dd, 0x586cdecf, 0x1c20c8ae, 0x5bbef7dd, + 0x1b588d40, 0xccd2017f, 0x6bb4e3bb, 0xdda26a7e, 0x3a59ff45, + 0x3e350a44, 0xbcb4cdd5, 0x72eacea8, 0xfa6484bb, 0x8d6612ae, + 0xbf3c6f47, 0xd29be463, 0x542f5d9e, 0xaec2771b, 0xf64e6370, + 0x740e0d8d, 0xe75b1357, 0xf8721671, 0xaf537d5d, 0x4040cb08, + 0x4eb4e2cc, 0x34d2466a, 0x0115af84, 0xe1b00428, 0x95983a1d, + 0x06b89fb4, 0xce6ea048, 0x6f3f3b82, 0x3520ab82, 0x011a1d4b, + 0x277227f8, 0x611560b1, 0xe7933fdc, 0xbb3a792b, 0x344525bd, + 0xa08839e1, 0x51ce794b, 0x2f32c9b7, 0xa01fbac9, 0xe01cc87e, + 0xbcc7d1f6, 0xcf0111c3, 0xa1e8aac7, 0x1a908749, 0xd44fbd9a, + 0xd0dadecb, 0xd50ada38, 0x0339c32a, 0xc6913667, 0x8df9317c, + 0xe0b12b4f, 0xf79e59b7, 0x43f5bb3a, 0xf2d519ff, 0x27d9459c, + 0xbf97222c, 0x15e6fc2a, 0x0f91fc71, 0x9b941525, 0xfae59361, + 0xceb69ceb, 0xc2a86459, 0x12baa8d1, 0xb6c1075e, 0xe3056a0c, + 0x10d25065, 0xcb03a442, 0xe0ec6e0e, 0x1698db3b, 0x4c98a0be, + 0x3278e964, 0x9f1f9532, 0xe0d392df, 0xd3a0342b, 0x8971f21e, + 0x1b0a7441, 0x4ba3348c, 0xc5be7120, 0xc37632d8, 0xdf359f8d, + 0x9b992f2e, 0xe60b6f47, 0x0fe3f11d, 0xe54cda54, 0x1edad891, + 0xce6279cf, 0xcd3e7e6f, 0x1618b166, 0xfd2c1d05, 0x848fd2c5, + 0xf6fb2299, 0xf523f357, 0xa6327623, 0x93a83531, 0x56cccd02, + 0xacf08162, 0x5a75ebb5, 0x6e163697, 0x88d273cc, 0xde966292, + 0x81b949d0, 0x4c50901b, 0x71c65614, 0xe6c6c7bd, 0x327a140a, + 0x45e1d006, 0xc3f27b9a, 0xc9aa53fd, 0x62a80f00, 0xbb25bfe2, + 0x35bdd2f6, 0x71126905, 0xb2040222, 0xb6cbcf7c, 0xcd769c2b, + 0x53113ec0, 0x1640e3d3, 0x38abbd60, 0x2547adf0, 0xba38209c, + 0xf746ce76, 0x77afa1c5, 0x20756060, 0x85cbfe4e, 0x8ae88dd8, + 0x7aaaf9b0, 0x4cf9aa7e, 0x1948c25c, 0x02fb8a8c, 0x01c36ae4, + 0xd6ebe1f9, 0x90d4f869, 0xa65cdea0, 0x3f09252d, 0xc208e69f, + 0xb74e6132, 0xce77e25b, 0x578fdfe3, 0x3ac372e6 + ]; + + /** + * @type {Array.} + * @const + * @inner + */ + var C_ORIG = [ + 0x4f727068, 0x65616e42, 0x65686f6c, 0x64657253, 0x63727944, + 0x6f756274 + ]; + + /** + * @param {Array.} lr + * @param {number} off + * @param {Array.} P + * @param {Array.} S + * @returns {Array.} + * @inner + */ + function _encipher(lr, off, P, S) { // This is our bottleneck: 1714/1905 ticks / 90% - see profile.txt + var n, + l = lr[off], + r = lr[off + 1]; + + l ^= P[0]; + + /* + for (var i=0, k=BLOWFISH_NUM_ROUNDS-2; i<=k;) + // Feistel substitution on left word + n = S[l >>> 24], + n += S[0x100 | ((l >> 16) & 0xff)], + n ^= S[0x200 | ((l >> 8) & 0xff)], + n += S[0x300 | (l & 0xff)], + r ^= n ^ P[++i], + // Feistel substitution on right word + n = S[r >>> 24], + n += S[0x100 | ((r >> 16) & 0xff)], + n ^= S[0x200 | ((r >> 8) & 0xff)], + n += S[0x300 | (r & 0xff)], + l ^= n ^ P[++i]; + */ + + //The following is an unrolled version of the above loop. + //Iteration 0 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[1]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[2]; + //Iteration 1 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[3]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[4]; + //Iteration 2 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[5]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[6]; + //Iteration 3 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[7]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[8]; + //Iteration 4 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[9]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[10]; + //Iteration 5 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[11]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[12]; + //Iteration 6 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[13]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[14]; + //Iteration 7 + n = S[l >>> 24]; + n += S[0x100 | ((l >> 16) & 0xff)]; + n ^= S[0x200 | ((l >> 8) & 0xff)]; + n += S[0x300 | (l & 0xff)]; + r ^= n ^ P[15]; + n = S[r >>> 24]; + n += S[0x100 | ((r >> 16) & 0xff)]; + n ^= S[0x200 | ((r >> 8) & 0xff)]; + n += S[0x300 | (r & 0xff)]; + l ^= n ^ P[16]; + + lr[off] = r ^ P[BLOWFISH_NUM_ROUNDS + 1]; + lr[off + 1] = l; + return lr; + } + + /** + * @param {Array.} data + * @param {number} offp + * @returns {{key: number, offp: number}} + * @inner + */ + function _streamtoword(data, offp) { + for (var i = 0, word = 0; i < 4; ++i) + word = (word << 8) | (data[offp] & 0xff), + offp = (offp + 1) % data.length; + return { key: word, offp: offp }; + } + + /** + * @param {Array.} key + * @param {Array.} P + * @param {Array.} S + * @inner + */ + function _key(key, P, S) { + var offset = 0, + lr = [0, 0], + plen = P.length, + slen = S.length, + sw; + for (var i = 0; i < plen; i++) + sw = _streamtoword(key, offset), + offset = sw.offp, + P[i] = P[i] ^ sw.key; + for (i = 0; i < plen; i += 2) + lr = _encipher(lr, 0, P, S), + P[i] = lr[0], + P[i + 1] = lr[1]; + for (i = 0; i < slen; i += 2) + lr = _encipher(lr, 0, P, S), + S[i] = lr[0], + S[i + 1] = lr[1]; + } + + /** + * Expensive key schedule Blowfish. + * @param {Array.} data + * @param {Array.} key + * @param {Array.} P + * @param {Array.} S + * @inner + */ + function _ekskey(data, key, P, S) { + var offp = 0, + lr = [0, 0], + plen = P.length, + slen = S.length, + sw; + for (var i = 0; i < plen; i++) + sw = _streamtoword(key, offp), + offp = sw.offp, + P[i] = P[i] ^ sw.key; + offp = 0; + for (i = 0; i < plen; i += 2) + sw = _streamtoword(data, offp), + offp = sw.offp, + lr[0] ^= sw.key, + sw = _streamtoword(data, offp), + offp = sw.offp, + lr[1] ^= sw.key, + lr = _encipher(lr, 0, P, S), + P[i] = lr[0], + P[i + 1] = lr[1]; + for (i = 0; i < slen; i += 2) + sw = _streamtoword(data, offp), + offp = sw.offp, + lr[0] ^= sw.key, + sw = _streamtoword(data, offp), + offp = sw.offp, + lr[1] ^= sw.key, + lr = _encipher(lr, 0, P, S), + S[i] = lr[0], + S[i + 1] = lr[1]; + } + + /** + * Internaly crypts a string. + * @param {Array.} b Bytes to crypt + * @param {Array.} salt Salt bytes to use + * @param {number} rounds Number of rounds + * @param {function(Error, Array.=)=} callback Callback receiving the error, if any, and the resulting bytes. If + * omitted, the operation will be performed synchronously. + * @param {function(number)=} progressCallback Callback called with the current progress + * @returns {!Array.|undefined} Resulting bytes if callback has been omitted, otherwise `undefined` + * @inner + */ + function _crypt(b, salt, rounds, callback, progressCallback) { + var cdata = C_ORIG.slice(), + clen = cdata.length, + err; + + // Validate + if (rounds < 4 || rounds > 31) { + err = Error("Illegal number of rounds (4-31): " + rounds); + if (callback) { + nextTick(callback.bind(this, err)); + return; + } else + throw err; + } + if (salt.length !== BCRYPT_SALT_LEN) { + err = Error("Illegal salt length: " + salt.length + " != " + BCRYPT_SALT_LEN); + if (callback) { + nextTick(callback.bind(this, err)); + return; + } else + throw err; + } + rounds = (1 << rounds) >>> 0; + + var P, S, i = 0, j; + + //Use typed arrays when available - huge speedup! + if (Int32Array) { + P = new Int32Array(P_ORIG); + S = new Int32Array(S_ORIG); + } else { + P = P_ORIG.slice(); + S = S_ORIG.slice(); + } + + _ekskey(salt, b, P, S); + + /** + * Calcualtes the next round. + * @returns {Array.|undefined} Resulting array if callback has been omitted, otherwise `undefined` + * @inner + */ + function next() { + if (progressCallback) + progressCallback(i / rounds); + if (i < rounds) { + var start = Date.now(); + for (; i < rounds;) { + i = i + 1; + _key(b, P, S); + _key(salt, P, S); + if (Date.now() - start > MAX_EXECUTION_TIME) + break; + } + } else { + for (i = 0; i < 64; i++) + for (j = 0; j < (clen >> 1); j++) + _encipher(cdata, j << 1, P, S); + var ret = []; + for (i = 0; i < clen; i++) + ret.push(((cdata[i] >> 24) & 0xff) >>> 0), + ret.push(((cdata[i] >> 16) & 0xff) >>> 0), + ret.push(((cdata[i] >> 8) & 0xff) >>> 0), + ret.push((cdata[i] & 0xff) >>> 0); + if (callback) { + callback(null, ret); + return; + } else + return ret; + } + if (callback) + nextTick(next); + } + + // Async + if (typeof callback !== 'undefined') { + next(); + + // Sync + } else { + var res; + while (true) + if (typeof (res = next()) !== 'undefined') + return res || []; + } + } + + /** + * Internally hashes a string. + * @param {string} s String to hash + * @param {?string} salt Salt to use, actually never null + * @param {function(Error, string=)=} callback Callback receiving the error, if any, and the resulting hash. If omitted, + * hashing is perormed synchronously. + * @param {function(number)=} progressCallback Callback called with the current progress + * @returns {string|undefined} Resulting hash if callback has been omitted, otherwise `undefined` + * @inner + */ + function _hash(s, salt, callback, progressCallback) { + var err; + if (typeof s !== 'string' || typeof salt !== 'string') { + err = Error("Invalid string / salt: Not a string"); + if (callback) { + nextTick(callback.bind(this, err)); + return; + } + else + throw err; + } + + // Validate the salt + var minor, offset; + if (salt.charAt(0) !== '$' || salt.charAt(1) !== '2') { + err = Error("Invalid salt version: " + salt.substring(0, 2)); + if (callback) { + nextTick(callback.bind(this, err)); + return; + } + else + throw err; + } + if (salt.charAt(2) === '$') + minor = String.fromCharCode(0), + offset = 3; + else { + minor = salt.charAt(2); + if ((minor !== 'a' && minor !== 'b' && minor !== 'y') || salt.charAt(3) !== '$') { + err = Error("Invalid salt revision: " + salt.substring(2, 4)); + if (callback) { + nextTick(callback.bind(this, err)); + return; + } else + throw err; + } + offset = 4; + } + + // Extract number of rounds + if (salt.charAt(offset + 2) > '$') { + err = Error("Missing salt rounds"); + if (callback) { + nextTick(callback.bind(this, err)); + return; + } else + throw err; + } + var r1 = parseInt(salt.substring(offset, offset + 1), 10) * 10, + r2 = parseInt(salt.substring(offset + 1, offset + 2), 10), + rounds = r1 + r2, + real_salt = salt.substring(offset + 3, offset + 25); + s += minor >= 'a' ? "\x00" : ""; + + var passwordb = stringToBytes(s), + saltb = base64_decode(real_salt, BCRYPT_SALT_LEN); + + /** + * Finishes hashing. + * @param {Array.} bytes Byte array + * @returns {string} + * @inner + */ + function finish(bytes) { + var res = []; + res.push("$2"); + if (minor >= 'a') + res.push(minor); + res.push("$"); + if (rounds < 10) + res.push("0"); + res.push(rounds.toString()); + res.push("$"); + res.push(base64_encode(saltb, saltb.length)); + res.push(base64_encode(bytes, C_ORIG.length * 4 - 1)); + return res.join(''); + } + + // Sync + if (typeof callback == 'undefined') + return finish(_crypt(passwordb, saltb, rounds)); + + // Async + else { + _crypt(passwordb, saltb, rounds, function (err, bytes) { + if (err) + callback(err, null); + else + callback(null, finish(bytes)); + }, progressCallback); + } + } + + /** + * Encodes a byte array to base64 with up to len bytes of input, using the custom bcrypt alphabet. + * @function + * @param {!Array.} b Byte array + * @param {number} len Maximum input length + * @returns {string} + * @expose + */ + bcrypt.encodeBase64 = base64_encode; + + /** + * Decodes a base64 encoded string to up to len bytes of output, using the custom bcrypt alphabet. + * @function + * @param {string} s String to decode + * @param {number} len Maximum output length + * @returns {!Array.} + * @expose + */ + bcrypt.decodeBase64 = base64_decode; + + return bcrypt; })); diff --git a/crypto/api/deps/broken-ripemd160.js b/crypto/api/deps/broken-ripemd160.js index 9045ef21..1f266194 100644 --- a/crypto/api/deps/broken-ripemd160.js +++ b/crypto/api/deps/broken-ripemd160.js @@ -1,180 +1,179 @@ // "Generated from Java with JSweet 1.0.0 - http://www.jsweet.org"; // BAD IMPLEMENTATION. BROKEN, BUT MUST KEEP CAUSE OF NETWORK -//const RIPEMD160 = (function () { // == Convert to ES6 module for export == // const RIPEMD160 = (function () { - function RIPEMD160() { - this.MDbuf = []; - this.MDbuf[0] = 1732584193; - this.MDbuf[1] = -271733879; - this.MDbuf[2] = -1732584194; - this.MDbuf[3] = 271733878; - this.MDbuf[4] = -1009589776; - this.working = new Int32Array(16); + function RIPEMD160() { + this.MDbuf = []; + this.MDbuf[0] = 1732584193; + this.MDbuf[1] = -271733879; + this.MDbuf[2] = -1732584194; + this.MDbuf[3] = 271733878; + this.MDbuf[4] = -1009589776; + this.working = new Int32Array(16); - this.working_ptr = 0; - this.msglen = 0; - } - RIPEMD160.prototype.reset = function () { - this.MDbuf = []; - this.MDbuf[0] = 1732584193; - this.MDbuf[1] = -271733879; - this.MDbuf[2] = -1732584194; - this.MDbuf[3] = 271733878; - this.MDbuf[4] = -1009589776; - this.working = new Int32Array(16); - this.working_ptr = 0; - this.msglen = 0; - }; - RIPEMD160.prototype.compress = function (X) { - var index = 0; - var a; - var b; - var c; - var d; - var e; - var A; - var B; - var C; - var D; - var E; - var temp; - var s; - A = a = this.MDbuf[0]; - B = b = this.MDbuf[1]; - C = c = this.MDbuf[2]; - D = d = this.MDbuf[3]; - E = e = this.MDbuf[4]; - for (; index < 16; index++) { - temp = a + (b ^ c ^ d) + X[RIPEMD160.IndexArray[0][index]]; - a = e; - e = d; - d = (c << 10) | (c >>> 22); - c = b; - s = RIPEMD160.ArgArray[0][index]; - b = ((temp << s) | (temp >>> (32 - s))) + a; - temp = A + (B ^ (C | ~D)) + X[RIPEMD160.IndexArray[1][index]] + 1352829926; - A = E; - E = D; - D = (C << 10) | (C >>> 22); - C = B; - s = RIPEMD160.ArgArray[1][index]; - B = ((temp << s) | (temp >>> (32 - s))) + A; - } - for (; index < 32; index++) { - temp = a + ((b & c) | (~b & d)) + X[RIPEMD160.IndexArray[0][index]] + 1518500249; - a = e; - e = d; - d = (c << 10) | (c >>> 22); - c = b; - s = RIPEMD160.ArgArray[0][index]; - b = ((temp << s) | (temp >>> (32 - s))) + a; - temp = A + ((B & D) | (C & ~D)) + X[RIPEMD160.IndexArray[1][index]] + 1548603684; - A = E; - E = D; - D = (C << 10) | (C >>> 22); - C = B; - s = RIPEMD160.ArgArray[1][index]; - B = ((temp << s) | (temp >>> (32 - s))) + A; - } - for (; index < 48; index++) { - temp = a + ((b | ~c) ^ d) + X[RIPEMD160.IndexArray[0][index]] + 1859775393; - a = e; - e = d; - d = (c << 10) | (c >>> 22); - c = b; - s = RIPEMD160.ArgArray[0][index]; - b = ((temp << s) | (temp >>> (32 - s))) + a; - temp = A + ((B | ~C) ^ D) + X[RIPEMD160.IndexArray[1][index]] + 1836072691; - A = E; - E = D; - D = (C << 10) | (C >>> 22); - C = B; - s = RIPEMD160.ArgArray[1][index]; - B = ((temp << s) | (temp >>> (32 - s))) + A; - } - for (; index < 64; index++) { - temp = a + ((b & d) | (c & ~d)) + X[RIPEMD160.IndexArray[0][index]] + -1894007588; - a = e; - e = d; - d = (c << 10) | (c >>> 22); - c = b; - s = RIPEMD160.ArgArray[0][index]; - b = ((temp << s) | (temp >>> (32 - s))) + a; - temp = A + ((B & C) | (~B & D)) + X[RIPEMD160.IndexArray[1][index]] + 2053994217; - A = E; - E = D; - D = (C << 10) | (C >>> 22); - C = B; - s = RIPEMD160.ArgArray[1][index]; - B = ((temp << s) | (temp >>> (32 - s))) + A; - } - for (; index < 80; index++) { - temp = a + (b ^ (c | ~d)) + X[RIPEMD160.IndexArray[0][index]] + -1454113458; - a = e; - e = d; - d = (c << 10) | (c >>> 22); - c = b; - s = RIPEMD160.ArgArray[0][index]; - b = ((temp << s) | (temp >>> (32 - s))) + a; - temp = A + (B ^ C ^ D) + X[RIPEMD160.IndexArray[1][index]]; - A = E; - E = D; - D = (C << 10) | (C >>> 22); - C = B; - s = RIPEMD160.ArgArray[1][index]; - B = ((temp << s) | (temp >>> (32 - s))) + A; - } - D += c + this.MDbuf[1]; - this.MDbuf[1] = this.MDbuf[2] + d + E; - this.MDbuf[2] = this.MDbuf[3] + e + A; - this.MDbuf[3] = this.MDbuf[4] + a + B; - this.MDbuf[4] = this.MDbuf[0] + b + C; - this.MDbuf[0] = D; - }; - RIPEMD160.prototype.MDfinish = function (array, lswlen, mswlen) { - var X = array; - X[(lswlen >> 2) & 15] ^= 1 << (((lswlen & 3) << 3) + 7); - if (((lswlen & 63) > 55)) { - this.compress(X); - for (var i = 0; i < 14; i++) { - X[i] = 0; - } - } - X[14] = lswlen << 3; - X[15] = (lswlen >> 29) | (mswlen << 3); - this.compress(X); - }; - RIPEMD160.prototype.update = function (input) { - for (var i = 0; i < input.length; i++) { - this.working[this.working_ptr >> 2] ^= input[i] << ((this.working_ptr & 3) << 3); - this.working_ptr++; - if ((this.working_ptr == 64)) { - this.compress(this.working); - for (var j = 0; j < 16; j++) { - this.working[j] = 0; - } - this.working_ptr = 0; - } - } - this.msglen += input.length; - }; - RIPEMD160.prototype.digestBin = function () { - this.MDfinish(this.working, this.msglen, 0); - //var res = new Int8Array(); - var res = []; - for (var i = 0; i < 20; i++) { - res[i] = ((this.MDbuf[i >> 2] >>> ((i & 3) << 3)) & 255); - } - return new Uint8Array(res); - }; - RIPEMD160.prototype.digest = function (input) { - this.update(new Int8Array(input)); - return this.digestBin(); - }; - RIPEMD160.ArgArray = [[11, 14, 15, 12, 5, 8, 7, 9, 11, 13, 14, 15, 6, 7, 9, 8, 7, 6, 8, 13, 11, 9, 7, 15, 7, 12, 15, 9, 11, 7, 13, 12, 11, 13, 6, 7, 14, 9, 13, 15, 14, 8, 13, 6, 5, 12, 7, 5, 11, 12, 14, 15, 14, 15, 9, 8, 9, 14, 5, 6, 8, 6, 5, 12, 9, 15, 5, 11, 6, 8, 13, 12, 5, 12, 13, 14, 11, 8, 5, 6], [8, 9, 9, 11, 13, 15, 15, 5, 7, 7, 8, 11, 14, 14, 12, 6, 9, 13, 15, 7, 12, 8, 9, 11, 7, 7, 12, 7, 6, 15, 13, 11, 9, 7, 15, 11, 8, 6, 6, 14, 12, 13, 5, 14, 13, 13, 7, 5, 15, 5, 8, 11, 14, 14, 6, 14, 6, 9, 12, 9, 12, 5, 15, 8, 8, 5, 12, 9, 12, 5, 14, 6, 8, 13, 6, 5, 15, 13, 11, 11]]; - RIPEMD160.IndexArray = [[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 7, 4, 13, 1, 10, 6, 15, 3, 12, 0, 9, 5, 2, 14, 11, 8, 3, 10, 14, 4, 9, 15, 8, 1, 2, 7, 0, 6, 13, 11, 5, 12, 1, 9, 11, 10, 0, 8, 12, 4, 13, 3, 7, 15, 14, 5, 6, 2, 4, 0, 5, 9, 7, 12, 2, 10, 14, 1, 3, 8, 11, 6, 15, 13], [5, 14, 7, 0, 9, 2, 11, 4, 13, 6, 15, 8, 1, 10, 3, 12, 6, 11, 3, 7, 0, 13, 5, 10, 14, 15, 8, 12, 4, 9, 1, 2, 15, 5, 1, 3, 7, 14, 6, 9, 11, 8, 12, 2, 10, 0, 4, 13, 8, 6, 4, 1, 3, 11, 15, 0, 5, 12, 2, 13, 9, 7, 10, 14, 12, 15, 10, 4, 1, 5, 8, 7, 6, 2, 13, 14, 0, 3, 9, 11]]; - return RIPEMD160; + this.working_ptr = 0; + this.msglen = 0; + } + RIPEMD160.prototype.reset = function () { + this.MDbuf = []; + this.MDbuf[0] = 1732584193; + this.MDbuf[1] = -271733879; + this.MDbuf[2] = -1732584194; + this.MDbuf[3] = 271733878; + this.MDbuf[4] = -1009589776; + this.working = new Int32Array(16); + this.working_ptr = 0; + this.msglen = 0; + }; + RIPEMD160.prototype.compress = function (X) { + var index = 0; + var a; + var b; + var c; + var d; + var e; + var A; + var B; + var C; + var D; + var E; + var temp; + var s; + A = a = this.MDbuf[0]; + B = b = this.MDbuf[1]; + C = c = this.MDbuf[2]; + D = d = this.MDbuf[3]; + E = e = this.MDbuf[4]; + for (; index < 16; index++) { + temp = a + (b ^ c ^ d) + X[RIPEMD160.IndexArray[0][index]]; + a = e; + e = d; + d = (c << 10) | (c >>> 22); + c = b; + s = RIPEMD160.ArgArray[0][index]; + b = ((temp << s) | (temp >>> (32 - s))) + a; + temp = A + (B ^ (C | ~D)) + X[RIPEMD160.IndexArray[1][index]] + 1352829926; + A = E; + E = D; + D = (C << 10) | (C >>> 22); + C = B; + s = RIPEMD160.ArgArray[1][index]; + B = ((temp << s) | (temp >>> (32 - s))) + A; + } + for (; index < 32; index++) { + temp = a + ((b & c) | (~b & d)) + X[RIPEMD160.IndexArray[0][index]] + 1518500249; + a = e; + e = d; + d = (c << 10) | (c >>> 22); + c = b; + s = RIPEMD160.ArgArray[0][index]; + b = ((temp << s) | (temp >>> (32 - s))) + a; + temp = A + ((B & D) | (C & ~D)) + X[RIPEMD160.IndexArray[1][index]] + 1548603684; + A = E; + E = D; + D = (C << 10) | (C >>> 22); + C = B; + s = RIPEMD160.ArgArray[1][index]; + B = ((temp << s) | (temp >>> (32 - s))) + A; + } + for (; index < 48; index++) { + temp = a + ((b | ~c) ^ d) + X[RIPEMD160.IndexArray[0][index]] + 1859775393; + a = e; + e = d; + d = (c << 10) | (c >>> 22); + c = b; + s = RIPEMD160.ArgArray[0][index]; + b = ((temp << s) | (temp >>> (32 - s))) + a; + temp = A + ((B | ~C) ^ D) + X[RIPEMD160.IndexArray[1][index]] + 1836072691; + A = E; + E = D; + D = (C << 10) | (C >>> 22); + C = B; + s = RIPEMD160.ArgArray[1][index]; + B = ((temp << s) | (temp >>> (32 - s))) + A; + } + for (; index < 64; index++) { + temp = a + ((b & d) | (c & ~d)) + X[RIPEMD160.IndexArray[0][index]] + -1894007588; + a = e; + e = d; + d = (c << 10) | (c >>> 22); + c = b; + s = RIPEMD160.ArgArray[0][index]; + b = ((temp << s) | (temp >>> (32 - s))) + a; + temp = A + ((B & C) | (~B & D)) + X[RIPEMD160.IndexArray[1][index]] + 2053994217; + A = E; + E = D; + D = (C << 10) | (C >>> 22); + C = B; + s = RIPEMD160.ArgArray[1][index]; + B = ((temp << s) | (temp >>> (32 - s))) + A; + } + for (; index < 80; index++) { + temp = a + (b ^ (c | ~d)) + X[RIPEMD160.IndexArray[0][index]] + -1454113458; + a = e; + e = d; + d = (c << 10) | (c >>> 22); + c = b; + s = RIPEMD160.ArgArray[0][index]; + b = ((temp << s) | (temp >>> (32 - s))) + a; + temp = A + (B ^ C ^ D) + X[RIPEMD160.IndexArray[1][index]]; + A = E; + E = D; + D = (C << 10) | (C >>> 22); + C = B; + s = RIPEMD160.ArgArray[1][index]; + B = ((temp << s) | (temp >>> (32 - s))) + A; + } + D += c + this.MDbuf[1]; + this.MDbuf[1] = this.MDbuf[2] + d + E; + this.MDbuf[2] = this.MDbuf[3] + e + A; + this.MDbuf[3] = this.MDbuf[4] + a + B; + this.MDbuf[4] = this.MDbuf[0] + b + C; + this.MDbuf[0] = D; + }; + RIPEMD160.prototype.MDfinish = function (array, lswlen, mswlen) { + var X = array; + X[(lswlen >> 2) & 15] ^= 1 << (((lswlen & 3) << 3) + 7); + if (((lswlen & 63) > 55)) { + this.compress(X); + for (var i = 0; i < 14; i++) { + X[i] = 0; + } + } + X[14] = lswlen << 3; + X[15] = (lswlen >> 29) | (mswlen << 3); + this.compress(X); + }; + RIPEMD160.prototype.update = function (input) { + for (var i = 0; i < input.length; i++) { + this.working[this.working_ptr >> 2] ^= input[i] << ((this.working_ptr & 3) << 3); + this.working_ptr++; + if ((this.working_ptr == 64)) { + this.compress(this.working); + for (var j = 0; j < 16; j++) { + this.working[j] = 0; + } + this.working_ptr = 0; + } + } + this.msglen += input.length; + }; + RIPEMD160.prototype.digestBin = function () { + this.MDfinish(this.working, this.msglen, 0); + //var res = new Int8Array(); + var res = []; + for (var i = 0; i < 20; i++) { + res[i] = ((this.MDbuf[i >> 2] >>> ((i & 3) << 3)) & 255); + } + return new Uint8Array(res); + }; + RIPEMD160.prototype.digest = function (input) { + this.update(new Int8Array(input)); + return this.digestBin(); + }; + RIPEMD160.ArgArray = [[11, 14, 15, 12, 5, 8, 7, 9, 11, 13, 14, 15, 6, 7, 9, 8, 7, 6, 8, 13, 11, 9, 7, 15, 7, 12, 15, 9, 11, 7, 13, 12, 11, 13, 6, 7, 14, 9, 13, 15, 14, 8, 13, 6, 5, 12, 7, 5, 11, 12, 14, 15, 14, 15, 9, 8, 9, 14, 5, 6, 8, 6, 5, 12, 9, 15, 5, 11, 6, 8, 13, 12, 5, 12, 13, 14, 11, 8, 5, 6], [8, 9, 9, 11, 13, 15, 15, 5, 7, 7, 8, 11, 14, 14, 12, 6, 9, 13, 15, 7, 12, 8, 9, 11, 7, 7, 12, 7, 6, 15, 13, 11, 9, 7, 15, 11, 8, 6, 6, 14, 12, 13, 5, 14, 13, 13, 7, 5, 15, 5, 8, 11, 14, 14, 6, 14, 6, 9, 12, 9, 12, 5, 15, 8, 8, 5, 12, 9, 12, 5, 14, 6, 8, 13, 6, 5, 15, 13, 11, 11]]; + RIPEMD160.IndexArray = [[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 7, 4, 13, 1, 10, 6, 15, 3, 12, 0, 9, 5, 2, 14, 11, 8, 3, 10, 14, 4, 9, 15, 8, 1, 2, 7, 0, 6, 13, 11, 5, 12, 1, 9, 11, 10, 0, 8, 12, 4, 13, 3, 7, 15, 14, 5, 6, 2, 4, 0, 5, 9, 7, 12, 2, 10, 14, 1, 3, 8, 11, 6, 15, 13], [5, 14, 7, 0, 9, 2, 11, 4, 13, 6, 15, 8, 1, 10, 3, 12, 6, 11, 3, 7, 0, 13, 5, 10, 14, 15, 8, 12, 4, 9, 1, 2, 15, 5, 1, 3, 7, 14, 6, 9, 11, 8, 12, 2, 10, 0, 4, 13, 8, 6, 4, 1, 3, 11, 15, 0, 5, 12, 2, 13, 9, 7, 10, 14, 12, 15, 10, 4, 1, 5, 8, 7, 6, 2, 13, 14, 0, 3, 9, 11]]; + return RIPEMD160; })(); export default RIPEMD160 diff --git a/crypto/api/deps/deps.js b/crypto/api/deps/deps.js index 48eb8130..331f6ad0 100644 --- a/crypto/api/deps/deps.js +++ b/crypto/api/deps/deps.js @@ -1,3 +1,2 @@ -export { default as Base58 } from './Base58.js' - -export { default as utils } from './utils.js' +export { default as Base58 } from './Base58' +export { default as utils } from './utils' diff --git a/crypto/api/deps/ed2curve.js b/crypto/api/deps/ed2curve.js index e7ede3d0..1fcabdea 100644 --- a/crypto/api/deps/ed2curve.js +++ b/crypto/api/deps/ed2curve.js @@ -10,255 +10,239 @@ Change to es6 import/export */ -import nacl from './nacl-fast.js' +import nacl from './nacl-fast' -// (function(root, f) { -// 'use strict'; -// if (typeof module !== 'undefined' && module.exports) module.exports = f(require('tweetnacl')); -// else root.ed2curve = f(root.nacl); -// }(this, function(nacl) { -// 'use strict'; -// if (!nacl) throw new Error('tweetnacl not loaded'); +// -- Operations copied from TweetNaCl.js. -- - // -- Operations copied from TweetNaCl.js. -- +var gf = function (init) { + var i, r = new Float64Array(16); + if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; + return r; +}; - var gf = function(init) { - var i, r = new Float64Array(16); - if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; - return r; - }; +var gf0 = gf(), + gf1 = gf([1]), + D = gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]), + I = gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); - var gf0 = gf(), - gf1 = gf([1]), - D = gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]), - I = gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); - - function car25519(o) { - var c; - var i; - for (i = 0; i < 16; i++) { - o[i] += 65536; - c = Math.floor(o[i] / 65536); - o[(i+1)*(i<15?1:0)] += c - 1 + 37 * (c-1) * (i===15?1:0); - o[i] -= (c * 65536); - } - } - - function sel25519(p, q, b) { - var t, c = ~(b-1); - for (var i = 0; i < 16; i++) { - t = c & (p[i] ^ q[i]); - p[i] ^= t; - q[i] ^= t; - } - } - - function unpack25519(o, n) { - var i; - for (i = 0; i < 16; i++) o[i] = n[2*i] + (n[2*i+1] << 8); - o[15] &= 0x7fff; - } - - // addition - function A(o, a, b) { - var i; - for (i = 0; i < 16; i++) o[i] = (a[i] + b[i])|0; - } - - // subtraction - function Z(o, a, b) { - var i; - for (i = 0; i < 16; i++) o[i] = (a[i] - b[i])|0; - } - - // multiplication - function M(o, a, b) { - var i, j, t = new Float64Array(31); - for (i = 0; i < 31; i++) t[i] = 0; - for (i = 0; i < 16; i++) { - for (j = 0; j < 16; j++) { - t[i+j] += a[i] * b[j]; - } - } - for (i = 0; i < 15; i++) { - t[i] += 38 * t[i+16]; - } - for (i = 0; i < 16; i++) o[i] = t[i]; - car25519(o); - car25519(o); - } - - // squaring - function S(o, a) { - M(o, a, a); - } - - // inversion - function inv25519(o, i) { - var c = gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 253; a >= 0; a--) { - S(c, c); - if(a !== 2 && a !== 4) M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; - } - - function pack25519(o, n) { - var i, j, b; - var m = gf(), t = gf(); - for (i = 0; i < 16; i++) t[i] = n[i]; - car25519(t); - car25519(t); - car25519(t); - for (j = 0; j < 2; j++) { - m[0] = t[0] - 0xffed; - for (i = 1; i < 15; i++) { - m[i] = t[i] - 0xffff - ((m[i-1]>>16) & 1); - m[i-1] &= 0xffff; - } - m[15] = t[15] - 0x7fff - ((m[14]>>16) & 1); - b = (m[15]>>16) & 1; - m[14] &= 0xffff; - sel25519(t, m, 1-b); - } - for (i = 0; i < 16; i++) { - o[2*i] = t[i] & 0xff; - o[2*i+1] = t[i] >> 8; - } - } - - function par25519(a) { - var d = new Uint8Array(32); - pack25519(d, a); - return d[0] & 1; - } - - function vn(x, xi, y, yi, n) { - var i, d = 0; - for (i = 0; i < n; i++) d |= x[xi + i] ^ y[yi + i]; - return (1 & ((d - 1) >>> 8)) - 1; - } - - function crypto_verify_32(x, xi, y, yi) { - return vn(x, xi, y, yi, 32); - } - - function neq25519(a, b) { - var c = new Uint8Array(32), d = new Uint8Array(32); - pack25519(c, a); - pack25519(d, b); - return crypto_verify_32(c, 0, d, 0); - } - - function pow2523(o, i) { - var c = gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 250; a >= 0; a--) { - S(c, c); - if (a !== 1) M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; - } - - function set25519(r, a) { - var i; - for (i = 0; i < 16; i++) r[i] = a[i] | 0; - } - - function unpackneg(r, p) { - var t = gf(), chk = gf(), num = gf(), - den = gf(), den2 = gf(), den4 = gf(), - den6 = gf(); - - set25519(r[2], gf1); - unpack25519(r[1], p); - S(num, r[1]); - M(den, num, D); - Z(num, num, r[2]); - A(den, r[2], den); - - S(den2, den); - S(den4, den2); - M(den6, den4, den2); - M(t, den6, num); - M(t, t, den); - - pow2523(t, t); - M(t, t, num); - M(t, t, den); - M(t, t, den); - M(r[0], t, den); - - S(chk, r[0]); - M(chk, chk, den); - if (neq25519(chk, num)) M(r[0], r[0], I); - - S(chk, r[0]); - M(chk, chk, den); - if (neq25519(chk, num)) return -1; - - if (par25519(r[0]) === (p[31] >> 7)) Z(r[0], gf0, r[0]); - - M(r[3], r[0], r[1]); - return 0; - } - - // ---- - - // Converts Ed25519 public key to Curve25519 public key. - // montgomeryX = (edwardsY + 1)*inverse(1 - edwardsY) mod p - function convertPublicKey(pk) { - var z = new Uint8Array(32), - q = [gf(), gf(), gf(), gf()], - a = gf(), b = gf(); - - if (unpackneg(q, pk)) return null; // reject invalid key - - var y = q[1]; - - A(a, gf1, y); - Z(b, gf1, y); - inv25519(b, b); - M(a, a, b); - - pack25519(z, a); - return z; - } - - // Converts Ed25519 secret key to Curve25519 secret key. - function convertSecretKey(sk) { - var d = new Uint8Array(64), o = new Uint8Array(32), i; - nacl.lowlevel.crypto_hash(d, sk, 32); - d[0] &= 248; - d[31] &= 127; - d[31] |= 64; - for (i = 0; i < 32; i++) o[i] = d[i]; - for (i = 0; i < 64; i++) d[i] = 0; - return o; - } - - function convertKeyPair(edKeyPair) { - var publicKey = convertPublicKey(edKeyPair.publicKey); - if (!publicKey) return null; - return { - publicKey: publicKey, - secretKey: convertSecretKey(edKeyPair.secretKey) - }; - } - -// return { -// convertPublicKey: convertPublicKey, -// convertSecretKey: convertSecretKey, -// convertKeyPair: convertKeyPair, -// }; - -export default { - convertPublicKey: convertPublicKey, - convertSecretKey: convertSecretKey, - convertKeyPair: convertKeyPair, +function car25519(o) { + var c; + var i; + for (i = 0; i < 16; i++) { + o[i] += 65536; + c = Math.floor(o[i] / 65536); + o[(i + 1) * (i < 15 ? 1 : 0)] += c - 1 + 37 * (c - 1) * (i === 15 ? 1 : 0); + o[i] -= (c * 65536); + } } -// })); +function sel25519(p, q, b) { + var t, c = ~(b - 1); + for (var i = 0; i < 16; i++) { + t = c & (p[i] ^ q[i]); + p[i] ^= t; + q[i] ^= t; + } +} + +function unpack25519(o, n) { + var i; + for (i = 0; i < 16; i++) o[i] = n[2 * i] + (n[2 * i + 1] << 8); + o[15] &= 0x7fff; +} + +// addition +function A(o, a, b) { + var i; + for (i = 0; i < 16; i++) o[i] = (a[i] + b[i]) | 0; +} + +// subtraction +function Z(o, a, b) { + var i; + for (i = 0; i < 16; i++) o[i] = (a[i] - b[i]) | 0; +} + +// multiplication +function M(o, a, b) { + var i, j, t = new Float64Array(31); + for (i = 0; i < 31; i++) t[i] = 0; + for (i = 0; i < 16; i++) { + for (j = 0; j < 16; j++) { + t[i + j] += a[i] * b[j]; + } + } + for (i = 0; i < 15; i++) { + t[i] += 38 * t[i + 16]; + } + for (i = 0; i < 16; i++) o[i] = t[i]; + car25519(o); + car25519(o); +} + +// squaring +function S(o, a) { + M(o, a, a); +} + +// inversion +function inv25519(o, i) { + var c = gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + for (a = 253; a >= 0; a--) { + S(c, c); + if (a !== 2 && a !== 4) M(c, c, i); + } + for (a = 0; a < 16; a++) o[a] = c[a]; +} + +function pack25519(o, n) { + var i, j, b; + var m = gf(), t = gf(); + for (i = 0; i < 16; i++) t[i] = n[i]; + car25519(t); + car25519(t); + car25519(t); + for (j = 0; j < 2; j++) { + m[0] = t[0] - 0xffed; + for (i = 1; i < 15; i++) { + m[i] = t[i] - 0xffff - ((m[i - 1] >> 16) & 1); + m[i - 1] &= 0xffff; + } + m[15] = t[15] - 0x7fff - ((m[14] >> 16) & 1); + b = (m[15] >> 16) & 1; + m[14] &= 0xffff; + sel25519(t, m, 1 - b); + } + for (i = 0; i < 16; i++) { + o[2 * i] = t[i] & 0xff; + o[2 * i + 1] = t[i] >> 8; + } +} + +function par25519(a) { + var d = new Uint8Array(32); + pack25519(d, a); + return d[0] & 1; +} + +function vn(x, xi, y, yi, n) { + var i, d = 0; + for (i = 0; i < n; i++) d |= x[xi + i] ^ y[yi + i]; + return (1 & ((d - 1) >>> 8)) - 1; +} + +function crypto_verify_32(x, xi, y, yi) { + return vn(x, xi, y, yi, 32); +} + +function neq25519(a, b) { + var c = new Uint8Array(32), d = new Uint8Array(32); + pack25519(c, a); + pack25519(d, b); + return crypto_verify_32(c, 0, d, 0); +} + +function pow2523(o, i) { + var c = gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + for (a = 250; a >= 0; a--) { + S(c, c); + if (a !== 1) M(c, c, i); + } + for (a = 0; a < 16; a++) o[a] = c[a]; +} + +function set25519(r, a) { + var i; + for (i = 0; i < 16; i++) r[i] = a[i] | 0; +} + +function unpackneg(r, p) { + var t = gf(), chk = gf(), num = gf(), + den = gf(), den2 = gf(), den4 = gf(), + den6 = gf(); + + set25519(r[2], gf1); + unpack25519(r[1], p); + S(num, r[1]); + M(den, num, D); + Z(num, num, r[2]); + A(den, r[2], den); + + S(den2, den); + S(den4, den2); + M(den6, den4, den2); + M(t, den6, num); + M(t, t, den); + + pow2523(t, t); + M(t, t, num); + M(t, t, den); + M(t, t, den); + M(r[0], t, den); + + S(chk, r[0]); + M(chk, chk, den); + if (neq25519(chk, num)) M(r[0], r[0], I); + + S(chk, r[0]); + M(chk, chk, den); + if (neq25519(chk, num)) return -1; + + if (par25519(r[0]) === (p[31] >> 7)) Z(r[0], gf0, r[0]); + + M(r[3], r[0], r[1]); + return 0; +} + +// ---- + +// Converts Ed25519 public key to Curve25519 public key. +// montgomeryX = (edwardsY + 1)*inverse(1 - edwardsY) mod p +function convertPublicKey(pk) { + var z = new Uint8Array(32), + q = [gf(), gf(), gf(), gf()], + a = gf(), b = gf(); + + if (unpackneg(q, pk)) return null; // reject invalid key + + var y = q[1]; + + A(a, gf1, y); + Z(b, gf1, y); + inv25519(b, b); + M(a, a, b); + + pack25519(z, a); + return z; +} + +// Converts Ed25519 secret key to Curve25519 secret key. +function convertSecretKey(sk) { + var d = new Uint8Array(64), o = new Uint8Array(32), i; + nacl.lowlevel.crypto_hash(d, sk, 32); + d[0] &= 248; + d[31] &= 127; + d[31] |= 64; + for (i = 0; i < 32; i++) o[i] = d[i]; + for (i = 0; i < 64; i++) d[i] = 0; + return o; +} + +function convertKeyPair(edKeyPair) { + var publicKey = convertPublicKey(edKeyPair.publicKey); + if (!publicKey) return null; + return { + publicKey: publicKey, + secretKey: convertSecretKey(edKeyPair.secretKey) + }; +} + +export default { + convertPublicKey: convertPublicKey, + convertSecretKey: convertSecretKey, + convertKeyPair: convertKeyPair, +} diff --git a/crypto/api/deps/nacl-fast.js b/crypto/api/deps/nacl-fast.js index b2fd186f..6693543b 100644 --- a/crypto/api/deps/nacl-fast.js +++ b/crypto/api/deps/nacl-fast.js @@ -1,7 +1,5 @@ // == CHANGE TO ES6 EXPORT == // const nacl = {} -//(function(nacl) { -'use strict'; // Ported in 2014 by Dmitry Chestnykh and Devi Mandiri. // Public domain. @@ -9,456 +7,456 @@ const nacl = {} // Implementation derived from TweetNaCl version 20140427. // See for details: http://tweetnacl.cr.yp.to/ -var gf = function(init) { - var i, r = new Float64Array(16); - if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; - return r; +var gf = function (init) { + var i, r = new Float64Array(16); + if (init) for (i = 0; i < init.length; i++) r[i] = init[i]; + return r; }; // Pluggable, initialized in high-level API below. -var randombytes = function(/* x, n */) { throw new Error('no PRNG'); }; +var randombytes = function (/* x, n */) { throw new Error('no PRNG'); }; var _0 = new Uint8Array(16); var _9 = new Uint8Array(32); _9[0] = 9; var gf0 = gf(), - gf1 = gf([1]), - _121665 = gf([0xdb41, 1]), - D = gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]), - D2 = gf([0xf159, 0x26b2, 0x9b94, 0xebd6, 0xb156, 0x8283, 0x149a, 0x00e0, 0xd130, 0xeef3, 0x80f2, 0x198e, 0xfce7, 0x56df, 0xd9dc, 0x2406]), - X = gf([0xd51a, 0x8f25, 0x2d60, 0xc956, 0xa7b2, 0x9525, 0xc760, 0x692c, 0xdc5c, 0xfdd6, 0xe231, 0xc0a4, 0x53fe, 0xcd6e, 0x36d3, 0x2169]), - Y = gf([0x6658, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666]), - I = gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); + gf1 = gf([1]), + _121665 = gf([0xdb41, 1]), + D = gf([0x78a3, 0x1359, 0x4dca, 0x75eb, 0xd8ab, 0x4141, 0x0a4d, 0x0070, 0xe898, 0x7779, 0x4079, 0x8cc7, 0xfe73, 0x2b6f, 0x6cee, 0x5203]), + D2 = gf([0xf159, 0x26b2, 0x9b94, 0xebd6, 0xb156, 0x8283, 0x149a, 0x00e0, 0xd130, 0xeef3, 0x80f2, 0x198e, 0xfce7, 0x56df, 0xd9dc, 0x2406]), + X = gf([0xd51a, 0x8f25, 0x2d60, 0xc956, 0xa7b2, 0x9525, 0xc760, 0x692c, 0xdc5c, 0xfdd6, 0xe231, 0xc0a4, 0x53fe, 0xcd6e, 0x36d3, 0x2169]), + Y = gf([0x6658, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666, 0x6666]), + I = gf([0xa0b0, 0x4a0e, 0x1b27, 0xc4ee, 0xe478, 0xad2f, 0x1806, 0x2f43, 0xd7a7, 0x3dfb, 0x0099, 0x2b4d, 0xdf0b, 0x4fc1, 0x2480, 0x2b83]); function ts64(x, i, h, l) { - x[i] = (h >> 24) & 0xff; - x[i+1] = (h >> 16) & 0xff; - x[i+2] = (h >> 8) & 0xff; - x[i+3] = h & 0xff; - x[i+4] = (l >> 24) & 0xff; - x[i+5] = (l >> 16) & 0xff; - x[i+6] = (l >> 8) & 0xff; - x[i+7] = l & 0xff; + x[i] = (h >> 24) & 0xff; + x[i + 1] = (h >> 16) & 0xff; + x[i + 2] = (h >> 8) & 0xff; + x[i + 3] = h & 0xff; + x[i + 4] = (l >> 24) & 0xff; + x[i + 5] = (l >> 16) & 0xff; + x[i + 6] = (l >> 8) & 0xff; + x[i + 7] = l & 0xff; } function vn(x, xi, y, yi, n) { - var i,d = 0; - for (i = 0; i < n; i++) d |= x[xi+i]^y[yi+i]; - return (1 & ((d - 1) >>> 8)) - 1; + var i, d = 0; + for (i = 0; i < n; i++) d |= x[xi + i] ^ y[yi + i]; + return (1 & ((d - 1) >>> 8)) - 1; } function crypto_verify_16(x, xi, y, yi) { - return vn(x,xi,y,yi,16); + return vn(x, xi, y, yi, 16); } function crypto_verify_32(x, xi, y, yi) { - return vn(x,xi,y,yi,32); + return vn(x, xi, y, yi, 32); } function core_salsa20(o, p, k, c) { - var j0 = c[ 0] & 0xff | (c[ 1] & 0xff)<<8 | (c[ 2] & 0xff)<<16 | (c[ 3] & 0xff)<<24, - j1 = k[ 0] & 0xff | (k[ 1] & 0xff)<<8 | (k[ 2] & 0xff)<<16 | (k[ 3] & 0xff)<<24, - j2 = k[ 4] & 0xff | (k[ 5] & 0xff)<<8 | (k[ 6] & 0xff)<<16 | (k[ 7] & 0xff)<<24, - j3 = k[ 8] & 0xff | (k[ 9] & 0xff)<<8 | (k[10] & 0xff)<<16 | (k[11] & 0xff)<<24, - j4 = k[12] & 0xff | (k[13] & 0xff)<<8 | (k[14] & 0xff)<<16 | (k[15] & 0xff)<<24, - j5 = c[ 4] & 0xff | (c[ 5] & 0xff)<<8 | (c[ 6] & 0xff)<<16 | (c[ 7] & 0xff)<<24, - j6 = p[ 0] & 0xff | (p[ 1] & 0xff)<<8 | (p[ 2] & 0xff)<<16 | (p[ 3] & 0xff)<<24, - j7 = p[ 4] & 0xff | (p[ 5] & 0xff)<<8 | (p[ 6] & 0xff)<<16 | (p[ 7] & 0xff)<<24, - j8 = p[ 8] & 0xff | (p[ 9] & 0xff)<<8 | (p[10] & 0xff)<<16 | (p[11] & 0xff)<<24, - j9 = p[12] & 0xff | (p[13] & 0xff)<<8 | (p[14] & 0xff)<<16 | (p[15] & 0xff)<<24, - j10 = c[ 8] & 0xff | (c[ 9] & 0xff)<<8 | (c[10] & 0xff)<<16 | (c[11] & 0xff)<<24, - j11 = k[16] & 0xff | (k[17] & 0xff)<<8 | (k[18] & 0xff)<<16 | (k[19] & 0xff)<<24, - j12 = k[20] & 0xff | (k[21] & 0xff)<<8 | (k[22] & 0xff)<<16 | (k[23] & 0xff)<<24, - j13 = k[24] & 0xff | (k[25] & 0xff)<<8 | (k[26] & 0xff)<<16 | (k[27] & 0xff)<<24, - j14 = k[28] & 0xff | (k[29] & 0xff)<<8 | (k[30] & 0xff)<<16 | (k[31] & 0xff)<<24, - j15 = c[12] & 0xff | (c[13] & 0xff)<<8 | (c[14] & 0xff)<<16 | (c[15] & 0xff)<<24; + var j0 = c[0] & 0xff | (c[1] & 0xff) << 8 | (c[2] & 0xff) << 16 | (c[3] & 0xff) << 24, + j1 = k[0] & 0xff | (k[1] & 0xff) << 8 | (k[2] & 0xff) << 16 | (k[3] & 0xff) << 24, + j2 = k[4] & 0xff | (k[5] & 0xff) << 8 | (k[6] & 0xff) << 16 | (k[7] & 0xff) << 24, + j3 = k[8] & 0xff | (k[9] & 0xff) << 8 | (k[10] & 0xff) << 16 | (k[11] & 0xff) << 24, + j4 = k[12] & 0xff | (k[13] & 0xff) << 8 | (k[14] & 0xff) << 16 | (k[15] & 0xff) << 24, + j5 = c[4] & 0xff | (c[5] & 0xff) << 8 | (c[6] & 0xff) << 16 | (c[7] & 0xff) << 24, + j6 = p[0] & 0xff | (p[1] & 0xff) << 8 | (p[2] & 0xff) << 16 | (p[3] & 0xff) << 24, + j7 = p[4] & 0xff | (p[5] & 0xff) << 8 | (p[6] & 0xff) << 16 | (p[7] & 0xff) << 24, + j8 = p[8] & 0xff | (p[9] & 0xff) << 8 | (p[10] & 0xff) << 16 | (p[11] & 0xff) << 24, + j9 = p[12] & 0xff | (p[13] & 0xff) << 8 | (p[14] & 0xff) << 16 | (p[15] & 0xff) << 24, + j10 = c[8] & 0xff | (c[9] & 0xff) << 8 | (c[10] & 0xff) << 16 | (c[11] & 0xff) << 24, + j11 = k[16] & 0xff | (k[17] & 0xff) << 8 | (k[18] & 0xff) << 16 | (k[19] & 0xff) << 24, + j12 = k[20] & 0xff | (k[21] & 0xff) << 8 | (k[22] & 0xff) << 16 | (k[23] & 0xff) << 24, + j13 = k[24] & 0xff | (k[25] & 0xff) << 8 | (k[26] & 0xff) << 16 | (k[27] & 0xff) << 24, + j14 = k[28] & 0xff | (k[29] & 0xff) << 8 | (k[30] & 0xff) << 16 | (k[31] & 0xff) << 24, + j15 = c[12] & 0xff | (c[13] & 0xff) << 8 | (c[14] & 0xff) << 16 | (c[15] & 0xff) << 24; - var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, - x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, - x15 = j15, u; + var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, + x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, + x15 = j15, u; - for (var i = 0; i < 20; i += 2) { - u = x0 + x12 | 0; - x4 ^= u<<7 | u>>>(32-7); - u = x4 + x0 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x4 | 0; - x12 ^= u<<13 | u>>>(32-13); - u = x12 + x8 | 0; - x0 ^= u<<18 | u>>>(32-18); + for (var i = 0; i < 20; i += 2) { + u = x0 + x12 | 0; + x4 ^= u << 7 | u >>> (32 - 7); + u = x4 + x0 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x4 | 0; + x12 ^= u << 13 | u >>> (32 - 13); + u = x12 + x8 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x1 | 0; - x9 ^= u<<7 | u>>>(32-7); - u = x9 + x5 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x9 | 0; - x1 ^= u<<13 | u>>>(32-13); - u = x1 + x13 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x1 | 0; + x9 ^= u << 7 | u >>> (32 - 7); + u = x9 + x5 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x9 | 0; + x1 ^= u << 13 | u >>> (32 - 13); + u = x1 + x13 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x6 | 0; - x14 ^= u<<7 | u>>>(32-7); - u = x14 + x10 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x14 | 0; - x6 ^= u<<13 | u>>>(32-13); - u = x6 + x2 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x6 | 0; + x14 ^= u << 7 | u >>> (32 - 7); + u = x14 + x10 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x14 | 0; + x6 ^= u << 13 | u >>> (32 - 13); + u = x6 + x2 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x11 | 0; - x3 ^= u<<7 | u>>>(32-7); - u = x3 + x15 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x3 | 0; - x11 ^= u<<13 | u>>>(32-13); - u = x11 + x7 | 0; - x15 ^= u<<18 | u>>>(32-18); + u = x15 + x11 | 0; + x3 ^= u << 7 | u >>> (32 - 7); + u = x3 + x15 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x3 | 0; + x11 ^= u << 13 | u >>> (32 - 13); + u = x11 + x7 | 0; + x15 ^= u << 18 | u >>> (32 - 18); - u = x0 + x3 | 0; - x1 ^= u<<7 | u>>>(32-7); - u = x1 + x0 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x1 | 0; - x3 ^= u<<13 | u>>>(32-13); - u = x3 + x2 | 0; - x0 ^= u<<18 | u>>>(32-18); + u = x0 + x3 | 0; + x1 ^= u << 7 | u >>> (32 - 7); + u = x1 + x0 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x1 | 0; + x3 ^= u << 13 | u >>> (32 - 13); + u = x3 + x2 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x4 | 0; - x6 ^= u<<7 | u>>>(32-7); - u = x6 + x5 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x6 | 0; - x4 ^= u<<13 | u>>>(32-13); - u = x4 + x7 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x4 | 0; + x6 ^= u << 7 | u >>> (32 - 7); + u = x6 + x5 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x6 | 0; + x4 ^= u << 13 | u >>> (32 - 13); + u = x4 + x7 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x9 | 0; - x11 ^= u<<7 | u>>>(32-7); - u = x11 + x10 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x11 | 0; - x9 ^= u<<13 | u>>>(32-13); - u = x9 + x8 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x9 | 0; + x11 ^= u << 7 | u >>> (32 - 7); + u = x11 + x10 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x11 | 0; + x9 ^= u << 13 | u >>> (32 - 13); + u = x9 + x8 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x14 | 0; - x12 ^= u<<7 | u>>>(32-7); - u = x12 + x15 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x12 | 0; - x14 ^= u<<13 | u>>>(32-13); - u = x14 + x13 | 0; - x15 ^= u<<18 | u>>>(32-18); - } - x0 = x0 + j0 | 0; - x1 = x1 + j1 | 0; - x2 = x2 + j2 | 0; - x3 = x3 + j3 | 0; - x4 = x4 + j4 | 0; - x5 = x5 + j5 | 0; - x6 = x6 + j6 | 0; - x7 = x7 + j7 | 0; - x8 = x8 + j8 | 0; - x9 = x9 + j9 | 0; - x10 = x10 + j10 | 0; - x11 = x11 + j11 | 0; - x12 = x12 + j12 | 0; - x13 = x13 + j13 | 0; - x14 = x14 + j14 | 0; - x15 = x15 + j15 | 0; + u = x15 + x14 | 0; + x12 ^= u << 7 | u >>> (32 - 7); + u = x12 + x15 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x12 | 0; + x14 ^= u << 13 | u >>> (32 - 13); + u = x14 + x13 | 0; + x15 ^= u << 18 | u >>> (32 - 18); + } + x0 = x0 + j0 | 0; + x1 = x1 + j1 | 0; + x2 = x2 + j2 | 0; + x3 = x3 + j3 | 0; + x4 = x4 + j4 | 0; + x5 = x5 + j5 | 0; + x6 = x6 + j6 | 0; + x7 = x7 + j7 | 0; + x8 = x8 + j8 | 0; + x9 = x9 + j9 | 0; + x10 = x10 + j10 | 0; + x11 = x11 + j11 | 0; + x12 = x12 + j12 | 0; + x13 = x13 + j13 | 0; + x14 = x14 + j14 | 0; + x15 = x15 + j15 | 0; - o[ 0] = x0 >>> 0 & 0xff; - o[ 1] = x0 >>> 8 & 0xff; - o[ 2] = x0 >>> 16 & 0xff; - o[ 3] = x0 >>> 24 & 0xff; + o[0] = x0 >>> 0 & 0xff; + o[1] = x0 >>> 8 & 0xff; + o[2] = x0 >>> 16 & 0xff; + o[3] = x0 >>> 24 & 0xff; - o[ 4] = x1 >>> 0 & 0xff; - o[ 5] = x1 >>> 8 & 0xff; - o[ 6] = x1 >>> 16 & 0xff; - o[ 7] = x1 >>> 24 & 0xff; + o[4] = x1 >>> 0 & 0xff; + o[5] = x1 >>> 8 & 0xff; + o[6] = x1 >>> 16 & 0xff; + o[7] = x1 >>> 24 & 0xff; - o[ 8] = x2 >>> 0 & 0xff; - o[ 9] = x2 >>> 8 & 0xff; - o[10] = x2 >>> 16 & 0xff; - o[11] = x2 >>> 24 & 0xff; + o[8] = x2 >>> 0 & 0xff; + o[9] = x2 >>> 8 & 0xff; + o[10] = x2 >>> 16 & 0xff; + o[11] = x2 >>> 24 & 0xff; - o[12] = x3 >>> 0 & 0xff; - o[13] = x3 >>> 8 & 0xff; - o[14] = x3 >>> 16 & 0xff; - o[15] = x3 >>> 24 & 0xff; + o[12] = x3 >>> 0 & 0xff; + o[13] = x3 >>> 8 & 0xff; + o[14] = x3 >>> 16 & 0xff; + o[15] = x3 >>> 24 & 0xff; - o[16] = x4 >>> 0 & 0xff; - o[17] = x4 >>> 8 & 0xff; - o[18] = x4 >>> 16 & 0xff; - o[19] = x4 >>> 24 & 0xff; + o[16] = x4 >>> 0 & 0xff; + o[17] = x4 >>> 8 & 0xff; + o[18] = x4 >>> 16 & 0xff; + o[19] = x4 >>> 24 & 0xff; - o[20] = x5 >>> 0 & 0xff; - o[21] = x5 >>> 8 & 0xff; - o[22] = x5 >>> 16 & 0xff; - o[23] = x5 >>> 24 & 0xff; + o[20] = x5 >>> 0 & 0xff; + o[21] = x5 >>> 8 & 0xff; + o[22] = x5 >>> 16 & 0xff; + o[23] = x5 >>> 24 & 0xff; - o[24] = x6 >>> 0 & 0xff; - o[25] = x6 >>> 8 & 0xff; - o[26] = x6 >>> 16 & 0xff; - o[27] = x6 >>> 24 & 0xff; + o[24] = x6 >>> 0 & 0xff; + o[25] = x6 >>> 8 & 0xff; + o[26] = x6 >>> 16 & 0xff; + o[27] = x6 >>> 24 & 0xff; - o[28] = x7 >>> 0 & 0xff; - o[29] = x7 >>> 8 & 0xff; - o[30] = x7 >>> 16 & 0xff; - o[31] = x7 >>> 24 & 0xff; + o[28] = x7 >>> 0 & 0xff; + o[29] = x7 >>> 8 & 0xff; + o[30] = x7 >>> 16 & 0xff; + o[31] = x7 >>> 24 & 0xff; - o[32] = x8 >>> 0 & 0xff; - o[33] = x8 >>> 8 & 0xff; - o[34] = x8 >>> 16 & 0xff; - o[35] = x8 >>> 24 & 0xff; + o[32] = x8 >>> 0 & 0xff; + o[33] = x8 >>> 8 & 0xff; + o[34] = x8 >>> 16 & 0xff; + o[35] = x8 >>> 24 & 0xff; - o[36] = x9 >>> 0 & 0xff; - o[37] = x9 >>> 8 & 0xff; - o[38] = x9 >>> 16 & 0xff; - o[39] = x9 >>> 24 & 0xff; + o[36] = x9 >>> 0 & 0xff; + o[37] = x9 >>> 8 & 0xff; + o[38] = x9 >>> 16 & 0xff; + o[39] = x9 >>> 24 & 0xff; - o[40] = x10 >>> 0 & 0xff; - o[41] = x10 >>> 8 & 0xff; - o[42] = x10 >>> 16 & 0xff; - o[43] = x10 >>> 24 & 0xff; + o[40] = x10 >>> 0 & 0xff; + o[41] = x10 >>> 8 & 0xff; + o[42] = x10 >>> 16 & 0xff; + o[43] = x10 >>> 24 & 0xff; - o[44] = x11 >>> 0 & 0xff; - o[45] = x11 >>> 8 & 0xff; - o[46] = x11 >>> 16 & 0xff; - o[47] = x11 >>> 24 & 0xff; + o[44] = x11 >>> 0 & 0xff; + o[45] = x11 >>> 8 & 0xff; + o[46] = x11 >>> 16 & 0xff; + o[47] = x11 >>> 24 & 0xff; - o[48] = x12 >>> 0 & 0xff; - o[49] = x12 >>> 8 & 0xff; - o[50] = x12 >>> 16 & 0xff; - o[51] = x12 >>> 24 & 0xff; + o[48] = x12 >>> 0 & 0xff; + o[49] = x12 >>> 8 & 0xff; + o[50] = x12 >>> 16 & 0xff; + o[51] = x12 >>> 24 & 0xff; - o[52] = x13 >>> 0 & 0xff; - o[53] = x13 >>> 8 & 0xff; - o[54] = x13 >>> 16 & 0xff; - o[55] = x13 >>> 24 & 0xff; + o[52] = x13 >>> 0 & 0xff; + o[53] = x13 >>> 8 & 0xff; + o[54] = x13 >>> 16 & 0xff; + o[55] = x13 >>> 24 & 0xff; - o[56] = x14 >>> 0 & 0xff; - o[57] = x14 >>> 8 & 0xff; - o[58] = x14 >>> 16 & 0xff; - o[59] = x14 >>> 24 & 0xff; + o[56] = x14 >>> 0 & 0xff; + o[57] = x14 >>> 8 & 0xff; + o[58] = x14 >>> 16 & 0xff; + o[59] = x14 >>> 24 & 0xff; - o[60] = x15 >>> 0 & 0xff; - o[61] = x15 >>> 8 & 0xff; - o[62] = x15 >>> 16 & 0xff; - o[63] = x15 >>> 24 & 0xff; + o[60] = x15 >>> 0 & 0xff; + o[61] = x15 >>> 8 & 0xff; + o[62] = x15 >>> 16 & 0xff; + o[63] = x15 >>> 24 & 0xff; } -function core_hsalsa20(o,p,k,c) { - var j0 = c[ 0] & 0xff | (c[ 1] & 0xff)<<8 | (c[ 2] & 0xff)<<16 | (c[ 3] & 0xff)<<24, - j1 = k[ 0] & 0xff | (k[ 1] & 0xff)<<8 | (k[ 2] & 0xff)<<16 | (k[ 3] & 0xff)<<24, - j2 = k[ 4] & 0xff | (k[ 5] & 0xff)<<8 | (k[ 6] & 0xff)<<16 | (k[ 7] & 0xff)<<24, - j3 = k[ 8] & 0xff | (k[ 9] & 0xff)<<8 | (k[10] & 0xff)<<16 | (k[11] & 0xff)<<24, - j4 = k[12] & 0xff | (k[13] & 0xff)<<8 | (k[14] & 0xff)<<16 | (k[15] & 0xff)<<24, - j5 = c[ 4] & 0xff | (c[ 5] & 0xff)<<8 | (c[ 6] & 0xff)<<16 | (c[ 7] & 0xff)<<24, - j6 = p[ 0] & 0xff | (p[ 1] & 0xff)<<8 | (p[ 2] & 0xff)<<16 | (p[ 3] & 0xff)<<24, - j7 = p[ 4] & 0xff | (p[ 5] & 0xff)<<8 | (p[ 6] & 0xff)<<16 | (p[ 7] & 0xff)<<24, - j8 = p[ 8] & 0xff | (p[ 9] & 0xff)<<8 | (p[10] & 0xff)<<16 | (p[11] & 0xff)<<24, - j9 = p[12] & 0xff | (p[13] & 0xff)<<8 | (p[14] & 0xff)<<16 | (p[15] & 0xff)<<24, - j10 = c[ 8] & 0xff | (c[ 9] & 0xff)<<8 | (c[10] & 0xff)<<16 | (c[11] & 0xff)<<24, - j11 = k[16] & 0xff | (k[17] & 0xff)<<8 | (k[18] & 0xff)<<16 | (k[19] & 0xff)<<24, - j12 = k[20] & 0xff | (k[21] & 0xff)<<8 | (k[22] & 0xff)<<16 | (k[23] & 0xff)<<24, - j13 = k[24] & 0xff | (k[25] & 0xff)<<8 | (k[26] & 0xff)<<16 | (k[27] & 0xff)<<24, - j14 = k[28] & 0xff | (k[29] & 0xff)<<8 | (k[30] & 0xff)<<16 | (k[31] & 0xff)<<24, - j15 = c[12] & 0xff | (c[13] & 0xff)<<8 | (c[14] & 0xff)<<16 | (c[15] & 0xff)<<24; +function core_hsalsa20(o, p, k, c) { + var j0 = c[0] & 0xff | (c[1] & 0xff) << 8 | (c[2] & 0xff) << 16 | (c[3] & 0xff) << 24, + j1 = k[0] & 0xff | (k[1] & 0xff) << 8 | (k[2] & 0xff) << 16 | (k[3] & 0xff) << 24, + j2 = k[4] & 0xff | (k[5] & 0xff) << 8 | (k[6] & 0xff) << 16 | (k[7] & 0xff) << 24, + j3 = k[8] & 0xff | (k[9] & 0xff) << 8 | (k[10] & 0xff) << 16 | (k[11] & 0xff) << 24, + j4 = k[12] & 0xff | (k[13] & 0xff) << 8 | (k[14] & 0xff) << 16 | (k[15] & 0xff) << 24, + j5 = c[4] & 0xff | (c[5] & 0xff) << 8 | (c[6] & 0xff) << 16 | (c[7] & 0xff) << 24, + j6 = p[0] & 0xff | (p[1] & 0xff) << 8 | (p[2] & 0xff) << 16 | (p[3] & 0xff) << 24, + j7 = p[4] & 0xff | (p[5] & 0xff) << 8 | (p[6] & 0xff) << 16 | (p[7] & 0xff) << 24, + j8 = p[8] & 0xff | (p[9] & 0xff) << 8 | (p[10] & 0xff) << 16 | (p[11] & 0xff) << 24, + j9 = p[12] & 0xff | (p[13] & 0xff) << 8 | (p[14] & 0xff) << 16 | (p[15] & 0xff) << 24, + j10 = c[8] & 0xff | (c[9] & 0xff) << 8 | (c[10] & 0xff) << 16 | (c[11] & 0xff) << 24, + j11 = k[16] & 0xff | (k[17] & 0xff) << 8 | (k[18] & 0xff) << 16 | (k[19] & 0xff) << 24, + j12 = k[20] & 0xff | (k[21] & 0xff) << 8 | (k[22] & 0xff) << 16 | (k[23] & 0xff) << 24, + j13 = k[24] & 0xff | (k[25] & 0xff) << 8 | (k[26] & 0xff) << 16 | (k[27] & 0xff) << 24, + j14 = k[28] & 0xff | (k[29] & 0xff) << 8 | (k[30] & 0xff) << 16 | (k[31] & 0xff) << 24, + j15 = c[12] & 0xff | (c[13] & 0xff) << 8 | (c[14] & 0xff) << 16 | (c[15] & 0xff) << 24; - var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, - x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, - x15 = j15, u; + var x0 = j0, x1 = j1, x2 = j2, x3 = j3, x4 = j4, x5 = j5, x6 = j6, x7 = j7, + x8 = j8, x9 = j9, x10 = j10, x11 = j11, x12 = j12, x13 = j13, x14 = j14, + x15 = j15, u; - for (var i = 0; i < 20; i += 2) { - u = x0 + x12 | 0; - x4 ^= u<<7 | u>>>(32-7); - u = x4 + x0 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x4 | 0; - x12 ^= u<<13 | u>>>(32-13); - u = x12 + x8 | 0; - x0 ^= u<<18 | u>>>(32-18); + for (var i = 0; i < 20; i += 2) { + u = x0 + x12 | 0; + x4 ^= u << 7 | u >>> (32 - 7); + u = x4 + x0 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x4 | 0; + x12 ^= u << 13 | u >>> (32 - 13); + u = x12 + x8 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x1 | 0; - x9 ^= u<<7 | u>>>(32-7); - u = x9 + x5 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x9 | 0; - x1 ^= u<<13 | u>>>(32-13); - u = x1 + x13 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x1 | 0; + x9 ^= u << 7 | u >>> (32 - 7); + u = x9 + x5 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x9 | 0; + x1 ^= u << 13 | u >>> (32 - 13); + u = x1 + x13 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x6 | 0; - x14 ^= u<<7 | u>>>(32-7); - u = x14 + x10 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x14 | 0; - x6 ^= u<<13 | u>>>(32-13); - u = x6 + x2 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x6 | 0; + x14 ^= u << 7 | u >>> (32 - 7); + u = x14 + x10 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x14 | 0; + x6 ^= u << 13 | u >>> (32 - 13); + u = x6 + x2 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x11 | 0; - x3 ^= u<<7 | u>>>(32-7); - u = x3 + x15 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x3 | 0; - x11 ^= u<<13 | u>>>(32-13); - u = x11 + x7 | 0; - x15 ^= u<<18 | u>>>(32-18); + u = x15 + x11 | 0; + x3 ^= u << 7 | u >>> (32 - 7); + u = x3 + x15 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x3 | 0; + x11 ^= u << 13 | u >>> (32 - 13); + u = x11 + x7 | 0; + x15 ^= u << 18 | u >>> (32 - 18); - u = x0 + x3 | 0; - x1 ^= u<<7 | u>>>(32-7); - u = x1 + x0 | 0; - x2 ^= u<<9 | u>>>(32-9); - u = x2 + x1 | 0; - x3 ^= u<<13 | u>>>(32-13); - u = x3 + x2 | 0; - x0 ^= u<<18 | u>>>(32-18); + u = x0 + x3 | 0; + x1 ^= u << 7 | u >>> (32 - 7); + u = x1 + x0 | 0; + x2 ^= u << 9 | u >>> (32 - 9); + u = x2 + x1 | 0; + x3 ^= u << 13 | u >>> (32 - 13); + u = x3 + x2 | 0; + x0 ^= u << 18 | u >>> (32 - 18); - u = x5 + x4 | 0; - x6 ^= u<<7 | u>>>(32-7); - u = x6 + x5 | 0; - x7 ^= u<<9 | u>>>(32-9); - u = x7 + x6 | 0; - x4 ^= u<<13 | u>>>(32-13); - u = x4 + x7 | 0; - x5 ^= u<<18 | u>>>(32-18); + u = x5 + x4 | 0; + x6 ^= u << 7 | u >>> (32 - 7); + u = x6 + x5 | 0; + x7 ^= u << 9 | u >>> (32 - 9); + u = x7 + x6 | 0; + x4 ^= u << 13 | u >>> (32 - 13); + u = x4 + x7 | 0; + x5 ^= u << 18 | u >>> (32 - 18); - u = x10 + x9 | 0; - x11 ^= u<<7 | u>>>(32-7); - u = x11 + x10 | 0; - x8 ^= u<<9 | u>>>(32-9); - u = x8 + x11 | 0; - x9 ^= u<<13 | u>>>(32-13); - u = x9 + x8 | 0; - x10 ^= u<<18 | u>>>(32-18); + u = x10 + x9 | 0; + x11 ^= u << 7 | u >>> (32 - 7); + u = x11 + x10 | 0; + x8 ^= u << 9 | u >>> (32 - 9); + u = x8 + x11 | 0; + x9 ^= u << 13 | u >>> (32 - 13); + u = x9 + x8 | 0; + x10 ^= u << 18 | u >>> (32 - 18); - u = x15 + x14 | 0; - x12 ^= u<<7 | u>>>(32-7); - u = x12 + x15 | 0; - x13 ^= u<<9 | u>>>(32-9); - u = x13 + x12 | 0; - x14 ^= u<<13 | u>>>(32-13); - u = x14 + x13 | 0; - x15 ^= u<<18 | u>>>(32-18); - } + u = x15 + x14 | 0; + x12 ^= u << 7 | u >>> (32 - 7); + u = x12 + x15 | 0; + x13 ^= u << 9 | u >>> (32 - 9); + u = x13 + x12 | 0; + x14 ^= u << 13 | u >>> (32 - 13); + u = x14 + x13 | 0; + x15 ^= u << 18 | u >>> (32 - 18); + } - o[ 0] = x0 >>> 0 & 0xff; - o[ 1] = x0 >>> 8 & 0xff; - o[ 2] = x0 >>> 16 & 0xff; - o[ 3] = x0 >>> 24 & 0xff; + o[0] = x0 >>> 0 & 0xff; + o[1] = x0 >>> 8 & 0xff; + o[2] = x0 >>> 16 & 0xff; + o[3] = x0 >>> 24 & 0xff; - o[ 4] = x5 >>> 0 & 0xff; - o[ 5] = x5 >>> 8 & 0xff; - o[ 6] = x5 >>> 16 & 0xff; - o[ 7] = x5 >>> 24 & 0xff; + o[4] = x5 >>> 0 & 0xff; + o[5] = x5 >>> 8 & 0xff; + o[6] = x5 >>> 16 & 0xff; + o[7] = x5 >>> 24 & 0xff; - o[ 8] = x10 >>> 0 & 0xff; - o[ 9] = x10 >>> 8 & 0xff; - o[10] = x10 >>> 16 & 0xff; - o[11] = x10 >>> 24 & 0xff; + o[8] = x10 >>> 0 & 0xff; + o[9] = x10 >>> 8 & 0xff; + o[10] = x10 >>> 16 & 0xff; + o[11] = x10 >>> 24 & 0xff; - o[12] = x15 >>> 0 & 0xff; - o[13] = x15 >>> 8 & 0xff; - o[14] = x15 >>> 16 & 0xff; - o[15] = x15 >>> 24 & 0xff; + o[12] = x15 >>> 0 & 0xff; + o[13] = x15 >>> 8 & 0xff; + o[14] = x15 >>> 16 & 0xff; + o[15] = x15 >>> 24 & 0xff; - o[16] = x6 >>> 0 & 0xff; - o[17] = x6 >>> 8 & 0xff; - o[18] = x6 >>> 16 & 0xff; - o[19] = x6 >>> 24 & 0xff; + o[16] = x6 >>> 0 & 0xff; + o[17] = x6 >>> 8 & 0xff; + o[18] = x6 >>> 16 & 0xff; + o[19] = x6 >>> 24 & 0xff; - o[20] = x7 >>> 0 & 0xff; - o[21] = x7 >>> 8 & 0xff; - o[22] = x7 >>> 16 & 0xff; - o[23] = x7 >>> 24 & 0xff; + o[20] = x7 >>> 0 & 0xff; + o[21] = x7 >>> 8 & 0xff; + o[22] = x7 >>> 16 & 0xff; + o[23] = x7 >>> 24 & 0xff; - o[24] = x8 >>> 0 & 0xff; - o[25] = x8 >>> 8 & 0xff; - o[26] = x8 >>> 16 & 0xff; - o[27] = x8 >>> 24 & 0xff; + o[24] = x8 >>> 0 & 0xff; + o[25] = x8 >>> 8 & 0xff; + o[26] = x8 >>> 16 & 0xff; + o[27] = x8 >>> 24 & 0xff; - o[28] = x9 >>> 0 & 0xff; - o[29] = x9 >>> 8 & 0xff; - o[30] = x9 >>> 16 & 0xff; - o[31] = x9 >>> 24 & 0xff; + o[28] = x9 >>> 0 & 0xff; + o[29] = x9 >>> 8 & 0xff; + o[30] = x9 >>> 16 & 0xff; + o[31] = x9 >>> 24 & 0xff; } -function crypto_core_salsa20(out,inp,k,c) { - core_salsa20(out,inp,k,c); +function crypto_core_salsa20(out, inp, k, c) { + core_salsa20(out, inp, k, c); } -function crypto_core_hsalsa20(out,inp,k,c) { - core_hsalsa20(out,inp,k,c); +function crypto_core_hsalsa20(out, inp, k, c) { + core_hsalsa20(out, inp, k, c); } var sigma = new Uint8Array([101, 120, 112, 97, 110, 100, 32, 51, 50, 45, 98, 121, 116, 101, 32, 107]); - // "expand 32-byte k" +// "expand 32-byte k" -function crypto_stream_salsa20_xor(c,cpos,m,mpos,b,n,k) { - var z = new Uint8Array(16), x = new Uint8Array(64); - var u, i; - for (i = 0; i < 16; i++) z[i] = 0; - for (i = 0; i < 8; i++) z[i] = n[i]; - while (b >= 64) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < 64; i++) c[cpos+i] = m[mpos+i] ^ x[i]; - u = 1; - for (i = 8; i < 16; i++) { - u = u + (z[i] & 0xff) | 0; - z[i] = u & 0xff; - u >>>= 8; - } - b -= 64; - cpos += 64; - mpos += 64; - } - if (b > 0) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < b; i++) c[cpos+i] = m[mpos+i] ^ x[i]; - } - return 0; +function crypto_stream_salsa20_xor(c, cpos, m, mpos, b, n, k) { + var z = new Uint8Array(16), x = new Uint8Array(64); + var u, i; + for (i = 0; i < 16; i++) z[i] = 0; + for (i = 0; i < 8; i++) z[i] = n[i]; + while (b >= 64) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < 64; i++) c[cpos + i] = m[mpos + i] ^ x[i]; + u = 1; + for (i = 8; i < 16; i++) { + u = u + (z[i] & 0xff) | 0; + z[i] = u & 0xff; + u >>>= 8; + } + b -= 64; + cpos += 64; + mpos += 64; + } + if (b > 0) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < b; i++) c[cpos + i] = m[mpos + i] ^ x[i]; + } + return 0; } -function crypto_stream_salsa20(c,cpos,b,n,k) { - var z = new Uint8Array(16), x = new Uint8Array(64); - var u, i; - for (i = 0; i < 16; i++) z[i] = 0; - for (i = 0; i < 8; i++) z[i] = n[i]; - while (b >= 64) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < 64; i++) c[cpos+i] = x[i]; - u = 1; - for (i = 8; i < 16; i++) { - u = u + (z[i] & 0xff) | 0; - z[i] = u & 0xff; - u >>>= 8; - } - b -= 64; - cpos += 64; - } - if (b > 0) { - crypto_core_salsa20(x,z,k,sigma); - for (i = 0; i < b; i++) c[cpos+i] = x[i]; - } - return 0; +function crypto_stream_salsa20(c, cpos, b, n, k) { + var z = new Uint8Array(16), x = new Uint8Array(64); + var u, i; + for (i = 0; i < 16; i++) z[i] = 0; + for (i = 0; i < 8; i++) z[i] = n[i]; + while (b >= 64) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < 64; i++) c[cpos + i] = x[i]; + u = 1; + for (i = 8; i < 16; i++) { + u = u + (z[i] & 0xff) | 0; + z[i] = u & 0xff; + u >>>= 8; + } + b -= 64; + cpos += 64; + } + if (b > 0) { + crypto_core_salsa20(x, z, k, sigma); + for (i = 0; i < b; i++) c[cpos + i] = x[i]; + } + return 0; } -function crypto_stream(c,cpos,d,n,k) { - var s = new Uint8Array(32); - crypto_core_hsalsa20(s,n,k,sigma); - var sn = new Uint8Array(8); - for (var i = 0; i < 8; i++) sn[i] = n[i+16]; - return crypto_stream_salsa20(c,cpos,d,sn,s); +function crypto_stream(c, cpos, d, n, k) { + var s = new Uint8Array(32); + crypto_core_hsalsa20(s, n, k, sigma); + var sn = new Uint8Array(8); + for (var i = 0; i < 8; i++) sn[i] = n[i + 16]; + return crypto_stream_salsa20(c, cpos, d, sn, s); } -function crypto_stream_xor(c,cpos,m,mpos,d,n,k) { - var s = new Uint8Array(32); - crypto_core_hsalsa20(s,n,k,sigma); - var sn = new Uint8Array(8); - for (var i = 0; i < 8; i++) sn[i] = n[i+16]; - return crypto_stream_salsa20_xor(c,cpos,m,mpos,d,sn,s); +function crypto_stream_xor(c, cpos, m, mpos, d, n, k) { + var s = new Uint8Array(32); + crypto_core_hsalsa20(s, n, k, sigma); + var sn = new Uint8Array(8); + for (var i = 0; i < 8; i++) sn[i] = n[i + 16]; + return crypto_stream_salsa20_xor(c, cpos, m, mpos, d, sn, s); } /* @@ -466,1820 +464,1820 @@ function crypto_stream_xor(c,cpos,m,mpos,d,n,k) { * https://github.com/floodyberry/poly1305-donna */ -var poly1305 = function(key) { - this.buffer = new Uint8Array(16); - this.r = new Uint16Array(10); - this.h = new Uint16Array(10); - this.pad = new Uint16Array(8); - this.leftover = 0; - this.fin = 0; +var poly1305 = function (key) { + this.buffer = new Uint8Array(16); + this.r = new Uint16Array(10); + this.h = new Uint16Array(10); + this.pad = new Uint16Array(8); + this.leftover = 0; + this.fin = 0; - var t0, t1, t2, t3, t4, t5, t6, t7; + var t0, t1, t2, t3, t4, t5, t6, t7; - t0 = key[ 0] & 0xff | (key[ 1] & 0xff) << 8; this.r[0] = ( t0 ) & 0x1fff; - t1 = key[ 2] & 0xff | (key[ 3] & 0xff) << 8; this.r[1] = ((t0 >>> 13) | (t1 << 3)) & 0x1fff; - t2 = key[ 4] & 0xff | (key[ 5] & 0xff) << 8; this.r[2] = ((t1 >>> 10) | (t2 << 6)) & 0x1f03; - t3 = key[ 6] & 0xff | (key[ 7] & 0xff) << 8; this.r[3] = ((t2 >>> 7) | (t3 << 9)) & 0x1fff; - t4 = key[ 8] & 0xff | (key[ 9] & 0xff) << 8; this.r[4] = ((t3 >>> 4) | (t4 << 12)) & 0x00ff; - this.r[5] = ((t4 >>> 1)) & 0x1ffe; - t5 = key[10] & 0xff | (key[11] & 0xff) << 8; this.r[6] = ((t4 >>> 14) | (t5 << 2)) & 0x1fff; - t6 = key[12] & 0xff | (key[13] & 0xff) << 8; this.r[7] = ((t5 >>> 11) | (t6 << 5)) & 0x1f81; - t7 = key[14] & 0xff | (key[15] & 0xff) << 8; this.r[8] = ((t6 >>> 8) | (t7 << 8)) & 0x1fff; - this.r[9] = ((t7 >>> 5)) & 0x007f; + t0 = key[0] & 0xff | (key[1] & 0xff) << 8; this.r[0] = (t0) & 0x1fff; + t1 = key[2] & 0xff | (key[3] & 0xff) << 8; this.r[1] = ((t0 >>> 13) | (t1 << 3)) & 0x1fff; + t2 = key[4] & 0xff | (key[5] & 0xff) << 8; this.r[2] = ((t1 >>> 10) | (t2 << 6)) & 0x1f03; + t3 = key[6] & 0xff | (key[7] & 0xff) << 8; this.r[3] = ((t2 >>> 7) | (t3 << 9)) & 0x1fff; + t4 = key[8] & 0xff | (key[9] & 0xff) << 8; this.r[4] = ((t3 >>> 4) | (t4 << 12)) & 0x00ff; + this.r[5] = ((t4 >>> 1)) & 0x1ffe; + t5 = key[10] & 0xff | (key[11] & 0xff) << 8; this.r[6] = ((t4 >>> 14) | (t5 << 2)) & 0x1fff; + t6 = key[12] & 0xff | (key[13] & 0xff) << 8; this.r[7] = ((t5 >>> 11) | (t6 << 5)) & 0x1f81; + t7 = key[14] & 0xff | (key[15] & 0xff) << 8; this.r[8] = ((t6 >>> 8) | (t7 << 8)) & 0x1fff; + this.r[9] = ((t7 >>> 5)) & 0x007f; - this.pad[0] = key[16] & 0xff | (key[17] & 0xff) << 8; - this.pad[1] = key[18] & 0xff | (key[19] & 0xff) << 8; - this.pad[2] = key[20] & 0xff | (key[21] & 0xff) << 8; - this.pad[3] = key[22] & 0xff | (key[23] & 0xff) << 8; - this.pad[4] = key[24] & 0xff | (key[25] & 0xff) << 8; - this.pad[5] = key[26] & 0xff | (key[27] & 0xff) << 8; - this.pad[6] = key[28] & 0xff | (key[29] & 0xff) << 8; - this.pad[7] = key[30] & 0xff | (key[31] & 0xff) << 8; + this.pad[0] = key[16] & 0xff | (key[17] & 0xff) << 8; + this.pad[1] = key[18] & 0xff | (key[19] & 0xff) << 8; + this.pad[2] = key[20] & 0xff | (key[21] & 0xff) << 8; + this.pad[3] = key[22] & 0xff | (key[23] & 0xff) << 8; + this.pad[4] = key[24] & 0xff | (key[25] & 0xff) << 8; + this.pad[5] = key[26] & 0xff | (key[27] & 0xff) << 8; + this.pad[6] = key[28] & 0xff | (key[29] & 0xff) << 8; + this.pad[7] = key[30] & 0xff | (key[31] & 0xff) << 8; }; -poly1305.prototype.blocks = function(m, mpos, bytes) { - var hibit = this.fin ? 0 : (1 << 11); - var t0, t1, t2, t3, t4, t5, t6, t7, c; - var d0, d1, d2, d3, d4, d5, d6, d7, d8, d9; +poly1305.prototype.blocks = function (m, mpos, bytes) { + var hibit = this.fin ? 0 : (1 << 11); + var t0, t1, t2, t3, t4, t5, t6, t7, c; + var d0, d1, d2, d3, d4, d5, d6, d7, d8, d9; - var h0 = this.h[0], - h1 = this.h[1], - h2 = this.h[2], - h3 = this.h[3], - h4 = this.h[4], - h5 = this.h[5], - h6 = this.h[6], - h7 = this.h[7], - h8 = this.h[8], - h9 = this.h[9]; + var h0 = this.h[0], + h1 = this.h[1], + h2 = this.h[2], + h3 = this.h[3], + h4 = this.h[4], + h5 = this.h[5], + h6 = this.h[6], + h7 = this.h[7], + h8 = this.h[8], + h9 = this.h[9]; - var r0 = this.r[0], - r1 = this.r[1], - r2 = this.r[2], - r3 = this.r[3], - r4 = this.r[4], - r5 = this.r[5], - r6 = this.r[6], - r7 = this.r[7], - r8 = this.r[8], - r9 = this.r[9]; + var r0 = this.r[0], + r1 = this.r[1], + r2 = this.r[2], + r3 = this.r[3], + r4 = this.r[4], + r5 = this.r[5], + r6 = this.r[6], + r7 = this.r[7], + r8 = this.r[8], + r9 = this.r[9]; - while (bytes >= 16) { - t0 = m[mpos+ 0] & 0xff | (m[mpos+ 1] & 0xff) << 8; h0 += ( t0 ) & 0x1fff; - t1 = m[mpos+ 2] & 0xff | (m[mpos+ 3] & 0xff) << 8; h1 += ((t0 >>> 13) | (t1 << 3)) & 0x1fff; - t2 = m[mpos+ 4] & 0xff | (m[mpos+ 5] & 0xff) << 8; h2 += ((t1 >>> 10) | (t2 << 6)) & 0x1fff; - t3 = m[mpos+ 6] & 0xff | (m[mpos+ 7] & 0xff) << 8; h3 += ((t2 >>> 7) | (t3 << 9)) & 0x1fff; - t4 = m[mpos+ 8] & 0xff | (m[mpos+ 9] & 0xff) << 8; h4 += ((t3 >>> 4) | (t4 << 12)) & 0x1fff; - h5 += ((t4 >>> 1)) & 0x1fff; - t5 = m[mpos+10] & 0xff | (m[mpos+11] & 0xff) << 8; h6 += ((t4 >>> 14) | (t5 << 2)) & 0x1fff; - t6 = m[mpos+12] & 0xff | (m[mpos+13] & 0xff) << 8; h7 += ((t5 >>> 11) | (t6 << 5)) & 0x1fff; - t7 = m[mpos+14] & 0xff | (m[mpos+15] & 0xff) << 8; h8 += ((t6 >>> 8) | (t7 << 8)) & 0x1fff; - h9 += ((t7 >>> 5)) | hibit; + while (bytes >= 16) { + t0 = m[mpos + 0] & 0xff | (m[mpos + 1] & 0xff) << 8; h0 += (t0) & 0x1fff; + t1 = m[mpos + 2] & 0xff | (m[mpos + 3] & 0xff) << 8; h1 += ((t0 >>> 13) | (t1 << 3)) & 0x1fff; + t2 = m[mpos + 4] & 0xff | (m[mpos + 5] & 0xff) << 8; h2 += ((t1 >>> 10) | (t2 << 6)) & 0x1fff; + t3 = m[mpos + 6] & 0xff | (m[mpos + 7] & 0xff) << 8; h3 += ((t2 >>> 7) | (t3 << 9)) & 0x1fff; + t4 = m[mpos + 8] & 0xff | (m[mpos + 9] & 0xff) << 8; h4 += ((t3 >>> 4) | (t4 << 12)) & 0x1fff; + h5 += ((t4 >>> 1)) & 0x1fff; + t5 = m[mpos + 10] & 0xff | (m[mpos + 11] & 0xff) << 8; h6 += ((t4 >>> 14) | (t5 << 2)) & 0x1fff; + t6 = m[mpos + 12] & 0xff | (m[mpos + 13] & 0xff) << 8; h7 += ((t5 >>> 11) | (t6 << 5)) & 0x1fff; + t7 = m[mpos + 14] & 0xff | (m[mpos + 15] & 0xff) << 8; h8 += ((t6 >>> 8) | (t7 << 8)) & 0x1fff; + h9 += ((t7 >>> 5)) | hibit; - c = 0; + c = 0; - d0 = c; - d0 += h0 * r0; - d0 += h1 * (5 * r9); - d0 += h2 * (5 * r8); - d0 += h3 * (5 * r7); - d0 += h4 * (5 * r6); - c = (d0 >>> 13); d0 &= 0x1fff; - d0 += h5 * (5 * r5); - d0 += h6 * (5 * r4); - d0 += h7 * (5 * r3); - d0 += h8 * (5 * r2); - d0 += h9 * (5 * r1); - c += (d0 >>> 13); d0 &= 0x1fff; + d0 = c; + d0 += h0 * r0; + d0 += h1 * (5 * r9); + d0 += h2 * (5 * r8); + d0 += h3 * (5 * r7); + d0 += h4 * (5 * r6); + c = (d0 >>> 13); d0 &= 0x1fff; + d0 += h5 * (5 * r5); + d0 += h6 * (5 * r4); + d0 += h7 * (5 * r3); + d0 += h8 * (5 * r2); + d0 += h9 * (5 * r1); + c += (d0 >>> 13); d0 &= 0x1fff; - d1 = c; - d1 += h0 * r1; - d1 += h1 * r0; - d1 += h2 * (5 * r9); - d1 += h3 * (5 * r8); - d1 += h4 * (5 * r7); - c = (d1 >>> 13); d1 &= 0x1fff; - d1 += h5 * (5 * r6); - d1 += h6 * (5 * r5); - d1 += h7 * (5 * r4); - d1 += h8 * (5 * r3); - d1 += h9 * (5 * r2); - c += (d1 >>> 13); d1 &= 0x1fff; + d1 = c; + d1 += h0 * r1; + d1 += h1 * r0; + d1 += h2 * (5 * r9); + d1 += h3 * (5 * r8); + d1 += h4 * (5 * r7); + c = (d1 >>> 13); d1 &= 0x1fff; + d1 += h5 * (5 * r6); + d1 += h6 * (5 * r5); + d1 += h7 * (5 * r4); + d1 += h8 * (5 * r3); + d1 += h9 * (5 * r2); + c += (d1 >>> 13); d1 &= 0x1fff; - d2 = c; - d2 += h0 * r2; - d2 += h1 * r1; - d2 += h2 * r0; - d2 += h3 * (5 * r9); - d2 += h4 * (5 * r8); - c = (d2 >>> 13); d2 &= 0x1fff; - d2 += h5 * (5 * r7); - d2 += h6 * (5 * r6); - d2 += h7 * (5 * r5); - d2 += h8 * (5 * r4); - d2 += h9 * (5 * r3); - c += (d2 >>> 13); d2 &= 0x1fff; + d2 = c; + d2 += h0 * r2; + d2 += h1 * r1; + d2 += h2 * r0; + d2 += h3 * (5 * r9); + d2 += h4 * (5 * r8); + c = (d2 >>> 13); d2 &= 0x1fff; + d2 += h5 * (5 * r7); + d2 += h6 * (5 * r6); + d2 += h7 * (5 * r5); + d2 += h8 * (5 * r4); + d2 += h9 * (5 * r3); + c += (d2 >>> 13); d2 &= 0x1fff; - d3 = c; - d3 += h0 * r3; - d3 += h1 * r2; - d3 += h2 * r1; - d3 += h3 * r0; - d3 += h4 * (5 * r9); - c = (d3 >>> 13); d3 &= 0x1fff; - d3 += h5 * (5 * r8); - d3 += h6 * (5 * r7); - d3 += h7 * (5 * r6); - d3 += h8 * (5 * r5); - d3 += h9 * (5 * r4); - c += (d3 >>> 13); d3 &= 0x1fff; + d3 = c; + d3 += h0 * r3; + d3 += h1 * r2; + d3 += h2 * r1; + d3 += h3 * r0; + d3 += h4 * (5 * r9); + c = (d3 >>> 13); d3 &= 0x1fff; + d3 += h5 * (5 * r8); + d3 += h6 * (5 * r7); + d3 += h7 * (5 * r6); + d3 += h8 * (5 * r5); + d3 += h9 * (5 * r4); + c += (d3 >>> 13); d3 &= 0x1fff; - d4 = c; - d4 += h0 * r4; - d4 += h1 * r3; - d4 += h2 * r2; - d4 += h3 * r1; - d4 += h4 * r0; - c = (d4 >>> 13); d4 &= 0x1fff; - d4 += h5 * (5 * r9); - d4 += h6 * (5 * r8); - d4 += h7 * (5 * r7); - d4 += h8 * (5 * r6); - d4 += h9 * (5 * r5); - c += (d4 >>> 13); d4 &= 0x1fff; + d4 = c; + d4 += h0 * r4; + d4 += h1 * r3; + d4 += h2 * r2; + d4 += h3 * r1; + d4 += h4 * r0; + c = (d4 >>> 13); d4 &= 0x1fff; + d4 += h5 * (5 * r9); + d4 += h6 * (5 * r8); + d4 += h7 * (5 * r7); + d4 += h8 * (5 * r6); + d4 += h9 * (5 * r5); + c += (d4 >>> 13); d4 &= 0x1fff; - d5 = c; - d5 += h0 * r5; - d5 += h1 * r4; - d5 += h2 * r3; - d5 += h3 * r2; - d5 += h4 * r1; - c = (d5 >>> 13); d5 &= 0x1fff; - d5 += h5 * r0; - d5 += h6 * (5 * r9); - d5 += h7 * (5 * r8); - d5 += h8 * (5 * r7); - d5 += h9 * (5 * r6); - c += (d5 >>> 13); d5 &= 0x1fff; + d5 = c; + d5 += h0 * r5; + d5 += h1 * r4; + d5 += h2 * r3; + d5 += h3 * r2; + d5 += h4 * r1; + c = (d5 >>> 13); d5 &= 0x1fff; + d5 += h5 * r0; + d5 += h6 * (5 * r9); + d5 += h7 * (5 * r8); + d5 += h8 * (5 * r7); + d5 += h9 * (5 * r6); + c += (d5 >>> 13); d5 &= 0x1fff; - d6 = c; - d6 += h0 * r6; - d6 += h1 * r5; - d6 += h2 * r4; - d6 += h3 * r3; - d6 += h4 * r2; - c = (d6 >>> 13); d6 &= 0x1fff; - d6 += h5 * r1; - d6 += h6 * r0; - d6 += h7 * (5 * r9); - d6 += h8 * (5 * r8); - d6 += h9 * (5 * r7); - c += (d6 >>> 13); d6 &= 0x1fff; + d6 = c; + d6 += h0 * r6; + d6 += h1 * r5; + d6 += h2 * r4; + d6 += h3 * r3; + d6 += h4 * r2; + c = (d6 >>> 13); d6 &= 0x1fff; + d6 += h5 * r1; + d6 += h6 * r0; + d6 += h7 * (5 * r9); + d6 += h8 * (5 * r8); + d6 += h9 * (5 * r7); + c += (d6 >>> 13); d6 &= 0x1fff; - d7 = c; - d7 += h0 * r7; - d7 += h1 * r6; - d7 += h2 * r5; - d7 += h3 * r4; - d7 += h4 * r3; - c = (d7 >>> 13); d7 &= 0x1fff; - d7 += h5 * r2; - d7 += h6 * r1; - d7 += h7 * r0; - d7 += h8 * (5 * r9); - d7 += h9 * (5 * r8); - c += (d7 >>> 13); d7 &= 0x1fff; + d7 = c; + d7 += h0 * r7; + d7 += h1 * r6; + d7 += h2 * r5; + d7 += h3 * r4; + d7 += h4 * r3; + c = (d7 >>> 13); d7 &= 0x1fff; + d7 += h5 * r2; + d7 += h6 * r1; + d7 += h7 * r0; + d7 += h8 * (5 * r9); + d7 += h9 * (5 * r8); + c += (d7 >>> 13); d7 &= 0x1fff; - d8 = c; - d8 += h0 * r8; - d8 += h1 * r7; - d8 += h2 * r6; - d8 += h3 * r5; - d8 += h4 * r4; - c = (d8 >>> 13); d8 &= 0x1fff; - d8 += h5 * r3; - d8 += h6 * r2; - d8 += h7 * r1; - d8 += h8 * r0; - d8 += h9 * (5 * r9); - c += (d8 >>> 13); d8 &= 0x1fff; + d8 = c; + d8 += h0 * r8; + d8 += h1 * r7; + d8 += h2 * r6; + d8 += h3 * r5; + d8 += h4 * r4; + c = (d8 >>> 13); d8 &= 0x1fff; + d8 += h5 * r3; + d8 += h6 * r2; + d8 += h7 * r1; + d8 += h8 * r0; + d8 += h9 * (5 * r9); + c += (d8 >>> 13); d8 &= 0x1fff; - d9 = c; - d9 += h0 * r9; - d9 += h1 * r8; - d9 += h2 * r7; - d9 += h3 * r6; - d9 += h4 * r5; - c = (d9 >>> 13); d9 &= 0x1fff; - d9 += h5 * r4; - d9 += h6 * r3; - d9 += h7 * r2; - d9 += h8 * r1; - d9 += h9 * r0; - c += (d9 >>> 13); d9 &= 0x1fff; + d9 = c; + d9 += h0 * r9; + d9 += h1 * r8; + d9 += h2 * r7; + d9 += h3 * r6; + d9 += h4 * r5; + c = (d9 >>> 13); d9 &= 0x1fff; + d9 += h5 * r4; + d9 += h6 * r3; + d9 += h7 * r2; + d9 += h8 * r1; + d9 += h9 * r0; + c += (d9 >>> 13); d9 &= 0x1fff; - c = (((c << 2) + c)) | 0; - c = (c + d0) | 0; - d0 = c & 0x1fff; - c = (c >>> 13); - d1 += c; + c = (((c << 2) + c)) | 0; + c = (c + d0) | 0; + d0 = c & 0x1fff; + c = (c >>> 13); + d1 += c; - h0 = d0; - h1 = d1; - h2 = d2; - h3 = d3; - h4 = d4; - h5 = d5; - h6 = d6; - h7 = d7; - h8 = d8; - h9 = d9; + h0 = d0; + h1 = d1; + h2 = d2; + h3 = d3; + h4 = d4; + h5 = d5; + h6 = d6; + h7 = d7; + h8 = d8; + h9 = d9; - mpos += 16; - bytes -= 16; - } - this.h[0] = h0; - this.h[1] = h1; - this.h[2] = h2; - this.h[3] = h3; - this.h[4] = h4; - this.h[5] = h5; - this.h[6] = h6; - this.h[7] = h7; - this.h[8] = h8; - this.h[9] = h9; + mpos += 16; + bytes -= 16; + } + this.h[0] = h0; + this.h[1] = h1; + this.h[2] = h2; + this.h[3] = h3; + this.h[4] = h4; + this.h[5] = h5; + this.h[6] = h6; + this.h[7] = h7; + this.h[8] = h8; + this.h[9] = h9; }; -poly1305.prototype.finish = function(mac, macpos) { - var g = new Uint16Array(10); - var c, mask, f, i; +poly1305.prototype.finish = function (mac, macpos) { + var g = new Uint16Array(10); + var c, mask, f, i; - if (this.leftover) { - i = this.leftover; - this.buffer[i++] = 1; - for (; i < 16; i++) this.buffer[i] = 0; - this.fin = 1; - this.blocks(this.buffer, 0, 16); - } + if (this.leftover) { + i = this.leftover; + this.buffer[i++] = 1; + for (; i < 16; i++) this.buffer[i] = 0; + this.fin = 1; + this.blocks(this.buffer, 0, 16); + } - c = this.h[1] >>> 13; - this.h[1] &= 0x1fff; - for (i = 2; i < 10; i++) { - this.h[i] += c; - c = this.h[i] >>> 13; - this.h[i] &= 0x1fff; - } - this.h[0] += (c * 5); - c = this.h[0] >>> 13; - this.h[0] &= 0x1fff; - this.h[1] += c; - c = this.h[1] >>> 13; - this.h[1] &= 0x1fff; - this.h[2] += c; + c = this.h[1] >>> 13; + this.h[1] &= 0x1fff; + for (i = 2; i < 10; i++) { + this.h[i] += c; + c = this.h[i] >>> 13; + this.h[i] &= 0x1fff; + } + this.h[0] += (c * 5); + c = this.h[0] >>> 13; + this.h[0] &= 0x1fff; + this.h[1] += c; + c = this.h[1] >>> 13; + this.h[1] &= 0x1fff; + this.h[2] += c; - g[0] = this.h[0] + 5; - c = g[0] >>> 13; - g[0] &= 0x1fff; - for (i = 1; i < 10; i++) { - g[i] = this.h[i] + c; - c = g[i] >>> 13; - g[i] &= 0x1fff; - } - g[9] -= (1 << 13); + g[0] = this.h[0] + 5; + c = g[0] >>> 13; + g[0] &= 0x1fff; + for (i = 1; i < 10; i++) { + g[i] = this.h[i] + c; + c = g[i] >>> 13; + g[i] &= 0x1fff; + } + g[9] -= (1 << 13); - mask = (g[9] >>> ((2 * 8) - 1)) - 1; - for (i = 0; i < 10; i++) g[i] &= mask; - mask = ~mask; - for (i = 0; i < 10; i++) this.h[i] = (this.h[i] & mask) | g[i]; + mask = (g[9] >>> ((2 * 8) - 1)) - 1; + for (i = 0; i < 10; i++) g[i] &= mask; + mask = ~mask; + for (i = 0; i < 10; i++) this.h[i] = (this.h[i] & mask) | g[i]; - this.h[0] = ((this.h[0] ) | (this.h[1] << 13) ) & 0xffff; - this.h[1] = ((this.h[1] >>> 3) | (this.h[2] << 10) ) & 0xffff; - this.h[2] = ((this.h[2] >>> 6) | (this.h[3] << 7) ) & 0xffff; - this.h[3] = ((this.h[3] >>> 9) | (this.h[4] << 4) ) & 0xffff; - this.h[4] = ((this.h[4] >>> 12) | (this.h[5] << 1) | (this.h[6] << 14)) & 0xffff; - this.h[5] = ((this.h[6] >>> 2) | (this.h[7] << 11) ) & 0xffff; - this.h[6] = ((this.h[7] >>> 5) | (this.h[8] << 8) ) & 0xffff; - this.h[7] = ((this.h[8] >>> 8) | (this.h[9] << 5) ) & 0xffff; + this.h[0] = ((this.h[0]) | (this.h[1] << 13)) & 0xffff; + this.h[1] = ((this.h[1] >>> 3) | (this.h[2] << 10)) & 0xffff; + this.h[2] = ((this.h[2] >>> 6) | (this.h[3] << 7)) & 0xffff; + this.h[3] = ((this.h[3] >>> 9) | (this.h[4] << 4)) & 0xffff; + this.h[4] = ((this.h[4] >>> 12) | (this.h[5] << 1) | (this.h[6] << 14)) & 0xffff; + this.h[5] = ((this.h[6] >>> 2) | (this.h[7] << 11)) & 0xffff; + this.h[6] = ((this.h[7] >>> 5) | (this.h[8] << 8)) & 0xffff; + this.h[7] = ((this.h[8] >>> 8) | (this.h[9] << 5)) & 0xffff; - f = this.h[0] + this.pad[0]; - this.h[0] = f & 0xffff; - for (i = 1; i < 8; i++) { - f = (((this.h[i] + this.pad[i]) | 0) + (f >>> 16)) | 0; - this.h[i] = f & 0xffff; - } + f = this.h[0] + this.pad[0]; + this.h[0] = f & 0xffff; + for (i = 1; i < 8; i++) { + f = (((this.h[i] + this.pad[i]) | 0) + (f >>> 16)) | 0; + this.h[i] = f & 0xffff; + } - mac[macpos+ 0] = (this.h[0] >>> 0) & 0xff; - mac[macpos+ 1] = (this.h[0] >>> 8) & 0xff; - mac[macpos+ 2] = (this.h[1] >>> 0) & 0xff; - mac[macpos+ 3] = (this.h[1] >>> 8) & 0xff; - mac[macpos+ 4] = (this.h[2] >>> 0) & 0xff; - mac[macpos+ 5] = (this.h[2] >>> 8) & 0xff; - mac[macpos+ 6] = (this.h[3] >>> 0) & 0xff; - mac[macpos+ 7] = (this.h[3] >>> 8) & 0xff; - mac[macpos+ 8] = (this.h[4] >>> 0) & 0xff; - mac[macpos+ 9] = (this.h[4] >>> 8) & 0xff; - mac[macpos+10] = (this.h[5] >>> 0) & 0xff; - mac[macpos+11] = (this.h[5] >>> 8) & 0xff; - mac[macpos+12] = (this.h[6] >>> 0) & 0xff; - mac[macpos+13] = (this.h[6] >>> 8) & 0xff; - mac[macpos+14] = (this.h[7] >>> 0) & 0xff; - mac[macpos+15] = (this.h[7] >>> 8) & 0xff; + mac[macpos + 0] = (this.h[0] >>> 0) & 0xff; + mac[macpos + 1] = (this.h[0] >>> 8) & 0xff; + mac[macpos + 2] = (this.h[1] >>> 0) & 0xff; + mac[macpos + 3] = (this.h[1] >>> 8) & 0xff; + mac[macpos + 4] = (this.h[2] >>> 0) & 0xff; + mac[macpos + 5] = (this.h[2] >>> 8) & 0xff; + mac[macpos + 6] = (this.h[3] >>> 0) & 0xff; + mac[macpos + 7] = (this.h[3] >>> 8) & 0xff; + mac[macpos + 8] = (this.h[4] >>> 0) & 0xff; + mac[macpos + 9] = (this.h[4] >>> 8) & 0xff; + mac[macpos + 10] = (this.h[5] >>> 0) & 0xff; + mac[macpos + 11] = (this.h[5] >>> 8) & 0xff; + mac[macpos + 12] = (this.h[6] >>> 0) & 0xff; + mac[macpos + 13] = (this.h[6] >>> 8) & 0xff; + mac[macpos + 14] = (this.h[7] >>> 0) & 0xff; + mac[macpos + 15] = (this.h[7] >>> 8) & 0xff; }; -poly1305.prototype.update = function(m, mpos, bytes) { - var i, want; +poly1305.prototype.update = function (m, mpos, bytes) { + var i, want; - if (this.leftover) { - want = (16 - this.leftover); - if (want > bytes) - want = bytes; - for (i = 0; i < want; i++) - this.buffer[this.leftover + i] = m[mpos+i]; - bytes -= want; - mpos += want; - this.leftover += want; - if (this.leftover < 16) - return; - this.blocks(this.buffer, 0, 16); - this.leftover = 0; - } + if (this.leftover) { + want = (16 - this.leftover); + if (want > bytes) + want = bytes; + for (i = 0; i < want; i++) + this.buffer[this.leftover + i] = m[mpos + i]; + bytes -= want; + mpos += want; + this.leftover += want; + if (this.leftover < 16) + return; + this.blocks(this.buffer, 0, 16); + this.leftover = 0; + } - if (bytes >= 16) { - want = bytes - (bytes % 16); - this.blocks(m, mpos, want); - mpos += want; - bytes -= want; - } + if (bytes >= 16) { + want = bytes - (bytes % 16); + this.blocks(m, mpos, want); + mpos += want; + bytes -= want; + } - if (bytes) { - for (i = 0; i < bytes; i++) - this.buffer[this.leftover + i] = m[mpos+i]; - this.leftover += bytes; - } + if (bytes) { + for (i = 0; i < bytes; i++) + this.buffer[this.leftover + i] = m[mpos + i]; + this.leftover += bytes; + } }; function crypto_onetimeauth(out, outpos, m, mpos, n, k) { - var s = new poly1305(k); - s.update(m, mpos, n); - s.finish(out, outpos); - return 0; + var s = new poly1305(k); + s.update(m, mpos, n); + s.finish(out, outpos); + return 0; } function crypto_onetimeauth_verify(h, hpos, m, mpos, n, k) { - var x = new Uint8Array(16); - crypto_onetimeauth(x,0,m,mpos,n,k); - return crypto_verify_16(h,hpos,x,0); + var x = new Uint8Array(16); + crypto_onetimeauth(x, 0, m, mpos, n, k); + return crypto_verify_16(h, hpos, x, 0); } -function crypto_secretbox(c,m,d,n,k) { - var i; - if (d < 32) return -1; - crypto_stream_xor(c,0,m,0,d,n,k); - crypto_onetimeauth(c, 16, c, 32, d - 32, c); - for (i = 0; i < 16; i++) c[i] = 0; - return 0; +function crypto_secretbox(c, m, d, n, k) { + var i; + if (d < 32) return -1; + crypto_stream_xor(c, 0, m, 0, d, n, k); + crypto_onetimeauth(c, 16, c, 32, d - 32, c); + for (i = 0; i < 16; i++) c[i] = 0; + return 0; } -function crypto_secretbox_open(m,c,d,n,k) { - var i; - var x = new Uint8Array(32); - if (d < 32) return -1; - crypto_stream(x,0,32,n,k); - if (crypto_onetimeauth_verify(c, 16,c, 32,d - 32,x) !== 0) return -1; - crypto_stream_xor(m,0,c,0,d,n,k); - for (i = 0; i < 32; i++) m[i] = 0; - return 0; +function crypto_secretbox_open(m, c, d, n, k) { + var i; + var x = new Uint8Array(32); + if (d < 32) return -1; + crypto_stream(x, 0, 32, n, k); + if (crypto_onetimeauth_verify(c, 16, c, 32, d - 32, x) !== 0) return -1; + crypto_stream_xor(m, 0, c, 0, d, n, k); + for (i = 0; i < 32; i++) m[i] = 0; + return 0; } function set25519(r, a) { - var i; - for (i = 0; i < 16; i++) r[i] = a[i]|0; + var i; + for (i = 0; i < 16; i++) r[i] = a[i] | 0; } function car25519(o) { - var i, v, c = 1; - for (i = 0; i < 16; i++) { - v = o[i] + c + 65535; - c = Math.floor(v / 65536); - o[i] = v - c * 65536; - } - o[0] += c-1 + 37 * (c-1); + var i, v, c = 1; + for (i = 0; i < 16; i++) { + v = o[i] + c + 65535; + c = Math.floor(v / 65536); + o[i] = v - c * 65536; + } + o[0] += c - 1 + 37 * (c - 1); } function sel25519(p, q, b) { - var t, c = ~(b-1); - for (var i = 0; i < 16; i++) { - t = c & (p[i] ^ q[i]); - p[i] ^= t; - q[i] ^= t; - } + var t, c = ~(b - 1); + for (var i = 0; i < 16; i++) { + t = c & (p[i] ^ q[i]); + p[i] ^= t; + q[i] ^= t; + } } function pack25519(o, n) { - var i, j, b; - var m = gf(), t = gf(); - for (i = 0; i < 16; i++) t[i] = n[i]; - car25519(t); - car25519(t); - car25519(t); - for (j = 0; j < 2; j++) { - m[0] = t[0] - 0xffed; - for (i = 1; i < 15; i++) { - m[i] = t[i] - 0xffff - ((m[i-1]>>16) & 1); - m[i-1] &= 0xffff; - } - m[15] = t[15] - 0x7fff - ((m[14]>>16) & 1); - b = (m[15]>>16) & 1; - m[14] &= 0xffff; - sel25519(t, m, 1-b); - } - for (i = 0; i < 16; i++) { - o[2*i] = t[i] & 0xff; - o[2*i+1] = t[i]>>8; - } + var i, j, b; + var m = gf(), t = gf(); + for (i = 0; i < 16; i++) t[i] = n[i]; + car25519(t); + car25519(t); + car25519(t); + for (j = 0; j < 2; j++) { + m[0] = t[0] - 0xffed; + for (i = 1; i < 15; i++) { + m[i] = t[i] - 0xffff - ((m[i - 1] >> 16) & 1); + m[i - 1] &= 0xffff; + } + m[15] = t[15] - 0x7fff - ((m[14] >> 16) & 1); + b = (m[15] >> 16) & 1; + m[14] &= 0xffff; + sel25519(t, m, 1 - b); + } + for (i = 0; i < 16; i++) { + o[2 * i] = t[i] & 0xff; + o[2 * i + 1] = t[i] >> 8; + } } function neq25519(a, b) { - var c = new Uint8Array(32), d = new Uint8Array(32); - pack25519(c, a); - pack25519(d, b); - return crypto_verify_32(c, 0, d, 0); + var c = new Uint8Array(32), d = new Uint8Array(32); + pack25519(c, a); + pack25519(d, b); + return crypto_verify_32(c, 0, d, 0); } function par25519(a) { - var d = new Uint8Array(32); - pack25519(d, a); - return d[0] & 1; + var d = new Uint8Array(32); + pack25519(d, a); + return d[0] & 1; } function unpack25519(o, n) { - var i; - for (i = 0; i < 16; i++) o[i] = n[2*i] + (n[2*i+1] << 8); - o[15] &= 0x7fff; + var i; + for (i = 0; i < 16; i++) o[i] = n[2 * i] + (n[2 * i + 1] << 8); + o[15] &= 0x7fff; } function A(o, a, b) { - for (var i = 0; i < 16; i++) o[i] = a[i] + b[i]; + for (var i = 0; i < 16; i++) o[i] = a[i] + b[i]; } function Z(o, a, b) { - for (var i = 0; i < 16; i++) o[i] = a[i] - b[i]; + for (var i = 0; i < 16; i++) o[i] = a[i] - b[i]; } function M(o, a, b) { - var v, c, - t0 = 0, t1 = 0, t2 = 0, t3 = 0, t4 = 0, t5 = 0, t6 = 0, t7 = 0, - t8 = 0, t9 = 0, t10 = 0, t11 = 0, t12 = 0, t13 = 0, t14 = 0, t15 = 0, - t16 = 0, t17 = 0, t18 = 0, t19 = 0, t20 = 0, t21 = 0, t22 = 0, t23 = 0, - t24 = 0, t25 = 0, t26 = 0, t27 = 0, t28 = 0, t29 = 0, t30 = 0, - b0 = b[0], - b1 = b[1], - b2 = b[2], - b3 = b[3], - b4 = b[4], - b5 = b[5], - b6 = b[6], - b7 = b[7], - b8 = b[8], - b9 = b[9], - b10 = b[10], - b11 = b[11], - b12 = b[12], - b13 = b[13], - b14 = b[14], - b15 = b[15]; + var v, c, + t0 = 0, t1 = 0, t2 = 0, t3 = 0, t4 = 0, t5 = 0, t6 = 0, t7 = 0, + t8 = 0, t9 = 0, t10 = 0, t11 = 0, t12 = 0, t13 = 0, t14 = 0, t15 = 0, + t16 = 0, t17 = 0, t18 = 0, t19 = 0, t20 = 0, t21 = 0, t22 = 0, t23 = 0, + t24 = 0, t25 = 0, t26 = 0, t27 = 0, t28 = 0, t29 = 0, t30 = 0, + b0 = b[0], + b1 = b[1], + b2 = b[2], + b3 = b[3], + b4 = b[4], + b5 = b[5], + b6 = b[6], + b7 = b[7], + b8 = b[8], + b9 = b[9], + b10 = b[10], + b11 = b[11], + b12 = b[12], + b13 = b[13], + b14 = b[14], + b15 = b[15]; - v = a[0]; - t0 += v * b0; - t1 += v * b1; - t2 += v * b2; - t3 += v * b3; - t4 += v * b4; - t5 += v * b5; - t6 += v * b6; - t7 += v * b7; - t8 += v * b8; - t9 += v * b9; - t10 += v * b10; - t11 += v * b11; - t12 += v * b12; - t13 += v * b13; - t14 += v * b14; - t15 += v * b15; - v = a[1]; - t1 += v * b0; - t2 += v * b1; - t3 += v * b2; - t4 += v * b3; - t5 += v * b4; - t6 += v * b5; - t7 += v * b6; - t8 += v * b7; - t9 += v * b8; - t10 += v * b9; - t11 += v * b10; - t12 += v * b11; - t13 += v * b12; - t14 += v * b13; - t15 += v * b14; - t16 += v * b15; - v = a[2]; - t2 += v * b0; - t3 += v * b1; - t4 += v * b2; - t5 += v * b3; - t6 += v * b4; - t7 += v * b5; - t8 += v * b6; - t9 += v * b7; - t10 += v * b8; - t11 += v * b9; - t12 += v * b10; - t13 += v * b11; - t14 += v * b12; - t15 += v * b13; - t16 += v * b14; - t17 += v * b15; - v = a[3]; - t3 += v * b0; - t4 += v * b1; - t5 += v * b2; - t6 += v * b3; - t7 += v * b4; - t8 += v * b5; - t9 += v * b6; - t10 += v * b7; - t11 += v * b8; - t12 += v * b9; - t13 += v * b10; - t14 += v * b11; - t15 += v * b12; - t16 += v * b13; - t17 += v * b14; - t18 += v * b15; - v = a[4]; - t4 += v * b0; - t5 += v * b1; - t6 += v * b2; - t7 += v * b3; - t8 += v * b4; - t9 += v * b5; - t10 += v * b6; - t11 += v * b7; - t12 += v * b8; - t13 += v * b9; - t14 += v * b10; - t15 += v * b11; - t16 += v * b12; - t17 += v * b13; - t18 += v * b14; - t19 += v * b15; - v = a[5]; - t5 += v * b0; - t6 += v * b1; - t7 += v * b2; - t8 += v * b3; - t9 += v * b4; - t10 += v * b5; - t11 += v * b6; - t12 += v * b7; - t13 += v * b8; - t14 += v * b9; - t15 += v * b10; - t16 += v * b11; - t17 += v * b12; - t18 += v * b13; - t19 += v * b14; - t20 += v * b15; - v = a[6]; - t6 += v * b0; - t7 += v * b1; - t8 += v * b2; - t9 += v * b3; - t10 += v * b4; - t11 += v * b5; - t12 += v * b6; - t13 += v * b7; - t14 += v * b8; - t15 += v * b9; - t16 += v * b10; - t17 += v * b11; - t18 += v * b12; - t19 += v * b13; - t20 += v * b14; - t21 += v * b15; - v = a[7]; - t7 += v * b0; - t8 += v * b1; - t9 += v * b2; - t10 += v * b3; - t11 += v * b4; - t12 += v * b5; - t13 += v * b6; - t14 += v * b7; - t15 += v * b8; - t16 += v * b9; - t17 += v * b10; - t18 += v * b11; - t19 += v * b12; - t20 += v * b13; - t21 += v * b14; - t22 += v * b15; - v = a[8]; - t8 += v * b0; - t9 += v * b1; - t10 += v * b2; - t11 += v * b3; - t12 += v * b4; - t13 += v * b5; - t14 += v * b6; - t15 += v * b7; - t16 += v * b8; - t17 += v * b9; - t18 += v * b10; - t19 += v * b11; - t20 += v * b12; - t21 += v * b13; - t22 += v * b14; - t23 += v * b15; - v = a[9]; - t9 += v * b0; - t10 += v * b1; - t11 += v * b2; - t12 += v * b3; - t13 += v * b4; - t14 += v * b5; - t15 += v * b6; - t16 += v * b7; - t17 += v * b8; - t18 += v * b9; - t19 += v * b10; - t20 += v * b11; - t21 += v * b12; - t22 += v * b13; - t23 += v * b14; - t24 += v * b15; - v = a[10]; - t10 += v * b0; - t11 += v * b1; - t12 += v * b2; - t13 += v * b3; - t14 += v * b4; - t15 += v * b5; - t16 += v * b6; - t17 += v * b7; - t18 += v * b8; - t19 += v * b9; - t20 += v * b10; - t21 += v * b11; - t22 += v * b12; - t23 += v * b13; - t24 += v * b14; - t25 += v * b15; - v = a[11]; - t11 += v * b0; - t12 += v * b1; - t13 += v * b2; - t14 += v * b3; - t15 += v * b4; - t16 += v * b5; - t17 += v * b6; - t18 += v * b7; - t19 += v * b8; - t20 += v * b9; - t21 += v * b10; - t22 += v * b11; - t23 += v * b12; - t24 += v * b13; - t25 += v * b14; - t26 += v * b15; - v = a[12]; - t12 += v * b0; - t13 += v * b1; - t14 += v * b2; - t15 += v * b3; - t16 += v * b4; - t17 += v * b5; - t18 += v * b6; - t19 += v * b7; - t20 += v * b8; - t21 += v * b9; - t22 += v * b10; - t23 += v * b11; - t24 += v * b12; - t25 += v * b13; - t26 += v * b14; - t27 += v * b15; - v = a[13]; - t13 += v * b0; - t14 += v * b1; - t15 += v * b2; - t16 += v * b3; - t17 += v * b4; - t18 += v * b5; - t19 += v * b6; - t20 += v * b7; - t21 += v * b8; - t22 += v * b9; - t23 += v * b10; - t24 += v * b11; - t25 += v * b12; - t26 += v * b13; - t27 += v * b14; - t28 += v * b15; - v = a[14]; - t14 += v * b0; - t15 += v * b1; - t16 += v * b2; - t17 += v * b3; - t18 += v * b4; - t19 += v * b5; - t20 += v * b6; - t21 += v * b7; - t22 += v * b8; - t23 += v * b9; - t24 += v * b10; - t25 += v * b11; - t26 += v * b12; - t27 += v * b13; - t28 += v * b14; - t29 += v * b15; - v = a[15]; - t15 += v * b0; - t16 += v * b1; - t17 += v * b2; - t18 += v * b3; - t19 += v * b4; - t20 += v * b5; - t21 += v * b6; - t22 += v * b7; - t23 += v * b8; - t24 += v * b9; - t25 += v * b10; - t26 += v * b11; - t27 += v * b12; - t28 += v * b13; - t29 += v * b14; - t30 += v * b15; + v = a[0]; + t0 += v * b0; + t1 += v * b1; + t2 += v * b2; + t3 += v * b3; + t4 += v * b4; + t5 += v * b5; + t6 += v * b6; + t7 += v * b7; + t8 += v * b8; + t9 += v * b9; + t10 += v * b10; + t11 += v * b11; + t12 += v * b12; + t13 += v * b13; + t14 += v * b14; + t15 += v * b15; + v = a[1]; + t1 += v * b0; + t2 += v * b1; + t3 += v * b2; + t4 += v * b3; + t5 += v * b4; + t6 += v * b5; + t7 += v * b6; + t8 += v * b7; + t9 += v * b8; + t10 += v * b9; + t11 += v * b10; + t12 += v * b11; + t13 += v * b12; + t14 += v * b13; + t15 += v * b14; + t16 += v * b15; + v = a[2]; + t2 += v * b0; + t3 += v * b1; + t4 += v * b2; + t5 += v * b3; + t6 += v * b4; + t7 += v * b5; + t8 += v * b6; + t9 += v * b7; + t10 += v * b8; + t11 += v * b9; + t12 += v * b10; + t13 += v * b11; + t14 += v * b12; + t15 += v * b13; + t16 += v * b14; + t17 += v * b15; + v = a[3]; + t3 += v * b0; + t4 += v * b1; + t5 += v * b2; + t6 += v * b3; + t7 += v * b4; + t8 += v * b5; + t9 += v * b6; + t10 += v * b7; + t11 += v * b8; + t12 += v * b9; + t13 += v * b10; + t14 += v * b11; + t15 += v * b12; + t16 += v * b13; + t17 += v * b14; + t18 += v * b15; + v = a[4]; + t4 += v * b0; + t5 += v * b1; + t6 += v * b2; + t7 += v * b3; + t8 += v * b4; + t9 += v * b5; + t10 += v * b6; + t11 += v * b7; + t12 += v * b8; + t13 += v * b9; + t14 += v * b10; + t15 += v * b11; + t16 += v * b12; + t17 += v * b13; + t18 += v * b14; + t19 += v * b15; + v = a[5]; + t5 += v * b0; + t6 += v * b1; + t7 += v * b2; + t8 += v * b3; + t9 += v * b4; + t10 += v * b5; + t11 += v * b6; + t12 += v * b7; + t13 += v * b8; + t14 += v * b9; + t15 += v * b10; + t16 += v * b11; + t17 += v * b12; + t18 += v * b13; + t19 += v * b14; + t20 += v * b15; + v = a[6]; + t6 += v * b0; + t7 += v * b1; + t8 += v * b2; + t9 += v * b3; + t10 += v * b4; + t11 += v * b5; + t12 += v * b6; + t13 += v * b7; + t14 += v * b8; + t15 += v * b9; + t16 += v * b10; + t17 += v * b11; + t18 += v * b12; + t19 += v * b13; + t20 += v * b14; + t21 += v * b15; + v = a[7]; + t7 += v * b0; + t8 += v * b1; + t9 += v * b2; + t10 += v * b3; + t11 += v * b4; + t12 += v * b5; + t13 += v * b6; + t14 += v * b7; + t15 += v * b8; + t16 += v * b9; + t17 += v * b10; + t18 += v * b11; + t19 += v * b12; + t20 += v * b13; + t21 += v * b14; + t22 += v * b15; + v = a[8]; + t8 += v * b0; + t9 += v * b1; + t10 += v * b2; + t11 += v * b3; + t12 += v * b4; + t13 += v * b5; + t14 += v * b6; + t15 += v * b7; + t16 += v * b8; + t17 += v * b9; + t18 += v * b10; + t19 += v * b11; + t20 += v * b12; + t21 += v * b13; + t22 += v * b14; + t23 += v * b15; + v = a[9]; + t9 += v * b0; + t10 += v * b1; + t11 += v * b2; + t12 += v * b3; + t13 += v * b4; + t14 += v * b5; + t15 += v * b6; + t16 += v * b7; + t17 += v * b8; + t18 += v * b9; + t19 += v * b10; + t20 += v * b11; + t21 += v * b12; + t22 += v * b13; + t23 += v * b14; + t24 += v * b15; + v = a[10]; + t10 += v * b0; + t11 += v * b1; + t12 += v * b2; + t13 += v * b3; + t14 += v * b4; + t15 += v * b5; + t16 += v * b6; + t17 += v * b7; + t18 += v * b8; + t19 += v * b9; + t20 += v * b10; + t21 += v * b11; + t22 += v * b12; + t23 += v * b13; + t24 += v * b14; + t25 += v * b15; + v = a[11]; + t11 += v * b0; + t12 += v * b1; + t13 += v * b2; + t14 += v * b3; + t15 += v * b4; + t16 += v * b5; + t17 += v * b6; + t18 += v * b7; + t19 += v * b8; + t20 += v * b9; + t21 += v * b10; + t22 += v * b11; + t23 += v * b12; + t24 += v * b13; + t25 += v * b14; + t26 += v * b15; + v = a[12]; + t12 += v * b0; + t13 += v * b1; + t14 += v * b2; + t15 += v * b3; + t16 += v * b4; + t17 += v * b5; + t18 += v * b6; + t19 += v * b7; + t20 += v * b8; + t21 += v * b9; + t22 += v * b10; + t23 += v * b11; + t24 += v * b12; + t25 += v * b13; + t26 += v * b14; + t27 += v * b15; + v = a[13]; + t13 += v * b0; + t14 += v * b1; + t15 += v * b2; + t16 += v * b3; + t17 += v * b4; + t18 += v * b5; + t19 += v * b6; + t20 += v * b7; + t21 += v * b8; + t22 += v * b9; + t23 += v * b10; + t24 += v * b11; + t25 += v * b12; + t26 += v * b13; + t27 += v * b14; + t28 += v * b15; + v = a[14]; + t14 += v * b0; + t15 += v * b1; + t16 += v * b2; + t17 += v * b3; + t18 += v * b4; + t19 += v * b5; + t20 += v * b6; + t21 += v * b7; + t22 += v * b8; + t23 += v * b9; + t24 += v * b10; + t25 += v * b11; + t26 += v * b12; + t27 += v * b13; + t28 += v * b14; + t29 += v * b15; + v = a[15]; + t15 += v * b0; + t16 += v * b1; + t17 += v * b2; + t18 += v * b3; + t19 += v * b4; + t20 += v * b5; + t21 += v * b6; + t22 += v * b7; + t23 += v * b8; + t24 += v * b9; + t25 += v * b10; + t26 += v * b11; + t27 += v * b12; + t28 += v * b13; + t29 += v * b14; + t30 += v * b15; - t0 += 38 * t16; - t1 += 38 * t17; - t2 += 38 * t18; - t3 += 38 * t19; - t4 += 38 * t20; - t5 += 38 * t21; - t6 += 38 * t22; - t7 += 38 * t23; - t8 += 38 * t24; - t9 += 38 * t25; - t10 += 38 * t26; - t11 += 38 * t27; - t12 += 38 * t28; - t13 += 38 * t29; - t14 += 38 * t30; - // t15 left as is + t0 += 38 * t16; + t1 += 38 * t17; + t2 += 38 * t18; + t3 += 38 * t19; + t4 += 38 * t20; + t5 += 38 * t21; + t6 += 38 * t22; + t7 += 38 * t23; + t8 += 38 * t24; + t9 += 38 * t25; + t10 += 38 * t26; + t11 += 38 * t27; + t12 += 38 * t28; + t13 += 38 * t29; + t14 += 38 * t30; + // t15 left as is - // first car - c = 1; - v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; - v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; - v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; - v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; - v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; - v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; - v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; - v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; - v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; - v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; - v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; - v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; - v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; - v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; - v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; - v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; - t0 += c-1 + 37 * (c-1); + // first car + c = 1; + v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; + v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; + v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; + v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; + v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; + v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; + v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; + v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; + v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; + v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; + v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; + v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; + v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; + v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; + v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; + v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; + t0 += c - 1 + 37 * (c - 1); - // second car - c = 1; - v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; - v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; - v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; - v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; - v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; - v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; - v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; - v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; - v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; - v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; - v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; - v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; - v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; - v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; - v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; - v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; - t0 += c-1 + 37 * (c-1); + // second car + c = 1; + v = t0 + c + 65535; c = Math.floor(v / 65536); t0 = v - c * 65536; + v = t1 + c + 65535; c = Math.floor(v / 65536); t1 = v - c * 65536; + v = t2 + c + 65535; c = Math.floor(v / 65536); t2 = v - c * 65536; + v = t3 + c + 65535; c = Math.floor(v / 65536); t3 = v - c * 65536; + v = t4 + c + 65535; c = Math.floor(v / 65536); t4 = v - c * 65536; + v = t5 + c + 65535; c = Math.floor(v / 65536); t5 = v - c * 65536; + v = t6 + c + 65535; c = Math.floor(v / 65536); t6 = v - c * 65536; + v = t7 + c + 65535; c = Math.floor(v / 65536); t7 = v - c * 65536; + v = t8 + c + 65535; c = Math.floor(v / 65536); t8 = v - c * 65536; + v = t9 + c + 65535; c = Math.floor(v / 65536); t9 = v - c * 65536; + v = t10 + c + 65535; c = Math.floor(v / 65536); t10 = v - c * 65536; + v = t11 + c + 65535; c = Math.floor(v / 65536); t11 = v - c * 65536; + v = t12 + c + 65535; c = Math.floor(v / 65536); t12 = v - c * 65536; + v = t13 + c + 65535; c = Math.floor(v / 65536); t13 = v - c * 65536; + v = t14 + c + 65535; c = Math.floor(v / 65536); t14 = v - c * 65536; + v = t15 + c + 65535; c = Math.floor(v / 65536); t15 = v - c * 65536; + t0 += c - 1 + 37 * (c - 1); - o[ 0] = t0; - o[ 1] = t1; - o[ 2] = t2; - o[ 3] = t3; - o[ 4] = t4; - o[ 5] = t5; - o[ 6] = t6; - o[ 7] = t7; - o[ 8] = t8; - o[ 9] = t9; - o[10] = t10; - o[11] = t11; - o[12] = t12; - o[13] = t13; - o[14] = t14; - o[15] = t15; + o[0] = t0; + o[1] = t1; + o[2] = t2; + o[3] = t3; + o[4] = t4; + o[5] = t5; + o[6] = t6; + o[7] = t7; + o[8] = t8; + o[9] = t9; + o[10] = t10; + o[11] = t11; + o[12] = t12; + o[13] = t13; + o[14] = t14; + o[15] = t15; } function S(o, a) { - M(o, a, a); + M(o, a, a); } function inv25519(o, i) { - var c = gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 253; a >= 0; a--) { - S(c, c); - if(a !== 2 && a !== 4) M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; + var c = gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + for (a = 253; a >= 0; a--) { + S(c, c); + if (a !== 2 && a !== 4) M(c, c, i); + } + for (a = 0; a < 16; a++) o[a] = c[a]; } function pow2523(o, i) { - var c = gf(); - var a; - for (a = 0; a < 16; a++) c[a] = i[a]; - for (a = 250; a >= 0; a--) { - S(c, c); - if(a !== 1) M(c, c, i); - } - for (a = 0; a < 16; a++) o[a] = c[a]; + var c = gf(); + var a; + for (a = 0; a < 16; a++) c[a] = i[a]; + for (a = 250; a >= 0; a--) { + S(c, c); + if (a !== 1) M(c, c, i); + } + for (a = 0; a < 16; a++) o[a] = c[a]; } function crypto_scalarmult(q, n, p) { - var z = new Uint8Array(32); - var x = new Float64Array(80), r, i; - var a = gf(), b = gf(), c = gf(), - d = gf(), e = gf(), f = gf(); - for (i = 0; i < 31; i++) z[i] = n[i]; - z[31]=(n[31]&127)|64; - z[0]&=248; - unpack25519(x,p); - for (i = 0; i < 16; i++) { - b[i]=x[i]; - d[i]=a[i]=c[i]=0; - } - a[0]=d[0]=1; - for (i=254; i>=0; --i) { - r=(z[i>>>3]>>>(i&7))&1; - sel25519(a,b,r); - sel25519(c,d,r); - A(e,a,c); - Z(a,a,c); - A(c,b,d); - Z(b,b,d); - S(d,e); - S(f,a); - M(a,c,a); - M(c,b,e); - A(e,a,c); - Z(a,a,c); - S(b,a); - Z(c,d,f); - M(a,c,_121665); - A(a,a,d); - M(c,c,a); - M(a,d,f); - M(d,b,x); - S(b,e); - sel25519(a,b,r); - sel25519(c,d,r); - } - for (i = 0; i < 16; i++) { - x[i+16]=a[i]; - x[i+32]=c[i]; - x[i+48]=b[i]; - x[i+64]=d[i]; - } - var x32 = x.subarray(32); - var x16 = x.subarray(16); - inv25519(x32,x32); - M(x16,x16,x32); - pack25519(q,x16); - return 0; + var z = new Uint8Array(32); + var x = new Float64Array(80), r, i; + var a = gf(), b = gf(), c = gf(), + d = gf(), e = gf(), f = gf(); + for (i = 0; i < 31; i++) z[i] = n[i]; + z[31] = (n[31] & 127) | 64; + z[0] &= 248; + unpack25519(x, p); + for (i = 0; i < 16; i++) { + b[i] = x[i]; + d[i] = a[i] = c[i] = 0; + } + a[0] = d[0] = 1; + for (i = 254; i >= 0; --i) { + r = (z[i >>> 3] >>> (i & 7)) & 1; + sel25519(a, b, r); + sel25519(c, d, r); + A(e, a, c); + Z(a, a, c); + A(c, b, d); + Z(b, b, d); + S(d, e); + S(f, a); + M(a, c, a); + M(c, b, e); + A(e, a, c); + Z(a, a, c); + S(b, a); + Z(c, d, f); + M(a, c, _121665); + A(a, a, d); + M(c, c, a); + M(a, d, f); + M(d, b, x); + S(b, e); + sel25519(a, b, r); + sel25519(c, d, r); + } + for (i = 0; i < 16; i++) { + x[i + 16] = a[i]; + x[i + 32] = c[i]; + x[i + 48] = b[i]; + x[i + 64] = d[i]; + } + var x32 = x.subarray(32); + var x16 = x.subarray(16); + inv25519(x32, x32); + M(x16, x16, x32); + pack25519(q, x16); + return 0; } function crypto_scalarmult_base(q, n) { - return crypto_scalarmult(q, n, _9); + return crypto_scalarmult(q, n, _9); } function crypto_box_keypair(y, x) { - randombytes(x, 32); - return crypto_scalarmult_base(y, x); + randombytes(x, 32); + return crypto_scalarmult_base(y, x); } function crypto_box_beforenm(k, y, x) { - var s = new Uint8Array(32); - crypto_scalarmult(s, x, y); - return crypto_core_hsalsa20(k, _0, s, sigma); + var s = new Uint8Array(32); + crypto_scalarmult(s, x, y); + return crypto_core_hsalsa20(k, _0, s, sigma); } var crypto_box_afternm = crypto_secretbox; var crypto_box_open_afternm = crypto_secretbox_open; function crypto_box(c, m, d, n, y, x) { - var k = new Uint8Array(32); - crypto_box_beforenm(k, y, x); - return crypto_box_afternm(c, m, d, n, k); + var k = new Uint8Array(32); + crypto_box_beforenm(k, y, x); + return crypto_box_afternm(c, m, d, n, k); } function crypto_box_open(m, c, d, n, y, x) { - var k = new Uint8Array(32); - crypto_box_beforenm(k, y, x); - return crypto_box_open_afternm(m, c, d, n, k); + var k = new Uint8Array(32); + crypto_box_beforenm(k, y, x); + return crypto_box_open_afternm(m, c, d, n, k); } var K = [ - 0x428a2f98, 0xd728ae22, 0x71374491, 0x23ef65cd, - 0xb5c0fbcf, 0xec4d3b2f, 0xe9b5dba5, 0x8189dbbc, - 0x3956c25b, 0xf348b538, 0x59f111f1, 0xb605d019, - 0x923f82a4, 0xaf194f9b, 0xab1c5ed5, 0xda6d8118, - 0xd807aa98, 0xa3030242, 0x12835b01, 0x45706fbe, - 0x243185be, 0x4ee4b28c, 0x550c7dc3, 0xd5ffb4e2, - 0x72be5d74, 0xf27b896f, 0x80deb1fe, 0x3b1696b1, - 0x9bdc06a7, 0x25c71235, 0xc19bf174, 0xcf692694, - 0xe49b69c1, 0x9ef14ad2, 0xefbe4786, 0x384f25e3, - 0x0fc19dc6, 0x8b8cd5b5, 0x240ca1cc, 0x77ac9c65, - 0x2de92c6f, 0x592b0275, 0x4a7484aa, 0x6ea6e483, - 0x5cb0a9dc, 0xbd41fbd4, 0x76f988da, 0x831153b5, - 0x983e5152, 0xee66dfab, 0xa831c66d, 0x2db43210, - 0xb00327c8, 0x98fb213f, 0xbf597fc7, 0xbeef0ee4, - 0xc6e00bf3, 0x3da88fc2, 0xd5a79147, 0x930aa725, - 0x06ca6351, 0xe003826f, 0x14292967, 0x0a0e6e70, - 0x27b70a85, 0x46d22ffc, 0x2e1b2138, 0x5c26c926, - 0x4d2c6dfc, 0x5ac42aed, 0x53380d13, 0x9d95b3df, - 0x650a7354, 0x8baf63de, 0x766a0abb, 0x3c77b2a8, - 0x81c2c92e, 0x47edaee6, 0x92722c85, 0x1482353b, - 0xa2bfe8a1, 0x4cf10364, 0xa81a664b, 0xbc423001, - 0xc24b8b70, 0xd0f89791, 0xc76c51a3, 0x0654be30, - 0xd192e819, 0xd6ef5218, 0xd6990624, 0x5565a910, - 0xf40e3585, 0x5771202a, 0x106aa070, 0x32bbd1b8, - 0x19a4c116, 0xb8d2d0c8, 0x1e376c08, 0x5141ab53, - 0x2748774c, 0xdf8eeb99, 0x34b0bcb5, 0xe19b48a8, - 0x391c0cb3, 0xc5c95a63, 0x4ed8aa4a, 0xe3418acb, - 0x5b9cca4f, 0x7763e373, 0x682e6ff3, 0xd6b2b8a3, - 0x748f82ee, 0x5defb2fc, 0x78a5636f, 0x43172f60, - 0x84c87814, 0xa1f0ab72, 0x8cc70208, 0x1a6439ec, - 0x90befffa, 0x23631e28, 0xa4506ceb, 0xde82bde9, - 0xbef9a3f7, 0xb2c67915, 0xc67178f2, 0xe372532b, - 0xca273ece, 0xea26619c, 0xd186b8c7, 0x21c0c207, - 0xeada7dd6, 0xcde0eb1e, 0xf57d4f7f, 0xee6ed178, - 0x06f067aa, 0x72176fba, 0x0a637dc5, 0xa2c898a6, - 0x113f9804, 0xbef90dae, 0x1b710b35, 0x131c471b, - 0x28db77f5, 0x23047d84, 0x32caab7b, 0x40c72493, - 0x3c9ebe0a, 0x15c9bebc, 0x431d67c4, 0x9c100d4c, - 0x4cc5d4be, 0xcb3e42b6, 0x597f299c, 0xfc657e2a, - 0x5fcb6fab, 0x3ad6faec, 0x6c44198c, 0x4a475817 + 0x428a2f98, 0xd728ae22, 0x71374491, 0x23ef65cd, + 0xb5c0fbcf, 0xec4d3b2f, 0xe9b5dba5, 0x8189dbbc, + 0x3956c25b, 0xf348b538, 0x59f111f1, 0xb605d019, + 0x923f82a4, 0xaf194f9b, 0xab1c5ed5, 0xda6d8118, + 0xd807aa98, 0xa3030242, 0x12835b01, 0x45706fbe, + 0x243185be, 0x4ee4b28c, 0x550c7dc3, 0xd5ffb4e2, + 0x72be5d74, 0xf27b896f, 0x80deb1fe, 0x3b1696b1, + 0x9bdc06a7, 0x25c71235, 0xc19bf174, 0xcf692694, + 0xe49b69c1, 0x9ef14ad2, 0xefbe4786, 0x384f25e3, + 0x0fc19dc6, 0x8b8cd5b5, 0x240ca1cc, 0x77ac9c65, + 0x2de92c6f, 0x592b0275, 0x4a7484aa, 0x6ea6e483, + 0x5cb0a9dc, 0xbd41fbd4, 0x76f988da, 0x831153b5, + 0x983e5152, 0xee66dfab, 0xa831c66d, 0x2db43210, + 0xb00327c8, 0x98fb213f, 0xbf597fc7, 0xbeef0ee4, + 0xc6e00bf3, 0x3da88fc2, 0xd5a79147, 0x930aa725, + 0x06ca6351, 0xe003826f, 0x14292967, 0x0a0e6e70, + 0x27b70a85, 0x46d22ffc, 0x2e1b2138, 0x5c26c926, + 0x4d2c6dfc, 0x5ac42aed, 0x53380d13, 0x9d95b3df, + 0x650a7354, 0x8baf63de, 0x766a0abb, 0x3c77b2a8, + 0x81c2c92e, 0x47edaee6, 0x92722c85, 0x1482353b, + 0xa2bfe8a1, 0x4cf10364, 0xa81a664b, 0xbc423001, + 0xc24b8b70, 0xd0f89791, 0xc76c51a3, 0x0654be30, + 0xd192e819, 0xd6ef5218, 0xd6990624, 0x5565a910, + 0xf40e3585, 0x5771202a, 0x106aa070, 0x32bbd1b8, + 0x19a4c116, 0xb8d2d0c8, 0x1e376c08, 0x5141ab53, + 0x2748774c, 0xdf8eeb99, 0x34b0bcb5, 0xe19b48a8, + 0x391c0cb3, 0xc5c95a63, 0x4ed8aa4a, 0xe3418acb, + 0x5b9cca4f, 0x7763e373, 0x682e6ff3, 0xd6b2b8a3, + 0x748f82ee, 0x5defb2fc, 0x78a5636f, 0x43172f60, + 0x84c87814, 0xa1f0ab72, 0x8cc70208, 0x1a6439ec, + 0x90befffa, 0x23631e28, 0xa4506ceb, 0xde82bde9, + 0xbef9a3f7, 0xb2c67915, 0xc67178f2, 0xe372532b, + 0xca273ece, 0xea26619c, 0xd186b8c7, 0x21c0c207, + 0xeada7dd6, 0xcde0eb1e, 0xf57d4f7f, 0xee6ed178, + 0x06f067aa, 0x72176fba, 0x0a637dc5, 0xa2c898a6, + 0x113f9804, 0xbef90dae, 0x1b710b35, 0x131c471b, + 0x28db77f5, 0x23047d84, 0x32caab7b, 0x40c72493, + 0x3c9ebe0a, 0x15c9bebc, 0x431d67c4, 0x9c100d4c, + 0x4cc5d4be, 0xcb3e42b6, 0x597f299c, 0xfc657e2a, + 0x5fcb6fab, 0x3ad6faec, 0x6c44198c, 0x4a475817 ]; function crypto_hashblocks_hl(hh, hl, m, n) { - var wh = new Int32Array(16), wl = new Int32Array(16), - bh0, bh1, bh2, bh3, bh4, bh5, bh6, bh7, - bl0, bl1, bl2, bl3, bl4, bl5, bl6, bl7, - th, tl, i, j, h, l, a, b, c, d; - - var ah0 = hh[0], - ah1 = hh[1], - ah2 = hh[2], - ah3 = hh[3], - ah4 = hh[4], - ah5 = hh[5], - ah6 = hh[6], - ah7 = hh[7], - - al0 = hl[0], - al1 = hl[1], - al2 = hl[2], - al3 = hl[3], - al4 = hl[4], - al5 = hl[5], - al6 = hl[6], - al7 = hl[7]; - - var pos = 0; - while (n >= 128) { - for (i = 0; i < 16; i++) { - j = 8 * i + pos; - wh[i] = (m[j+0] << 24) | (m[j+1] << 16) | (m[j+2] << 8) | m[j+3]; - wl[i] = (m[j+4] << 24) | (m[j+5] << 16) | (m[j+6] << 8) | m[j+7]; - } - for (i = 0; i < 80; i++) { - bh0 = ah0; - bh1 = ah1; - bh2 = ah2; - bh3 = ah3; - bh4 = ah4; - bh5 = ah5; - bh6 = ah6; - bh7 = ah7; - - bl0 = al0; - bl1 = al1; - bl2 = al2; - bl3 = al3; - bl4 = al4; - bl5 = al5; - bl6 = al6; - bl7 = al7; - - // add - h = ah7; - l = al7; - - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; - - // Sigma1 - h = ((ah4 >>> 14) | (al4 << (32-14))) ^ ((ah4 >>> 18) | (al4 << (32-18))) ^ ((al4 >>> (41-32)) | (ah4 << (32-(41-32)))); - l = ((al4 >>> 14) | (ah4 << (32-14))) ^ ((al4 >>> 18) | (ah4 << (32-18))) ^ ((ah4 >>> (41-32)) | (al4 << (32-(41-32)))); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // Ch - h = (ah4 & ah5) ^ (~ah4 & ah6); - l = (al4 & al5) ^ (~al4 & al6); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // K - h = K[i*2]; - l = K[i*2+1]; - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // w - h = wh[i%16]; - l = wl[i%16]; - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; - - th = c & 0xffff | d << 16; - tl = a & 0xffff | b << 16; - - // add - h = th; - l = tl; - - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; - - // Sigma0 - h = ((ah0 >>> 28) | (al0 << (32-28))) ^ ((al0 >>> (34-32)) | (ah0 << (32-(34-32)))) ^ ((al0 >>> (39-32)) | (ah0 << (32-(39-32)))); - l = ((al0 >>> 28) | (ah0 << (32-28))) ^ ((ah0 >>> (34-32)) | (al0 << (32-(34-32)))) ^ ((ah0 >>> (39-32)) | (al0 << (32-(39-32)))); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - // Maj - h = (ah0 & ah1) ^ (ah0 & ah2) ^ (ah1 & ah2); - l = (al0 & al1) ^ (al0 & al2) ^ (al1 & al2); - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; - - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; - - bh7 = (c & 0xffff) | (d << 16); - bl7 = (a & 0xffff) | (b << 16); - - // add - h = bh3; - l = bl3; - - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; - - h = th; - l = tl; - - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + var wh = new Int32Array(16), wl = new Int32Array(16), + bh0, bh1, bh2, bh3, bh4, bh5, bh6, bh7, + bl0, bl1, bl2, bl3, bl4, bl5, bl6, bl7, + th, tl, i, j, h, l, a, b, c, d; + + var ah0 = hh[0], + ah1 = hh[1], + ah2 = hh[2], + ah3 = hh[3], + ah4 = hh[4], + ah5 = hh[5], + ah6 = hh[6], + ah7 = hh[7], + + al0 = hl[0], + al1 = hl[1], + al2 = hl[2], + al3 = hl[3], + al4 = hl[4], + al5 = hl[5], + al6 = hl[6], + al7 = hl[7]; + + var pos = 0; + while (n >= 128) { + for (i = 0; i < 16; i++) { + j = 8 * i + pos; + wh[i] = (m[j + 0] << 24) | (m[j + 1] << 16) | (m[j + 2] << 8) | m[j + 3]; + wl[i] = (m[j + 4] << 24) | (m[j + 5] << 16) | (m[j + 6] << 8) | m[j + 7]; + } + for (i = 0; i < 80; i++) { + bh0 = ah0; + bh1 = ah1; + bh2 = ah2; + bh3 = ah3; + bh4 = ah4; + bh5 = ah5; + bh6 = ah6; + bh7 = ah7; + + bl0 = al0; + bl1 = al1; + bl2 = al2; + bl3 = al3; + bl4 = al4; + bl5 = al5; + bl6 = al6; + bl7 = al7; + + // add + h = ah7; + l = al7; + + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; + + // Sigma1 + h = ((ah4 >>> 14) | (al4 << (32 - 14))) ^ ((ah4 >>> 18) | (al4 << (32 - 18))) ^ ((al4 >>> (41 - 32)) | (ah4 << (32 - (41 - 32)))); + l = ((al4 >>> 14) | (ah4 << (32 - 14))) ^ ((al4 >>> 18) | (ah4 << (32 - 18))) ^ ((ah4 >>> (41 - 32)) | (al4 << (32 - (41 - 32)))); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // Ch + h = (ah4 & ah5) ^ (~ah4 & ah6); + l = (al4 & al5) ^ (~al4 & al6); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // K + h = K[i * 2]; + l = K[i * 2 + 1]; + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // w + h = wh[i % 16]; + l = wl[i % 16]; + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; + + th = c & 0xffff | d << 16; + tl = a & 0xffff | b << 16; + + // add + h = th; + l = tl; + + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; + + // Sigma0 + h = ((ah0 >>> 28) | (al0 << (32 - 28))) ^ ((al0 >>> (34 - 32)) | (ah0 << (32 - (34 - 32)))) ^ ((al0 >>> (39 - 32)) | (ah0 << (32 - (39 - 32)))); + l = ((al0 >>> 28) | (ah0 << (32 - 28))) ^ ((ah0 >>> (34 - 32)) | (al0 << (32 - (34 - 32)))) ^ ((ah0 >>> (39 - 32)) | (al0 << (32 - (39 - 32)))); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + // Maj + h = (ah0 & ah1) ^ (ah0 & ah2) ^ (ah1 & ah2); + l = (al0 & al1) ^ (al0 & al2) ^ (al1 & al2); + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; + + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; + + bh7 = (c & 0xffff) | (d << 16); + bl7 = (a & 0xffff) | (b << 16); + + // add + h = bh3; + l = bl3; + + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; + + h = th; + l = tl; + + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - bh3 = (c & 0xffff) | (d << 16); - bl3 = (a & 0xffff) | (b << 16); + bh3 = (c & 0xffff) | (d << 16); + bl3 = (a & 0xffff) | (b << 16); - ah1 = bh0; - ah2 = bh1; - ah3 = bh2; - ah4 = bh3; - ah5 = bh4; - ah6 = bh5; - ah7 = bh6; - ah0 = bh7; + ah1 = bh0; + ah2 = bh1; + ah3 = bh2; + ah4 = bh3; + ah5 = bh4; + ah6 = bh5; + ah7 = bh6; + ah0 = bh7; - al1 = bl0; - al2 = bl1; - al3 = bl2; - al4 = bl3; - al5 = bl4; - al6 = bl5; - al7 = bl6; - al0 = bl7; + al1 = bl0; + al2 = bl1; + al3 = bl2; + al4 = bl3; + al5 = bl4; + al6 = bl5; + al7 = bl6; + al0 = bl7; - if (i%16 === 15) { - for (j = 0; j < 16; j++) { - // add - h = wh[j]; - l = wl[j]; + if (i % 16 === 15) { + for (j = 0; j < 16; j++) { + // add + h = wh[j]; + l = wl[j]; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = wh[(j+9)%16]; - l = wl[(j+9)%16]; + h = wh[(j + 9) % 16]; + l = wl[(j + 9) % 16]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - // sigma0 - th = wh[(j+1)%16]; - tl = wl[(j+1)%16]; - h = ((th >>> 1) | (tl << (32-1))) ^ ((th >>> 8) | (tl << (32-8))) ^ (th >>> 7); - l = ((tl >>> 1) | (th << (32-1))) ^ ((tl >>> 8) | (th << (32-8))) ^ ((tl >>> 7) | (th << (32-7))); + // sigma0 + th = wh[(j + 1) % 16]; + tl = wl[(j + 1) % 16]; + h = ((th >>> 1) | (tl << (32 - 1))) ^ ((th >>> 8) | (tl << (32 - 8))) ^ (th >>> 7); + l = ((tl >>> 1) | (th << (32 - 1))) ^ ((tl >>> 8) | (th << (32 - 8))) ^ ((tl >>> 7) | (th << (32 - 7))); - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - // sigma1 - th = wh[(j+14)%16]; - tl = wl[(j+14)%16]; - h = ((th >>> 19) | (tl << (32-19))) ^ ((tl >>> (61-32)) | (th << (32-(61-32)))) ^ (th >>> 6); - l = ((tl >>> 19) | (th << (32-19))) ^ ((th >>> (61-32)) | (tl << (32-(61-32)))) ^ ((tl >>> 6) | (th << (32-6))); + // sigma1 + th = wh[(j + 14) % 16]; + tl = wl[(j + 14) % 16]; + h = ((th >>> 19) | (tl << (32 - 19))) ^ ((tl >>> (61 - 32)) | (th << (32 - (61 - 32)))) ^ (th >>> 6); + l = ((tl >>> 19) | (th << (32 - 19))) ^ ((th >>> (61 - 32)) | (tl << (32 - (61 - 32)))) ^ ((tl >>> 6) | (th << (32 - 6))); - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - wh[j] = (c & 0xffff) | (d << 16); - wl[j] = (a & 0xffff) | (b << 16); - } - } - } + wh[j] = (c & 0xffff) | (d << 16); + wl[j] = (a & 0xffff) | (b << 16); + } + } + } - // add - h = ah0; - l = al0; + // add + h = ah0; + l = al0; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[0]; - l = hl[0]; + h = hh[0]; + l = hl[0]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[0] = ah0 = (c & 0xffff) | (d << 16); - hl[0] = al0 = (a & 0xffff) | (b << 16); + hh[0] = ah0 = (c & 0xffff) | (d << 16); + hl[0] = al0 = (a & 0xffff) | (b << 16); - h = ah1; - l = al1; + h = ah1; + l = al1; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[1]; - l = hl[1]; + h = hh[1]; + l = hl[1]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[1] = ah1 = (c & 0xffff) | (d << 16); - hl[1] = al1 = (a & 0xffff) | (b << 16); + hh[1] = ah1 = (c & 0xffff) | (d << 16); + hl[1] = al1 = (a & 0xffff) | (b << 16); - h = ah2; - l = al2; + h = ah2; + l = al2; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[2]; - l = hl[2]; + h = hh[2]; + l = hl[2]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[2] = ah2 = (c & 0xffff) | (d << 16); - hl[2] = al2 = (a & 0xffff) | (b << 16); + hh[2] = ah2 = (c & 0xffff) | (d << 16); + hl[2] = al2 = (a & 0xffff) | (b << 16); - h = ah3; - l = al3; + h = ah3; + l = al3; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[3]; - l = hl[3]; + h = hh[3]; + l = hl[3]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[3] = ah3 = (c & 0xffff) | (d << 16); - hl[3] = al3 = (a & 0xffff) | (b << 16); + hh[3] = ah3 = (c & 0xffff) | (d << 16); + hl[3] = al3 = (a & 0xffff) | (b << 16); - h = ah4; - l = al4; + h = ah4; + l = al4; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[4]; - l = hl[4]; + h = hh[4]; + l = hl[4]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[4] = ah4 = (c & 0xffff) | (d << 16); - hl[4] = al4 = (a & 0xffff) | (b << 16); + hh[4] = ah4 = (c & 0xffff) | (d << 16); + hl[4] = al4 = (a & 0xffff) | (b << 16); - h = ah5; - l = al5; + h = ah5; + l = al5; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[5]; - l = hl[5]; + h = hh[5]; + l = hl[5]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[5] = ah5 = (c & 0xffff) | (d << 16); - hl[5] = al5 = (a & 0xffff) | (b << 16); + hh[5] = ah5 = (c & 0xffff) | (d << 16); + hl[5] = al5 = (a & 0xffff) | (b << 16); - h = ah6; - l = al6; + h = ah6; + l = al6; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[6]; - l = hl[6]; + h = hh[6]; + l = hl[6]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[6] = ah6 = (c & 0xffff) | (d << 16); - hl[6] = al6 = (a & 0xffff) | (b << 16); + hh[6] = ah6 = (c & 0xffff) | (d << 16); + hl[6] = al6 = (a & 0xffff) | (b << 16); - h = ah7; - l = al7; + h = ah7; + l = al7; - a = l & 0xffff; b = l >>> 16; - c = h & 0xffff; d = h >>> 16; + a = l & 0xffff; b = l >>> 16; + c = h & 0xffff; d = h >>> 16; - h = hh[7]; - l = hl[7]; + h = hh[7]; + l = hl[7]; - a += l & 0xffff; b += l >>> 16; - c += h & 0xffff; d += h >>> 16; + a += l & 0xffff; b += l >>> 16; + c += h & 0xffff; d += h >>> 16; - b += a >>> 16; - c += b >>> 16; - d += c >>> 16; + b += a >>> 16; + c += b >>> 16; + d += c >>> 16; - hh[7] = ah7 = (c & 0xffff) | (d << 16); - hl[7] = al7 = (a & 0xffff) | (b << 16); + hh[7] = ah7 = (c & 0xffff) | (d << 16); + hl[7] = al7 = (a & 0xffff) | (b << 16); - pos += 128; - n -= 128; - } + pos += 128; + n -= 128; + } - return n; + return n; } function crypto_hash(out, m, n) { - var hh = new Int32Array(8), - hl = new Int32Array(8), - x = new Uint8Array(256), - i, b = n; + var hh = new Int32Array(8), + hl = new Int32Array(8), + x = new Uint8Array(256), + i, b = n; - hh[0] = 0x6a09e667; - hh[1] = 0xbb67ae85; - hh[2] = 0x3c6ef372; - hh[3] = 0xa54ff53a; - hh[4] = 0x510e527f; - hh[5] = 0x9b05688c; - hh[6] = 0x1f83d9ab; - hh[7] = 0x5be0cd19; + hh[0] = 0x6a09e667; + hh[1] = 0xbb67ae85; + hh[2] = 0x3c6ef372; + hh[3] = 0xa54ff53a; + hh[4] = 0x510e527f; + hh[5] = 0x9b05688c; + hh[6] = 0x1f83d9ab; + hh[7] = 0x5be0cd19; - hl[0] = 0xf3bcc908; - hl[1] = 0x84caa73b; - hl[2] = 0xfe94f82b; - hl[3] = 0x5f1d36f1; - hl[4] = 0xade682d1; - hl[5] = 0x2b3e6c1f; - hl[6] = 0xfb41bd6b; - hl[7] = 0x137e2179; + hl[0] = 0xf3bcc908; + hl[1] = 0x84caa73b; + hl[2] = 0xfe94f82b; + hl[3] = 0x5f1d36f1; + hl[4] = 0xade682d1; + hl[5] = 0x2b3e6c1f; + hl[6] = 0xfb41bd6b; + hl[7] = 0x137e2179; - crypto_hashblocks_hl(hh, hl, m, n); - n %= 128; + crypto_hashblocks_hl(hh, hl, m, n); + n %= 128; - for (i = 0; i < n; i++) x[i] = m[b-n+i]; - x[n] = 128; + for (i = 0; i < n; i++) x[i] = m[b - n + i]; + x[n] = 128; - n = 256-128*(n<112?1:0); - x[n-9] = 0; - ts64(x, n-8, (b / 0x20000000) | 0, b << 3); - crypto_hashblocks_hl(hh, hl, x, n); + n = 256 - 128 * (n < 112 ? 1 : 0); + x[n - 9] = 0; + ts64(x, n - 8, (b / 0x20000000) | 0, b << 3); + crypto_hashblocks_hl(hh, hl, x, n); - for (i = 0; i < 8; i++) ts64(out, 8*i, hh[i], hl[i]); + for (i = 0; i < 8; i++) ts64(out, 8 * i, hh[i], hl[i]); - return 0; + return 0; } function add(p, q) { - var a = gf(), b = gf(), c = gf(), - d = gf(), e = gf(), f = gf(), - g = gf(), h = gf(), t = gf(); + var a = gf(), b = gf(), c = gf(), + d = gf(), e = gf(), f = gf(), + g = gf(), h = gf(), t = gf(); - Z(a, p[1], p[0]); - Z(t, q[1], q[0]); - M(a, a, t); - A(b, p[0], p[1]); - A(t, q[0], q[1]); - M(b, b, t); - M(c, p[3], q[3]); - M(c, c, D2); - M(d, p[2], q[2]); - A(d, d, d); - Z(e, b, a); - Z(f, d, c); - A(g, d, c); - A(h, b, a); + Z(a, p[1], p[0]); + Z(t, q[1], q[0]); + M(a, a, t); + A(b, p[0], p[1]); + A(t, q[0], q[1]); + M(b, b, t); + M(c, p[3], q[3]); + M(c, c, D2); + M(d, p[2], q[2]); + A(d, d, d); + Z(e, b, a); + Z(f, d, c); + A(g, d, c); + A(h, b, a); - M(p[0], e, f); - M(p[1], h, g); - M(p[2], g, f); - M(p[3], e, h); + M(p[0], e, f); + M(p[1], h, g); + M(p[2], g, f); + M(p[3], e, h); } function cswap(p, q, b) { - var i; - for (i = 0; i < 4; i++) { - sel25519(p[i], q[i], b); - } + var i; + for (i = 0; i < 4; i++) { + sel25519(p[i], q[i], b); + } } function pack(r, p) { - var tx = gf(), ty = gf(), zi = gf(); - inv25519(zi, p[2]); - M(tx, p[0], zi); - M(ty, p[1], zi); - pack25519(r, ty); - r[31] ^= par25519(tx) << 7; + var tx = gf(), ty = gf(), zi = gf(); + inv25519(zi, p[2]); + M(tx, p[0], zi); + M(ty, p[1], zi); + pack25519(r, ty); + r[31] ^= par25519(tx) << 7; } function scalarmult(p, q, s) { - var b, i; - set25519(p[0], gf0); - set25519(p[1], gf1); - set25519(p[2], gf1); - set25519(p[3], gf0); - for (i = 255; i >= 0; --i) { - b = (s[(i/8)|0] >> (i&7)) & 1; - cswap(p, q, b); - add(q, p); - add(p, p); - cswap(p, q, b); - } + var b, i; + set25519(p[0], gf0); + set25519(p[1], gf1); + set25519(p[2], gf1); + set25519(p[3], gf0); + for (i = 255; i >= 0; --i) { + b = (s[(i / 8) | 0] >> (i & 7)) & 1; + cswap(p, q, b); + add(q, p); + add(p, p); + cswap(p, q, b); + } } function scalarbase(p, s) { - var q = [gf(), gf(), gf(), gf()]; - set25519(q[0], X); - set25519(q[1], Y); - set25519(q[2], gf1); - M(q[3], X, Y); - scalarmult(p, q, s); + var q = [gf(), gf(), gf(), gf()]; + set25519(q[0], X); + set25519(q[1], Y); + set25519(q[2], gf1); + M(q[3], X, Y); + scalarmult(p, q, s); } function crypto_sign_keypair(pk, sk, seeded) { - var d = new Uint8Array(64); - var p = [gf(), gf(), gf(), gf()]; - var i; + var d = new Uint8Array(64); + var p = [gf(), gf(), gf(), gf()]; + var i; - if (!seeded) randombytes(sk, 32); - crypto_hash(d, sk, 32); - d[0] &= 248; - d[31] &= 127; - d[31] |= 64; + if (!seeded) randombytes(sk, 32); + crypto_hash(d, sk, 32); + d[0] &= 248; + d[31] &= 127; + d[31] |= 64; - scalarbase(p, d); - pack(pk, p); + scalarbase(p, d); + pack(pk, p); - for (i = 0; i < 32; i++) sk[i+32] = pk[i]; - return 0; + for (i = 0; i < 32; i++) sk[i + 32] = pk[i]; + return 0; } var L = new Float64Array([0xed, 0xd3, 0xf5, 0x5c, 0x1a, 0x63, 0x12, 0x58, 0xd6, 0x9c, 0xf7, 0xa2, 0xde, 0xf9, 0xde, 0x14, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0x10]); function modL(r, x) { - var carry, i, j, k; - for (i = 63; i >= 32; --i) { - carry = 0; - for (j = i - 32, k = i - 12; j < k; ++j) { - x[j] += carry - 16 * x[i] * L[j - (i - 32)]; - carry = (x[j] + 128) >> 8; - x[j] -= carry * 256; - } - x[j] += carry; - x[i] = 0; - } - carry = 0; - for (j = 0; j < 32; j++) { - x[j] += carry - (x[31] >> 4) * L[j]; - carry = x[j] >> 8; - x[j] &= 255; - } - for (j = 0; j < 32; j++) x[j] -= carry * L[j]; - for (i = 0; i < 32; i++) { - x[i+1] += x[i] >> 8; - r[i] = x[i] & 255; - } + var carry, i, j, k; + for (i = 63; i >= 32; --i) { + carry = 0; + for (j = i - 32, k = i - 12; j < k; ++j) { + x[j] += carry - 16 * x[i] * L[j - (i - 32)]; + carry = (x[j] + 128) >> 8; + x[j] -= carry * 256; + } + x[j] += carry; + x[i] = 0; + } + carry = 0; + for (j = 0; j < 32; j++) { + x[j] += carry - (x[31] >> 4) * L[j]; + carry = x[j] >> 8; + x[j] &= 255; + } + for (j = 0; j < 32; j++) x[j] -= carry * L[j]; + for (i = 0; i < 32; i++) { + x[i + 1] += x[i] >> 8; + r[i] = x[i] & 255; + } } function reduce(r) { - var x = new Float64Array(64), i; - for (i = 0; i < 64; i++) x[i] = r[i]; - for (i = 0; i < 64; i++) r[i] = 0; - modL(r, x); + var x = new Float64Array(64), i; + for (i = 0; i < 64; i++) x[i] = r[i]; + for (i = 0; i < 64; i++) r[i] = 0; + modL(r, x); } // Note: difference from C - smlen returned, not passed as argument. function crypto_sign(sm, m, n, sk) { - var d = new Uint8Array(64), h = new Uint8Array(64), r = new Uint8Array(64); - var i, j, x = new Float64Array(64); - var p = [gf(), gf(), gf(), gf()]; + var d = new Uint8Array(64), h = new Uint8Array(64), r = new Uint8Array(64); + var i, j, x = new Float64Array(64); + var p = [gf(), gf(), gf(), gf()]; - crypto_hash(d, sk, 32); - d[0] &= 248; - d[31] &= 127; - d[31] |= 64; + crypto_hash(d, sk, 32); + d[0] &= 248; + d[31] &= 127; + d[31] |= 64; - var smlen = n + 64; - for (i = 0; i < n; i++) sm[64 + i] = m[i]; - for (i = 0; i < 32; i++) sm[32 + i] = d[32 + i]; + var smlen = n + 64; + for (i = 0; i < n; i++) sm[64 + i] = m[i]; + for (i = 0; i < 32; i++) sm[32 + i] = d[32 + i]; - crypto_hash(r, sm.subarray(32), n+32); - reduce(r); - scalarbase(p, r); - pack(sm, p); + crypto_hash(r, sm.subarray(32), n + 32); + reduce(r); + scalarbase(p, r); + pack(sm, p); - for (i = 32; i < 64; i++) sm[i] = sk[i]; - crypto_hash(h, sm, n + 64); - reduce(h); + for (i = 32; i < 64; i++) sm[i] = sk[i]; + crypto_hash(h, sm, n + 64); + reduce(h); - for (i = 0; i < 64; i++) x[i] = 0; - for (i = 0; i < 32; i++) x[i] = r[i]; - for (i = 0; i < 32; i++) { - for (j = 0; j < 32; j++) { - x[i+j] += h[i] * d[j]; - } - } + for (i = 0; i < 64; i++) x[i] = 0; + for (i = 0; i < 32; i++) x[i] = r[i]; + for (i = 0; i < 32; i++) { + for (j = 0; j < 32; j++) { + x[i + j] += h[i] * d[j]; + } + } - modL(sm.subarray(32), x); - return smlen; + modL(sm.subarray(32), x); + return smlen; } function unpackneg(r, p) { - var t = gf(), chk = gf(), num = gf(), - den = gf(), den2 = gf(), den4 = gf(), - den6 = gf(); + var t = gf(), chk = gf(), num = gf(), + den = gf(), den2 = gf(), den4 = gf(), + den6 = gf(); - set25519(r[2], gf1); - unpack25519(r[1], p); - S(num, r[1]); - M(den, num, D); - Z(num, num, r[2]); - A(den, r[2], den); + set25519(r[2], gf1); + unpack25519(r[1], p); + S(num, r[1]); + M(den, num, D); + Z(num, num, r[2]); + A(den, r[2], den); - S(den2, den); - S(den4, den2); - M(den6, den4, den2); - M(t, den6, num); - M(t, t, den); + S(den2, den); + S(den4, den2); + M(den6, den4, den2); + M(t, den6, num); + M(t, t, den); - pow2523(t, t); - M(t, t, num); - M(t, t, den); - M(t, t, den); - M(r[0], t, den); + pow2523(t, t); + M(t, t, num); + M(t, t, den); + M(t, t, den); + M(r[0], t, den); - S(chk, r[0]); - M(chk, chk, den); - if (neq25519(chk, num)) M(r[0], r[0], I); + S(chk, r[0]); + M(chk, chk, den); + if (neq25519(chk, num)) M(r[0], r[0], I); - S(chk, r[0]); - M(chk, chk, den); - if (neq25519(chk, num)) return -1; + S(chk, r[0]); + M(chk, chk, den); + if (neq25519(chk, num)) return -1; - if (par25519(r[0]) === (p[31]>>7)) Z(r[0], gf0, r[0]); + if (par25519(r[0]) === (p[31] >> 7)) Z(r[0], gf0, r[0]); - M(r[3], r[0], r[1]); - return 0; + M(r[3], r[0], r[1]); + return 0; } function crypto_sign_open(m, sm, n, pk) { - var i, mlen; - var t = new Uint8Array(32), h = new Uint8Array(64); - var p = [gf(), gf(), gf(), gf()], - q = [gf(), gf(), gf(), gf()]; + var i, mlen; + var t = new Uint8Array(32), h = new Uint8Array(64); + var p = [gf(), gf(), gf(), gf()], + q = [gf(), gf(), gf(), gf()]; - mlen = -1; - if (n < 64) return -1; + mlen = -1; + if (n < 64) return -1; - if (unpackneg(q, pk)) return -1; + if (unpackneg(q, pk)) return -1; - for (i = 0; i < n; i++) m[i] = sm[i]; - for (i = 0; i < 32; i++) m[i+32] = pk[i]; - crypto_hash(h, m, n); - reduce(h); - scalarmult(p, q, h); + for (i = 0; i < n; i++) m[i] = sm[i]; + for (i = 0; i < 32; i++) m[i + 32] = pk[i]; + crypto_hash(h, m, n); + reduce(h); + scalarmult(p, q, h); - scalarbase(q, sm.subarray(32)); - add(p, q); - pack(t, p); + scalarbase(q, sm.subarray(32)); + add(p, q); + pack(t, p); - n -= 64; - if (crypto_verify_32(sm, 0, t, 0)) { - for (i = 0; i < n; i++) m[i] = 0; - return -1; - } + n -= 64; + if (crypto_verify_32(sm, 0, t, 0)) { + for (i = 0; i < n; i++) m[i] = 0; + return -1; + } - for (i = 0; i < n; i++) m[i] = sm[i + 64]; - mlen = n; - return mlen; + for (i = 0; i < n; i++) m[i] = sm[i + 64]; + mlen = n; + return mlen; } var crypto_secretbox_KEYBYTES = 32, - crypto_secretbox_NONCEBYTES = 24, - crypto_secretbox_ZEROBYTES = 32, - crypto_secretbox_BOXZEROBYTES = 16, - crypto_scalarmult_BYTES = 32, - crypto_scalarmult_SCALARBYTES = 32, - crypto_box_PUBLICKEYBYTES = 32, - crypto_box_SECRETKEYBYTES = 32, - crypto_box_BEFORENMBYTES = 32, - crypto_box_NONCEBYTES = crypto_secretbox_NONCEBYTES, - crypto_box_ZEROBYTES = crypto_secretbox_ZEROBYTES, - crypto_box_BOXZEROBYTES = crypto_secretbox_BOXZEROBYTES, - crypto_sign_BYTES = 64, - crypto_sign_PUBLICKEYBYTES = 32, - crypto_sign_SECRETKEYBYTES = 64, - crypto_sign_SEEDBYTES = 32, - crypto_hash_BYTES = 64; + crypto_secretbox_NONCEBYTES = 24, + crypto_secretbox_ZEROBYTES = 32, + crypto_secretbox_BOXZEROBYTES = 16, + crypto_scalarmult_BYTES = 32, + crypto_scalarmult_SCALARBYTES = 32, + crypto_box_PUBLICKEYBYTES = 32, + crypto_box_SECRETKEYBYTES = 32, + crypto_box_BEFORENMBYTES = 32, + crypto_box_NONCEBYTES = crypto_secretbox_NONCEBYTES, + crypto_box_ZEROBYTES = crypto_secretbox_ZEROBYTES, + crypto_box_BOXZEROBYTES = crypto_secretbox_BOXZEROBYTES, + crypto_sign_BYTES = 64, + crypto_sign_PUBLICKEYBYTES = 32, + crypto_sign_SECRETKEYBYTES = 64, + crypto_sign_SEEDBYTES = 32, + crypto_hash_BYTES = 64; nacl.lowlevel = { - crypto_core_hsalsa20: crypto_core_hsalsa20, - crypto_stream_xor: crypto_stream_xor, - crypto_stream: crypto_stream, - crypto_stream_salsa20_xor: crypto_stream_salsa20_xor, - crypto_stream_salsa20: crypto_stream_salsa20, - crypto_onetimeauth: crypto_onetimeauth, - crypto_onetimeauth_verify: crypto_onetimeauth_verify, - crypto_verify_16: crypto_verify_16, - crypto_verify_32: crypto_verify_32, - crypto_secretbox: crypto_secretbox, - crypto_secretbox_open: crypto_secretbox_open, - crypto_scalarmult: crypto_scalarmult, - crypto_scalarmult_base: crypto_scalarmult_base, - crypto_box_beforenm: crypto_box_beforenm, - crypto_box_afternm: crypto_box_afternm, - crypto_box: crypto_box, - crypto_box_open: crypto_box_open, - crypto_box_keypair: crypto_box_keypair, - crypto_hash: crypto_hash, - crypto_sign: crypto_sign, - crypto_sign_keypair: crypto_sign_keypair, - crypto_sign_open: crypto_sign_open, + crypto_core_hsalsa20: crypto_core_hsalsa20, + crypto_stream_xor: crypto_stream_xor, + crypto_stream: crypto_stream, + crypto_stream_salsa20_xor: crypto_stream_salsa20_xor, + crypto_stream_salsa20: crypto_stream_salsa20, + crypto_onetimeauth: crypto_onetimeauth, + crypto_onetimeauth_verify: crypto_onetimeauth_verify, + crypto_verify_16: crypto_verify_16, + crypto_verify_32: crypto_verify_32, + crypto_secretbox: crypto_secretbox, + crypto_secretbox_open: crypto_secretbox_open, + crypto_scalarmult: crypto_scalarmult, + crypto_scalarmult_base: crypto_scalarmult_base, + crypto_box_beforenm: crypto_box_beforenm, + crypto_box_afternm: crypto_box_afternm, + crypto_box: crypto_box, + crypto_box_open: crypto_box_open, + crypto_box_keypair: crypto_box_keypair, + crypto_hash: crypto_hash, + crypto_sign: crypto_sign, + crypto_sign_keypair: crypto_sign_keypair, + crypto_sign_open: crypto_sign_open, - crypto_secretbox_KEYBYTES: crypto_secretbox_KEYBYTES, - crypto_secretbox_NONCEBYTES: crypto_secretbox_NONCEBYTES, - crypto_secretbox_ZEROBYTES: crypto_secretbox_ZEROBYTES, - crypto_secretbox_BOXZEROBYTES: crypto_secretbox_BOXZEROBYTES, - crypto_scalarmult_BYTES: crypto_scalarmult_BYTES, - crypto_scalarmult_SCALARBYTES: crypto_scalarmult_SCALARBYTES, - crypto_box_PUBLICKEYBYTES: crypto_box_PUBLICKEYBYTES, - crypto_box_SECRETKEYBYTES: crypto_box_SECRETKEYBYTES, - crypto_box_BEFORENMBYTES: crypto_box_BEFORENMBYTES, - crypto_box_NONCEBYTES: crypto_box_NONCEBYTES, - crypto_box_ZEROBYTES: crypto_box_ZEROBYTES, - crypto_box_BOXZEROBYTES: crypto_box_BOXZEROBYTES, - crypto_sign_BYTES: crypto_sign_BYTES, - crypto_sign_PUBLICKEYBYTES: crypto_sign_PUBLICKEYBYTES, - crypto_sign_SECRETKEYBYTES: crypto_sign_SECRETKEYBYTES, - crypto_sign_SEEDBYTES: crypto_sign_SEEDBYTES, - crypto_hash_BYTES: crypto_hash_BYTES + crypto_secretbox_KEYBYTES: crypto_secretbox_KEYBYTES, + crypto_secretbox_NONCEBYTES: crypto_secretbox_NONCEBYTES, + crypto_secretbox_ZEROBYTES: crypto_secretbox_ZEROBYTES, + crypto_secretbox_BOXZEROBYTES: crypto_secretbox_BOXZEROBYTES, + crypto_scalarmult_BYTES: crypto_scalarmult_BYTES, + crypto_scalarmult_SCALARBYTES: crypto_scalarmult_SCALARBYTES, + crypto_box_PUBLICKEYBYTES: crypto_box_PUBLICKEYBYTES, + crypto_box_SECRETKEYBYTES: crypto_box_SECRETKEYBYTES, + crypto_box_BEFORENMBYTES: crypto_box_BEFORENMBYTES, + crypto_box_NONCEBYTES: crypto_box_NONCEBYTES, + crypto_box_ZEROBYTES: crypto_box_ZEROBYTES, + crypto_box_BOXZEROBYTES: crypto_box_BOXZEROBYTES, + crypto_sign_BYTES: crypto_sign_BYTES, + crypto_sign_PUBLICKEYBYTES: crypto_sign_PUBLICKEYBYTES, + crypto_sign_SECRETKEYBYTES: crypto_sign_SECRETKEYBYTES, + crypto_sign_SEEDBYTES: crypto_sign_SEEDBYTES, + crypto_hash_BYTES: crypto_hash_BYTES }; /* High-level API */ function checkLengths(k, n) { - if (k.length !== crypto_secretbox_KEYBYTES) throw new Error('bad key size'); - if (n.length !== crypto_secretbox_NONCEBYTES) throw new Error('bad nonce size'); + if (k.length !== crypto_secretbox_KEYBYTES) throw new Error('bad key size'); + if (n.length !== crypto_secretbox_NONCEBYTES) throw new Error('bad nonce size'); } function checkBoxLengths(pk, sk) { - if (pk.length !== crypto_box_PUBLICKEYBYTES) throw new Error('bad public key size'); - if (sk.length !== crypto_box_SECRETKEYBYTES) throw new Error('bad secret key size'); + if (pk.length !== crypto_box_PUBLICKEYBYTES) throw new Error('bad public key size'); + if (sk.length !== crypto_box_SECRETKEYBYTES) throw new Error('bad secret key size'); } function checkArrayTypes() { - var t, i; - for (i = 0; i < arguments.length; i++) { - if ((t = Object.prototype.toString.call(arguments[i])) !== '[object Uint8Array]') - throw new TypeError('unexpected type ' + t + ', use Uint8Array'); - } + var t, i; + for (i = 0; i < arguments.length; i++) { + if ((t = Object.prototype.toString.call(arguments[i])) !== '[object Uint8Array]') + throw new TypeError('unexpected type ' + t + ', use Uint8Array'); + } } function cleanup(arr) { - for (var i = 0; i < arr.length; i++) arr[i] = 0; + for (var i = 0; i < arr.length; i++) arr[i] = 0; } nacl.util = {}; -nacl.util.decodeUTF8 = function(s) { - var i, d = unescape(encodeURIComponent(s)), b = new Uint8Array(d.length); - for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); - return b; +nacl.util.decodeUTF8 = function (s) { + var i, d = unescape(encodeURIComponent(s)), b = new Uint8Array(d.length); + for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); + return b; }; -nacl.util.encodeUTF8 = function(arr) { - var i, s = []; - for (i = 0; i < arr.length; i++) s.push(String.fromCharCode(arr[i])); - return decodeURIComponent(escape(s.join(''))); +nacl.util.encodeUTF8 = function (arr) { + var i, s = []; + for (i = 0; i < arr.length; i++) s.push(String.fromCharCode(arr[i])); + return decodeURIComponent(escape(s.join(''))); }; -nacl.util.encodeBase64 = function(arr) { - if (typeof btoa === 'undefined') { - return (new Buffer(arr)).toString('base64'); - } else { - var i, s = [], len = arr.length; - for (i = 0; i < len; i++) s.push(String.fromCharCode(arr[i])); - return btoa(s.join('')); - } +nacl.util.encodeBase64 = function (arr) { + if (typeof btoa === 'undefined') { + return (new Buffer(arr)).toString('base64'); + } else { + var i, s = [], len = arr.length; + for (i = 0; i < len; i++) s.push(String.fromCharCode(arr[i])); + return btoa(s.join('')); + } }; -nacl.util.decodeBase64 = function(s) { - if (typeof atob === 'undefined') { - return new Uint8Array(Array.prototype.slice.call(new Buffer(s, 'base64'), 0)); - } else { - var i, d = atob(s), b = new Uint8Array(d.length); - for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); - return b; - } +nacl.util.decodeBase64 = function (s) { + if (typeof atob === 'undefined') { + return new Uint8Array(Array.prototype.slice.call(new Buffer(s, 'base64'), 0)); + } else { + var i, d = atob(s), b = new Uint8Array(d.length); + for (i = 0; i < d.length; i++) b[i] = d.charCodeAt(i); + return b; + } }; -nacl.randomBytes = function(n) { - var b = new Uint8Array(n); - randombytes(b, n); - return b; +nacl.randomBytes = function (n) { + var b = new Uint8Array(n); + randombytes(b, n); + return b; }; -nacl.secretbox = function(msg, nonce, key) { - checkArrayTypes(msg, nonce, key); - checkLengths(key, nonce); - var m = new Uint8Array(crypto_secretbox_ZEROBYTES + msg.length); - var c = new Uint8Array(m.length); - for (var i = 0; i < msg.length; i++) m[i+crypto_secretbox_ZEROBYTES] = msg[i]; - crypto_secretbox(c, m, m.length, nonce, key); - return c.subarray(crypto_secretbox_BOXZEROBYTES); +nacl.secretbox = function (msg, nonce, key) { + checkArrayTypes(msg, nonce, key); + checkLengths(key, nonce); + var m = new Uint8Array(crypto_secretbox_ZEROBYTES + msg.length); + var c = new Uint8Array(m.length); + for (var i = 0; i < msg.length; i++) m[i + crypto_secretbox_ZEROBYTES] = msg[i]; + crypto_secretbox(c, m, m.length, nonce, key); + return c.subarray(crypto_secretbox_BOXZEROBYTES); }; -nacl.secretbox.open = function(box, nonce, key) { - checkArrayTypes(box, nonce, key); - checkLengths(key, nonce); - var c = new Uint8Array(crypto_secretbox_BOXZEROBYTES + box.length); - var m = new Uint8Array(c.length); - for (var i = 0; i < box.length; i++) c[i+crypto_secretbox_BOXZEROBYTES] = box[i]; - if (c.length < 32) return false; - if (crypto_secretbox_open(m, c, c.length, nonce, key) !== 0) return false; - return m.subarray(crypto_secretbox_ZEROBYTES); +nacl.secretbox.open = function (box, nonce, key) { + checkArrayTypes(box, nonce, key); + checkLengths(key, nonce); + var c = new Uint8Array(crypto_secretbox_BOXZEROBYTES + box.length); + var m = new Uint8Array(c.length); + for (var i = 0; i < box.length; i++) c[i + crypto_secretbox_BOXZEROBYTES] = box[i]; + if (c.length < 32) return false; + if (crypto_secretbox_open(m, c, c.length, nonce, key) !== 0) return false; + return m.subarray(crypto_secretbox_ZEROBYTES); }; nacl.secretbox.keyLength = crypto_secretbox_KEYBYTES; nacl.secretbox.nonceLength = crypto_secretbox_NONCEBYTES; nacl.secretbox.overheadLength = crypto_secretbox_BOXZEROBYTES; -nacl.scalarMult = function(n, p) { - checkArrayTypes(n, p); - if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); - if (p.length !== crypto_scalarmult_BYTES) throw new Error('bad p size'); - var q = new Uint8Array(crypto_scalarmult_BYTES); - crypto_scalarmult(q, n, p); - return q; +nacl.scalarMult = function (n, p) { + checkArrayTypes(n, p); + if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); + if (p.length !== crypto_scalarmult_BYTES) throw new Error('bad p size'); + var q = new Uint8Array(crypto_scalarmult_BYTES); + crypto_scalarmult(q, n, p); + return q; }; -nacl.scalarMult.base = function(n) { - checkArrayTypes(n); - if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); - var q = new Uint8Array(crypto_scalarmult_BYTES); - crypto_scalarmult_base(q, n); - return q; +nacl.scalarMult.base = function (n) { + checkArrayTypes(n); + if (n.length !== crypto_scalarmult_SCALARBYTES) throw new Error('bad n size'); + var q = new Uint8Array(crypto_scalarmult_BYTES); + crypto_scalarmult_base(q, n); + return q; }; nacl.scalarMult.scalarLength = crypto_scalarmult_SCALARBYTES; nacl.scalarMult.groupElementLength = crypto_scalarmult_BYTES; -nacl.box = function(msg, nonce, publicKey, secretKey) { - var k = nacl.box.before(publicKey, secretKey); - return nacl.secretbox(msg, nonce, k); +nacl.box = function (msg, nonce, publicKey, secretKey) { + var k = nacl.box.before(publicKey, secretKey); + return nacl.secretbox(msg, nonce, k); }; -nacl.box.before = function(publicKey, secretKey) { - checkArrayTypes(publicKey, secretKey); - checkBoxLengths(publicKey, secretKey); - var k = new Uint8Array(crypto_box_BEFORENMBYTES); - crypto_box_beforenm(k, publicKey, secretKey); - return k; +nacl.box.before = function (publicKey, secretKey) { + checkArrayTypes(publicKey, secretKey); + checkBoxLengths(publicKey, secretKey); + var k = new Uint8Array(crypto_box_BEFORENMBYTES); + crypto_box_beforenm(k, publicKey, secretKey); + return k; }; nacl.box.after = nacl.secretbox; -nacl.box.open = function(msg, nonce, publicKey, secretKey) { - var k = nacl.box.before(publicKey, secretKey); - return nacl.secretbox.open(msg, nonce, k); +nacl.box.open = function (msg, nonce, publicKey, secretKey) { + var k = nacl.box.before(publicKey, secretKey); + return nacl.secretbox.open(msg, nonce, k); }; nacl.box.open.after = nacl.secretbox.open; -nacl.box.keyPair = function() { - var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); - var sk = new Uint8Array(crypto_box_SECRETKEYBYTES); - crypto_box_keypair(pk, sk); - return {publicKey: pk, secretKey: sk}; +nacl.box.keyPair = function () { + var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); + var sk = new Uint8Array(crypto_box_SECRETKEYBYTES); + crypto_box_keypair(pk, sk); + return { publicKey: pk, secretKey: sk }; }; -nacl.box.keyPair.fromSecretKey = function(secretKey) { - checkArrayTypes(secretKey); - if (secretKey.length !== crypto_box_SECRETKEYBYTES) - throw new Error('bad secret key size'); - var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); - crypto_scalarmult_base(pk, secretKey); - return {publicKey: pk, secretKey: new Uint8Array(secretKey)}; +nacl.box.keyPair.fromSecretKey = function (secretKey) { + checkArrayTypes(secretKey); + if (secretKey.length !== crypto_box_SECRETKEYBYTES) + throw new Error('bad secret key size'); + var pk = new Uint8Array(crypto_box_PUBLICKEYBYTES); + crypto_scalarmult_base(pk, secretKey); + return { publicKey: pk, secretKey: new Uint8Array(secretKey) }; }; nacl.box.publicKeyLength = crypto_box_PUBLICKEYBYTES; @@ -2288,75 +2286,75 @@ nacl.box.sharedKeyLength = crypto_box_BEFORENMBYTES; nacl.box.nonceLength = crypto_box_NONCEBYTES; nacl.box.overheadLength = nacl.secretbox.overheadLength; -nacl.sign = function(msg, secretKey) { - checkArrayTypes(msg, secretKey); - if (secretKey.length !== crypto_sign_SECRETKEYBYTES) - throw new Error('bad secret key size'); - var signedMsg = new Uint8Array(crypto_sign_BYTES+msg.length); - crypto_sign(signedMsg, msg, msg.length, secretKey); - return signedMsg; +nacl.sign = function (msg, secretKey) { + checkArrayTypes(msg, secretKey); + if (secretKey.length !== crypto_sign_SECRETKEYBYTES) + throw new Error('bad secret key size'); + var signedMsg = new Uint8Array(crypto_sign_BYTES + msg.length); + crypto_sign(signedMsg, msg, msg.length, secretKey); + return signedMsg; }; -nacl.sign.open = function(signedMsg, publicKey) { - if (arguments.length !== 2) - throw new Error('nacl.sign.open accepts 2 arguments; did you mean to use nacl.sign.detached.verify?'); - checkArrayTypes(signedMsg, publicKey); - if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) - throw new Error('bad public key size'); - var tmp = new Uint8Array(signedMsg.length); - var mlen = crypto_sign_open(tmp, signedMsg, signedMsg.length, publicKey); - if (mlen < 0) return null; - var m = new Uint8Array(mlen); - for (var i = 0; i < m.length; i++) m[i] = tmp[i]; - return m; +nacl.sign.open = function (signedMsg, publicKey) { + if (arguments.length !== 2) + throw new Error('nacl.sign.open accepts 2 arguments; did you mean to use nacl.sign.detached.verify?'); + checkArrayTypes(signedMsg, publicKey); + if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) + throw new Error('bad public key size'); + var tmp = new Uint8Array(signedMsg.length); + var mlen = crypto_sign_open(tmp, signedMsg, signedMsg.length, publicKey); + if (mlen < 0) return null; + var m = new Uint8Array(mlen); + for (var i = 0; i < m.length; i++) m[i] = tmp[i]; + return m; }; -nacl.sign.detached = function(msg, secretKey) { - var signedMsg = nacl.sign(msg, secretKey); - var sig = new Uint8Array(crypto_sign_BYTES); - for (var i = 0; i < sig.length; i++) sig[i] = signedMsg[i]; - return sig; +nacl.sign.detached = function (msg, secretKey) { + var signedMsg = nacl.sign(msg, secretKey); + var sig = new Uint8Array(crypto_sign_BYTES); + for (var i = 0; i < sig.length; i++) sig[i] = signedMsg[i]; + return sig; }; -nacl.sign.detached.verify = function(msg, sig, publicKey) { - checkArrayTypes(msg, sig, publicKey); - if (sig.length !== crypto_sign_BYTES) - throw new Error('bad signature size'); - if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) - throw new Error('bad public key size'); - var sm = new Uint8Array(crypto_sign_BYTES + msg.length); - var m = new Uint8Array(crypto_sign_BYTES + msg.length); - var i; - for (i = 0; i < crypto_sign_BYTES; i++) sm[i] = sig[i]; - for (i = 0; i < msg.length; i++) sm[i+crypto_sign_BYTES] = msg[i]; - return (crypto_sign_open(m, sm, sm.length, publicKey) >= 0); +nacl.sign.detached.verify = function (msg, sig, publicKey) { + checkArrayTypes(msg, sig, publicKey); + if (sig.length !== crypto_sign_BYTES) + throw new Error('bad signature size'); + if (publicKey.length !== crypto_sign_PUBLICKEYBYTES) + throw new Error('bad public key size'); + var sm = new Uint8Array(crypto_sign_BYTES + msg.length); + var m = new Uint8Array(crypto_sign_BYTES + msg.length); + var i; + for (i = 0; i < crypto_sign_BYTES; i++) sm[i] = sig[i]; + for (i = 0; i < msg.length; i++) sm[i + crypto_sign_BYTES] = msg[i]; + return (crypto_sign_open(m, sm, sm.length, publicKey) >= 0); }; -nacl.sign.keyPair = function() { - var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); - var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); - crypto_sign_keypair(pk, sk); - return {publicKey: pk, secretKey: sk}; +nacl.sign.keyPair = function () { + var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); + var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); + crypto_sign_keypair(pk, sk); + return { publicKey: pk, secretKey: sk }; }; -nacl.sign.keyPair.fromSecretKey = function(secretKey) { - checkArrayTypes(secretKey); - if (secretKey.length !== crypto_sign_SECRETKEYBYTES) - throw new Error('bad secret key size'); - var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); - for (var i = 0; i < pk.length; i++) pk[i] = secretKey[32+i]; - return {publicKey: pk, secretKey: new Uint8Array(secretKey)}; +nacl.sign.keyPair.fromSecretKey = function (secretKey) { + checkArrayTypes(secretKey); + if (secretKey.length !== crypto_sign_SECRETKEYBYTES) + throw new Error('bad secret key size'); + var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); + for (var i = 0; i < pk.length; i++) pk[i] = secretKey[32 + i]; + return { publicKey: pk, secretKey: new Uint8Array(secretKey) }; }; -nacl.sign.keyPair.fromSeed = function(seed) { - checkArrayTypes(seed); - if (seed.length !== crypto_sign_SEEDBYTES) - throw new Error('bad seed size'); - var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); - var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); - for (var i = 0; i < 32; i++) sk[i] = seed[i]; - crypto_sign_keypair(pk, sk, true); - return {publicKey: pk, secretKey: sk}; +nacl.sign.keyPair.fromSeed = function (seed) { + checkArrayTypes(seed); + if (seed.length !== crypto_sign_SEEDBYTES) + throw new Error('bad seed size'); + var pk = new Uint8Array(crypto_sign_PUBLICKEYBYTES); + var sk = new Uint8Array(crypto_sign_SECRETKEYBYTES); + for (var i = 0; i < 32; i++) sk[i] = seed[i]; + crypto_sign_keypair(pk, sk, true); + return { publicKey: pk, secretKey: sk }; }; nacl.sign.publicKeyLength = crypto_sign_PUBLICKEYBYTES; @@ -2364,59 +2362,58 @@ nacl.sign.secretKeyLength = crypto_sign_SECRETKEYBYTES; nacl.sign.seedLength = crypto_sign_SEEDBYTES; nacl.sign.signatureLength = crypto_sign_BYTES; -nacl.hash = function(msg) { - checkArrayTypes(msg); - var h = new Uint8Array(crypto_hash_BYTES); - crypto_hash(h, msg, msg.length); - return h; +nacl.hash = function (msg) { + checkArrayTypes(msg); + var h = new Uint8Array(crypto_hash_BYTES); + crypto_hash(h, msg, msg.length); + return h; }; nacl.hash.hashLength = crypto_hash_BYTES; -nacl.verify = function(x, y) { - checkArrayTypes(x, y); - // Zero length arguments are considered not equal. - if (x.length === 0 || y.length === 0) return false; - if (x.length !== y.length) return false; - return (vn(x, 0, y, 0, x.length) === 0); +nacl.verify = function (x, y) { + checkArrayTypes(x, y); + // Zero length arguments are considered not equal. + if (x.length === 0 || y.length === 0) return false; + if (x.length !== y.length) return false; + return (vn(x, 0, y, 0, x.length) === 0); }; -nacl.setPRNG = function(fn) { - randombytes = fn; +nacl.setPRNG = function (fn) { + randombytes = fn; }; -(function() { - // Initialize PRNG if environment provides CSPRNG. - // If not, methods calling randombytes will throw. - var crypto; - if (typeof window !== 'undefined') { - // Browser. - if (window.crypto && window.crypto.getRandomValues) { - crypto = window.crypto; // Standard - } else if (window.msCrypto && window.msCrypto.getRandomValues) { - crypto = window.msCrypto; // Internet Explorer 11+ - } - if (crypto) { - nacl.setPRNG(function(x, n) { - var i, v = new Uint8Array(n); - crypto.getRandomValues(v); - for (i = 0; i < n; i++) x[i] = v[i]; - cleanup(v); - }); - } - } else if (typeof require !== 'undefined') { - // Node.js. - crypto = require('crypto'); - if (crypto) { - nacl.setPRNG(function(x, n) { - var i, v = crypto.randomBytes(n); - for (i = 0; i < n; i++) x[i] = v[i]; - cleanup(v); - }); - } - } +(function () { + // Initialize PRNG if environment provides CSPRNG. + // If not, methods calling randombytes will throw. + var crypto; + if (typeof window !== 'undefined') { + // Browser. + if (window.crypto && window.crypto.getRandomValues) { + crypto = window.crypto; // Standard + } else if (window.msCrypto && window.msCrypto.getRandomValues) { + crypto = window.msCrypto; // Internet Explorer 11+ + } + if (crypto) { + nacl.setPRNG(function (x, n) { + var i, v = new Uint8Array(n); + crypto.getRandomValues(v); + for (i = 0; i < n; i++) x[i] = v[i]; + cleanup(v); + }); + } + } else if (typeof require !== 'undefined') { + // Node.js. + crypto = require('crypto'); + if (crypto) { + nacl.setPRNG(function (x, n) { + var i, v = crypto.randomBytes(n); + for (i = 0; i < n; i++) x[i] = v[i]; + cleanup(v); + }); + } + } })(); // == CHANGE TO ES6 EXPORT == // -//})(typeof module !== 'undefined' && module.exports ? module.exports : (window.nacl = window.nacl || {})); export default nacl diff --git a/crypto/api/deps/qora.js b/crypto/api/deps/qora.js index 5c52ec44..bc385942 100644 --- a/crypto/api/deps/qora.js +++ b/crypto/api/deps/qora.js @@ -26,9 +26,8 @@ const TYPES = { MESSAGE_TRANSACTION: 17 }; -function getKeyPairFromSeed(seed, returnBase58) -{ - if(typeof(seed) == "string") { +function getKeyPairFromSeed(seed, returnBase58) { + if (typeof (seed) == "string") { seed = new Uint8Array(Base58.decode(seed)); } @@ -36,7 +35,7 @@ function getKeyPairFromSeed(seed, returnBase58) var base58privateKey = Base58.encode(keyPair.secretKey); var base58publicKey = Base58.encode(keyPair.publicKey); - if(returnBase58) { + if (returnBase58) { return { privateKey: Base58.encode(keyPair.secretKey), publicKey: Base58.encode(keyPair.publicKey) @@ -51,16 +50,16 @@ function getKeyPairFromSeed(seed, returnBase58) function stringtoUTF8Array(message) { if (typeof message == 'string') { - var s = unescape(encodeURIComponent(message)); // UTF-8 - message = new Uint8Array(s.length); - for (var i = 0; i < s.length; i++) { + var s = unescape(encodeURIComponent(message)); // UTF-8 + message = new Uint8Array(s.length); + for (var i = 0; i < s.length; i++) { message[i] = s.charCodeAt(i) & 0xff; } } return message; } -function int32ToBytes (word) { +function int32ToBytes(word) { var byteArray = []; for (var b = 0; b < 32; b += 8) { byteArray.push((word >>> (24 - b % 32)) & 0xFF); @@ -68,20 +67,20 @@ function int32ToBytes (word) { return byteArray; } -function int64ToBytes (int64) { - // we want to represent the input as a 8-bytes array - var byteArray = [0, 0, 0, 0, 0, 0, 0, 0]; +function int64ToBytes(int64) { + // we want to represent the input as a 8-bytes array + var byteArray = [0, 0, 0, 0, 0, 0, 0, 0]; - for ( var index = 0; index < byteArray.length; index ++ ) { - var byte = int64 & 0xff; - byteArray [ byteArray.length - index - 1 ] = byte; - int64 = (int64 - byte) / 256 ; - } + for (var index = 0; index < byteArray.length; index++) { + var byte = int64 & 0xff; + byteArray[byteArray.length - index - 1] = byte; + int64 = (int64 - byte) / 256; + } - return byteArray; + return byteArray; } -function appendBuffer (buffer1, buffer2) { +function appendBuffer(buffer1, buffer2) { buffer1 = new Uint8Array(buffer1); buffer2 = new Uint8Array(buffer2); var tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength); @@ -90,21 +89,18 @@ function appendBuffer (buffer1, buffer2) { return tmp; } -function equal (buf1, buf2) -{ - if (buf1.byteLength != buf2.byteLength) return false; - var dv1 = new Uint8Array(buf1); - var dv2 = new Uint8Array(buf2); - for (var i = 0; i != buf1.byteLength; i++) - { - if (dv1[i] != dv2[i]) return false; - } - return true; +function equal(buf1, buf2) { + if (buf1.byteLength != buf2.byteLength) return false; + var dv1 = new Uint8Array(buf1); + var dv2 = new Uint8Array(buf2); + for (var i = 0; i != buf1.byteLength; i++) { + if (dv1[i] != dv2[i]) return false; + } + return true; } -function generateAccountSeed(seed, nonce, returnBase58) -{ - if(typeof(seed) == "string") { +function generateAccountSeed(seed, nonce, returnBase58) { + if (typeof (seed) == "string") { seed = Base58.decode(seed); } @@ -116,7 +112,7 @@ function generateAccountSeed(seed, nonce, returnBase58) resultSeed = appendBuffer(resultSeed, seed); resultSeed = appendBuffer(resultSeed, nonceBytes); - if(returnBase58) { + if (returnBase58) { return Base58.encode(SHA256.digest(SHA256.digest(resultSeed))); } else { return new SHA256.digest(SHA256.digest(resultSeed)); @@ -124,11 +120,10 @@ function generateAccountSeed(seed, nonce, returnBase58) } -function getAccountAddressFromPublicKey(publicKey) -{ +function getAccountAddressFromPublicKey(publicKey) { var ADDRESS_VERSION = 58; // Q - if(typeof(publicKey) == "string") { + if (typeof (publicKey) == "string") { publicKey = Base58.decode(publicKey); } @@ -150,13 +145,12 @@ function getAccountAddressFromPublicKey(publicKey) return Base58.encode(addressArray); } -function getAccountAddressType(address) -{ +function getAccountAddressType(address) { try { var ADDRESS_VERSION = 58; // Q var AT_ADDRESS_VERSION = 23; // A - if(typeof(address) == "string") { + if (typeof (address) == "string") { address = Base58.decode(address); } @@ -166,14 +160,11 @@ function getAccountAddressType(address) var checkSumTwo = SHA256.digest(SHA256.digest(addressWitoutChecksum)); checkSumTwo = checkSumTwo.subarray(0, 4); - if (equal(checkSum, checkSumTwo)) - { - if(address[0] == ADDRESS_VERSION) - { + if (equal(checkSum, checkSumTwo)) { + if (address[0] == ADDRESS_VERSION) { return "standard"; } - if(address[0] == AT_ADDRESS_VERSION) - { + if (address[0] == AT_ADDRESS_VERSION) { return "at"; } } @@ -185,8 +176,7 @@ function getAccountAddressType(address) } } -function isValidAddress(address) -{ +function isValidAddress(address) { return (getAccountAddressType(address) != "invalid"); } @@ -307,8 +297,8 @@ function generateSignatureRegisterNameTransaction(keyPair, lastReference, owner, } function generateRegisterNameTransaction(keyPair, lastReference, owner, name, value, fee, timestamp, signature) { - return appendBuffer( generateRegisterNameTransactionBase(keyPair.publicKey, lastReference, owner, name, value, fee, timestamp), - signature ); + return appendBuffer(generateRegisterNameTransactionBase(keyPair.publicKey, lastReference, owner, name, value, fee, timestamp), + signature); } function generateRegisterNameTransactionBase(publicKey, lastReference, owner, name, value, fee, timestamp) { @@ -333,4 +323,4 @@ function generateRegisterNameTransactionBase(publicKey, lastReference, owner, na data = appendBuffer(data, feeBytes); return data; -} \ No newline at end of file +} diff --git a/crypto/api/deps/ripemd160.js b/crypto/api/deps/ripemd160.js index a50d0035..88f72c31 100644 --- a/crypto/api/deps/ripemd160.js +++ b/crypto/api/deps/ripemd160.js @@ -1,5 +1,7 @@ // Extracted from https://github.com/crypto-browserify/ripemd160 + const ARRAY16 = new Array(16); + const zl = initU8Array([ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 7, 4, 13, 1, 10, 6, 15, 3, 12, 0, 9, 5, 2, 14, 11, 8, diff --git a/crypto/api/deps/sha256.js b/crypto/api/deps/sha256.js index e4f718f4..4b1fcb93 100644 --- a/crypto/api/deps/sha256.js +++ b/crypto/api/deps/sha256.js @@ -3,140 +3,139 @@ const SHA256 = {}; SHA256.K = [ - 0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, - 0x59f111f1, 0x923f82a4, 0xab1c5ed5, 0xd807aa98, 0x12835b01, - 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, - 0xc19bf174, 0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, - 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da, 0x983e5152, - 0xa831c66d, 0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, - 0x06ca6351, 0x14292967, 0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, - 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85, - 0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, - 0xd6990624, 0xf40e3585, 0x106aa070, 0x19a4c116, 0x1e376c08, - 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, - 0x682e6ff3, 0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, - 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2 + 0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, + 0x59f111f1, 0x923f82a4, 0xab1c5ed5, 0xd807aa98, 0x12835b01, + 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, + 0xc19bf174, 0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, + 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da, 0x983e5152, + 0xa831c66d, 0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, + 0x06ca6351, 0x14292967, 0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, + 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85, + 0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, + 0xd6990624, 0xf40e3585, 0x106aa070, 0x19a4c116, 0x1e376c08, + 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, + 0x682e6ff3, 0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, + 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2 ]; // The digest function returns the hash value (digest) // as a 32 byte (typed) array. // message: the string or byte array to hash -SHA256.digest = function(message) { - var h0 = 0x6a09e667; - var h1 = 0xbb67ae85; - var h2 = 0x3c6ef372; - var h3 = 0xa54ff53a; - var h4 = 0x510e527f; - var h5 = 0x9b05688c; - var h6 = 0x1f83d9ab; - var h7 = 0x5be0cd19; - var K = SHA256.K; - if (typeof message == 'string') { - var s = unescape(encodeURIComponent(message)); // UTF-8 - message = new Uint8Array(s.length); - for (var i = 0; i < s.length; i++) { - message[i] = s.charCodeAt(i) & 0xff; - } - } - var length = message.length; - var byteLength = Math.floor((length + 72) / 64) * 64; - var wordLength = byteLength / 4; - var bitLength = length * 8; - var m = new Uint8Array(byteLength); - m.set(message); - m[length] = 0x80; - m[byteLength - 4] = bitLength >>> 24; - m[byteLength - 3] = (bitLength >>> 16) & 0xff; - m[byteLength - 2] = (bitLength >>> 8) & 0xff; - m[byteLength - 1] = bitLength & 0xff; - var words = new Int32Array(wordLength); - var byteIndex = 0; - for (var i = 0; i < words.length; i++) { - var word = m[byteIndex++] << 24; - word |= m[byteIndex++] << 16; - word |= m[byteIndex++] << 8; - word |= m[byteIndex++]; - words[i] = word; - } - var w = new Int32Array(64); - for (var j = 0; j < wordLength; j += 16) { - for (i = 0; i < 16; i++) { - w[i] = words[j + i]; - } - for (i = 16; i < 64; i++) { - var v = w[i - 15]; - var s0 = (v >>> 7) | (v << 25); - s0 ^= (v >>> 18) | (v << 14); - s0 ^= (v >>> 3); - v = w[i - 2]; - var s1 = (v >>> 17) | (v << 15); - s1 ^= (v >>> 19) | (v << 13); - s1 ^= (v >>> 10); - w[i] = (w[i - 16] + s0 + w[i - 7] + s1) & 0xffffffff; - } - var a = h0; - var b = h1; - var c = h2; - var d = h3; - var e = h4; - var f = h5; - var g = h6; - var h = h7; - for (i = 0; i < 64; i++) { - s1 = (e >>> 6) | (e << 26); - s1 ^= (e >>> 11) | (e << 21); - s1 ^= (e >>> 25) | (e << 7); - var ch = (e & f) ^ (~e & g); - var temp1 = (h + s1 + ch + K[i] + w[i]) & 0xffffffff; - s0 = (a >>> 2) | (a << 30); - s0 ^= (a >>> 13) | (a << 19); - s0 ^= (a >>> 22) | (a << 10); - var maj = (a & b) ^ (a & c) ^ (b & c); - var temp2 = (s0 + maj) & 0xffffffff; - h = g - g = f - f = e - e = (d + temp1) & 0xffffffff; - d = c; - c = b; - b = a; - a = (temp1 + temp2) & 0xffffffff; - } - h0 = (h0 + a) & 0xffffffff; - h1 = (h1 + b) & 0xffffffff; - h2 = (h2 + c) & 0xffffffff; - h3 = (h3 + d) & 0xffffffff; - h4 = (h4 + e) & 0xffffffff; - h5 = (h5 + f) & 0xffffffff; - h6 = (h6 + g) & 0xffffffff; - h7 = (h7 + h) & 0xffffffff; - } - var hash = new Uint8Array(32); - for (var i = 0; i < 4; i++) { - hash[i] = (h0 >>> (8 * (3 - i))) & 0xff; - hash[i + 4] = (h1 >>> (8 * (3 - i))) & 0xff; - hash[i + 8] = (h2 >>> (8 * (3 - i))) & 0xff; - hash[i + 12] = (h3 >>> (8 * (3 - i))) & 0xff; - hash[i + 16] = (h4 >>> (8 * (3 - i))) & 0xff; - hash[i + 20] = (h5 >>> (8 * (3 - i))) & 0xff; - hash[i + 24] = (h6 >>> (8 * (3 - i))) & 0xff; - hash[i + 28] = (h7 >>> (8 * (3 - i))) & 0xff; - } - return hash; -} +SHA256.digest = function (message) { + var h0 = 0x6a09e667; + var h1 = 0xbb67ae85; + var h2 = 0x3c6ef372; + var h3 = 0xa54ff53a; + var h4 = 0x510e527f; + var h5 = 0x9b05688c; + var h6 = 0x1f83d9ab; + var h7 = 0x5be0cd19; + var K = SHA256.K; + if (typeof message == 'string') { + var s = unescape(encodeURIComponent(message)); // UTF-8 + message = new Uint8Array(s.length); + for (var i = 0; i < s.length; i++) { + message[i] = s.charCodeAt(i) & 0xff; + } + } + var length = message.length; + var byteLength = Math.floor((length + 72) / 64) * 64; + var wordLength = byteLength / 4; + var bitLength = length * 8; + var m = new Uint8Array(byteLength); + m.set(message); + m[length] = 0x80; + m[byteLength - 4] = bitLength >>> 24; + m[byteLength - 3] = (bitLength >>> 16) & 0xff; + m[byteLength - 2] = (bitLength >>> 8) & 0xff; + m[byteLength - 1] = bitLength & 0xff; + var words = new Int32Array(wordLength); + var byteIndex = 0; + for (var i = 0; i < words.length; i++) { + var word = m[byteIndex++] << 24; + word |= m[byteIndex++] << 16; + word |= m[byteIndex++] << 8; + word |= m[byteIndex++]; + words[i] = word; + } + var w = new Int32Array(64); + for (var j = 0; j < wordLength; j += 16) { + for (i = 0; i < 16; i++) { + w[i] = words[j + i]; + } + for (i = 16; i < 64; i++) { + var v = w[i - 15]; + var s0 = (v >>> 7) | (v << 25); + s0 ^= (v >>> 18) | (v << 14); + s0 ^= (v >>> 3); + v = w[i - 2]; + var s1 = (v >>> 17) | (v << 15); + s1 ^= (v >>> 19) | (v << 13); + s1 ^= (v >>> 10); + w[i] = (w[i - 16] + s0 + w[i - 7] + s1) & 0xffffffff; + } + var a = h0; + var b = h1; + var c = h2; + var d = h3; + var e = h4; + var f = h5; + var g = h6; + var h = h7; + for (i = 0; i < 64; i++) { + s1 = (e >>> 6) | (e << 26); + s1 ^= (e >>> 11) | (e << 21); + s1 ^= (e >>> 25) | (e << 7); + var ch = (e & f) ^ (~e & g); + var temp1 = (h + s1 + ch + K[i] + w[i]) & 0xffffffff; + s0 = (a >>> 2) | (a << 30); + s0 ^= (a >>> 13) | (a << 19); + s0 ^= (a >>> 22) | (a << 10); + var maj = (a & b) ^ (a & c) ^ (b & c); + var temp2 = (s0 + maj) & 0xffffffff; + h = g + g = f + f = e + e = (d + temp1) & 0xffffffff; + d = c; + c = b; + b = a; + a = (temp1 + temp2) & 0xffffffff; + } + h0 = (h0 + a) & 0xffffffff; + h1 = (h1 + b) & 0xffffffff; + h2 = (h2 + c) & 0xffffffff; + h3 = (h3 + d) & 0xffffffff; + h4 = (h4 + e) & 0xffffffff; + h5 = (h5 + f) & 0xffffffff; + h6 = (h6 + g) & 0xffffffff; + h7 = (h7 + h) & 0xffffffff; + } + var hash = new Uint8Array(32); + for (var i = 0; i < 4; i++) { + hash[i] = (h0 >>> (8 * (3 - i))) & 0xff; + hash[i + 4] = (h1 >>> (8 * (3 - i))) & 0xff; + hash[i + 8] = (h2 >>> (8 * (3 - i))) & 0xff; + hash[i + 12] = (h3 >>> (8 * (3 - i))) & 0xff; + hash[i + 16] = (h4 >>> (8 * (3 - i))) & 0xff; + hash[i + 20] = (h5 >>> (8 * (3 - i))) & 0xff; + hash[i + 24] = (h6 >>> (8 * (3 - i))) & 0xff; + hash[i + 28] = (h7 >>> (8 * (3 - i))) & 0xff; + } + return hash; +} // The hash function returns the hash value as a hex string. // message: the string or byte array to hash -SHA256.hash = function(message) { - var digest = SHA256.digest(message); - var hex = ''; +SHA256.hash = function (message) { + var digest = SHA256.digest(message); + var hex = ''; for (var i = 0; i < digest.length; i++) { var s = '0' + digest[i].toString(16); - hex += s.length > 2 ? s.substring(1) : s; + hex += s.length > 2 ? s.substring(1) : s; } - return hex; + return hex; } - // == Convert to ES6 Module == // -export default SHA256; \ No newline at end of file +export default SHA256; diff --git a/crypto/api/deps/utils.js b/crypto/api/deps/utils.js index 20715934..ae83d18d 100644 --- a/crypto/api/deps/utils.js +++ b/crypto/api/deps/utils.js @@ -1,74 +1,73 @@ -'use strict' const utils = { - int32ToBytes(word) { - var byteArray = [] - for (var b = 0; b < 32; b += 8) { - byteArray.push((word >>> (24 - b % 32)) & 0xFF) - } - return byteArray - }, + int32ToBytes(word) { + var byteArray = [] + for (var b = 0; b < 32; b += 8) { + byteArray.push((word >>> (24 - b % 32)) & 0xFF) + } + return byteArray + }, - stringtoUTF8Array(message) { - if (typeof message === 'string') { - var s = unescape(encodeURIComponent(message)) // UTF-8 - message = new Uint8Array(s.length) - for (var i = 0; i < s.length; i++) { - message[i] = s.charCodeAt(i) & 0xff - } - } - return message - }, - // ...buffers then buffers.foreach and append to buffer1 - appendBuffer(buffer1, buffer2) { - buffer1 = new Uint8Array(buffer1) - buffer2 = new Uint8Array(buffer2) - let tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength) - tmp.set(buffer1, 0) - tmp.set(buffer2, buffer1.byteLength) - return tmp - }, + stringtoUTF8Array(message) { + if (typeof message === 'string') { + var s = unescape(encodeURIComponent(message)) // UTF-8 + message = new Uint8Array(s.length) + for (var i = 0; i < s.length; i++) { + message[i] = s.charCodeAt(i) & 0xff + } + } + return message + }, + // ...buffers then buffers.foreach and append to buffer1 + appendBuffer(buffer1, buffer2) { + buffer1 = new Uint8Array(buffer1) + buffer2 = new Uint8Array(buffer2) + let tmp = new Uint8Array(buffer1.byteLength + buffer2.byteLength) + tmp.set(buffer1, 0) + tmp.set(buffer2, buffer1.byteLength) + return tmp + }, - int64ToBytes(int64) { - // we want to represent the input as a 8-bytes array - var byteArray = [0, 0, 0, 0, 0, 0, 0, 0] + int64ToBytes(int64) { + // we want to represent the input as a 8-bytes array + var byteArray = [0, 0, 0, 0, 0, 0, 0, 0] - for (var index = 0; index < byteArray.length; index++) { - var byte = int64 & 0xff - byteArray[byteArray.length - index - 1] = byte - int64 = (int64 - byte) / 256 - } + for (var index = 0; index < byteArray.length; index++) { + var byte = int64 & 0xff + byteArray[byteArray.length - index - 1] = byte + int64 = (int64 - byte) / 256 + } - return byteArray - }, + return byteArray + }, - hexToBytes(hexString) { - return new Uint8Array(hexString.match(/.{1,2}/g).map(byte => parseInt(byte, 16))) - }, + hexToBytes(hexString) { + return new Uint8Array(hexString.match(/.{1,2}/g).map(byte => parseInt(byte, 16))) + }, - stringToHex(bytes) { - return bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, '0'), '') - }, + stringToHex(bytes) { + return bytes.reduce((str, byte) => str + byte.toString(16).padStart(2, '0'), '') + }, - equal(buf1, buf2) { - if (buf1.byteLength != buf2.byteLength) return false - var dv1 = new Uint8Array(buf1) - var dv2 = new Uint8Array(buf2) - for (var i = 0; i != buf1.byteLength; i++) { - if (dv1[i] != dv2[i]) return false - } - return true - }, + equal(buf1, buf2) { + if (buf1.byteLength != buf2.byteLength) return false + var dv1 = new Uint8Array(buf1) + var dv2 = new Uint8Array(buf2) + for (var i = 0; i != buf1.byteLength; i++) { + if (dv1[i] != dv2[i]) return false + } + return true + }, - bytesToHex(byteArray) { - var _byteArrayToHex = [] + bytesToHex(byteArray) { + var _byteArrayToHex = [] - for (var index = 0; index < byteArray.length; index++) { - _byteArrayToHex.push((byteArray[index] >>> 4).toString(16)) - _byteArrayToHex.push((byteArray[index] & 15).toString(16)); - } + for (var index = 0; index < byteArray.length; index++) { + _byteArrayToHex.push((byteArray[index] >>> 4).toString(16)) + _byteArrayToHex.push((byteArray[index] & 15).toString(16)); + } - return _byteArrayToHex.join("") - } + return _byteArrayToHex.join("") + } } export default utils diff --git a/crypto/api/fetch-request.js b/crypto/api/fetch-request.js index 6adab74c..7c0201ee 100644 --- a/crypto/api/fetch-request.js +++ b/crypto/api/fetch-request.js @@ -1,4 +1,4 @@ -import {waitForConfig, watchConfig} from '../config.js' +import { waitForConfig, watchConfig } from '../config' let config = {} diff --git a/crypto/api/kdf.js b/crypto/api/kdf.js index 2c64d5d9..c71ef89e 100644 --- a/crypto/api/kdf.js +++ b/crypto/api/kdf.js @@ -1,11 +1,11 @@ -import {store} from '../api_deps.js' -import {stateAwait} from './utils/stateAwait.js' -import {Sha512} from 'asmcrypto.js' -import utils from '../api/deps/utils.js' -import {get, registerTranslateConfig} from '../../core/translate' +import { store } from '../api_deps' +import { stateAwait } from './utils/stateAwait' +import { Sha512 } from 'asmcrypto.js' +import utils from '../api/deps/utils' +import { get, registerTranslateConfig } from '../../core/translate' registerTranslateConfig({ - loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) + loader: lang => fetch(`/language/${lang}.json`).then(res => res.json()) }) export const kdf = async (seed, salt, status = () => { }) => { diff --git a/crypto/api/registerUsername.js b/crypto/api/registerUsername.js index 1092e756..377e7d15 100644 --- a/crypto/api/registerUsername.js +++ b/crypto/api/registerUsername.js @@ -1,7 +1,7 @@ /** * Not to be confused with register name...this is a special use case */ -import {createTransaction, processTransaction, request} from './api.js' +import { createTransaction, processTransaction, request } from './api' const TX_TYPE = 3 // NAME_REGISTRATION const CHECK_LAST_REF_INTERVAL = 30 * 1000 // err 30 seconds diff --git a/crypto/api/storeWallet.js b/crypto/api/storeWallet.js index f63a2ce2..6e9061a6 100644 --- a/crypto/api/storeWallet.js +++ b/crypto/api/storeWallet.js @@ -1,6 +1,6 @@ -import {AES_CBC, HmacSha512} from 'asmcrypto.js' -import {kdf} from './kdf.js' -import Base58 from './deps/Base58.js' +import { AES_CBC, HmacSha512 } from 'asmcrypto.js' +import { kdf } from './kdf' +import Base58 from './deps/Base58' const getRandomValues = window.crypto ? window.crypto.getRandomValues.bind(window.crypto) : window.msCrypto.getRandomValues.bind(window.msCrypto) diff --git a/crypto/api/tradeRequest.js b/crypto/api/tradeRequest.js index 892c1318..447244f0 100644 --- a/crypto/api/tradeRequest.js +++ b/crypto/api/tradeRequest.js @@ -1,9 +1,9 @@ // Trade Bot -import TradeBotCreateRequest from './transactions/trade-portal/tradebot/TradeBotCreateRequest.js' -import TradeBotRespondRequest from './transactions/trade-portal/tradebot/TradeBotRespondRequest.js' -import signTradeBotTransaction from './transactions/trade-portal/tradebot/signTradeBotTransaction.js' -import DeleteTradeOffer from './transactions/trade-portal/tradeoffer/DeleteTradeOffer.js' -import {request} from './fetch-request' +import TradeBotCreateRequest from './transactions/trade-portal/tradebot/TradeBotCreateRequest' +import TradeBotRespondRequest from './transactions/trade-portal/tradebot/TradeBotRespondRequest' +import signTradeBotTransaction from './transactions/trade-portal/tradebot/signTradeBotTransaction' +import DeleteTradeOffer from './transactions/trade-portal/tradeoffer/DeleteTradeOffer' +import { request } from './fetch-request' // TradeBotCreateRequest export const tradeBotCreateRequest = (requestObject) => { diff --git a/crypto/api/transactions/AirdropTransaction.js b/crypto/api/transactions/AirdropTransaction.js index 04aa8acf..007ed7ff 100644 --- a/crypto/api/transactions/AirdropTransaction.js +++ b/crypto/api/transactions/AirdropTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from './TransactionBase' -import {QORT_DECIMALS} from '../constants' +import { QORT_DECIMALS } from '../constants' export default class PaymentTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/DeployAtTransaction.js b/crypto/api/transactions/DeployAtTransaction.js index 4b77f21e..2ebfe957 100644 --- a/crypto/api/transactions/DeployAtTransaction.js +++ b/crypto/api/transactions/DeployAtTransaction.js @@ -1,6 +1,6 @@ import TransactionBase from './TransactionBase' -import {store} from '../../api' -import {QORT_DECIMALS} from '../constants' +import { store } from '../../api' +import { QORT_DECIMALS } from '../constants' export default class DeployAtTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/PaymentTransaction.js b/crypto/api/transactions/PaymentTransaction.js index ad3c023b..df11e5b5 100644 --- a/crypto/api/transactions/PaymentTransaction.js +++ b/crypto/api/transactions/PaymentTransaction.js @@ -1,6 +1,6 @@ import TransactionBase from './TransactionBase' import Base58 from '../deps/Base58' -import {store} from '../../api' +import { store } from '../../api' export default class PaymentTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/PublicizeTransaction.js b/crypto/api/transactions/PublicizeTransaction.js index 42e5ba50..44660da1 100644 --- a/crypto/api/transactions/PublicizeTransaction.js +++ b/crypto/api/transactions/PublicizeTransaction.js @@ -1,5 +1,5 @@ import ChatBase from './chat/ChatBase' -import {QORT_DECIMALS} from '../constants' +import { QORT_DECIMALS } from '../constants' export default class PublicizeTransaction extends ChatBase { constructor() { @@ -8,21 +8,21 @@ export default class PublicizeTransaction extends ChatBase { this.fee = 0 } - set proofOfWorkNonce(proofOfWorkNonce) { - this._proofOfWorkNonce = this.constructor.utils.int32ToBytes(proofOfWorkNonce) - } + set proofOfWorkNonce(proofOfWorkNonce) { + this._proofOfWorkNonce = this.constructor.utils.int32ToBytes(proofOfWorkNonce) + } - set fee(fee) { - this._fee = fee * QORT_DECIMALS - this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) - } + set fee(fee) { + this._fee = fee * QORT_DECIMALS + this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) + } - get params() { - const params = super.params - params.push( - this._proofOfWorkNonce, - this._feeBytes - ) - return params - } + get params() { + const params = super.params + params.push( + this._proofOfWorkNonce, + this._feeBytes + ) + return params + } } diff --git a/crypto/api/transactions/TransactionBase.js b/crypto/api/transactions/TransactionBase.js index c5a96068..5e327116 100644 --- a/crypto/api/transactions/TransactionBase.js +++ b/crypto/api/transactions/TransactionBase.js @@ -1,4 +1,4 @@ -import {QORT_DECIMALS, TX_TYPES} from '../constants' +import { QORT_DECIMALS, TX_TYPES } from '../constants' import nacl from '../deps/nacl-fast' import Base58 from '../deps/Base58' import utils from '../deps/utils' diff --git a/crypto/api/transactions/TransferPrivsTransaction.js b/crypto/api/transactions/TransferPrivsTransaction.js index b9eaf809..6aaff1b9 100644 --- a/crypto/api/transactions/TransferPrivsTransaction.js +++ b/crypto/api/transactions/TransferPrivsTransaction.js @@ -1,6 +1,6 @@ import TransactionBase from './TransactionBase' -import {store} from '../../api' -import {QORT_DECIMALS} from '../constants' +import { store } from '../../api' +import { QORT_DECIMALS } from '../constants' export default class TransferPrivsTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/arbitraryV3.js b/crypto/api/transactions/arbitraryV3.js index dd871aac..515b4044 100644 --- a/crypto/api/transactions/arbitraryV3.js +++ b/crypto/api/transactions/arbitraryV3.js @@ -1,38 +1,36 @@ -'use strict' +(function () { + function generateSignatureArbitraryTransactionV3(keyPair, lastReference, service, arbitraryData, fee, timestamp) => { + const data = generateArbitraryTransactionV3Base(keyPair.publicKey, lastReference, service, arbitraryData, fee, timestamp) + return nacl.sign.detached(data, keyPair.privateKey) + } - (function () { - function generateSignatureArbitraryTransactionV3(keyPair, lastReference, service, arbitraryData, fee, timestamp) => { - const data = generateArbitraryTransactionV3Base(keyPair.publicKey, lastReference, service, arbitraryData, fee, timestamp) - return nacl.sign.detached(data, keyPair.privateKey) - } + function generateArbitraryTransactionV3(keyPair, lastReference, service, arbitraryData, fee, timestamp, signature) => { + return appendBuffer(generateArbitraryTransactionV3Base(keyPair.publicKey, lastReference, service, arbitraryData, fee, timestamp), signature) + } - function generateArbitraryTransactionV3(keyPair, lastReference, service, arbitraryData, fee, timestamp, signature) => { - return appendBuffer(generateArbitraryTransactionV3Base(keyPair.publicKey, lastReference, service, arbitraryData, fee, timestamp), signature) - } + function generateArbitraryTransactionV3Base(publicKey, lastReference, service, arbitraryData, fee, timestamp) => { + const txType = TYPES.ARBITRARY_TRANSACTION + const typeBytes = int32ToBytes(txType) + const timestampBytes = int64ToBytes(timestamp) + const feeBytes = int64ToBytes(fee * 100000000) + const serviceBytes = int32ToBytes(service) + const dataSizeBytes = int32ToBytes(arbitraryData.length) + const paymentsLengthBytes = int32ToBytes(0) // Support payments - not yet. - function generateArbitraryTransactionV3Base(publicKey, lastReference, service, arbitraryData, fee, timestamp) => { - const txType = TYPES.ARBITRARY_TRANSACTION - const typeBytes = int32ToBytes(txType) - const timestampBytes = int64ToBytes(timestamp) - const feeBytes = int64ToBytes(fee * 100000000) - const serviceBytes = int32ToBytes(service) - const dataSizeBytes = int32ToBytes(arbitraryData.length) - const paymentsLengthBytes = int32ToBytes(0) // Support payments - not yet. + var data = new Uint8Array() - var data = new Uint8Array() + data = appendBuffer(data, typeBytes) + data = appendBuffer(data, timestampBytes) + data = appendBuffer(data, lastReference) + data = appendBuffer(data, publicKey) + data = appendBuffer(data, paymentsLengthBytes) - data = appendBuffer(data, typeBytes) - data = appendBuffer(data, timestampBytes) - data = appendBuffer(data, lastReference) - data = appendBuffer(data, publicKey) - data = appendBuffer(data, paymentsLengthBytes) + // Here it is necessary to insert the payments, if there are + data = appendBuffer(data, serviceBytes) + data = appendBuffer(data, dataSizeBytes) + data = appendBuffer(data, arbitraryData) + data = appendBuffer(data, feeBytes) - // Here it is necessary to insert the payments, if there are - data = appendBuffer(data, serviceBytes) - data = appendBuffer(data, dataSizeBytes) - data = appendBuffer(data, arbitraryData) - data = appendBuffer(data, feeBytes) - - return data - } - }()) + return data + } +}()) diff --git a/crypto/api/transactions/chat/ChatBase.js b/crypto/api/transactions/chat/ChatBase.js index fe1b26f5..48429c27 100644 --- a/crypto/api/transactions/chat/ChatBase.js +++ b/crypto/api/transactions/chat/ChatBase.js @@ -1,143 +1,143 @@ -import {QORT_DECIMALS, TX_TYPES} from '../../constants' +import { QORT_DECIMALS, TX_TYPES } from '../../constants' import nacl from '../../deps/nacl-fast' import Base58 from '../../deps/Base58' import utils from '../../deps/utils' export default class ChatBase { - static get utils() { - return utils - } + static get utils() { + return utils + } - static get nacl() { - return nacl - } + static get nacl() { + return nacl + } - static get Base58() { - return Base58 - } + static get Base58() { + return Base58 + } - constructor() { - this.fee = 0 - this.groupID = 0 - this.tests = [ - () => { - if (!(this._type >= 1 && this._type in TX_TYPES)) { - return 'Invalid type: ' + this.type - } - return true - }, - () => { - if (this._fee < 0) { - return 'Invalid fee: ' + this._fee / QORT_DECIMALS - } - return true - }, - () => { - if (this._groupID < 0 || !Number.isInteger(this._groupID)) { - return 'Invalid groupID: ' + this._groupID - } - return true - }, - () => { - if (!(new Date(this._timestamp)).getTime() > 0) { - return 'Invalid timestamp: ' + this._timestamp - } - return true - }, - () => { - if (!(this._lastReference instanceof Uint8Array && this._lastReference.byteLength == 64)) { - return 'Invalid last reference: ' + this._lastReference - } - return true - }, - () => { - if (!(this._keyPair)) { - return 'keyPair must be specified' - } - if (!(this._keyPair.publicKey instanceof Uint8Array && this._keyPair.publicKey.byteLength === 32)) { - return 'Invalid publicKey' - } - if (!(this._keyPair.privateKey instanceof Uint8Array && this._keyPair.privateKey.byteLength === 64)) { - return 'Invalid privateKey' - } - return true - } - ] - } + constructor() { + this.fee = 0 + this.groupID = 0 + this.tests = [ + () => { + if (!(this._type >= 1 && this._type in TX_TYPES)) { + return 'Invalid type: ' + this.type + } + return true + }, + () => { + if (this._fee < 0) { + return 'Invalid fee: ' + this._fee / QORT_DECIMALS + } + return true + }, + () => { + if (this._groupID < 0 || !Number.isInteger(this._groupID)) { + return 'Invalid groupID: ' + this._groupID + } + return true + }, + () => { + if (!(new Date(this._timestamp)).getTime() > 0) { + return 'Invalid timestamp: ' + this._timestamp + } + return true + }, + () => { + if (!(this._lastReference instanceof Uint8Array && this._lastReference.byteLength == 64)) { + return 'Invalid last reference: ' + this._lastReference + } + return true + }, + () => { + if (!(this._keyPair)) { + return 'keyPair must be specified' + } + if (!(this._keyPair.publicKey instanceof Uint8Array && this._keyPair.publicKey.byteLength === 32)) { + return 'Invalid publicKey' + } + if (!(this._keyPair.privateKey instanceof Uint8Array && this._keyPair.privateKey.byteLength === 64)) { + return 'Invalid privateKey' + } + return true + } + ] + } - set keyPair(keyPair) { - this._keyPair = keyPair - } + set keyPair(keyPair) { + this._keyPair = keyPair + } - set type(type) { - this.typeText = TX_TYPES[type] - this._type = type - this._typeBytes = this.constructor.utils.int32ToBytes(this._type) - } + set type(type) { + this.typeText = TX_TYPES[type] + this._type = type + this._typeBytes = this.constructor.utils.int32ToBytes(this._type) + } - set groupID(groupID) { - this._groupID = groupID - this._groupIDBytes = this.constructor.utils.int32ToBytes(this._groupID) - } + set groupID(groupID) { + this._groupID = groupID + this._groupIDBytes = this.constructor.utils.int32ToBytes(this._groupID) + } - set timestamp(timestamp) { - this._timestamp = timestamp - this._timestampBytes = this.constructor.utils.int64ToBytes(this._timestamp) - } + set timestamp(timestamp) { + this._timestamp = timestamp + this._timestampBytes = this.constructor.utils.int64ToBytes(this._timestamp) + } - set fee(fee) { - this._fee = fee * QORT_DECIMALS - this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) - } + set fee(fee) { + this._fee = fee * QORT_DECIMALS + this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) + } - set lastReference(lastReference) { - this._lastReference = lastReference instanceof Uint8Array ? lastReference : this.constructor.Base58.decode(lastReference) - } + set lastReference(lastReference) { + this._lastReference = lastReference instanceof Uint8Array ? lastReference : this.constructor.Base58.decode(lastReference) + } - get params() { - return [ - this._typeBytes, - this._timestampBytes, - this._groupIDBytes, - this._lastReference, - this._keyPair.publicKey - ] - } + get params() { + return [ + this._typeBytes, + this._timestampBytes, + this._groupIDBytes, + this._lastReference, + this._keyPair.publicKey + ] + } - get chatBytes() { - const isValid = this.validParams() - if (!isValid.valid) { - throw new Error(isValid.message) - } + get chatBytes() { + const isValid = this.validParams() + if (!isValid.valid) { + throw new Error(isValid.message) + } - let result = new Uint8Array() + let result = new Uint8Array() - this.params.forEach(item => { - result = this.constructor.utils.appendBuffer(result, item) - }) + this.params.forEach(item => { + result = this.constructor.utils.appendBuffer(result, item) + }) - this._chatBytes = result + this._chatBytes = result - return this._chatBytes - } + return this._chatBytes + } - validParams() { - let finalResult = { - valid: true - } + validParams() { + let finalResult = { + valid: true + } - this.tests.some(test => { - const result = test() - if (result !== true) { - finalResult = { - valid: false, - message: result - } - return true - } - }) + this.tests.some(test => { + const result = test() + if (result !== true) { + finalResult = { + valid: false, + message: result + } + return true + } + }) - return finalResult - } + return finalResult + } } diff --git a/crypto/api/transactions/chat/ChatTransaction.js b/crypto/api/transactions/chat/ChatTransaction.js index 1b048aa3..96ac6471 100644 --- a/crypto/api/transactions/chat/ChatTransaction.js +++ b/crypto/api/transactions/chat/ChatTransaction.js @@ -1,8 +1,8 @@ import ChatBase from './ChatBase' import nacl from '../../deps/nacl-fast' import ed2curve from '../../deps/ed2curve' -import {Sha256} from 'asmcrypto.js' -import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants' +import { Sha256 } from 'asmcrypto.js' +import { CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP } from '../../constants' export default class ChatTransaction extends ChatBase { constructor() { diff --git a/crypto/api/transactions/chat/GroupChatTransaction.js b/crypto/api/transactions/chat/GroupChatTransaction.js index bb69f442..e58bc1d0 100644 --- a/crypto/api/transactions/chat/GroupChatTransaction.js +++ b/crypto/api/transactions/chat/GroupChatTransaction.js @@ -1,5 +1,5 @@ import ChatBase from './ChatBase' -import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants' +import { CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP } from '../../constants' export default class GroupChatTransaction extends ChatBase { constructor() { diff --git a/crypto/api/transactions/chat/decryptChatMessage.js b/crypto/api/transactions/chat/decryptChatMessage.js index 8f4b05df..0a88b697 100644 --- a/crypto/api/transactions/chat/decryptChatMessage.js +++ b/crypto/api/transactions/chat/decryptChatMessage.js @@ -1,7 +1,7 @@ import nacl from '../../deps/nacl-fast' import Base58 from '../../deps/Base58' import ed2curve from '../../deps/ed2curve' -import {Sha256} from 'asmcrypto.js' +import { Sha256 } from 'asmcrypto.js' export const decryptChatMessage = (encryptedMessage, privateKey, recipientPublicKey, lastReference) => { let _encryptedMessage = Base58.decode(encryptedMessage) diff --git a/crypto/api/transactions/groups/AddGroupAdminTransaction.js b/crypto/api/transactions/groups/AddGroupAdminTransaction.js index 761e0029..003100aa 100644 --- a/crypto/api/transactions/groups/AddGroupAdminTransaction.js +++ b/crypto/api/transactions/groups/AddGroupAdminTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class AddGroupAdminTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/CancelGroupBanTransaction.js b/crypto/api/transactions/groups/CancelGroupBanTransaction.js index f0b11fa1..604a5f8c 100644 --- a/crypto/api/transactions/groups/CancelGroupBanTransaction.js +++ b/crypto/api/transactions/groups/CancelGroupBanTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class CancelGroupBanTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/CancelGroupInviteTransaction.js b/crypto/api/transactions/groups/CancelGroupInviteTransaction.js index 8dccb6fa..a3023eb4 100644 --- a/crypto/api/transactions/groups/CancelGroupInviteTransaction.js +++ b/crypto/api/transactions/groups/CancelGroupInviteTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class CancelGroupInviteTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/CreateGroupTransaction.js b/crypto/api/transactions/groups/CreateGroupTransaction.js index b81e47ee..13c8220c 100644 --- a/crypto/api/transactions/groups/CreateGroupTransaction.js +++ b/crypto/api/transactions/groups/CreateGroupTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class CreateGroupTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/GroupBanTransaction.js b/crypto/api/transactions/groups/GroupBanTransaction.js index ab679f7a..6bd88b87 100644 --- a/crypto/api/transactions/groups/GroupBanTransaction.js +++ b/crypto/api/transactions/groups/GroupBanTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class GroupBanTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/GroupInviteTransaction.js b/crypto/api/transactions/groups/GroupInviteTransaction.js index 20ce9bed..8e3823a6 100644 --- a/crypto/api/transactions/groups/GroupInviteTransaction.js +++ b/crypto/api/transactions/groups/GroupInviteTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class GroupInviteTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/GroupKickTransaction.js b/crypto/api/transactions/groups/GroupKickTransaction.js index 77391943..6c755ac0 100644 --- a/crypto/api/transactions/groups/GroupKickTransaction.js +++ b/crypto/api/transactions/groups/GroupKickTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class GroupKickTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/JoinGroupTransaction.js b/crypto/api/transactions/groups/JoinGroupTransaction.js index 4db9cb73..7c715b65 100644 --- a/crypto/api/transactions/groups/JoinGroupTransaction.js +++ b/crypto/api/transactions/groups/JoinGroupTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class JoinGroupTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/LeaveGroupTransaction.js b/crypto/api/transactions/groups/LeaveGroupTransaction.js index 104cb9fe..aa8303a5 100644 --- a/crypto/api/transactions/groups/LeaveGroupTransaction.js +++ b/crypto/api/transactions/groups/LeaveGroupTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class LeaveGroupTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js b/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js index d0aff6a3..a648ae6f 100644 --- a/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js +++ b/crypto/api/transactions/groups/RemoveGroupAdminTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class RemoveGroupAdminTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/groups/UpdateGroupTransaction.js b/crypto/api/transactions/groups/UpdateGroupTransaction.js index d080c24f..43926245 100644 --- a/crypto/api/transactions/groups/UpdateGroupTransaction.js +++ b/crypto/api/transactions/groups/UpdateGroupTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class UpdateGroupTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/BuyNameTransacion.js b/crypto/api/transactions/names/BuyNameTransacion.js index d41a7ab8..7e18834d 100644 --- a/crypto/api/transactions/names/BuyNameTransacion.js +++ b/crypto/api/transactions/names/BuyNameTransacion.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class BuyNameTransacion extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/CancelSellNameTransacion.js b/crypto/api/transactions/names/CancelSellNameTransacion.js index 5d53b3a7..483b6982 100644 --- a/crypto/api/transactions/names/CancelSellNameTransacion.js +++ b/crypto/api/transactions/names/CancelSellNameTransacion.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class CancelSellNameTransacion extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/RegisterNameTransaction.js b/crypto/api/transactions/names/RegisterNameTransaction.js index 7240e281..7929d367 100644 --- a/crypto/api/transactions/names/RegisterNameTransaction.js +++ b/crypto/api/transactions/names/RegisterNameTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class RegisterNameTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/SellNameTransacion.js b/crypto/api/transactions/names/SellNameTransacion.js index f93ea901..38db5a81 100644 --- a/crypto/api/transactions/names/SellNameTransacion.js +++ b/crypto/api/transactions/names/SellNameTransacion.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class SellNameTransacion extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/names/UpdateNameTransaction.js b/crypto/api/transactions/names/UpdateNameTransaction.js index c9f5aebe..89faf7d2 100644 --- a/crypto/api/transactions/names/UpdateNameTransaction.js +++ b/crypto/api/transactions/names/UpdateNameTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class UpdateNameTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/polls/CreatePollTransaction.js b/crypto/api/transactions/polls/CreatePollTransaction.js index fa01e9b1..07815458 100644 --- a/crypto/api/transactions/polls/CreatePollTransaction.js +++ b/crypto/api/transactions/polls/CreatePollTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class CreatePollTransaction extends TransactionBase { constructor() { @@ -35,7 +35,7 @@ export default class CreatePollTransaction extends TransactionBase { this._options.push({ length: optionLength, bytes: optionBytes }) } - set feeDialog(feeDialog){ + set feeDialog(feeDialog) { this._feeDialog = feeDialog } @@ -106,7 +106,7 @@ export default class CreatePollTransaction extends TransactionBase { params.push(this._options[i].length, this._options[i].bytes) } - params.push(this._feeBytes); + params.push(this._feeBytes) return params } diff --git a/crypto/api/transactions/polls/VoteOnPollTransaction.js b/crypto/api/transactions/polls/VoteOnPollTransaction.js index 83a7eda9..21ce36e6 100644 --- a/crypto/api/transactions/polls/VoteOnPollTransaction.js +++ b/crypto/api/transactions/polls/VoteOnPollTransaction.js @@ -1,5 +1,5 @@ import TransactionBase from '../TransactionBase' -import {QORT_DECIMALS} from '../../constants' +import { QORT_DECIMALS } from '../../constants' export default class VoteOnPollTransaction extends TransactionBase { constructor() { @@ -20,7 +20,7 @@ export default class VoteOnPollTransaction extends TransactionBase { ` } - set feeDialog(feeDialog){ + set feeDialog(feeDialog) { this._feeDialog = feeDialog } diff --git a/crypto/api/transactions/registerName_dnsthing.js b/crypto/api/transactions/registerName_dnsthing.js index 06210cc4..c32be3a2 100644 --- a/crypto/api/transactions/registerName_dnsthing.js +++ b/crypto/api/transactions/registerName_dnsthing.js @@ -1,36 +1,34 @@ -'use strict' +(function () { + function generateSignatureRegisterNameTransaction(keyPair, lastReference, owner, name, value, fee, timestamp) => { + const data = generateRegisterNameTransactionBase(keyPair.publicKey, lastReference, owner, name, value, fee, timestamp) + return nacl.sign.detached(data, keyPair.privateKey) + } - (function () { - function generateSignatureRegisterNameTransaction(keyPair, lastReference, owner, name, value, fee, timestamp) => { - const data = generateRegisterNameTransactionBase(keyPair.publicKey, lastReference, owner, name, value, fee, timestamp) - return nacl.sign.detached(data, keyPair.privateKey) - } + function generateRegisterNameTransaction(keyPair, lastReference, owner, name, value, fee, timestamp, signature) => { + return appendBuffer(generateRegisterNameTransactionBase(keyPair.publicKey, lastReference, owner, name, value, fee, timestamp), signature) + } - function generateRegisterNameTransaction(keyPair, lastReference, owner, name, value, fee, timestamp, signature) => { - return appendBuffer(generateRegisterNameTransactionBase(keyPair.publicKey, lastReference, owner, name, value, fee, timestamp), signature) - } + function generateRegisterNameTransactionBase(publicKey, lastReference, owner, name, value, fee, timestamp) => { + const txType = TYPES.REGISTER_NAME_TRANSACTION + const typeBytes = int32ToBytes(txType) + const timestampBytes = int64ToBytes(timestamp) + const feeBytes = int64ToBytes(fee * 100000000) + const nameSizeBytes = int32ToBytes(name.length) + const valueSizeBytes = int32ToBytes(value.length) - function generateRegisterNameTransactionBase(publicKey, lastReference, owner, name, value, fee, timestamp) => { - const txType = TYPES.REGISTER_NAME_TRANSACTION - const typeBytes = int32ToBytes(txType) - const timestampBytes = int64ToBytes(timestamp) - const feeBytes = int64ToBytes(fee * 100000000) - const nameSizeBytes = int32ToBytes(name.length) - const valueSizeBytes = int32ToBytes(value.length) + let data = new Uint8Array() - let data = new Uint8Array() + data = appendBuffer(data, typeBytes) + data = appendBuffer(data, timestampBytes) + data = appendBuffer(data, lastReference) + data = appendBuffer(data, publicKey) + data = appendBuffer(data, owner) + data = appendBuffer(data, nameSizeBytes) + data = appendBuffer(data, name) + data = appendBuffer(data, valueSizeBytes) + data = appendBuffer(data, value) + data = appendBuffer(data, feeBytes) - data = appendBuffer(data, typeBytes) - data = appendBuffer(data, timestampBytes) - data = appendBuffer(data, lastReference) - data = appendBuffer(data, publicKey) - data = appendBuffer(data, owner) - data = appendBuffer(data, nameSizeBytes) - data = appendBuffer(data, name) - data = appendBuffer(data, valueSizeBytes) - data = appendBuffer(data, value) - data = appendBuffer(data, feeBytes) - - return data - } - }()) + return data + } +}()) diff --git a/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js b/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js index d16ff579..fe4ecc98 100644 --- a/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js +++ b/crypto/api/transactions/reward-share/RemoveRewardShareTransaction.js @@ -1,7 +1,7 @@ import TransactionBase from '../TransactionBase' import publicKeyToAddress from '../../wallet/publicKeyToAddress' -import {Base58} from '../../deps/deps' -import {DYNAMIC_FEE_TIMESTAMP} from '../../constants' +import { Base58 } from '../../deps/deps' +import { DYNAMIC_FEE_TIMESTAMP } from '../../constants' export default class RemoveRewardShareTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/transactions/reward-share/RewardShareTransaction.js b/crypto/api/transactions/reward-share/RewardShareTransaction.js index 7033417e..b31e24e0 100644 --- a/crypto/api/transactions/reward-share/RewardShareTransaction.js +++ b/crypto/api/transactions/reward-share/RewardShareTransaction.js @@ -2,8 +2,8 @@ import publicKeyToAddress from '../../wallet/publicKeyToAddress' import TransactionBase from '../TransactionBase' import nacl from '../../deps/nacl-fast' import ed2curve from '../../deps/ed2curve' -import {Sha256} from 'asmcrypto.js' -import {DYNAMIC_FEE_TIMESTAMP} from '../../constants' +import { Sha256 } from 'asmcrypto.js' +import { DYNAMIC_FEE_TIMESTAMP } from '../../constants' export default class RewardShareTransaction extends TransactionBase { constructor() { diff --git a/crypto/api/utils/randomBase58Generator.js b/crypto/api/utils/randomBase58Generator.js index 57e6b0aa..1cc21c7a 100644 --- a/crypto/api/utils/randomBase58Generator.js +++ b/crypto/api/utils/randomBase58Generator.js @@ -1,11 +1,11 @@ export const randomBase58Generator = (digits) => { - digits = digits || 0 - let base58 = '123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz'.split('') - let result = '' - let char - while (result.length < digits) { - char = base58[Math.random() * 57 >> 0] - if (result.indexOf(char) === -1) result += char - } - return result + digits = digits || 0 + let base58 = '123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz'.split('') + let result = '' + let char + while (result.length < digits) { + char = base58[Math.random() * 57 >> 0] + if (result.indexOf(char) === -1) result += char + } + return result } diff --git a/crypto/api/utils/stateAwait.js b/crypto/api/utils/stateAwait.js index 666eb0db..800663b5 100644 --- a/crypto/api/utils/stateAwait.js +++ b/crypto/api/utils/stateAwait.js @@ -1,31 +1,31 @@ -import {store} from '../../api.js' +import { store } from '../../api' let subscriptions = [] // Have to wait with init because something import stateAwait before the store gets initialized let initialized = false const init = () => { - initialized = true - store.subscribe(() => { - const state = store.getState() + initialized = true + store.subscribe(() => { + const state = store.getState() - subscriptions = subscriptions.filter(fn => fn(state)) - }) + subscriptions = subscriptions.filter(fn => fn(state)) + }) } export const stateAwait = fn => { - return new Promise((resolve, reject) => { - // Check immediately...then if not true store it - if (!initialized) { - init() - } - if (fn(store.getState())) resolve() - subscriptions.push(state => { - if (fn(state)) { - resolve() - return true - } - return false - }) - }) + return new Promise((resolve, reject) => { + // Check immediately...then if not true store it + if (!initialized) { + init() + } + if (fn(store.getState())) resolve() + subscriptions.push(state => { + if (fn(state)) { + resolve() + return true + } + return false + }) + }) } diff --git a/crypto/api/wallet/base58PublicKeyToAddress.js b/crypto/api/wallet/base58PublicKeyToAddress.js index 6ed36383..8b20cb51 100644 --- a/crypto/api/wallet/base58PublicKeyToAddress.js +++ b/crypto/api/wallet/base58PublicKeyToAddress.js @@ -1,5 +1,5 @@ import publicKeyToAddress from './publicKeyToAddress' -import Base58 from '../deps/Base58.js' +import Base58 from '../deps/Base58' export const base58PublicKeyToAddress = (base58pubkey, qora = false) => { const decodePubKey = Base58.decode(base58pubkey) diff --git a/crypto/api/wallet/publicKeyToAddress.js b/crypto/api/wallet/publicKeyToAddress.js index 67954a0a..7852393f 100644 --- a/crypto/api/wallet/publicKeyToAddress.js +++ b/crypto/api/wallet/publicKeyToAddress.js @@ -1,10 +1,10 @@ -import Base58 from '../deps/Base58.js' -import BROKEN_RIPEMD160 from '../deps/broken-ripemd160.js' -import RIPEMD160 from '../deps/ripemd160.js' -import utils from '../deps/utils.js' -import {ADDRESS_VERSION} from '../constants.js' -import {Buffer} from 'buffer' -import {Sha256} from 'asmcrypto.js' +import Base58 from '../deps/Base58' +import BROKEN_RIPEMD160 from '../deps/broken-ripemd160' +import RIPEMD160 from '../deps/ripemd160' +import utils from '../deps/utils' +import { ADDRESS_VERSION } from '../constants' +import { Buffer } from 'buffer' +import { Sha256 } from 'asmcrypto.js' const repeatSHA256 = (passphrase, hashes) => { let hash = passphrase diff --git a/crypto/api/wallet/validateAddress.js b/crypto/api/wallet/validateAddress.js index 59d016cc..1dc9b1b5 100644 --- a/crypto/api/wallet/validateAddress.js +++ b/crypto/api/wallet/validateAddress.js @@ -1,8 +1,8 @@ -import Base58 from '../deps/Base58.js' +import Base58 from '../deps/Base58' export const validateAddress = (address) => { const decodePubKey = Base58.decode(address) - return decodePubKey instanceof Uint8Array && decodePubKey.length == 25; + return decodePubKey instanceof Uint8Array && decodePubKey.length == 25 } diff --git a/crypto/config.js b/crypto/config.js index 375b5bd8..bedeca43 100644 --- a/crypto/config.js +++ b/crypto/config.js @@ -1,4 +1,4 @@ -import {store} from './api.js' +import { store } from './api' let config = false let loaded = false From 36866d3cf1f16254339f963c4e8fa503c8f5a668 Mon Sep 17 00:00:00 2001 From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com> Date: Sat, 11 May 2024 11:48:12 +0200 Subject: [PATCH 25/26] Update electron.js and dependencies Removed require for esm support from package json Removed dark mode toogle from new ui instance --- electron.js | 22 +---- package-lock.json | 206 +++++++++++++++++++++++----------------------- package.json | 8 +- 3 files changed, 111 insertions(+), 125 deletions(-) diff --git a/electron.js b/electron.js index ee9b47c7..ad6c3d72 100644 --- a/electron.js +++ b/electron.js @@ -38,16 +38,16 @@ crashReporter.start({ }) if (myMemory > 16000000000) { - app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=8192 --max-semi-space-size=2') + app.commandLine.appendSwitch('js-flags', '--max-old-space-size=8192') log.info("Memory Size Is 16GB Using JS Memory Heap Size 8GB") } else if (myMemory > 12000000000) { - app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=6144 --max-semi-space-size=2') + app.commandLine.appendSwitch('js-flags', '--max-old-space-size=6144') log.info("Memory Size Is 12GB Using JS Memory Heap Size 6GB") } else if (myMemory > 7000000000) { - app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=4096 --max-semi-space-size=2') + app.commandLine.appendSwitch('js-flags', '--max-old-space-size=4096') log.info("Memory Size Is 8GB Using JS Memory Heap Size 4GB") } else { - app.commandLine.appendSwitch('js-flags', '--max-executable-size=192 --max-old-space-size=2048 --max-semi-space-size=2') + app.commandLine.appendSwitch('js-flags', '--max-old-space-size=2048') log.info("Memory Size Is 4GB Using JS Memory Heap Size 2GB") } @@ -1194,20 +1194,6 @@ function createNewWindow() { newWindow.on('closed', function () { newWindow = null }) - - ipcMain.handle('dark-mode:toggle', () => { - if (nativeTheme.shouldUseDarkColors) { - nativeTheme.themeSource = 'light' - } else { - nativeTheme.themeSource = 'dark' - } - - return nativeTheme.shouldUseDarkColors - }) - - ipcMain.handle('dark-mode:system', () => { - nativeTheme.themeSource = 'system' - }) } const createTray = () => { diff --git a/package-lock.json b/package-lock.json index 792fc709..26ea2990 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,7 +28,7 @@ "crypto-js": "4.2.0", "driver.js": "1.3.1", "electron-dl": "3.5.2", - "electron-log": "5.1.2", + "electron-log": "5.1.4", "electron-store": "8.2.0", "electron-updater": "6.1.8", "emoji-picker-js": "https://github.com/Qortal/emoji-picker-js", @@ -47,7 +47,7 @@ "prosemirror-state": "1.4.3", "prosemirror-transform": "1.9.0", "prosemirror-view": "1.33.6", - "sass": "1.77.0", + "sass": "1.77.1", "short-unique-id": "5.2.0", "xhr2": "0.2.1" }, @@ -104,7 +104,7 @@ "@vaadin/tooltip": "24.2.9", "@zip.js/zip.js": "2.7.44", "axios": "1.6.8", - "electron": "30.0.2", + "electron": "30.0.3", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", @@ -619,9 +619,9 @@ } }, "node_modules/@electron/packager/node_modules/semver": { - "version": "7.6.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", - "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, "bin": { "semver": "bin/semver.js" @@ -3277,9 +3277,9 @@ } }, "node_modules/@tiptap/extension-blockquote": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.3.1.tgz", - "integrity": "sha512-eyw3/Zn/XbIP2Yo11iE4vYcJ0471aBPMLD56YOyUC0PIF7D5tvPutDesSg95R+BDa5Tq/Id2zV5pZerw1dwwOQ==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.3.2.tgz", + "integrity": "sha512-dyXx1hHAW/0BSxCUNWcxc8UN+s0wRTdtH46u6IEf91z+IOWjJwmSxT00+UMYh6hdOYDDsJYxPe9gcuSWYCIkCg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3289,9 +3289,9 @@ } }, "node_modules/@tiptap/extension-bold": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.3.1.tgz", - "integrity": "sha512-szHDXKOQfrlCzsys401zBtPWE5gyY3LcpPlrn2zBRrBmzU2U/1A7Y3HkoqZo3SSrTY37eG1Vr2J2aHySK6Uj/w==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.3.2.tgz", + "integrity": "sha512-Mdc0qOPeJxxt5kSYKpNs7TzbQHeVpbpxwafUrxrvfD2iOnJlwlNxVWsVulc1t5EA8NpbTqYJTPmAtv2h/qmsfw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3301,9 +3301,9 @@ } }, "node_modules/@tiptap/extension-bullet-list": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.3.1.tgz", - "integrity": "sha512-pif0AB4MUoA1Xm26y1ovH7vfXaV19T9EEQH4tgN2g2eTfdFnQWDmKI0r3XRxudtg40RstBJRa81N9xEO79o8ag==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.3.2.tgz", + "integrity": "sha512-nzvXSGxJuuZdQ6NE0gJ2GC+0gjXZTgU2+Z8TEKi7TYLUAjAoiU1Iniz1XA97cuFwVrNKp031IF1LivK085NqQA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3313,9 +3313,9 @@ } }, "node_modules/@tiptap/extension-code": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.3.1.tgz", - "integrity": "sha512-bVX0EnDZoRXnoA7dyoZe7w2gdRjxmFEcsatHLkcr3R3x4k9oSgZXLe1C2jGbjJWr4j32tYXZ1cpKte6f1WUKzg==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.3.2.tgz", + "integrity": "sha512-LyIRBFJCxbgi96ejoeewESvfUf5igfngamZJK+uegfTcznimP0AjSWs3whJwZ9QXUsQrB9tIrWIG4GBtatp6qw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3325,9 +3325,9 @@ } }, "node_modules/@tiptap/extension-code-block": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.3.1.tgz", - "integrity": "sha512-rM7T+DWuOShariPl5vknNFMesPOFQrhMjmms9Ql636sSxOcnkb0d39NFbUpI/r5noFDC6Km+lAebF0Rx2MxpKQ==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.3.2.tgz", + "integrity": "sha512-Ng5dh8+FMD3pxaqZEDSRxTjgjPCNdEEVUTJnuljZXQ9ZxI9wVsKsGs53Hunpita4Qgk0DYhlfAvGUKCM0nCH4A==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3338,9 +3338,9 @@ } }, "node_modules/@tiptap/extension-document": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.3.1.tgz", - "integrity": "sha512-uWYbzAV95JnetFBduWRI9n2QbQfmznQ7I6XzfZxuTAO2KcWGvHPBS7F00COO9Y67FZAPMbuQ1njtCJK0nClOPw==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.3.2.tgz", + "integrity": "sha512-EQcfkvA7lkZPKllhGo2jiEYLJyXhBFK7++oRatgbfgHEJ2uLBGv6ys7WLCeRA/ntcaWTH3rlS+HR/Y8/nnyQYg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3350,9 +3350,9 @@ } }, "node_modules/@tiptap/extension-dropcursor": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.3.1.tgz", - "integrity": "sha512-xDG1Z01ftRI4mIOY+bPuG53xZ9FfVd6hzjNchwFHRlU3E+/2O+DsEBy/pJuHmpnFx1B/1ANbssoidGvK3LIPYw==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.3.2.tgz", + "integrity": "sha512-r7JJn9dEnIRDdbnTCAUFCWX4OPsR48+4OEm5eGlysEaD2h4z0G1AaK5XXwOoQhP3WP2LHHjL4LahlYZvltzFzw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3363,9 +3363,9 @@ } }, "node_modules/@tiptap/extension-gapcursor": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.3.1.tgz", - "integrity": "sha512-jhMw0LtEV/HVovUDRdoH0QLnBWLDyw4Su7UZ0bkMtsnCO9MujLKths3SKsPstuAckZQKR5smokEytxDHH0aglg==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.3.2.tgz", + "integrity": "sha512-PSry4JHUIOhXytvYUQGtYgfIKCIhnmbKksZ8/CfCaKgGJpjOpnzqRG5FnYXZB7NiqouABreM7+IgkH0mOLq6HQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3376,9 +3376,9 @@ } }, "node_modules/@tiptap/extension-hard-break": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.3.1.tgz", - "integrity": "sha512-HO47iS2KQJLxhZM4ghZz5t2qgESH6D/mKJbjO7jM0eCYEyUfPyYJwV2VgjQP7x+1axcvsrhpzkJrjSg5+KqtQQ==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.3.2.tgz", + "integrity": "sha512-Oy/Dj75kw/tyNyrcFf97r872NZggISfvabTptH8j1gFPg/XzT5ERcT2fvgpbsBx0WWlXOaFkC1owta6kS6MZpg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3388,9 +3388,9 @@ } }, "node_modules/@tiptap/extension-heading": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.3.1.tgz", - "integrity": "sha512-epdIrg1xpuk5ApnNyM/NJO1dhVZgD7kDPem6QH4fug5UJtCueze942yNzUhCuvckmIegfdferAb1p4ug4674ig==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.3.2.tgz", + "integrity": "sha512-KBew4QCnYASBPEJlZ4vKQnm4R9B206H8kE5+hq8OOyF3FVkR6FgF/AbY/E/4/+2blx82PGp+9gvPUVpEv36ifQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3412,9 +3412,9 @@ } }, "node_modules/@tiptap/extension-history": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.3.1.tgz", - "integrity": "sha512-m+W6qTP4V0PHqqKnXw/ma18a62O0Cqp5FDWtSarOuxx6W4FpVr4A3Uxfbp4RigZEYanLcX4UJOWL4nWsFdYWHw==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.3.2.tgz", + "integrity": "sha512-LTon7ys+C6wLmN/nXYkr1pDxIiIv0Czn4US7I/1b8Ws2N6PU+nMm4r7Uj8hKrDYL8yPQUaS4gIs1hhOwJ8UjtA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3425,9 +3425,9 @@ } }, "node_modules/@tiptap/extension-horizontal-rule": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.3.1.tgz", - "integrity": "sha512-IPgCFkiT6Y5BSFBQMTXS6gq2Ust6otMzRwddoI0RC8tl/tMftFBEPqYKADWVQeQb4C6AQydRjUbmAwHpBH31Eg==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.3.2.tgz", + "integrity": "sha512-nz4GcYvZmJOX20GAjR5ymZgzQCbhnK/rmcunQf4zkl4LA5sXm70P70I9bDtrT/mgmz5dnBUTkVAkLTtKbovdDQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3450,9 +3450,9 @@ } }, "node_modules/@tiptap/extension-italic": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.3.1.tgz", - "integrity": "sha512-yEAn0dT1LH1vAULmZv3L1fs7M1Fn/8wZCw7LDGw2/E+VYbDeXgy7XwMPyzhrzV1oV9Z+3gugCbYV0IJ4PBwudA==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.3.2.tgz", + "integrity": "sha512-6RJmexu/E+JP2+lhzJLV+5KZJiTrJE+p/hnDk13CBK2VgiwcJYmcZSVk+Yk6Suwrb1qTAosu8paKIwVJa/VMUg==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3462,9 +3462,9 @@ } }, "node_modules/@tiptap/extension-list-item": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.3.1.tgz", - "integrity": "sha512-GyHLNoXVo9u29NVqijwZPBcv9MzXMGyIiQiO5FxRpuT4Ei4ZmsaJrJ2dmhO3KZhX0HdTSc65/omM2XBr6PDoLA==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.3.2.tgz", + "integrity": "sha512-vgT7tkSZd99xAEph9quPlVdRkgPU4GJp9K7bNS8Y7GnSLU0KkDHbtDpb0pyz76HVpeOnt/QGmtqF14Il9T2IPQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3474,9 +3474,9 @@ } }, "node_modules/@tiptap/extension-ordered-list": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.3.1.tgz", - "integrity": "sha512-+6I76b7fu0FghUtzB0LyIC5GB0xfrpAKtXjbrmeUGsOEL7jxKsE6+A5RoTrgQTfuP7oItdCZGTSC/8WtGbtEMg==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.3.2.tgz", + "integrity": "sha512-eMnQDgWpaQ3sdlFg1M85oziFYl2h/GRBjUt4JhF5kyWpHOYDj1/bX1fndZOBQ5xaoNlbcaeEkIc53xVX4ZV9tw==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3486,9 +3486,9 @@ } }, "node_modules/@tiptap/extension-paragraph": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.3.1.tgz", - "integrity": "sha512-bHkkHU012clwCrpzmEHGuF8fwLuFL3x9MJ17wnhwanoIM3MG6ZCdeb9copjDvUpZXLKTUYKotoPGNhxmOrP2bQ==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.3.2.tgz", + "integrity": "sha512-bKzL4NXp0pDM/Q5ZCpjLxjQU4DwoWc6CDww1M4B4dp1sfiXiE2P7EOCMM2TfJOqNPUFpp5RcFKKcxC2Suj8W4w==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3511,9 +3511,9 @@ } }, "node_modules/@tiptap/extension-strike": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.3.1.tgz", - "integrity": "sha512-fpsVewcnaYk37TAF4JHkwH9O6Ml7JooF1v/Eh9p7PSItNcEfg/3RLlJL3c53RzLWdlunjgptM/M0alPV0Zyq4A==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.3.2.tgz", + "integrity": "sha512-gi16YtLnXKPubxafvcGSAELac4i8S6Eb9Av0AaH6QH9H9zzSHN7qOrX930Tp2Pod5a/a82kk7kN7IB6htAeaYA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3523,9 +3523,9 @@ } }, "node_modules/@tiptap/extension-text": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.3.1.tgz", - "integrity": "sha512-ZM+Bpty9jChEN/VjUP/fX1Fvoz0Z3YLdjj9+pFA0H7woli+TmxWY6yUUTA2SBDb2mJ52yNOUfRE/sYx6gkDuBQ==", + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.3.2.tgz", + "integrity": "sha512-a3whwDyyOsrmOQbfeY+Fm5XypSRgT3IGqWgz0r4U7oko57/X6Env08F1Ie2e2UkQw9B1MoW9cm3dC6jvrdzzYA==", "funding": { "type": "github", "url": "https://github.com/sponsors/ueberdosis" @@ -3691,9 +3691,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "20.12.10", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.10.tgz", - "integrity": "sha512-Eem5pH9pmWBHoGAT8Dr5fdc5rYA+4NAovdM4EktRPVAAiJhmWWfQrA0cFhAbOsQdSfIHjAud6YdkbL69+zSKjw==", + "version": "20.12.11", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.11.tgz", + "integrity": "sha512-vDg9PZ/zi+Nqp6boSOT7plNuthRugEKixDv5sFTIpkE89MmNtEArAShI4mxuX2+UrLEe9pxC1vm2cjm9YlWbJw==", "devOptional": true, "dependencies": { "undici-types": "~5.26.4" @@ -4456,9 +4456,9 @@ } }, "node_modules/app-builder-lib/node_modules/semver": { - "version": "7.6.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", - "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, "bin": { "semver": "bin/semver.js" @@ -5018,9 +5018,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001616", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001616.tgz", - "integrity": "sha512-RHVYKov7IcdNjVHJFNY/78RdG4oGVjbayxv8u5IO74Wv7Hlq4PnJE6mo/OjFijjVFNy5ijnCt6H3IIo4t+wfEw==", + "version": "1.0.30001617", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001617.tgz", + "integrity": "sha512-mLyjzNI9I+Pix8zwcrpxEbGlfqOkF9kM3ptzmKNw5tizSyYwMe+nGLTqMK9cO+0E+Bh6TsBxNAaHWEM8xwSsmA==", "dev": true, "funding": [ { @@ -5284,9 +5284,9 @@ "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==" }, "node_modules/conf/node_modules/semver": { - "version": "7.6.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", - "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "bin": { "semver": "bin/semver.js" }, @@ -5314,16 +5314,16 @@ } }, "node_modules/config-file-ts/node_modules/glob": { - "version": "10.3.12", - "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz", - "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==", + "version": "10.3.14", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.14.tgz", + "integrity": "sha512-4fkAqu93xe9Mk7le9v0y3VrPDqLKHarNi2s4Pv7f2yOvfhWfhc7hRPHC/JyqMqb8B/Dt/eGS4n7ykwf3fOsl8g==", "dev": true, "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^2.3.6", "minimatch": "^9.0.1", "minipass": "^7.0.4", - "path-scurry": "^1.10.2" + "path-scurry": "^1.11.0" }, "bin": { "glob": "dist/esm/bin.mjs" @@ -5351,9 +5351,9 @@ } }, "node_modules/config-file-ts/node_modules/minipass": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.0.tgz", - "integrity": "sha512-oGZRv2OT1lO2UF1zUcwdTb3wqUwI0kBGTgt/T7OdSj6M6N5m3o5uPf0AIW6lVxGGoiWUR7e2AwTE+xiwK8WQig==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.1.tgz", + "integrity": "sha512-UZ7eQ+h8ywIRAW1hIEl2AqdwzJucU/Kp59+8kkZeSvafXhZjul247BvIJjEVFVeON6d7lM46XX1HXCduKAS8VA==", "dev": true, "engines": { "node": ">=16 || 14 >=14.17" @@ -5741,9 +5741,9 @@ } }, "node_modules/electron": { - "version": "30.0.2", - "resolved": "https://registry.npmjs.org/electron/-/electron-30.0.2.tgz", - "integrity": "sha512-zv7T+GG89J/hyWVkQsLH4Y/rVEfqJG5M/wOBIGNaDdqd8UV9/YZPdS7CuFeaIj0H9LhCt95xkIQNpYB/3svOkQ==", + "version": "30.0.3", + "resolved": "https://registry.npmjs.org/electron/-/electron-30.0.3.tgz", + "integrity": "sha512-h+suwx6e0fnv/9wi0/cmCMtG+4LrPzJZa+3DEEpxcPcP+pcWnBI70t8QspxgMNIh2wzXLMD9XVqrLkEbiBAInw==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -5913,9 +5913,9 @@ } }, "node_modules/electron-log": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-5.1.2.tgz", - "integrity": "sha512-Cpg4hAZ27yM9wzE77c4TvgzxzavZ+dVltCczParXN+Vb3jocojCSAuSMCVOI9fhFuuOR+iuu3tZLX1cu0y0kgQ==", + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-5.1.4.tgz", + "integrity": "sha512-P0RSXnwT3z+e89Z5uAcZDeN85/QjIgv764a93kqCi+wh2Jm22CCbc3AGDt4S8rsxAHWHB4Q0PGsQl3fw1AN0kQ==", "engines": { "node": ">= 14" } @@ -6032,9 +6032,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.758", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.758.tgz", - "integrity": "sha512-/o9x6TCdrYZBMdGeTifAP3wlF/gVT+TtWJe3BSmtNh92Mw81U9hrYwW9OAGUh+sEOX/yz5e34sksqRruZbjYrw==", + "version": "1.4.763", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.763.tgz", + "integrity": "sha512-k4J8NrtJ9QrvHLRo8Q18OncqBCB7tIUyqxRcJnlonQ0ioHKYB988GcDFF3ZePmnb8eHEopDs/wPHR/iGAFgoUQ==", "dev": true }, "node_modules/electron-updater": { @@ -6078,9 +6078,9 @@ } }, "node_modules/electron-updater/node_modules/semver": { - "version": "7.6.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", - "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "bin": { "semver": "bin/semver.js" }, @@ -7124,9 +7124,9 @@ } }, "node_modules/global-agent/node_modules/semver": { - "version": "7.6.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", - "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, "optional": true, "bin": { @@ -8686,9 +8686,9 @@ "dev": true }, "node_modules/path-scurry": { - "version": "1.10.2", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.2.tgz", - "integrity": "sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.0.tgz", + "integrity": "sha512-LNHTaVkzaYaLGlO+0u3rQTz7QrHTFOuKyba9JMTQutkmtNew8dw8wOD7mTU/5fCPZzCWpfW0XnQKzY61P0aTaw==", "dev": true, "dependencies": { "lru-cache": "^10.2.0", @@ -9701,9 +9701,9 @@ } }, "node_modules/sass": { - "version": "1.77.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.0.tgz", - "integrity": "sha512-eGj4HNfXqBWtSnvItNkn7B6icqH14i3CiCGbzMKs3BAPTq62pp9NBYsBgyN4cA+qssqo9r26lW4JSvlaUUWbgw==", + "version": "1.77.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.1.tgz", + "integrity": "sha512-OMEyfirt9XEfyvocduUIOlUSkWOXS/LAt6oblR/ISXCTukyavjex+zQNm51pPCOiFKY1QpWvEH1EeCkgyV3I6w==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -9838,9 +9838,9 @@ } }, "node_modules/simple-update-notifier/node_modules/semver": { - "version": "7.6.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", - "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "version": "7.6.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, "bin": { "semver": "bin/semver.js" diff --git a/package.json b/package.json index 019ccee1..c588627e 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "license": "GPL-3.0", "scripts": { "dev": "node server.js", - "prebuild": "node -p \"'export const UI_VERSION = ' + JSON.stringify(require('./package.json').version)\" > core/src/redux/app/version.js", + "prebuild": "node -p \"'export const UI_VERSION = ' + JSON.stringify(process.env.npm_package_version)\" > core/src/redux/app/version.js", "build-dev": "node --max-old-space-size=8192 build.js", "build": "NODE_ENV=production node build.js", "server": "NODE_ENV=production node --max-old-space-size=8192 server.js", @@ -50,7 +50,7 @@ "crypto-js": "4.2.0", "driver.js": "1.3.1", "electron-dl": "3.5.2", - "electron-log": "5.1.2", + "electron-log": "5.1.4", "electron-store": "8.2.0", "electron-updater": "6.1.8", "emoji-picker-js": "https://github.com/Qortal/emoji-picker-js", @@ -69,7 +69,7 @@ "prosemirror-state": "1.4.3", "prosemirror-transform": "1.9.0", "prosemirror-view": "1.33.6", - "sass": "1.77.0", + "sass": "1.77.1", "short-unique-id": "5.2.0", "xhr2": "0.2.1" }, @@ -126,7 +126,7 @@ "@vaadin/tooltip": "24.2.9", "@zip.js/zip.js": "2.7.44", "axios": "1.6.8", - "electron": "30.0.2", + "electron": "30.0.3", "electron-builder": "24.13.3", "epml": "0.3.3", "eslint": "8.57.0", From 39d00f294a1b419a1549eb62f08fda92878c1cff Mon Sep 17 00:00:00 2001 From: crowetic Date: Sat, 11 May 2024 20:49:24 -0700 Subject: [PATCH 26/26] Added new group sections to all languages, and further updated us.json, also cleaned up a few mistakes from late night changes xD --- core/language/de.json | 11 +++- core/language/es.json | 14 ++++- core/language/et.json | 11 +++- core/language/fi.json | 11 +++- core/language/fr.json | 11 +++- core/language/hindi.json | 11 +++- core/language/hr.json | 11 +++- core/language/hu.json | 11 +++- core/language/it.json | 11 +++- core/language/jp.json | 11 +++- core/language/ko.json | 11 +++- core/language/nl.json | 13 +++- core/language/no.json | 11 +++- core/language/pl.json | 11 +++- core/language/pt.json | 11 +++- core/language/ro.json | 11 +++- core/language/rs.json | 11 +++- core/language/ru.json | 11 +++- core/language/us.json | 131 +++++++++++++++++++++------------------ core/language/zhc.json | 11 +++- core/language/zht.json | 11 +++- 21 files changed, 273 insertions(+), 83 deletions(-) diff --git a/core/language/de.json b/core/language/de.json index b1f0b8e2..073b4316 100644 --- a/core/language/de.json +++ b/core/language/de.json @@ -945,7 +945,16 @@ "gchange56": "Zu suchender Gruppenname", "gchange57": "Privater Gruppenname nicht gefunden", "gchange58": "Beachten Sie, dass der Gruppenname genau übereinstimmen muss.", - "gchange59": "Ticker ein-/ausblenden" + "gchange59": "Ticker ein-/ausblenden", + "gchange60": "Bitte geben Sie den Gruppennamen ein", + "gchange61": "Bitte Beschreibung eingeben", + "gchange62": "Sind Sie sicher, dass Sie diese Gruppe AKTUALISIEREN möchten?", + "gchange63": "Wenn Sie auf CONFIRM klicken, wird die UPDATE_GROUP Anfrage gesendet!", + "gchange64": "Derzeitiger Besitzer / Neuer Besitzer", + "gchange65": "Ersetzen Sie diese Adresse durch EIGENTUM der Gruppe übertragen!", + "gchange66": "Ungültige Besitzer-/neue Besitzeradresse", + "gchange67": "Gruppen-UPDATE erfolgreich!", + "gchange68": "Gruppen-Avatar festlegen" }, "puzzlepage": { "pchange1": "Rätsel", diff --git a/core/language/es.json b/core/language/es.json index 55a16689..8a61f827 100644 --- a/core/language/es.json +++ b/core/language/es.json @@ -945,7 +945,17 @@ "gchange56": "Nombre del grupo a buscar", "gchange57": "Nombre de grupo privado no encontrado", "gchange58": "Tenga en cuenta que el nombre del grupo debe coincidir exactamente.", - "gchange59": "Mostrar/ocultar teletipo" + "gchange59": "Mostrar/ocultar teletipo", + "gchange60": "Por favor, introduzca el nombre del grupo", + "gchange61": "Por favor, introduzca la descripción", + "gchange62": "¿Estás seguro de ACTUALIZAR este grupo?", + "gchange63": "Al presionar CONFIRMAR, se enviará la solicitud UPDATE_GROUP.", + "gchange64": "Propietario actual / Nuevo propietario", + "gchange65": "¡Reemplace esta dirección para TRANSFERIR LA PROPIEDAD del grupo!", + "gchange66": "Propietario no válido / Dirección de nuevo propietario", + "gchange67": "¡Éxito de la ACTUALIZACIÓN del grupo!", + "gchange68": "Establecer avatar de grupo" + }, "puzzlepage": { "pchange1": "Rompecabezas", @@ -1176,7 +1186,7 @@ "inf7": "Información de compra automática", "inf8": "Cerrar información de compra automática", "inf9": "'Auto Buy' es una función que permite realizar 'órdenes de compra' en el Portal de comercio. Estas 'órdenes de compra' solo son visibles para la persona que las realiza. No son órdenes de compra 'públicas' como las Las 'ventas de mercado abierto' NO se almacenan en la cadena de bloques de Qortal. La compra automática es una característica de la interfaz de usuario y, como tal, requiere que la interfaz de usuario esté FUNCIONANDO.", - "inf10": "Para realizar un pedido de Compra automática, haga clic en el botón "Agregar pedido de Compra automática" y complete el cuadro que aparece. Ingrese la CANTIDAD DE QORT que desea COMPRAR o la cantidad de LTC que desea utilizar, y el PRECIO que desea COMPRAR HASTA. Una vez que la orden esté activa, Auto Buy comprará HASTA esa cantidad de QORT para usted, HASTA el precio que usted establezca (comenzando en la orden más baja y subiendo en los libros).", + "inf10": "Para realizar un pedido de Compra automática, haga clic en el botón 'Agregar pedido de Compra automática' y complete el cuadro que aparece. Ingrese la CANTIDAD DE QORT que desea COMPRAR o la cantidad de LTC que desea utilizar, y el PRECIO que desea COMPRAR HASTA. Una vez que la orden esté activa, Auto Buy comprará HASTA esa cantidad de QORT para usted, HASTA el precio que usted establezca (comenzando en la orden más baja y subiendo en los libros).", "inf11": "¡Simplemente DEJE SU IU FUNCIONANDO y Auto Buy hace el resto, automáticamente!", "inf12": "PUEDE explorar otros complementos en la IU (Q-Chat, carteras, etc.) pero NO PUEDE CERRAR LA IU si desea que se complete su compra automática. Deje la IU 'minimizada' en la 'barra de tareas' o 'panel' está bien, mientras la interfaz de usuario permanezca ABIERTA, Auto Buy funcionará.", "inf13": "Comprar automáticamente", diff --git a/core/language/et.json b/core/language/et.json index 5a67a2d3..d0ff970c 100644 --- a/core/language/et.json +++ b/core/language/et.json @@ -945,7 +945,16 @@ "gchange56": "Otsi grupi nime", "gchange57": "Privaatgrupi nime ei leitud", "gchange58": "Rühma nimi peab olema täpne vaste.", - "gchange59": "Näita / Peida saldod" + "gchange59": "Näita / Peida saldod", + "gchange60": "Palun sisestage grupi nimi", + "gchange61": "Palun sisestage kirjeldus", + "gchange62": "Kas olete kindel, et värskendate seda rühma?", + "gchange63": "Vajutades KINNITA, saadetakse UPDATE_GROUP päring!", + "gchange64": "Praegune omanik / uus omanik", + "gchange65": "Asendage see aadress grupi omandiõiguse üleandmiseks!", + "gchange66": "Kehtetu omanik / uue omaniku aadress", + "gchange67": "Grupi UUENDAMINE edukas!", + "gchange68": "Rühma avatari määramine" }, "puzzlepage": { "pchange1": "Puzzled", diff --git a/core/language/fi.json b/core/language/fi.json index b961dba9..4847f0ee 100644 --- a/core/language/fi.json +++ b/core/language/fi.json @@ -945,7 +945,16 @@ "gchange56": "Hae ryhmän nimeä", "gchange57": "Yksityisen ryhmän nimeä ei löydy", "gchange58": "Ryhmän nimen on oltava täsmällinen.", - "gchange59": "Näytä/piilota saldot" + "gchange59": "Näytä/piilota saldot", + "gchange60": "Anna ryhmän nimi", + "gchange61": "Anna kuvaus", + "gchange62": "Oletko varma, että päivität tämän ryhmän?", + "gchange63": "Kun painat vahvista, UPDATE_GROUP pyyntö lähetetään!", + "gchange64": "Nykyinen / uusi omistaja", + "gchange65": "Korvaa tämä osoite muotoon SIIRRÄ RYHMÄN OMISTAJUUS!", + "gchange66": "Virheellinen omistaja / uuden omistajan osoite", + "gchange67": "Ryhmän päivitys onnistui!", + "gchange68": "Aseta ryhmän avatar" }, "puzzlepage": { "pchange1": "Palapelit", diff --git a/core/language/fr.json b/core/language/fr.json index 7d7375b7..986f4069 100644 --- a/core/language/fr.json +++ b/core/language/fr.json @@ -945,7 +945,16 @@ "gchange56": "Nom du groupe à rechercher", "gchange57": "Nom de groupe privé introuvable", "gchange58": "Notez que le nom du groupe doit correspondre exactement.", - "gchange59": "Afficher / Masquer le téléscripteur" + "gchange59": "Afficher / Masquer le téléscripteur", + "gchange60": "Veuillez saisir le nom du groupe", + "gchange61": "Veuillez entrer la description", + "gchange62": "Êtes-vous sûr de mettre à jour ce groupe?", + "gchange63": "En appuyant sur CONFIRMER, la demande de UPDATE_GROUP sera envoyée !", + "gchange64": "Propriétaire actuel / Nouveau propriétaire", + "gchange65": "Remplacez cette adresse par TRANSFERT DE PROPRIÉTÉ du groupe !", + "gchange66": "Invalid Owner / New Owner Address", + "gchange67": "MISE À JOUR DE GROUPE réussie !", + "gchange68": "Définir l'avatar de groupe" }, "puzzlepage": { "pchange1": "Puzzles", diff --git a/core/language/hindi.json b/core/language/hindi.json index 51f6c16a..f37c22fe 100644 --- a/core/language/hindi.json +++ b/core/language/hindi.json @@ -945,7 +945,16 @@ "gchange56": "खोजने के लिए समूह का नाम", "gchange57": "निजी समूह का नाम नहीं मिला", "gchange58": "ध्यान दें कि समूह का नाम सटीक मेल खाना चाहिए।", - "gchange59": "टिकर दिखाएं / छुपाएं" + "gchange59": "टिकर दिखाएं / छुपाएं", + "gchange60": "कृपया समूह का नाम दर्ज करें", + "gchange61": "कृपया विवरण दर्ज करें", + "gchange62": "क्या आप इस समूह को अपडेट करने के लिए सुनिश्चित हैं?", + "gchange63": "पुष्टि करने पर UPDATE_GROUP अनुरोध भेजा जाएगा!", + "gchange64": "वर्तमान मालिक /", + "gchange65": "इस पते को समूह के स्थानांतरण स्वामित्व में बदलें!", + "gchange66": "अमान्य मालिक/नए मालिक का पता", + "gchange67": "समूह अद्यतन सफल!", + "gchange68": "समूह अवतार सेट करें" }, "puzzlepage": { "pchange1": "पहेलि", diff --git a/core/language/hr.json b/core/language/hr.json index 0c2e07f1..43c7c244 100644 --- a/core/language/hr.json +++ b/core/language/hr.json @@ -945,7 +945,16 @@ "gchange56": "Naziv grupe za pretraživanje", "gchange57": "Ime privatne grupe nije pronađeno", "gchange58": "Imajte na umu da se naziv grupe mora točno podudarati.", - "gchange59": "Prikaži / sakrij ticker" + "gchange59": "Prikaži / sakrij ticker", + "gchange60": "Unesite naziv grupe", + "gchange61": "Unesite opis", + "gchange62": "Jeste li sigurni da AŽURIRATE ovu grupu?", + "gchange63": "Pritiskom na CONFIRM, zahtjev za UPDATE_GROUP bit će poslan!", + "gchange64": "Trenutni vlasnik / novi vlasnik", + "gchange65": "Zamijenite ovu adresu u PRIJENOS VLASNIŠTVA grupe!", + "gchange66": "Vlasnik / nova adresa vlasnika nisu valjani", + "gchange67": "Grupa UPDATE Uspješna!", + "gchange68": "Postavi grupni avatar" }, "puzzlepage": { "pchange1": "Zagonetke", diff --git a/core/language/hu.json b/core/language/hu.json index aefc3b76..8a7ef20f 100644 --- a/core/language/hu.json +++ b/core/language/hu.json @@ -945,7 +945,16 @@ "gchange56": "A keresendő csoport neve", "gchange57": "A privát csoport neve nem található", "gchange58": "Ne feledje, hogy a csoport nevének pontosan meg kell egyeznie.", - "gchange59": "Ticker megjelenítése / elrejtése" + "gchange59": "Ticker megjelenítése / elrejtése", + "gchange60": "Kérjük, adja meg a csoport nevét", + "gchange61": "Kérjük, adja meg a leírást", + "gchange62": "Biztosan FRISSÍTI ezt a csoportot?", + "gchange63": "A MEGERŐSÍTÉS gomb megnyomásával elküldésre kerül a UPDATE_GROUP kérés!", + "gchange64": "Jelenlegi tulajdonos / Új tulajdonos", + "gchange65": "Cserélje ki ezt a címet erre: A CSOPORT TULAJDONJOGÁNAK ÁTRUHÁZÁSA!", + "gchange66": "Érvénytelen tulajdonos / új tulajdonos címe", + "gchange67": "Csoportos FRISSÍTÉS sikeres!", + "gchange68": "Csoportavatar beállítása" }, "puzzlepage": { "pchange1": "Rejtvények", diff --git a/core/language/it.json b/core/language/it.json index 35592ebe..d8e5e55c 100644 --- a/core/language/it.json +++ b/core/language/it.json @@ -945,7 +945,16 @@ "gchange56": "Nome gruppo da cercare", "gchange57": "Nome gruppo privato non trovato", "gchange58": "Nota che il nome del gruppo deve corrispondere esattamente.", - "gchange59": "Mostra / Nascondi ticker" + "gchange59": "Mostra / Nascondi ticker", + "gchange60": "Inserisci il nome del gruppo", + "gchange61": "Si prega di inserire la descrizione", + "gchange62": "Sei sicuro di AGGIORNARE questo gruppo?", + "gchange63": "Premendo CONFERMA, verrà inviata la richiesta UPDATE_GROUP!", + "gchange64": "Proprietario attuale / Nuovo proprietario", + "gchange65": "Sostituisci questo indirizzo per TRASFERIRE LA PROPRIETA' del gruppo!", + "gchange66": "Indirizzo del proprietario non valido/nuovo proprietario", + "gchange67": "AGGIORNAMENTO di gruppo riuscito!", + "gchange68": "Imposta avatar di gruppo" }, "puzzlepage": { "pchange1": "Puzzle", diff --git a/core/language/jp.json b/core/language/jp.json index 18b4a0fa..27f7f200 100644 --- a/core/language/jp.json +++ b/core/language/jp.json @@ -945,7 +945,16 @@ "gchange56": "検索するグループ名", "gchange57": "非公開 グループ名が見つかりません", "gchange58": "グループ名は完全に一致する必要があります", - "gchange59": "ティッカーの表示/非表示" + "gchange59": "ティッカーの表示/非表示", + "gchange60": "グループ名を入力してください", + "gchange61": "説明を入力してください", + "gchange62": "このグループを更新してもよろしいですか?", + "gchange63": "CONFIRMを押すと、UPDATE_GROUPリクエストが送信されます。", + "gchange64": "現在の所有者/新しい所有者", + "gchange65": "このアドレスをグループの所有権の譲渡に置き換えてください。", + "gchange66": "無効な所有者/新しい所有者のアドレス", + "gchange67": "グループ UPDATE 成功しました!", + "gchange68": "グループアバターの設定" }, "puzzlepage": { "pchange1": "パズル", diff --git a/core/language/ko.json b/core/language/ko.json index 9b5cf2d2..dfbed137 100644 --- a/core/language/ko.json +++ b/core/language/ko.json @@ -945,7 +945,16 @@ "gchange56": "검색할 그룹 이름", "gchange57": "비공개 그룹 이름을 찾을 수 없음", "gchange58": "그룹 이름이 정확히 일치해야 합니다.", - "gchange59": "티커 표시/숨기기" + "gchange59": "티커 표시/숨기기", + "gchange60": "그룹 이름을 입력해 주세요.", + "gchange61": "설명을 입력하십시오.", + "gchange62": "이 그룹을 업데이트하시겠습니까?", + "gchange63": "CONFIRM을 누르면 UPDATE_GROUP 요청이 전송됩니다!", + "gchange64": "현재 소유자/새 소유자", + "gchange65": "이 주소를 그룹의 소유권 이전으로 바꾸십시오!", + "gchange66": "잘못된 소유자/새 소유자 주소", + "gchange67": "그룹 업데이트 성공!", + "gchange68": "그룹 아바타 설정" }, "puzzlepage": { "pchange1": "퍼즐", diff --git a/core/language/nl.json b/core/language/nl.json index 5fbf5599..b856aa86 100644 --- a/core/language/nl.json +++ b/core/language/nl.json @@ -182,7 +182,7 @@ "accountsecurity": "Account-beveiliging", "password": "Wachtwoord", "download": "Qortal back-upbestand exporteren/opslaan", - "choose": "Kies een wachtwoord om uw Qortal-back-upbestand te coderen. (Dit kan dezelfde zijn als waarmee u bent ingelogd, of een nieuwe.)"", + "choose": "Kies een wachtwoord om uw Qortal-back-upbestand te coderen. (Dit kan dezelfde zijn als waarmee u bent ingelogd, of een nieuwe.)", "playsound": "Geluid afspelen", "shownotifications": "Toon waarschuwingen", "nodeurl": "Adres van de node", @@ -945,7 +945,16 @@ "gchange56": "Te zoeken groepsnaam", "gchange57": "Geen privé-groep gevonden voor opgegeven naam", "gchange58": "Hou er rekening mee dat de groepsnaam exact overeen moet komen.", - "gchange59": "Ticker wel/niet tonen" + "gchange59": "Ticker wel/niet tonen", + "gchange60": "Voer de groepsnaam in", + "gchange61": "Voer een beschrijving in", + "gchange62": "Weet je zeker dat je deze groep UPDATET?", + "gchange63": "Als u op BEVESTIGEN drukt, wordt het UPDATE_GROUP verzoek verzonden!", + "gchange64": "Huidige eigenaar / nieuwe eigenaar", + "gchange65": "Vervang dit adres door EIGENDOM van de groep OVERDRAGEN!", + "gchange66": "Ongeldig adres van de eigenaar/nieuwe eigenaar", + "gchange67": "Groep UPDATE Geslaagd!", + "gchange68": "Groepsavatar instellen" }, "puzzlepage": { "pchange1": "Puzzels", diff --git a/core/language/no.json b/core/language/no.json index cd46c294..229e6968 100644 --- a/core/language/no.json +++ b/core/language/no.json @@ -945,7 +945,16 @@ "gchange56": "Gruppenavn å søke", "gchange57": "Privat gruppenavn ikke funnet", "gchange58": "Merk at gruppenavnet må samsvare nøyaktig.", - "gchange59": "Vis / Skjul Ticker" + "gchange59": "Vis / Skjul Ticker", + "gchange60": "Vennligst skriv inn gruppenavn", + "gchange61": "Vennligst skriv inn beskrivelse", + "gchange62": "Er du sikker på å oppdatere denne gruppen?", + "gchange63": "Når du trykker på BEKREFT, vil den UPDATE_GROUP forespørselen bli sendt!", + "gchange64": "Nåværende eier / ny eier", + "gchange65": "Erstatt denne adressen til OVERFØR EIERSKAP av gruppen!", + "gchange66": "Ugyldig eier / ny eieradresse", + "gchange67": "Gruppeoppdatering vellykket!", + "gchange68": "Angi gruppeavatar" }, "puzzlepage": { "pchange1": "Puzzles", diff --git a/core/language/pl.json b/core/language/pl.json index 0e408433..7c6b7ee6 100644 --- a/core/language/pl.json +++ b/core/language/pl.json @@ -945,7 +945,16 @@ "gchange56": "Nazwa grupy do wyszukania", "gchange57": "Nie znaleziono nazwy grupy prywatnej", "gchange58": "Zauważ, że nazwa grupy musi dokładnie pasować.", - "gchange59": "Pokaż / Ukryj Znacznik" + "gchange59": "Pokaż / Ukryj Znacznik", + "gchange60": "Podaj nazwę grupy", + "gchange61": "Podaj opis", + "gchange62": "Czy na pewno AKTUALIZUJESZ tę grupę?", + "gchange63": "Po naciśnięciu przycisku POTWIERDŹ zostanie wysłane żądanie UPDATE_GROUP!", + "gchange64": "Current Owner / New Owner", + "gchange65": "Zamień ten adres na PRZENIESIENIE WŁASNOŚCI grupy!", + "gchange66": "Nieprawidłowy właściciel / nowy adres właściciela", + "gchange67": "AKTUALIZACJA grupy powiodła się!", + "gchange68": "Ustaw awatar grupy" }, "puzzlepage": { "pchange1": "Zagadki", diff --git a/core/language/pt.json b/core/language/pt.json index e7fbdc0c..7cff6741 100644 --- a/core/language/pt.json +++ b/core/language/pt.json @@ -945,7 +945,16 @@ "gchange56": "Nome do grupo para pesquisar", "gchange57": "Nome do grupo privado não encontrado", "gchange58": "Observe que o nome do grupo deve corresponder exatamente.", - "gchange59": "Mostrar / Ocultar Ticker" + "gchange59": "Mostrar / Ocultar Ticker", + "gchange60": "Insira o nome do grupo", + "gchange61": "Por favor, insira a descrição", + "gchange62": "Tem certeza de que vai ATUALIZAR este grupo?", + "gchange63": "Ao pressionar CONFIRMAR, a solicitação de UPDATE_GROUP será enviada!", + "gchange64": "Proprietário Atual / Novo Proprietário", + "gchange65": "Substitua este endereço para TRANSFERIR PROPRIEDADE do grupo!", + "gchange66": "Endereço de proprietário / novo proprietário inválido", + "gchange67": "ATUALIZAÇÃO DO Grupo bem-sucedida!", + "gchange68": "Definir avatar do grupo" }, "puzzlepage": { "pchange1": "Enigmas", diff --git a/core/language/ro.json b/core/language/ro.json index c234b51f..3fba32a0 100644 --- a/core/language/ro.json +++ b/core/language/ro.json @@ -945,7 +945,16 @@ "gchange56": "Numele grupului de căutat", "gchange57": "Numele grupului privat nu a fost găsit", "gchange58": "Rețineți că numele grupului trebuie să se potrivească exact.", - "gchange59": "Afișează / Ascunde Ticker" + "gchange59": "Afișează / Ascunde Ticker", + "gchange60": "Vă rugăm să introduceți numele grupului", + "gchange61": "Vă rugăm să introduceți descrierea", + "gchange62": "Sunteți sigur că actualizați acest grup?", + "gchange63": "La apăsarea butonului CONFIRM, va fi trimisă solicitarea UPDATE_GROUP!", + "gchange64": "Proprietar actual / Proprietar nou", + "gchange65": "Înlocuiți această adresă la TRANSFERAȚI PROPRIETATEA grupului!", + "gchange66": "Adresa proprietarului / proprietarului nou nevalidă", + "gchange67": "UPDATE de grup Reușit!", + "gchange68": "Set Avatar grup" }, "puzzlepage": { "pchange1": "Puzzle-uri", diff --git a/core/language/rs.json b/core/language/rs.json index 6b4e65fa..a1e70f56 100644 --- a/core/language/rs.json +++ b/core/language/rs.json @@ -945,7 +945,16 @@ "gchange56": "Ime grupe za pretragu", "gchange57": "Ime privatne grupe nije pronađeno", "gchange58": "Imajte na umu da ime grupe mora potpuno da se podudara.", - "gchange59": "Prikaži / Sakrij Oznaku" + "gchange59": "Prikaži / Sakrij Oznaku", + "gchange60": "Unesite ime grupe", + "gchange61": "Unesite opis", + "gchange62": "Želite li zaista da ažurirate ovu grupu?", + "gchange63": "Na pritisku POTVRDITE, UPDATE_GROUP će biti poslat!", + "gchange64": "Trenutni vlasnik / novi vlasnik", + "gchange65": "Zameni ovu adresu NA PRENOS VLASNIŠTVA GRUPE!", + "gchange66": "Nevažeći vlasnik / adresa novog vlasnika", + "gchange67": "Grupni UPDATE je uspešan!", + "gchange68": "Postavi grupni avatar" }, "puzzlepage": { "pchange1": "Slagalice", diff --git a/core/language/ru.json b/core/language/ru.json index 747afb64..871ec655 100644 --- a/core/language/ru.json +++ b/core/language/ru.json @@ -945,7 +945,16 @@ "gchange56": "Имя группы для поиска", "gchange57": "Имя частной группы не найдено", "gchange58": "Обратите внимание, что название группы должно точно совпадать.", - "gchange59": "Показать/скрыть бегущую строку" + "gchange59": "Показать/скрыть бегущую строку", + "gchange60": "Пожалуйста, введите название группы", + "gchange61": "Пожалуйста, введите описание", + "gchange62": "Вы обязательно ОБНОВИТЕ эту группу?", + "gchange63": "При нажатии кнопки ПОДТВЕРДИТЬ будет отправлен UPDATE_GROUP запрос!", + "gchange64": "Текущий владелец / Новый владелец", + "gchange65": "Замените этот адрес на TRANSFER OWNERSHIP of group!", + "gchange66": "Неверный адрес владельца / нового владельца", + "gchange67": "Групповое ОБНОВЛЕНИЕ выполнено успешно!", + "gchange68": "Установить групповой аватар" }, "puzzlepage": { "pchange1": "Головоломки", diff --git a/core/language/us.json b/core/language/us.json index 0918d5c3..77fae211 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -46,48 +46,48 @@ "sm3": "NAMES MARKET" }, "tabmenu": { - "tm1": "Minting Details", - "tm2": "Become a Minter", - "tm3": "Sponsorship", - "tm4": "Wallets", - "tm5": "Trade Portal", - "tm6": "Auto Buy", - "tm7": "Reward Share", - "tm8": "Q-Chat", - "tm9": "Name Registration", - "tm10": "Names Market", - "tm11": "Websites", - "tm12": "Q-Apps", - "tm13": "Group Management", - "tm14": "Data Management", - "tm15": "Puzzles", - "tm16": "Node Management", - "tm17": "New Tab", - "tm18": "Add New Tab", - "tm19": "Add New Plugin", - "tm20": "Q-App", - "tm21": "Website", - "tm22": "Remove Plugin", - "tm23": "Are you sure to remove this plugin ?", - "tm24": "Plugin Type:", - "tm25": "Please select a plugin type!", - "tm26": "Add New Plugin To Menu", - "tm27": "Remove Plugin From Menu", - "tm28": "Overview Page", - "tm29": "Reset Tab Menu", - "tm30": "Search Qortal Name", - "tm31": "My Followed Names", - "tm32": "This account does not follow any user", - "tm33": "Import Tab Menu", - "tm34": "Export Tab Menu", - "tm35": "Your existing tab menu will be deleted and set to imported tab menu.", - "tm36": "Tab Menu Successfully Restored", - "tm37": "Tab Menu Successfully Saved As", + "tm1": "MINTING DETAILS", + "tm2": "BECOME A MINTER", + "tm3": "SPONSORSHIP", + "tm4": "WALLETS", + "tm5": "TRADE PORTAL", + "tm6": "AUTO-BUY", + "tm7": "REWARD SHARE", + "tm8": "Q-CHAT", + "tm9": "NAME REGISTRATION", + "tm10": "NAMES MARKET", + "tm11": "WEBSITES", + "tm12": "Q-APPS", + "tm13": "GROUP MANAGEMENT", + "tm14": "DATA MANAGEMENT", + "tm15": "PUZZLES", + "tm16": "NODE MANAGEMENT", + "tm17": "NEW TAB", + "tm18": "OPEN NEW TAB", + "tm19": "ADD CUSTOM LINK", + "tm20": "Q-App (input name)", + "tm21": "Website (input name)", + "tm22": "REMOVE LINK", + "tm23": "Are you sure to REMOVE this link?", + "tm24": "Choose LINK TYPE:", + "tm25": "Please SELECT a LINK TYPE!", + "tm26": "ADD LINK TO NEW TAB PAGE", + "tm27": "REMOVE LINK FROM NEW TAB PAGE", + "tm28": "OVERVIEW PAGE", + "tm29": "RESET New Tab Page", + "tm30": "SEARCH For Qortal NAMES", + "tm31": "My FOLLOWED Names", + "tm32": "This Node is NOT Following Any Names", + "tm33": "IMPORT Saved New Tab LINKS", + "tm34": "EXPORT Saved New Tab LINKS", + "tm35": "Your existing New Tab Page Links will be DELETED AND REPLACED with IMPORTED New Tab Links.", + "tm36": "New Tab Page SUCCESSFULLY RESTORED!", + "tm37": "New Tab Links SUCCESSFULLY SAVED as:", "tm38": "DEV MODE", "tm39": "Add Custom Framework", "tm40": "Add and Open", "tm41": "Error: Invalid data please try again!", - "tm42": "Qortal Lottery" + "tm42": "Qortal LOTTERY" }, "login": { "login": "Log In", @@ -101,40 +101,40 @@ "upload": "Import your Qortal backup file", "howlogin": "How would you like to log in?", "seed": "Seedphrase", - "seedphrase": "seedphrase", + "seedphrase": "SEEDPHRASE", "saved": "Saved account", "qora": "QORA address seed", "backup": "Qortal backup file", "decrypt": "Decrypt backup file", "save": "Save in this browser.", "prepare": "Preparing Your Account...", - "areyousure": "Are you sure you want to remove this wallet from saved wallets? (If removed and no backup file exists, account could be lost forever! Ensure you have a backup file before doing this!)", + "areyousure": "Are you sure you want to REMOVE this ACCOUNT from SAVED ACCOUNTS? (If removed and no backup file exists, account could be lost forever! ENSURE YOU HAVE A BACKUP FILE FOR THIS ACCOUNT BEFORE DOING THIS!)", "error1": "Backup file must be valid JSON", "error2": "Login option not selected", "createwelcome": "Welcome to Qortal! Your decentralized digital future awaits you! On Qortal, you and ONLY you have absolute control over your data. Qortal provides the base level of a new, and fully user-controlled digital world!", "createa": "A", - "click": "Click to view seedphrase", + "click": "CLICK to VIEW SEEDPHRASE", "confirmpass": "Confirm Password", - "willbe": "will be randomly generated in the background. If you wish to VIEW the seedphrase, click the word 'seedphrase' in this text. Seedphrases are used to generate the private key for your Qortal account. For security by default, seedphrases are NOT displayed unless specifically chosen.", + "willbe": "will be randomly generated in the background. If you wish to VIEW THE SEEDPHRASE, click the word 'SEEDPHRASE' in this text. Seedphrases are used to generate the private key for your Qortal account. For security by default, seedphrases are NOT displayed unless specifically chosen.", "clicknext": "Create your Qortal account by clicking NEXT below.", - "ready": "Your account is now ready to be created. It will be SAVED AND ENCRYPTED within this copy of the Qortal UI by default. If you do NOT wish for it to be saved, UNCHECK the box below. You are always able to access your new account using the Qortal BACKUP FILE that MUST be SAVED upon account creation.", + "ready": "Your account is now ready to be created. It will be SAVED AND ENCRYPTED within THIS Qortal UI only, by default. If you DO NOT wish for it to be saved, UNCHECK THE BOX BELOW. You are always able to access your new account using the Qortal BACKUP FILE that MUST be SAVED upon account creation.", "welmessage": "Welcome to Qortal", "pleaseenter": "Please enter a Password!", - "notmatch": "Oops! Passwords do not match! Try again!", - "lessthen8": "Your password is less than 5 characters! This is not recommended. To continue anyway, click CONTINUE.", - "lessthen8-2": "Your password is less than 5 characters!", + "notmatch": "Oops! Passwords do NOT match! Try again!", + "lessthen8": "Your password is LESS THAN 5 characters! This is NOT recommended. To continue anyway, click CONTINUE.", + "lessthen8-2": "Your password is LESS THAN 5 characters!", "entername": "Please enter a Display Name!", - "downloaded": "Your Qortal Backup File was saved!", - "loading": "Loading, Please wait...", - "createdseed": "Your created Seedphrase:", - "saveseed": "Save Seedphrase", - "savein": "Save in this UI", - "backup2": "This file is the ONLY way (by default) to access your account (unless saved to the UI). BE SURE TO BACKUP THIS FILE IN MULTIPLE LOCATIONS. The file is ENCRYPTED very securely (and decrypted) with your local password created in the previous step. You can save the file anywhere securely, but be sure to do so in multiple places.", - "savewallet": "Save Qortal Backup File", + "downloaded": "Your Qortal Backup File was SAVED!", + "loading": "LOADING, Please wait...", + "createdseed": "Your Generated Seedphrase:", + "saveseed": "SAVE SEEDPHRASE", + "savein": "SAVE in THIS UI", + "backup2": "This file is the ONLY WAY (by default) to ACCESS YOUR ACCOUNT (unless saved to the UI). BE SURE TO BACKUP THIS FILE IN MULTIPLE LOCATIONS. The file is ENCRYPTED very securely (and decrypted) with your local PASSWORD created in the previous step. You can save the Qortal Backup File anywhere securely, but be sure to do so in MULTIPLE PLACES.", + "savewallet": "SAVE Qortal Backup File", "created1": "Your account is now created", - "created2": " and saved in this UI in encrypted form.", - "downloadbackup": "Save Qortal Backup File", - "passwordhint": "Encryption password must be at least 5 characters.", + "created2": " and saved in THIS UI in ENCRYPTED form.", + "downloadbackup": "SAVE Qortal Backup File", + "passwordhint": "Encryption password is suggested to be at least 5 characters.", "lp1": "Lock Screen", "lp2": "No screen lock password is set!", "lp3": "Please set one", @@ -469,7 +469,7 @@ "rchange9": "Levels 1 - 4 can only create a Self-Share (minting) keys. Only Level 5 or above can create a Reward Share!", "rchange10": "Recipient's Public Key", "rchange11": "Reward Share percentage", - "rchange12": "Executing requested command...", + "rchange12": "Executing Requested Command...", "rchange13": "Adding Minting Account", "rchange14": "Add", "rchange15": "Account is not involved in any Reward Shares", @@ -901,7 +901,7 @@ "gchange12": "Create a New Group", "gchange13": "Group Type", "gchange14": "This Field is Required", - "gchange15": "Select an option", + "gchange15": "--SELECT AN OPTION--", "gchange16": "Public", "gchange17": "Private", "gchange18": "Group Approval Threshold (number / percentage of Admins that must approve a transaction):", @@ -930,7 +930,7 @@ "gchange41": "Group Creation Successful!", "gchange42": "Invalid Group Name", "gchange43": "Invalid Group Description", - "gchange44": "Select a Group Type", + "gchange44": "Select Group Type", "gchange45": "Select a Group Approval Threshold", "gchange46": "Select a Minimum Block delay for Group Transaction Approvals", "gchange47": "Select a Maximum Block delay for Group Transaction Approvals", @@ -944,8 +944,17 @@ "gchange55": "Search Private Group", "gchange56": "Group Name To Search", "gchange57": "Private Group Name Not Found", - "gchange58": "Note that group name must be an exact match.", - "gchange59": "Show / Hide Ticker" + "gchange58": "Group name must be an exact match.", + "gchange59": "Show / Hide Ticker", + "gchange60": "Please enter group name", + "gchange61": "Please enter description", + "gchange62": "Are you sure to UPDATE this group?", + "gchange63": "On pressing CONFIRM, the UPDATE_GROUP request will be sent!", + "gchange64": "Current Owner / New Owner", + "gchange65": "Replace this address to TRANSFER OWNERSHIP of the group!", + "gchange66": "Invalid Owner / New Owner Address", + "gchange67": "Group UPDATE Successful!", + "gchange68": "Set Group Avatar" }, "puzzlepage": { "pchange1": "Puzzles", diff --git a/core/language/zhc.json b/core/language/zhc.json index 2680840d..5149f748 100644 --- a/core/language/zhc.json +++ b/core/language/zhc.json @@ -945,7 +945,16 @@ "gchange56": "要搜索的群组名称", "gchange57": "未找到私人群组名称", "gchange58": "注意群组名称必须完全匹配。", - "gchange59": "显示/隐藏代码" + "gchange59": "显示/隐藏代码", + "gchange60": "请输入组名", + "gchange61": "请输入描述", + "gchange62": "你确定要更新这个组吗？", + "gchange63": "按 CONFIRM 后，将发送UPDATE_GROUP请求！", + "gchange64": "当前所有者/新所有者", + "gchange65": "将此地址替换为组的 TRANSFER OWNERSHIP！", + "gchange66": "无效的所有者/新所有者地址", + "gchange67": "组更新成功！", + "gchange68": "设置组头像" }, "puzzlepage": { "pchange1": "益智游戏", diff --git a/core/language/zht.json b/core/language/zht.json index 9073d7ff..01dba82e 100644 --- a/core/language/zht.json +++ b/core/language/zht.json @@ -945,7 +945,16 @@ "gchange56": "要搜索的群組名稱", "gchange57": "未找到私人群組名稱", "gchange58": "注意群組名稱必須完全匹配。", - "gchange59": "顯示/隱藏代碼" + "gchange59": "顯示/隱藏代碼", + "gchange60": "請輸入組名", + "gchange61": "請輸入描述", + "gchange62": "你確定要更新這個組嗎？", + "gchange63": "按 CONFIRM 後，將發送UPDATE_GROUP請求！", + "gchange64": "當前擁有者/新擁有者", + "gchange65": "將此位址替換為組的 TRANSFER OWNERSHIP！", + "gchange66": "無效的擁有者/新擁有者位址", + "gchange67": "組更新成功！", + "gchange68": "設置組頭像" }, "puzzlepage": { "pchange1": "益智游戲",