Bump version 4.5.5

Bug fixes and new features

.gitignore

@@ -1,11 +1,13 @@
-# Yarn
-yarn.lock
+# npm
+package-lock.json
 
 # Derived js files
-qortal-ui-plugins/plugins/core/**/*.js
+plugins/plugins/core/**/*.js
 !*.src.js
-qortal-ui-core/src/redux/app/version.js
-!qortal-ui-plugins/plugins/core/components/*.js
+!plugins/plugins/core/**/*charts.js
+!plugins/plugins/core/**/*css.js
+core/src/redux/app/version.js
+!plugins/plugins/core/components/**/*.js
 
 # Node modules
 node_modules/

.travis.yml

@@ -1,71 +0,0 @@
-
-branches:
-  except:
-    - master
-
-language: node_js
-node_js: "14.17.0"
-
-cache:
-  yarn: true
-  directories:
-    - node_modules
-    # - qortal-ui-core/node_modules
-    # - qortal-ui-plugins/node_modules
-    # - qortal-ui-crypto/node_modules
-    - $HOME/.cache/electron
-    - $HOME/.cache/electron-builder
-
-install:
-  - sh install-dependencies.sh
-
-env:
-  global:
-    - ELECTRON_CACHE=$HOME/.cache/electron
-    - ELECTRON_BUILDER_CACHE=$HOME/.cache/electron-builder
-    - ELECTRON_ENABLE_LOGGING=true
-
-jobs:
-  include:
-    - stage: Deploy Linux
-      if: tag IS present
-      os: linux
-      dist: bionic
-      sudo: required
-      addons:
-        apt:
-          packages:
-            # default Electron dependencies
-            - build-essential
-            - gconf2
-            - gconf-service
-            - libgtk-3-0
-            - libnotify4
-            - libxss-dev
-            - libxss1
-            - xdg-utils
-            - libatspi2.0-0
-            - libappindicator1
-            - libxext-dev
-            - libxtst6
-            - libxtst-dev
-            - libnss3
-      script:
-        - newVersion=$(git describe --abbrev=0)
-        - yarn version --new-version $newVersion
-        - sh set-up-snap.sh
-        - yarn run release
-    - stage: Deploy Windows & Mac
-      if: tag IS present
-      os: osx
-      osx_image: xcode12.5.1
-      script:
-        - newVersion=$(git describe --abbrev=0)
-        - yarn version --new-version $newVersion
-        - yarn run release -- --mac --win
-      before_cache:
-        - rm -rf $HOME/.cache/electron-builder/wine
-    # - stage: Update GitHub with Builds
-    #   if: tag IS present
-    #   script:
-    #     - sh push-updates-with-travis-build.sh

CONTRIBUTING.md

@@ -5,4 +5,4 @@
 3) Push changes to your repository
 4) Push changes to parent repository (make a pull request)
 
-As long the code change is good we will merge it.
+As long as the code change is good we will merge it.

README.md

