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 77fae211..26828dec 100644 --- a/core/language/us.json +++ b/core/language/us.json @@ -944,16 +944,16 @@ "gchange55": "Search Private Group", "gchange56": "Group Name To Search", "gchange57": "Private Group Name Not Found", - "gchange58": "Group name must be an exact match.", + "gchange58": "Note that 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!", + "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": "Replace this address to TRANSFER OWNERSHIP of the group!", + "gchange65": "Only replace this address if you want to transfer the group!", "gchange66": "Invalid Owner / New Owner Address", - "gchange67": "Group UPDATE Successful!", + "gchange67": "Group Update Successful!", "gchange68": "Set Group Avatar" }, "puzzlepage": { 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..8885a5fa 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -1,2286 +1,1812 @@ -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 + + if (tabD < 0) { + const lengthOfTabs = this.tabs.length + this.addTab({ + url: '', + id: this.uid.rnd() + }) + this.currentTab = lengthOfTabs + } else { + 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-info/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 = '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 = '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 = '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 +1815,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..ca5ebdfb --- /dev/null +++ b/core/src/styles/core-css.js @@ -0,0 +1,4754 @@ +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-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); + --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.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 faf24803..c8b35543 100644 --- a/crypto/api/createTransaction.js +++ b/crypto/api/createTransaction.js @@ -1,10 +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]() @@ -32,12 +31,10 @@ 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 export const processTransaction = bytes => request('/transactions/process', { method: 'POST', 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 3aab5658..7c0201ee 100644 --- a/crypto/api/fetch-request.js +++ b/crypto/api/fetch-request.js @@ -1,6 +1,7 @@ -import {waitForConfig, watchConfig} from '../config.js' +import { waitForConfig, watchConfig } from '../config' 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/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 0d366ab5..007ed7ff 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..2ebfe957 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..df11e5b5 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..44660da1 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() { @@ -9,19 +8,21 @@ export default class PublicizeTransaction extends ChatBase { this.fee = 0 } - 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; - params.push( - this._proofOfWorkNonce, - this._feeBytes - ) - return params; - } + 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 + params.push( + this._proofOfWorkNonce, + this._feeBytes + ) + return params + } } diff --git a/crypto/api/transactions/TransactionBase.js b/crypto/api/transactions/TransactionBase.js index e29f00b4..5e327116 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..6aaff1b9 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..515b4044 100644 --- a/crypto/api/transactions/arbitraryV3.js +++ b/crypto/api/transactions/arbitraryV3.js @@ -1,37 +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 ce9fe8dc..48429c27 100644 --- a/crypto/api/transactions/chat/ChatBase.js +++ b/crypto/api/transactions/chat/ChatBase.js @@ -1,141 +1,143 @@ -'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 - } + static get utils() { + return utils + } - 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 - } - ] - } + static get nacl() { + return nacl + } - set keyPair(keyPair) { - this._keyPair = keyPair - } + static get Base58() { + return Base58 + } - set type(type) { - this.typeText = TX_TYPES[type] - this._type = type - this._typeBytes = this.constructor.utils.int32ToBytes(this._type) - } + 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 groupID(groupID) { - this._groupID = groupID - this._groupIDBytes = this.constructor.utils.int32ToBytes(this._groupID) - } + set keyPair(keyPair) { + this._keyPair = keyPair + } - set timestamp(timestamp) { - this._timestamp = timestamp - this._timestampBytes = this.constructor.utils.int64ToBytes(this._timestamp) - } + set type(type) { + this.typeText = TX_TYPES[type] + this._type = type + this._typeBytes = this.constructor.utils.int32ToBytes(this._type) + } - set fee(fee) { - this._fee = fee * QORT_DECIMALS - this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) - } + set groupID(groupID) { + this._groupID = groupID + this._groupIDBytes = this.constructor.utils.int32ToBytes(this._groupID) + } - set lastReference(lastReference) { - this._lastReference = lastReference instanceof Uint8Array ? lastReference : this.constructor.Base58.decode(lastReference) - } + set timestamp(timestamp) { + this._timestamp = timestamp + this._timestampBytes = this.constructor.utils.int64ToBytes(this._timestamp) + } - get params() { - return [ - this._typeBytes, - this._timestampBytes, - this._groupIDBytes, - this._lastReference, - this._keyPair.publicKey - ] - } + set fee(fee) { + this._fee = fee * QORT_DECIMALS + this._feeBytes = this.constructor.utils.int64ToBytes(this._fee) + } - get chatBytes() { - const isValid = this.validParams() - if (!isValid.valid) { - throw new Error(isValid.message) - } + set lastReference(lastReference) { + this._lastReference = lastReference instanceof Uint8Array ? lastReference : this.constructor.Base58.decode(lastReference) + } - let result = new Uint8Array() + get params() { + return [ + this._typeBytes, + this._timestampBytes, + this._groupIDBytes, + this._lastReference, + this._keyPair.publicKey + ] + } - this.params.forEach(item => { - result = this.constructor.utils.appendBuffer(result, item) - }) + get chatBytes() { + const isValid = this.validParams() + if (!isValid.valid) { + throw new Error(isValid.message) + } - this._chatBytes = result + let result = new Uint8Array() - return this._chatBytes - } + this.params.forEach(item => { + result = this.constructor.utils.appendBuffer(result, item) + }) - validParams() { - let finalResult = { - valid: true - } + this._chatBytes = result - this.tests.some(test => { - const result = test() - if (result !== true) { - finalResult = { - valid: false, - message: result - } - return true - } - }) - return finalResult - } + return this._chatBytes + } + + validParams() { + let finalResult = { + valid: true + } + + this.tests.some(test => { + const result = test() + if (result !== true) { + finalResult = { + valid: false, + message: result + } + return true + } + }) + + return finalResult + } } diff --git a/crypto/api/transactions/chat/ChatTransaction.js b/crypto/api/transactions/chat/ChatTransaction.js index b79aa415..96ac6471 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 {Sha256} from 'asmcrypto.js' -import {CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP} from '../../constants.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' 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..e58bc1d0 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..0a88b697 100644 --- a/crypto/api/transactions/chat/decryptChatMessage.js +++ b/crypto/api/transactions/chat/decryptChatMessage.js @@ -1,19 +1,18 @@ -import nacl from '../../deps/nacl-fast.js' -import Base58 from '../../deps/Base58.js' -import ed2curve from '../../deps/ed2curve.js' -import {Sha256} from 'asmcrypto.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) => { let _encryptedMessage = Base58.decode(encryptedMessage) 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..003100aa 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..604a5f8c 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..a3023eb4 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..13c8220c 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..6bd88b87 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..8e3823a6 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..6c755ac0 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..7c715b65 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..aa8303a5 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..a648ae6f 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..43926245 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..7e18834d 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..483b6982 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..7929d367 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..38db5a81 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..89faf7d2 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..07815458 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,18 +24,18 @@ 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){ + set feeDialog(feeDialog) { this._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,12 +100,13 @@ 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); + params.push(this._feeBytes) return params } diff --git a/crypto/api/transactions/polls/VoteOnPollTransaction.js b/crypto/api/transactions/polls/VoteOnPollTransaction.js index 16c51140..21ce36e6 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,12 +15,12 @@ export default class VoteOnPollTransaction extends TransactionBase {
    ${this._votedialog2}
    - ${this._feeDialog}: ${this._feeDisplay} + ${this._feeDialog}: ${this._feeDisplay}
    ` } - set feeDialog(feeDialog){ + set feeDialog(feeDialog) { this._feeDialog = feeDialog } @@ -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/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 2c2f9b3c..fe4ecc98 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..b31e24e0 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 {Sha256} from 'asmcrypto.js' -import {DYNAMIC_FEE_TIMESTAMP} from '../../constants.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' 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/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 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..ad6c3d72 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') @@ -38,40 +38,40 @@ 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") + 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') - log.info("Memory Size Is 12GB Using JS Memory Heap Size 6GB") + 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') - log.info("Memory Size Is 8GB Using JS Memory Heap Size 4GB") + 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') - log.info("Memory Size Is 4GB Using JS Memory Heap Size 2GB") + app.commandLine.appendSwitch('js-flags', '--max-old-space-size=2048') + 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,33 +1187,25 @@ 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' - }) } 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 +1220,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 +1232,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 +1259,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 +1270,7 @@ async function checkAll() { title: "System Detector", body: "No Supported Sytem Detected" }) + dl.show() } } @@ -1197,16 +1287,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 +1309,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 +1332,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 +1342,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 +1411,10 @@ if (!isLock) { }, } ]) + homePageOptions.popup(myWindow) }) + autoUpdater.on('update-available', (event) => { const downloadOpts = { type: 'info', @@ -1316,25 +1422,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 +1454,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 00000000..159a65ad Binary files /dev/null and b/img/qdcgroup.png differ diff --git a/img/qgcgroup.png b/img/qgcgroup.png new file mode 100644 index 00000000..e12b0746 Binary files /dev/null and b/img/qgcgroup.png differ 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..26ea2990 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", @@ -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", @@ -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.21.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-transform": "1.9.0", + "prosemirror-view": "1.33.6", + "sass": "1.77.1", + "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,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.41", + "@zip.js/zip.js": "2.7.44", "axios": "1.6.8", - "electron": "27.3.9", + "electron": "30.0.3", "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", @@ -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", @@ -627,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.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -654,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", @@ -950,9 +920,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 +1118,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 +1641,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 +1654,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 +1667,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 +1680,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 +1697,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 +1712,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 +1724,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 +1736,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 +1749,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 +1760,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 +1772,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 +1784,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 +1802,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 +1819,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 +1832,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 +1846,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 +1860,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 +1883,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 +1898,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 +1911,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 +1926,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 +1942,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 +1955,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 +1969,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 +3033,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 +3046,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 +3059,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 +3072,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 +3085,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 +3111,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 +3124,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 +3137,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 +3150,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 +3163,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 +3176,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 +3189,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 +3202,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 +3215,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 +3228,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 +3277,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.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" @@ -3282,9 +3289,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.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" @@ -3294,9 +3301,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.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" @@ -3306,9 +3313,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.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" @@ -3318,9 +3325,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.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" @@ -3331,9 +3338,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.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" @@ -3343,9 +3350,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.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" @@ -3356,9 +3363,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.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" @@ -3369,9 +3376,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.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" @@ -3381,9 +3388,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.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" @@ -3405,9 +3412,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.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" @@ -3418,9 +3425,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.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" @@ -3443,9 +3450,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.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" @@ -3455,9 +3462,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.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" @@ -3467,9 +3474,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.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" @@ -3479,9 +3486,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.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" @@ -3504,9 +3511,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.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" @@ -3516,9 +3523,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.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" @@ -3684,9 +3691,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.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" @@ -3992,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": { @@ -4059,9 +4066,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.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", @@ -4141,14 +4148,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", @@ -4427,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", @@ -4461,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.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -4475,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", @@ -5032,9 +5018,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.30001617", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001617.tgz", + "integrity": "sha512-mLyjzNI9I+Pix8zwcrpxEbGlfqOkF9kM3ptzmKNw5tizSyYwMe+nGLTqMK9cO+0E+Bh6TsBxNAaHWEM8xwSsmA==", "dev": true, "funding": [ { @@ -5278,14 +5264,14 @@ } }, "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", @@ -5297,24 +5283,10 @@ "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.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "bin": { "semver": "bin/semver.js" }, @@ -5322,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", @@ -5347,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" @@ -5384,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.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" @@ -5759,9 +5726,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 +5741,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.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": { "@electron/get": "^2.0.0", - "@types/node": "^18.11.18", + "@types/node": "^20.9.0", "extract-zip": "^2.0.1" }, "bin": { @@ -5946,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" } @@ -6065,9 +6032,9 @@ } }, "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.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": { @@ -6110,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.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "bin": { "semver": "bin/semver.js" }, @@ -6135,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", @@ -6374,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", @@ -7175,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.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, "optional": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -7204,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", @@ -7221,13 +7146,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" @@ -7787,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", @@ -8226,15 +8152,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": { @@ -8574,17 +8497,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" @@ -8763,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", @@ -8779,9 +8702,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 +8723,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": { @@ -9086,9 +9013,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.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" } @@ -9159,19 +9086,19 @@ } }, "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": { - "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" } @@ -9489,16 +9416,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 +9529,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 +9544,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 +9701,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.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", @@ -9880,9 +9812,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" @@ -9905,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.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz", + "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==", "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, "bin": { "semver": "bin/semver.js" }, @@ -9932,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", @@ -10326,9 +10237,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", @@ -10509,9 +10420,9 @@ } }, "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", @@ -10553,9 +10464,9 @@ } }, "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.15", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.15.tgz", + "integrity": "sha512-K9HWH62x3/EalU1U6sjSZiylm9C8tgq2mSvshZpqc7QE69RaA2qjhkW2HlNA0tFpEbtyFz7HTqbSdN4MSwUodA==", "dev": true, "funding": [ { @@ -10572,7 +10483,7 @@ } ], "dependencies": { - "escalade": "^3.1.1", + "escalade": "^3.1.2", "picocolors": "^1.0.0" }, "bin": { @@ -10659,6 +10570,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..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", @@ -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", @@ -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", @@ -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.21.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-transform": "1.9.0", + "prosemirror-view": "1.33.6", + "sass": "1.77.1", + "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,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.41", + "@zip.js/zip.js": "2.7.44", "axios": "1.6.8", - "electron": "27.3.9", + "electron": "30.0.3", "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", @@ -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/not-sponsored.js similarity index 59% rename from plugins/plugins/core/become-minter/components/not-sponsored.js rename to plugins/plugins/core/become-minter/not-sponsored.js index 2d451197..2199eef0 100644 --- a/plugins/plugins/core/become-minter/components/not-sponsored.js +++ b/plugins/plugins/core/become-minter/not-sponsored.js @@ -1,13 +1,14 @@ -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 { 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' -import {pageStyles} from '../become-minter-css.src.js' + +// Multi language support +import { translate } from '../../../../core/translate' const parentEpml = new Epml({ type: 'WINDOW', source: window.parent }) @@ -16,64 +17,21 @@ class NotSponsored extends LitElement { atMount: { type: Function }, isLoadingSponsorshipKeySubmit: { type: Boolean }, sponsorshipKeyValue: { type: String }, - addMintingAccountMessage: { type: String }, - }; + addMintingAccountMessage: { type: String } + } - static styles = [pageStyles]; + static get styles() { + return [becomeMinterStyles] + } constructor() { - super(); + 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`
    @@ -93,7 +51,6 @@ class NotSponsored extends LitElement {

    ${translate('mintingpage.mchange37')}

    -

    ${this.addMintingAccountMessage}

    @@ -108,18 +65,20 @@ class NotSponsored extends LitElement { >
    -
    - ${this.isLoadingSponsorshipKeySubmit === false - ? html`${translate('puzzlepage.pchange15')}` - : html` - - `} + ${this.isLoadingSponsorshipKeySubmit === false ? + html` + ${translate('puzzlepage.pchange15')} + ` + : html` + + ` + }
    @@ -127,6 +86,59 @@ class NotSponsored extends LitElement {
    ` } + + 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/components/yes-sponsored.js b/plugins/plugins/core/become-minter/yes-sponsored.js similarity index 75% rename from plugins/plugins/core/become-minter/components/yes-sponsored.js rename to plugins/plugins/core/become-minter/yes-sponsored.js index 13e51f3c..44179592 100644 --- a/plugins/plugins/core/become-minter/components/yes-sponsored.js +++ b/plugins/plugins/core/become-minter/yes-sponsored.js @@ -1,13 +1,14 @@ -import {html, LitElement} from 'lit' -import '../../components/ButtonIconCopy.js' -import {translate} from '../../../../../core/translate' - -import '@polymer/paper-spinner/paper-spinner-lite.js' +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' -import {blocksNeed} from '../../../utils/blocks-needed.js' -import {pageStyles} from '../become-minter-css.src.js' + +// Multi language support +import { translate } from '../../../../core/translate' class YesSponsored extends LitElement { static get properties() { @@ -15,7 +16,11 @@ class YesSponsored extends LitElement { addressInfo: { type: Object }, rewardSharePublicKey: { type: String }, isMinting: {type: Boolean} - }; + } + } + + static get styles() { + return [becomeMinterStyles] } constructor() { @@ -25,16 +30,6 @@ class YesSponsored extends LitElement { this.isMinting = false } - static styles = [pageStyles] - - _levelUpBlocks() { - return ( - blocksNeed(0) - - (this.addressInfo?.blocksMinted + - this.addressInfo?.blocksMintedAdjustment) - ).toString() - } - render() { return html`
    @@ -102,6 +97,29 @@ class YesSponsored extends LitElement {
    ` } + + 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) 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..030126b3 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,1965 @@ 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')) { + 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 + } + + 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] - 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 }); + await new Promise((res) => { + this.webWorkerSortMessages.postMessage({ list }) - this.webWorkerDecodeMessages.onmessage = e => { - decodedMessages = e.data - res() + 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 - } - this.webWorkerDecodeMessages.onerror = () => { - rej() + } 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` + }) - } - }) - if (isInitial) { - this.chatEditorPlaceholder = await this.renderPlaceholder() + 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] + + 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() + } + }) + + 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 +1984,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..7e175ddd 100644 --- a/plugins/plugins/core/components/ChatSelect.js +++ b/plugins/plugins/core/components/ChatSelect.js @@ -1,227 +1,193 @@ -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 }, + avatarImg: { type: String } - 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; - } + } + } - li:hover { - background-color: var(--menuhover); - } + static get styles() { + return [chatSelectStyles] + } - .active { - background: var(--menuactive); - border-left: 4px solid #3498db; - } + constructor() { + super() + this.selectedAddress = {} + this.config = { + user: { + node: {} + } + } + this.chatInfo = {} + this.iconName = '' + this.activeChatHeadUrl = '' + this.isImageLoaded = false + this.imageFetches = 0 + this.avatarImg = '' + } - .img-icon { - font-size:40px; - color: var(--chat-group); - } + render() { + let groupString = 'Group_' + this.chatInfo.groupId + let groupAvatarString = 'qortal_group_avatar_' + this.chatInfo.groupId - .about { - margin-top: 8px; - } + 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 { - padding-left: 8px; - } + 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; - } + 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)} + +
    +
    +
    • + ` + } - .name { - user-select: none; - } + 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: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 { + createImage(imageUrl) { + const imageHTMLRes = new Image() + imageHTMLRes.src = imageUrl + imageHTMLRes.style = "width:40px; height:40px; float: left; border-radius:50%" - this.isImageLoaded = false - } - }; - return imageHTMLRes; - } + imageHTMLRes.onclick = () => { + this.openDialogImage = true + } - 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) + 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 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)} - -
    -
    -
    • - ` - } + return imageHTMLRes + } - 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() + shouldUpdate(changedProperties) { + if (changedProperties.has('activeChatHeadUrl')) { + return true + } + if (changedProperties.has('chatInfo')) { + return true + } - } + return false + } - shouldUpdate(changedProperties) { - if(changedProperties.has('activeChatHeadUrl')){ - return true - } - return !!changedProperties.has('chatInfo'); + 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 + } - getUrl(chatUrl) { - this.setActiveChatHeadUrl(chatUrl) - } + isEmptyArray(arr) { + if (!arr) { return true } + return arr.length === 0 + } - 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..3d6d07d4 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..e4b00fb1 --- /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: var(--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: var(--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: var(--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/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 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.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/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.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 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