qortal-ui/core/config/default.build.options.js
AlphaX-Projects fa29ff4c43 Update UI
Refactor and added new functioms
2024-05-08 13:16:23 +02:00

135 lines
3.1 KiB
JavaScript

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
}