@@ -3,7 +3,7 @@
 ![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/Qortal/qortal-ui?label=latest%20version)
 [![GitHub Releases](https://img.shields.io/github/downloads/Qortal/qortal-ui/latest/total)](https://github.com/Qortal/qortal-ui/releases/latest)
 [![License](https://img.shields.io/badge/license-GPL--3.0-blue)](https://opensource.org/licenses/GPL-3.0)
-[![Qortal Discord Invite](https://img.shields.io/discord/745037351163527189?color=%237289DA&label=chat&logo=discord&logoColor=white)](https://discord.com/invite/54UyhB7)
+[![Qortal Discord Invite](https://img.shields.io/discord/745037351163527189?color=%237289DA&label=Chat&logo=discord&logoColor=white)](https://discord.com/invite/54UyhB7)
 
 Decentralizing The World
 
@@ -17,51 +17,50 @@ Installation
 Packages required:
  - Node.js
  - npm
- - yarn
 
 Easiest way to install the lastest required packages on Linux is via nvm. 
 
 ``` sudo apt update && sudo apt install curl -y ``` <br/>
+``` sudo rm -rf ~/.nvm ``` (Only for update node version)<br/>
 ``` curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash ``` <br/>
 ``` source ~/.profile ``` (For Debian based distro) <br/>
 ``` source ~/.bashrc ``` (For Fedora / CentOS) <br/>
 ``` nvm ls-remote ``` (Fetch list of available versions) <br/>
-``` nvm install v16.14.2 ```  (LTS: Gallium supported by Electron) <br/>
-``` npm -g install yarn ``` <br/> 
-
-On BSD do a ``` pkg_add node followed by npm install -g yarn ```
+``` nvm install v18.20.3 ```  (Latest LTS: Hydrogen supported by Electron V31) <br/>
+``` npm --location=global install npm@10.8.1 ``` <br/>
 
 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.
 
-Verify your installtion with node --version <br/>
-- ``` If you have an older installation of npm, please do not forget to update that with npm update -g. ```
+Verify your installation with ``` node --version ``` <br/>
+ - If you have an older installation of npm, please do not forget to update that with ``` npm update -g ```
 
 Clone the main UI repo
  - ``` git clone https://github.com/Qortal/qortal-ui.git ```
 
-Installation and linking
+Installation
 ------------------------
- In `qortal-ui/` install_link:all
-
+In `qortal-ui` directory, run:
+```
+npm install
+```
 
 Build UI server and files
 -------------------------
-In `qortal-ui` directory, run:
 ```
-yarn run build
+npm run build
 ```
 
 Start UI Server ( preferred way )
 ---------------
 ```
-yarn run server &
+npm run server &
 ```
 The "&" at the end puts the UI server in the background.
 
 Run UI using electron
 ---------------------
 ```
-yarn run start-electron
+npm run start-electron
 ```
 
 Build script (unix-like systems only)
@@ -70,7 +69,7 @@ To automate the above process, run ./build.sh, optionally specifying the followi
 
 `-s`: run UI server after completing the build<br />
 `-e`: run electron server after completing the build<br />
-`-f`: force relink and reinstall dependencies<br />
+`-w`: use 'npm run watch' instead of 'npm run build', to enable hot swapping<br />
 `-h`: show help<br />
 
 Example command to build and run the UI server:

build.js

@@ -1,28 +1,23 @@
 const path = require('path')
-const uiCore = require('qortal-ui-core')
-
+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('qortal-ui-plugins')
 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()
+})

build.sh

@@ -1,11 +1,7 @@
 #!/usr/bin/env bash
 
-declare -a YARN_PACKAGE_DEPS=("qortal-ui-core" "qortal-ui-plugins" "qortal-ui-crypto")
-YARN_LINK_DIR="${HOME}/.config/yarn/link"
-
 SHOW_HELP=0
-FORCE_LINK=0
-YARN_WATCH=0
+NPM_WATCH=0
 RUN_SERVER=0
 RUN_ELECTRON=0
 
@@ -16,22 +12,17 @@ while [ -n "$*" ]; do
 			SHOW_HELP=1
 			;;
 
-    	-f)
-            # Force relink and reinstall dependencies
-			FORCE_LINK=1
-			;;
-
     	-w)
-            # Use "yarn watch" instead of "yarn build", to enable hot swapping
-			YARN_WATCH=1
+            # Use "npm run watch" instead of "npm run build", to enable hot swapping
+			NPM_WATCH=1
 			;;
 
-		-s)
+	-s)
             # Run server after building
 			RUN_SERVER=1
 			;;
 
-		-e)
+	-e)
             # Run electron after building
 			RUN_ELECTRON=1
 			;;
@@ -42,34 +33,16 @@ done
 if [ "${SHOW_HELP}" -eq 1 ]; then
     echo
     echo "Usage:"
-    echo "build.sh [-h] [-f] [-s] [-e]"
+    echo "build.sh [-h] [-w] [-s] [-e]"
     echo
     echo "-h: show help"
-    echo "-f: force relink and reinstall dependencies"
-    echo "-w: use 'yarn watch' instead of 'yarn build', to enable hot swapping"
+    echo "-w: use 'npm run watch' instead of 'npm run build', to enable hot swapping"
     echo "-s: run UI server after completing the build"
     echo "-e: run electron server after completing the build"
     echo
     exit
 fi
 
-echo "Checking dependencies..."
-for PACKAGE in "${YARN_PACKAGE_DEPS[@]}"; do
-    if [ "${FORCE_LINK}" -eq 1 ]; then
-        echo "Unlinking ${PACKAGE}..."
-        yarn --cwd "${PACKAGE}" unlink "${PACKAGE}"
-        yarn --cwd "${PACKAGE}" unlink
-    fi
-    if [ ! -d "${YARN_LINK_DIR}/${PACKAGE}" ]; then
-        echo "Installing and linking ${PACKAGE}..."
-        yarn --cwd "${PACKAGE}" install
-        yarn --cwd "${PACKAGE}" link
-        yarn link "${PACKAGE}"
-    else
-        echo "${PACKAGE} is already linked."
-    fi
-done
-
 WATCH_PID=$(cat "watch.pid" || echo "")
 if [ ! -z "${WATCH_PID}" ]; then
     echo "Stopping existing watch process..."
@@ -77,22 +50,22 @@ if [ ! -z "${WATCH_PID}" ]; then
     rm -f "watch.pid"
 fi
 
-if [ "${YARN_WATCH}" -eq 1 ]; then
+if [ "${NPM_WATCH}" -eq 1 ]; then
     echo "Building qortal-ui in watch mode..."
-    yarn run watch &
+    npm run watch &
     echo "$!" > "watch.pid";
 else
-    yarn run build
+    npm run build
 fi
 
 if [ "${RUN_SERVER}" -eq 1 ]; then
     echo "Running UI server..."
     trap : INT
-    yarn run server
+    npm run server
 elif [ "${RUN_ELECTRON}" -eq 1 ]; then
     echo "Starting electron..."
     trap : INT
-    yarn run start-electron
+    npm run start-electron
 fi
 
 WATCH_PID=$(cat "watch.pid" || echo "")

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, '../node_modules/qortal-ui-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

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'
+}

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)

config/crypto.config.js

@@ -1,3 +1,3 @@
 const defaultConfig = require('./default.config.js')
 
-module.exports = {}
+module.exports = {}

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 }

config/default.config.js

@@ -1,5 +1,4 @@
-const uiCore = require('qortal-ui-core')
+const uiCore = require('../core/ui-core.js')
 const defaultConfig = uiCore('default_config')
 
-
-module.exports = defaultConfig
+module.exports = defaultConfig

config/styles.config.js

@@ -1 +1 @@
-module.exports = {}
+module.exports = {}

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
+		}
+	}
+}

core/assets/js/svg.js

@@ -1,4 +1,4 @@
-import { html } from 'lit'
+import {html} from 'lit'
 
 export const svgSun = html`<svg height="64px" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd;width: 32px;" version="1.1" viewBox="0 0 64 64" width="64px" xml:space="preserve"><defs><style type="text/css">.str0 {stroke:#FFC106;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:22.9256} .fil1 {fill:none} .fil0 {fill:#FFC106}</style></defs><g id="Layer_x0020_1"><g id="_866321920"><circle class="fil0" r="22.97" transform="matrix(0.543121 0.145529 -0.145529 0.543121 32.0002 31.9993)"/><path class="fil1 str0" d="M32 12.4c0,1.52 0,2 0,2m-9.8 0.63c0.76,1.32 1,1.73 1,1.73m-8.17 5.44c1.32,0.76 1.73,1 1.73,1m-4.36 8.8c1.53,0 2,0 2,0m0.63 9.8c1.32,-0.76 1.73,-1 1.73,-1m5.44 8.17c0.76,-1.32 1,-1.73 1,-1.73m8.8 4.36c0,-1.53 0,-2 0,-2m9.8 -0.63c-0.76,-1.32 -1,-1.73 -1,-1.73m8.17 -5.44c-1.32,-0.76 -1.73,-1 -1.73,-1m4.36 -8.8c-1.53,0 -2,0 -2,0m-0.63 -9.8c-1.32,0.76 -1.73,1 -1.73,1m-5.44 -8.17c-0.76,1.32 -1,1.73 -1,1.73"/></g></g></svg>`;
 export const svgMoon = html `<svg height="32px" style="enable-background:new 0 0 32 32;" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve"><g id="Layer_1"/><g id="moon_x5F_fill"><g><path d="M24.633,22.184c-8.188,0-14.82-6.637-14.82-14.82c0-2.695,0.773-5.188,2.031-7.363    C5.02,1.969,0,8.188,0,15.645C0,24.676,7.32,32,16.352,32c7.457,0,13.68-5.023,15.648-11.844    C29.82,21.41,27.328,22.184,24.633,22.184z" style="fill:#4E4E50;"/></g></g></svg>`;

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 }

core/config/default.build.options.js

@@ -0,0 +1,135 @@
+const path = require('path')
+
+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')
+}
+
+const aliases = {
+	'qortal-ui-crypto': '../../crypto/api.js'
+}
+
+const apiComponents = {
+	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'
+	}
+}
+
+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'
+	}
+]
+
+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'
+			}
+		}
+	}
+}
+
+makeSourceAbsolute(path.join(__dirname, srcDir), elementComponents)
+makeSourceAbsolute(path.join(__dirname, srcDir), functionalComponents)
+
+module.exports = {
+	options,
+	elementComponents,
+	functionalComponents,
+	inlineComponents,
+	apiComponents,
+	aliases
+}

core/config/default.coin.config.js

@@ -0,0 +1,11 @@
+const coin = {
+	name: 'Qortal',
+	symbol: 'QORT',
+	addressCount: 1,
+	addressVersion: 58,
+	decimals: 100000000,
+	logo: '/img/QORT_LOGO.png',
+	icon: '/img/QORT_LOGO.png'
+}
+
+module.exports = coin

core/config/default.crypto.config.js

@@ -0,0 +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`
+	}
+}
+
+module.exports = crypto

core/config/default.styles.config.js

@@ -0,0 +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. */
+
+			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. */
+
+			warning: '#FFA000',
+			error: '#F44336'
+		},
+
+		addressColors: [
+			'#256480',
+			'#002530',
+			'#02564e',
+			'#d32f2f',
+			'#795548',
+			'#004d40',
+			'#006064',
+			'#9c27b0',
+			'#2196f3',
+			'#d81b60'
+		]
+	}
+}
+
+module.exports = styles

core/config/default.user.config.js

@@ -0,0 +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'
+	},
+
+	// Notification Settings (All defaults to true)
+	notifications: {
+		q_chat: {
+			playSound: true,
+			showNotification: true
+		}
+	}
+}
+
+module.exports = user

core/config/load-config.js

@@ -0,0 +1,22 @@
+let config = require('./config.js')
+
+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
+}
+
+module.exports = getConfig