"
25 | ]
26 | }
--------------------------------------------------------------------------------
/src/features/shared/components/CopyableBlock/CopyableBlock.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { copyToClipboard } from 'utility/clipboard'
3 | import styles from './CopyableBlock.scss'
4 | import {withNamespaces} from 'react-i18next'
5 |
6 | class CopyableBlock extends React.Component {
7 | copyClick() {
8 | copyToClipboard(this.props.value)
9 | }
10 |
11 | render() {
12 | return (
13 |
14 |
{this.props.value}
15 |
16 |
18 |
19 |
9 | {this.props.children &&
10 | {this.props.children}
11 |
}
12 |
15 | {this.props.title &&
{this.props.title}
}
16 |
17 | {message &&
18 |
19 | {message}
20 |
}
21 |
22 | {error.code &&
23 |
{t('commonWords.errorCode')} {error.code}
}
24 |
25 | {error.requestId &&
26 |
{t('commonWords.requestId')} {error.requestId}
}
27 |
19 | {this.props.title && {this.props.title}}
20 |
24 | {this.props.hint && {this.props.hint}}
25 |
26 | )
27 | }
28 | }
29 |
30 | export default FileField
--------------------------------------------------------------------------------
/src/features/shared/components/Flash/Flash.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | display: flex;
3 | position: relative;
4 | top: $title-height;
5 | }
6 |
7 | .alert {
8 | padding: 15px;
9 | border-bottom: 1px solid transparent;
10 | }
11 |
12 | .info {
13 | background-color: $alert-info-bg;
14 | border-color: $alert-info-border;
15 | color: $alert-info-text;
16 | }
17 |
18 | .success {
19 | background-color: $success-background;
20 | border-color: $success-border;
21 | color: $success;
22 | }
23 |
24 | .danger {
25 | background-color: $highlight-danger-background;
26 | border-color: $highlight-danger-border;
27 | color: $highlight-danger;
28 | }
29 |
30 | .content {
31 | width: 100%;
32 | flex: 1;
33 |
34 | p {
35 | margin: 0;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/features/shared/components/FormContainer/FormContainer.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | background: $background-color;
3 | display: flex;
4 | flex-direction: row;
5 | padding: 0 $gutter-size;
6 | margin-top: $title-height;
7 | }
8 |
9 | .content {
10 | min-width: 400px;
11 | width: 55%;
12 | margin: 0 auto;
13 | }
14 |
15 | .submit {
16 | text-align: right;
17 | }
18 |
--------------------------------------------------------------------------------
/src/features/shared/components/FormSection/FormSection.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './FormSection.scss'
3 |
4 | class FormSection extends React.Component {
5 | render() {
6 | return (
7 |
8 |
{this.props.title}
9 |
10 |
11 | {this.props.children}
12 |
13 |
26 | {normalizeBTMAmountUnit(btmID, ( chainGas + fieldProps.value * this.props.gas ), this.props.btmAmountUnit)}
27 |
33 |
34 | {touched && error && {error}}
35 | {this.props.hint && {this.props.hint}}
36 |
37 | }
38 | }
39 |
40 | export default GasField
41 |
--------------------------------------------------------------------------------
/src/features/shared/components/GasField/GasField.scss:
--------------------------------------------------------------------------------
1 | .slider{
2 | min-width: 340px;
3 | }
4 |
--------------------------------------------------------------------------------
/src/features/shared/components/HiddenField.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | class HiddenField extends React.Component {
4 | render() {
5 | return(
6 |
10 | )
11 | }
12 |
13 | }
14 |
15 | export default HiddenField
16 |
--------------------------------------------------------------------------------
/src/features/shared/components/JsonField/JsonField.scss:
--------------------------------------------------------------------------------
1 | .editorWrapper {
2 | border: 1px solid $input-border;
3 | border-radius: $input-border-radius-large;
4 | padding: 12px 8px; // ace-text-layer gets 4px default padding
5 | }
6 |
7 | .editorError {
8 | border-color: $brand-danger;
9 | }
10 |
11 | .errorBlock {
12 | color: $brand-danger;
13 | }
14 |
--------------------------------------------------------------------------------
/src/features/shared/components/KeyValueTable/KeyValueTable.scss:
--------------------------------------------------------------------------------
1 | .table {
2 | background: $background-color;
3 | table-layout: fixed;
4 | width: 100%;
5 |
6 | td {
7 | border-bottom: 1px solid $border-color;
8 | vertical-align: top;
9 | padding: 13px $gutter-size;
10 | line-height: 15px;
11 | }
12 |
13 | a .pre {
14 | color: $highlight-default;
15 | }
16 |
17 | tr:first-child td {
18 | padding-top: 20px;
19 | }
20 |
21 | tr:last-child td {
22 | border-bottom: none;
23 | padding-bottom: 20px;
24 | }
25 | }
26 |
27 | .edit {
28 | float: right;
29 | font-family: $font-family-sans-serif;
30 | font-size: $font-size-base;
31 | }
32 |
33 | .detail {
34 | padding: 0px;
35 | margin: 0px;
36 | line-height: 15px;
37 | }
38 |
39 | .pencil {
40 | padding-right: 5px;
41 | font-size: 10px;
42 | font-weight: 600;
43 | }
44 |
45 | .label {
46 | background: $background-color;
47 | border-right: 1px solid $border-color;
48 | color: $text-strong-color;
49 | font-weight: 600;
50 | width: 200px;
51 | font-size: $font-size-base;
52 | font-family: Nitti Grotesk;
53 | text-align: right;
54 | letter-spacing: 0.2px;
55 | text-transform: uppercase;
56 | }
57 |
58 | .value, .pre {
59 | font-size: $font-size-code;
60 | color: $text-table-value-color;
61 | }
62 |
63 | .value {
64 | word-wrap: break-word;
65 | font-family: Nitti;
66 | }
67 |
68 | .pre {
69 | display: inline-block;
70 | padding: 0;
71 | margin: 0;
72 |
73 | word-break: break-all;
74 | word-wrap: break-word;
75 | white-space: pre-wrap;
76 |
77 | border: none;
78 | line-height: 1.4;
79 | }
80 |
--------------------------------------------------------------------------------
/src/features/shared/components/Mnemonic/Mnemonic.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { copyToClipboard } from 'utility/clipboard'
3 | import styles from './Mnemonic.scss'
4 | import {withNamespaces} from 'react-i18next'
5 |
6 | class Mnemonic extends React.Component {
7 | constructor(props) {
8 | super(props)
9 | this.state={
10 | mnemonicArray : this.props.mnemonic.split(' ')
11 | }
12 | }
13 |
14 | render() {
15 | const t = this.props.t
16 | const {mnemonicArray} = this.state
17 | return (
18 |
19 |
20 |
{t('init.mnemonic')}
21 |
27 |
28 |
{t('mnemonic.backupMessage')}
29 |
30 |
31 | {
32 | mnemonicArray.map((seedWord) =>
33 |
{seedWord}
)
34 | }
35 |
36 |
37 |
9 |
404 {t('notFound.title')}
10 |
{t('notFound.word')}
11 |
8 | {this.props.children}
9 |
10 | )
11 | }
12 | }
13 |
14 | export default PageContent
15 |
--------------------------------------------------------------------------------
/src/features/shared/components/PageContent/PageContent.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | padding: $gutter-size;
3 | position: relative;
4 | margin-top: $title-height;
5 | }
6 |
--------------------------------------------------------------------------------
/src/features/shared/components/PageTitle/PageTitle.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | background: $background-color;
3 | padding: $gutter-size;
4 | border-bottom: 1px solid $border-color;
5 | height: $title-height;
6 | display: flex;
7 | align-items: center;
8 | left: $sidebar-width;
9 | z-index: 99;
10 | position:fixed;
11 | right:0;
12 | code {
13 | display: inline-block;
14 | font-size: $font-size-code;
15 | font-weight: normal;
16 | margin-left: 3px;
17 | vertical-align: middle;
18 | overflow: hidden;
19 | text-overflow: ellipsis;
20 | white-space: nowrap;
21 | max-width: 300px;
22 | padding: 0 6px;
23 | background: $background-emphasis-color;
24 | border: 1px solid transparentize($border-color, 0.5);
25 | line-height: 1.4;
26 | }
27 | }
28 | .title {
29 | color: $text-strong-color;
30 | }
31 |
32 | .navigation {
33 | flex-grow: 1;
34 | }
35 |
36 | .crumbs {
37 | display: flex;
38 | font-size: $font-size-page-title;
39 | list-style-type: none;
40 | margin: 0;
41 | padding: 0;
42 | }
43 |
44 | .crumb a {
45 | position: relative;
46 | padding-right: $gutter-size/2;
47 | margin-right: $gutter-size/2;
48 |
49 | .chevron {
50 | width: 5px;
51 | height: 10px;
52 | position: absolute;
53 | right: -2px;
54 | top: calc(50% - 5px) ;
55 | }
56 | }
57 |
58 | .actions {
59 | list-style-type: none;
60 | display: flex;
61 | margin: 0;
62 | padding: 0;
63 | }
64 |
65 | .flash {
66 | z-index: 10;
67 | width: calc(100% - 220px);
68 | }
69 |
70 |
--------------------------------------------------------------------------------
/src/features/shared/components/Pagination/Pagination.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './Pagination.scss'
3 | import {withNamespaces} from 'react-i18next'
4 |
5 | class Pagination extends React.Component {
6 | render() {
7 | const t = this.props.t
8 | const prevClass = `${styles.button} ${this.props.currentPage > 1 ? '' : styles.disabled}`
9 | const nextClass = `${styles.button} ${this.props.isLastPage ? styles.disabled : ''}`
10 | const nextPage = () => this.props.pushList(this.props.currentFilter, this.props.currentPage + 1)
11 | const prevPage = () => this.props.pushList(this.props.currentFilter, this.props.currentPage - 1)
12 |
13 | return (
14 |
15 | -
16 |
17 | ←
18 |
19 |
20 | - {t('commonWords.page')} {this.props.currentPage}
21 | -
22 |
23 | →
24 |
25 |
26 |
27 | )
28 | }
29 | }
30 |
31 | Pagination.propTypes = {
32 | currentPage: React.PropTypes.number,
33 | isLastPage: React.PropTypes.bool,
34 | pushList: React.PropTypes.func,
35 | currentFilter: React.PropTypes.object,
36 | }
37 |
38 | export default withNamespaces('translations') (Pagination)
39 |
--------------------------------------------------------------------------------
/src/features/shared/components/Pagination/Pagination.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | text-align: center;
3 | list-style-type: none;
4 | padding: 0;
5 | user-select: none;
6 | margin-top: $gutter-size;
7 |
8 | li {
9 | display: inline-block;
10 | margin: 0 $gutter-size;
11 | }
12 | }
13 |
14 |
15 | .button {
16 | border: 2px solid $highlight-default;
17 | color: $highlight-default;
18 | cursor: pointer;
19 | display: block;
20 | line-height: 26px;
21 | font-size: $font-size-btn-lg;
22 | height: 30px;
23 | width: 30px;
24 | border-radius: 15px;
25 |
26 | &:hover {
27 | border-color: $highlight-secondary;
28 | }
29 | }
30 |
31 | .disabled {
32 | border-color: $text-color;
33 | color: $text-color;
34 | opacity: 0;
35 | pointer-events: none;
36 | }
37 |
--------------------------------------------------------------------------------
/src/features/shared/components/PasswordField/PasswordField.scss:
--------------------------------------------------------------------------------
1 | .capsIcon{
2 | background-image: url('images/capslock.svg');
3 | }
4 |
5 | .capsIconGreen{
6 | background-image: url('images/capslock-green.svg');
7 | }
8 |
9 | .password{
10 | background-repeat: no-repeat;
11 | background-position: 99% center;
12 | background-size: 20px 20px;
13 | padding-right: 30px;
14 |
15 | -webkit-text-security:disc !important;
16 | }
17 |
18 | .dotFont{
19 | font-family:dotsfont;
20 | }
21 |
--------------------------------------------------------------------------------
/src/features/shared/components/RadioField/RadioField.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import pick from 'lodash/pick'
3 | import { FieldLabel } from 'features/shared/components'
4 | import styles from './RadioField.scss'
5 |
6 | const TEXT_FIELD_PROPS = [
7 | 'value',
8 | 'onBlur',
9 | 'onChange',
10 | 'onFocus',
11 | 'name'
12 | ]
13 |
14 | class RadioField extends React.Component {
15 | constructor(props) {
16 | super(props)
17 | }
18 |
19 | render() {
20 | const fieldProps = pick(this.props.fieldProps, TEXT_FIELD_PROPS)
21 | const options = this.props.options
22 |
23 | return(
24 |
25 | {this.props.title &&
{this.props.title}}
26 |
27 | {options.map((option) =>
28 | )}
37 |
38 |
39 |
{JSON.stringify(snakeCased, null, 2)})
8 | }
9 |
10 | render() {
11 | return (
12 |
15 | )
16 | }
17 | }
18 |
19 | import { connect } from 'react-redux'
20 | import actions from 'actions'
21 |
22 | const mapDispatchToProps = ( dispatch ) => ({
23 | showJsonModal: (body) => dispatch(actions.app.showModal(
24 | body,
25 | actions.app.hideModal,
26 | null,
27 | { wide: true }
28 | )),
29 | })
30 |
31 | export default connect(
32 | () => ({}),
33 | mapDispatchToProps
34 | )(RawJsonButton)
35 |
--------------------------------------------------------------------------------
/src/features/shared/components/RelativeTime.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import moment from 'moment'
3 | import { humanizeDuration } from 'utility/time'
4 |
5 | class RelativeTime extends React.Component {
6 | render() {
7 | const momentTime = moment.unix(this.props.timestamp)
8 |
9 | let timestamp = momentTime.fromNow()
10 | const diff = momentTime.diff(moment())
11 |
12 | if (diff > 0) {
13 | timestamp = humanizeDuration(diff/1000) + ' ahead of local time'
14 | }
15 | else if( moment.duration(diff).asHours()<-24){
16 | timestamp = momentTime.format('YYYY-MM-DD HH:mm:ss')
17 | }
18 |
19 | return(
20 | {timestamp}
21 | )
22 | }
23 | }
24 |
25 | export default RelativeTime
26 |
--------------------------------------------------------------------------------
/src/features/shared/components/RestoreKeystore/RestoreKeystore.scss:
--------------------------------------------------------------------------------
1 | .submitButton{
2 | float: left;
3 | }
4 |
--------------------------------------------------------------------------------
/src/features/shared/components/RestoreMnemonic/RestoreMnemonic.scss:
--------------------------------------------------------------------------------
1 | .submitButton{
2 | float: left;
3 | }
4 |
--------------------------------------------------------------------------------
/src/features/shared/components/RoutingContainer.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class RoutingContainer extends React.Component {
4 | render() {
5 | return (
6 |
7 | {this.props.children}
8 |
9 | )
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/features/shared/components/SearchBar/SearchBar.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | padding: $gutter-size/2 $gutter-size;
3 | }
4 |
5 | .search_field_full, .search_field_half, .sum_by_field {
6 | display: inline-block;
7 | position: relative;
8 | }
9 |
10 | .searchField {
11 | position: relative;
12 | }
13 |
14 | .search_field_full {
15 | width: 100%;
16 | }
17 |
18 | .search_field_half {
19 | width: 55%;
20 | padding-right: $gutter-size/2;
21 | }
22 |
23 | .sum_by_field {
24 | width: 45%;
25 | }
26 |
27 | .label {
28 | padding-left: 20px;
29 | }
30 |
31 | .search_input {
32 | height: 50px;
33 | padding: 10px 20px 10px 45px;
34 | border: 1px solid $border-color;
35 | height: 44px;
36 | color: $text-strong-color;
37 | border-radius: 25px;
38 | background-image: url('images/search.png');
39 | background-repeat: no-repeat;
40 | background-size: 15px 15px;
41 | background-position: 20px center;
42 | }
43 |
44 | .sum_by_input {
45 | background-image: url('images/sum.png');
46 | }
47 |
48 | .showSumBy {
49 | border: 1px solid $border-color;
50 | border-radius: 25px;
51 | color: $text-light-color;
52 | padding: 0px 10px;
53 | position: absolute;
54 | right: $gutter-size/2;
55 | bottom: 8px;
56 |
57 | &:hover {
58 | cursor: pointer;
59 | background-color: $background-emphasis-color;
60 | }
61 | }
62 |
63 | .search_input::-webkit-input-placeholder {
64 | color: #b6bcc5;
65 | }
66 |
67 | .submit {
68 | position: absolute;
69 | left: -9999px;
70 | }
71 |
72 | .clearSearch {
73 | display: inline-block;
74 | text-decoration: underline;
75 |
76 | &:hover {
77 | cursor: pointer;
78 | }
79 | }
80 |
81 | .queryTime {
82 | display: inline-block;
83 | padding: 4px 20px;
84 | opacity: 0.66
85 | }
86 |
--------------------------------------------------------------------------------
/src/features/shared/components/Section/Section.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './Section.scss'
3 |
4 | class Section extends React.Component {
5 | render() {
6 | return (
7 |
8 | {this.props.title &&
9 |
10 | {this.props.title}
11 |
12 |
13 | {this.props.actions &&
{this.props.actions}
}
14 |
}
15 |
16 |
17 | {this.props.children}
18 |
19 |
27 | {this.props.title && {this.props.title}}
28 |
38 |
39 | {touched && error && {error}}
40 | {this.props.hint && }
41 |
42 | )
43 | }
44 | }
45 |
46 | export default withNamespaces('translations') (SelectField)
47 |
--------------------------------------------------------------------------------
/src/features/shared/components/SingletonField.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import pick from 'lodash/pick'
3 | import disableAutocomplete from 'utility/disableAutocomplete'
4 |
5 | const TEXT_FIELD_PROPS = [
6 | 'value',
7 | 'onBlur',
8 | 'onChange',
9 | 'onFocus',
10 | 'name'
11 | ]
12 |
13 | class SingletonField extends React.Component {
14 | constructor(props) {
15 | super(props)
16 | }
17 |
18 | render() {
19 | const fieldProps = pick(this.props.fieldProps, TEXT_FIELD_PROPS)
20 | const {touched, error} = this.props.fieldProps
21 |
22 | return(
23 |
24 |
29 |
30 | )
31 | }
32 | }
33 |
34 | export default SingletonField
35 |
--------------------------------------------------------------------------------
/src/features/shared/components/Stepper/Step.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './stepper.scss'
3 | import {withNamespaces} from 'react-i18next'
4 |
5 | class Step extends React.Component {
6 |
7 | render() {
8 | const {
9 | isActive,
10 | displayPrevious,
11 | displayNext,
12 | component,
13 | children,
14 | t,
15 | nextL,
16 | prevL
17 | } = this.props
18 |
19 | if(isActive === false) return null
20 |
21 | return (
22 |
23 | {component ? React.createElement(component) : children}
24 |
this.props.goToNextStep()}
28 | />
29 | this.props.goToPreviousStep()}
33 | />
34 | {children}
37 | )
38 | }
39 | }
40 |
41 | export default StepList
--------------------------------------------------------------------------------
/src/features/shared/components/Stepper/stepper.scss:
--------------------------------------------------------------------------------
1 | .marginLeft{
2 | margin-left: $gutter-size/2;
3 | cursor: pointer;
4 | }
5 |
6 | .floatLeft{
7 | float: left;
8 | }
9 |
--------------------------------------------------------------------------------
/src/features/shared/components/SubmitIndicator/SubmitIndicator.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './SubmitIndicator.scss'
3 |
4 | export default class SubmitIndicator extends React.Component {
5 | render() {
6 | const text = this.props.text || 'Submitting...'
7 | return {text}
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/shared/components/SubmitIndicator/SubmitIndicator.scss:
--------------------------------------------------------------------------------
1 | .activeSubmit {
2 | animation: pulse 2s infinite;
3 | }
4 |
5 | @keyframes pulse {
6 | 0% {
7 | opacity: 1.0;
8 | }
9 | 50% {
10 | opacity: 0.0;
11 | }
12 | 100% {
13 | opacity: 1.0;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/shared/components/TableList/TableList.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './TableList.scss'
3 |
4 | class TableList extends React.Component {
5 | render() {
6 | return (
7 |
8 |
9 |
10 | {this.props.titles.map(title => | {title} | )}
11 | |
12 |
13 |
14 |
15 | {this.props.children}
16 |
17 |
18 | )
19 | }
20 | }
21 |
22 | export default TableList
23 |
--------------------------------------------------------------------------------
/src/features/shared/components/TableList/TableList.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | background: $background-color;
3 | border: 1px solid $border-color !important;
4 | color: $text-strong-color;
5 | width: 100%;
6 | table-layout: fixed;
7 | margin-bottom: $gutter-size;
8 |
9 | code {
10 | padding: 0;
11 | font-size: $font-size-code;
12 | }
13 |
14 | td {
15 | border-top: 1px solid $border-light-color;
16 | overflow: hidden;
17 | text-overflow: ellipsis;
18 | color: $text-color;
19 | line-height: 20px;
20 | vertical-align: top;
21 | }
22 |
23 | th {
24 | color: $text-strong-color;
25 | //font-size: $font-size-caps;
26 | text-transform: uppercase;
27 | font-weight: 500;
28 | font-size: $font-size-chrome;
29 | }
30 |
31 | td, th {
32 | padding: 13px $gutter-size 13px 0;
33 | }
34 | th, td {
35 |
36 | &:first-child {
37 | padding-left: $gutter-size * 2;
38 | }
39 |
40 | &:last-child {
41 | text-align: right;
42 | }
43 | }
44 |
45 | :global {
46 | .btn-link {
47 | padding-top: 0;
48 | padding-bottom: 0;
49 | line-height: 1;
50 | }
51 | }
52 | }
53 |
--------------------------------------------------------------------------------
/src/features/shared/components/TextField.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import pick from 'lodash/pick'
3 | import { FieldLabel } from 'features/shared/components'
4 | import disableAutocomplete from 'utility/disableAutocomplete'
5 |
6 | const TEXT_FIELD_PROPS = [
7 | 'value',
8 | 'onBlur',
9 | 'onChange',
10 | 'onFocus',
11 | 'name'
12 | ]
13 |
14 | class TextField extends React.Component {
15 | constructor(props) {
16 | super(props)
17 | const type = props.type || 'text'
18 | this.state = {type}
19 | }
20 |
21 | render() {
22 | const fieldProps = pick(this.props.fieldProps, TEXT_FIELD_PROPS)
23 | const {touched, error} = this.props.fieldProps
24 |
25 | return(
26 |
27 | {this.props.title && {this.props.title}}
28 |
36 |
37 | {touched && error && {error}}
38 | {this.props.hint && {this.props.hint}}
39 |
40 | )
41 | }
42 | }
43 |
44 | export default TextField
45 |
--------------------------------------------------------------------------------
/src/features/shared/components/TextareaField.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import pick from 'lodash/pick'
3 | import { FieldLabel } from 'features/shared/components'
4 | import disableAutocomplete from 'utility/disableAutocomplete'
5 |
6 | const TEXT_FIELD_PROPS = [
7 | 'value',
8 | 'onBlur',
9 | 'onChange',
10 | 'onFocus',
11 | 'name'
12 | ]
13 |
14 | class TextareaField extends React.Component {
15 | constructor(props) {
16 | super(props)
17 | }
18 |
19 | render() {
20 | const fieldProps = pick(this.props.fieldProps, TEXT_FIELD_PROPS)
21 | const {touched, error} = this.props.fieldProps
22 |
23 | return(
24 |
25 | {this.props.title && {this.props.title}}
26 |
32 |
33 | {touched && error && {error}}
34 | {this.props.hint && {this.props.hint}}
35 |
36 | )
37 | }
38 | }
39 |
40 | export default TextareaField
41 |
--------------------------------------------------------------------------------
/src/features/shared/components/XpubField/XpubField.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | border: 1px solid $border-color;
3 | margin-top: $grid-gutter-width/2;
4 | padding: $grid-gutter-width;
5 | margin-bottom: $grid-gutter-width;
6 |
7 | > div {
8 | margin-bottom: $gutter-size/2;
9 | }
10 | }
11 |
12 | .options {
13 | width: 100%;
14 |
15 | td { border: none; }
16 | }
17 |
18 | .options .radio {
19 | margin-right: 8px;
20 | }
21 |
22 |
23 | .label {
24 | width: 220px;
25 | vertical-align: top;
26 |
27 | label {
28 | font-weight: normal;
29 | line-height: 36px;
30 | }
31 | }
32 |
33 | .field {
34 | :global {
35 | .form-group {
36 | margin: 0;
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/features/shared/index.js:
--------------------------------------------------------------------------------
1 | import * as actions from './actions'
2 | import makeRoutes from './routes'
3 | import * as reducers from './reducers'
4 |
5 | export {
6 | actions,
7 | reducers,
8 | makeRoutes
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/shared/routes.js:
--------------------------------------------------------------------------------
1 | import { RoutingContainer } from 'features/shared/components'
2 | import { humanize } from 'utility/string'
3 | import { UTXOpageSize, pageSize } from 'utility/environment'
4 | import actions from 'actions'
5 |
6 | const makeRoutes = (store, type, List, New, Show, options = {}) => {
7 | const loadPage = ( state ) => {
8 | if(type === 'transaction' || type === 'unspent'){
9 | const query = state.location.query
10 | const pageNumber = parseInt(state.location.query.page || 1)
11 | const pageSizes = (type === 'unspent')? UTXOpageSize: pageSize
12 | if (pageNumber == 1) {
13 | store.dispatch(actions[type].fetchPage(query, pageNumber, { refresh: true, pageSize: pageSizes }))
14 | } else {
15 | store.dispatch(actions[type].fetchPage(query, pageNumber, { pageSize: pageSizes }))
16 | }
17 | }else{
18 | store.dispatch(actions[type].fetchAll())
19 | }
20 | }
21 |
22 | const childRoutes = []
23 |
24 | if (New) {
25 | childRoutes.push({
26 | path: 'create',
27 | component: New
28 | })
29 | }
30 |
31 | if (options.childRoutes) {
32 | childRoutes.push(...options.childRoutes)
33 | }
34 |
35 | if (Show) {
36 | childRoutes.push({
37 | path: ':id',
38 | component: Show
39 | })
40 | }
41 |
42 | return {
43 | path: options.path || type + 's',
44 | component: RoutingContainer,
45 | name: options.name || humanize(type),
46 | indexRoute: {
47 | component: List,
48 | onEnter: (nextState, replace) => {
49 | loadPage(nextState, replace)
50 | },
51 | onChange: (_, nextState, replace) => { loadPage(nextState, replace) }
52 | },
53 | childRoutes: childRoutes
54 | }
55 | }
56 |
57 | export default makeRoutes
58 |
--------------------------------------------------------------------------------
/src/features/testnet/actions.js:
--------------------------------------------------------------------------------
1 | // FIXME: Microsoft Edge has issues returning errors for responses
2 | // with a 401 status. We should add browser detection to only
3 | // use the ponyfill for unsupported browsers.
4 | const { fetch } = require('fetch-ponyfill')()
5 | import { testnetInfoUrl } from 'utility/environment'
6 |
7 | export const fetchTestnetInfo = () => {
8 | return (dispatch) =>
9 | fetch(testnetInfoUrl)
10 | .then(resp => resp.json())
11 | .then(json => {
12 | dispatch({type: 'TESTNET_CONFIG', data: json})
13 | return json
14 | })
15 | }
16 |
17 | const actions = {
18 | fetchTestnetInfo,
19 | }
20 |
21 | export default actions
22 |
--------------------------------------------------------------------------------
/src/features/testnet/index.js:
--------------------------------------------------------------------------------
1 | import actions from './actions'
2 | import reducers from './reducers'
3 | import utils from './utils'
4 |
5 | export {
6 | actions,
7 | reducers,
8 | utils,
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/testnet/reducers.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from 'redux'
2 | import moment from 'moment-timezone'
3 |
4 | export const nextReset = (state = '', action) => {
5 | if (action.type == 'TESTNET_CONFIG') {
6 | if (action.data.next_reset) {
7 | return moment(action.data.next_reset)
8 | } else {
9 | // Default reset time is the upcoming Sunday 00:00:00 Pacific.
10 | return moment().tz('America/Los_Angeles').day(7).startOf('day')
11 | }
12 | }
13 | return state
14 | }
15 |
16 | export const blockchainId = (state = 0, action) => {
17 | if (action.type == 'TESTNET_CONFIG') {
18 | return action.data.blockchain_id
19 | }
20 | return state
21 | }
22 |
23 | export const crosscoreRpcVersion = (state = 0, action) => {
24 | if (action.type == 'TESTNET_CONFIG') {
25 | return action.data.crosscore_rpc_version || action.data.network_rpc_version
26 | }
27 | return state
28 | }
29 |
30 | export const testnetInfo = (state = { loading: true }, action) => {
31 | if (action.type == 'TESTNET_CONFIG') {
32 | state = {...action.data}
33 | }
34 | return state
35 | }
36 |
37 | export default combineReducers({
38 | blockchainId,
39 | nextReset,
40 | crosscoreRpcVersion,
41 | testnetInfo,
42 | })
43 |
--------------------------------------------------------------------------------
/src/features/testnet/utils.js:
--------------------------------------------------------------------------------
1 | const isBlockchainMismatch = (state) => {
2 | if (!state.core.onTestnet) {
3 | return false
4 | }
5 |
6 | return !!state.core.blockchainId && !!state.testnet.blockchainId &&
7 | state.core.blockchainId != state.testnet.blockchainId
8 | }
9 |
10 | const isCrosscoreRpcMismatch = (state) => {
11 | if (!state.core.onTestnet) {
12 | return false
13 | }
14 |
15 | return !!state.core.crosscoreRpcVersion && !!state.testnet.crosscoreRpcVersion &&
16 | state.core.crosscoreRpcVersion != state.testnet.crosscoreRpcVersion
17 | }
18 |
19 | export default {
20 | isBlockchainMismatch,
21 | isCrosscoreRpcMismatch,
22 | }
23 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/actions.js:
--------------------------------------------------------------------------------
1 | import { baseListActions, baseCreateActions } from 'features/shared/actions'
2 |
3 | const type = 'transactionFeed'
4 |
5 | export default {
6 | ...baseCreateActions(type, {
7 | listPath: 'transaction-feeds',
8 | className: 'TransactionFeed',
9 | }),
10 | ...baseListActions(type, {
11 | listPath: 'transaction-feeds',
12 | className: 'TransactionFeed',
13 | }),
14 | }
15 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/components/List.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { BaseList, EmptyContent } from 'features/shared/components'
3 | import ListItem from './ListItem'
4 | import { actions } from 'features/transactionFeeds'
5 | import { docsRoot } from 'utility/environment'
6 |
7 | const type = 'transactionFeed'
8 |
9 | const firstTimeContent =
10 |
11 | Transaction feeds enable real-time processing of transactions as they arrive on the blockchain.
12 |
13 |
14 | Learn more
15 | about how to use transaction feeds.
16 |
17 |
18 | const dispatch = (dispatch) => ({
19 | ...BaseList.mapDispatchToProps(type)(dispatch),
20 | itemActions: {
21 | delete: (feed) => {
22 | let label = `ID ${feed.id}`
23 | if (!!feed.alias && feed.alias.length > 0) {
24 | label = `"${feed.alias}"`
25 | }
26 |
27 | dispatch(actions.deleteItem(
28 | feed.id,
29 | `Really delete transaction feed ${label}?`,
30 | `Deleted transaction feed ${label}.`
31 | ))
32 | }
33 | },
34 | })
35 |
36 | export default BaseList.connect(
37 | BaseList.mapStateToProps(type, ListItem, {
38 | skipQuery: true,
39 | label: 'transaction feeds',
40 | firstTimeContent
41 | }),
42 | dispatch
43 | )
44 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/components/ListItem.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { KeyValueTable } from 'features/shared/components'
3 |
4 | class ListItem extends React.Component {
5 | render() {
6 | const item = {...this.props.item}
7 |
8 | const after = item.after.split('-')[0].split(':')
9 | const blockHeight = after[0]
10 | const blockPosition = after[1]
11 |
12 | // int max (2147483647) is used to indicate that a feed
13 | // hasn't yet been read from.
14 | const hasStarted = blockPosition != '2147483647'
15 |
16 | const options = [
17 | {label: 'ID', value: item.id}
18 | ]
19 |
20 | if (item.alias) options.push({label: 'Alias', value: item.alias})
21 | options.push({label: 'Filter', value: item.filter, link: `/transactions?filter=${item.filter}`, pre: true})
22 |
23 | if (hasStarted) {
24 | options.push({label: 'Last Acknowledged', value: {blockHeight, blockPosition}})
25 | } else {
26 | options.push({label: 'Last Acknowledged', value: 'None'})
27 | }
28 |
29 | return(
30 |
31 | )
32 | }
33 | }
34 |
35 | export default ListItem
36 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/components/New.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { BaseNew, FormContainer, FormSection, TextField } from 'features/shared/components'
3 | import { reduxForm } from 'redux-form'
4 |
5 | class New extends React.Component {
6 | constructor(props) {
7 | super(props)
8 |
9 | this.submitWithValidations = this.submitWithValidations.bind(this)
10 | }
11 |
12 | submitWithValidations(data) {
13 | return new Promise((resolve, reject) => {
14 | this.props.submitForm(data)
15 | .catch((err) => reject({_error: err}))
16 | })
17 | }
18 |
19 | render() {
20 | const {
21 | fields: { alias, filter },
22 | error,
23 | handleSubmit,
24 | submitting
25 | } = this.props
26 |
27 | return(
28 |
33 |
34 |
35 |
36 |
37 |
38 |
39 | )
40 | }
41 | }
42 |
43 | const fields = [ 'alias', 'filter' ]
44 | export default BaseNew.connect(
45 | BaseNew.mapStateToProps('transactionFeed'),
46 | BaseNew.mapDispatchToProps('transactionFeed'),
47 | reduxForm({
48 | form: 'newTxFeed',
49 | fields,
50 | })(New)
51 | )
52 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/components/index.js:
--------------------------------------------------------------------------------
1 | import List from './List'
2 | import New from './New'
3 |
4 | export {
5 | List,
6 | New,
7 | }
8 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/index.js:
--------------------------------------------------------------------------------
1 | import actions from './actions'
2 | import reducers from './reducers'
3 | import routes from './routes'
4 |
5 | export {
6 | actions,
7 | reducers,
8 | routes,
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/reducers.js:
--------------------------------------------------------------------------------
1 | import { reducers } from 'features/shared'
2 | import { combineReducers } from 'redux'
3 |
4 | const type = 'transactionFeed'
5 |
6 | export default combineReducers({
7 | items: reducers.itemsReducer(type),
8 | queries: reducers.queriesReducer(type),
9 | })
10 |
--------------------------------------------------------------------------------
/src/features/transactionFeeds/routes.js:
--------------------------------------------------------------------------------
1 | import { List, New } from './components'
2 | import { makeRoutes } from 'features/shared'
3 |
4 | export default (store) => makeRoutes(
5 | store, 'transactionFeed', List, New, null, { path: 'transaction-feeds', name: 'Transaction feeds'}
6 | )
7 |
--------------------------------------------------------------------------------
/src/features/transactions/components/GeneratedTxHex/GeneratedTxHex.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | background: $background-color;
3 | padding: $gutter-size;
4 | margin: 0 auto;
5 | }
6 |
7 | .hex {
8 | word-break: break-all;
9 | word-wrap: break-word;
10 | white-space: pre-wrap;
11 |
12 | margin-top: 5px;
13 | margin-left: auto;
14 | margin-right: auto;
15 | padding: 10px;
16 | background-color: #EEE;
17 | }
18 |
19 | .mgl{
20 | margin-left: $gutter-size/2;
21 | }
22 |
--------------------------------------------------------------------------------
/src/features/transactions/components/GeneratedTxHex/QrCode.scss:
--------------------------------------------------------------------------------
1 | .code{
2 | display: block;
3 | margin: auto;
4 | }
5 |
6 | .progressBar{
7 | height: 6px;
8 | margin-top: 15px;
9 | }
--------------------------------------------------------------------------------
/src/features/transactions/components/List.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { BaseList } from 'features/shared/components'
3 | import { pageSize} from 'utility/environment'
4 | import ListItem from './ListItem/ListItem'
5 | import actions from 'actions'
6 |
7 | const type = 'transaction'
8 |
9 | class List extends React.Component {
10 | componentWillReceiveProps(nextProps) {
11 | if (nextProps.currentBlock != this.props.currentBlock) {
12 | if (nextProps.currentPage == 1) {
13 | this.props.getLatest('')
14 | }
15 | }
16 | }
17 | render() {
18 | const ItemList = BaseList.ItemList
19 | return ()
20 | }
21 | }
22 |
23 | export default BaseList.connect(
24 | (state, ownProps) => ({
25 | ...BaseList.mapStateToProps(type, ListItem)(state, ownProps)
26 | }),
27 | (dispatch) => ({
28 | ...BaseList.mapDispatchToProps(type)(dispatch),
29 | getLatest: (query) => dispatch(actions.transaction.fetchPage(query, 1, { refresh: true, pageSize: pageSize })),
30 | }),
31 | List
32 | )
33 |
34 |
--------------------------------------------------------------------------------
/src/features/transactions/components/ListItem/ListItem.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | border: 1px solid $border-color;
3 | margin-bottom: 30px;
4 | }
5 |
6 | .titleBar {
7 | background: $background-color;
8 | border-bottom: 1px solid $border-color;
9 | display: flex;
10 | align-items: center;
11 | padding: 16px 25px;
12 |
13 | code {
14 | display: inline-block;
15 | font-size: $font-size-code;
16 | overflow: hidden;
17 | text-overflow: ellipsis;
18 | vertical-align: bottom;
19 | width: 200px;
20 | padding: 0 6px;
21 | background: $background-emphasis-color;
22 | border: 1px solid transparentize($border-color, 0.5);
23 | line-height: 1.4;
24 | }
25 | }
26 |
27 | .title {
28 | flex-grow: 1;
29 | align-items: center;
30 | display: flex;
31 |
32 | label {
33 | color: $text-strong-color;
34 | font-size: $font-size-chrome;
35 | text-transform: uppercase;
36 | font-weight: 500;
37 | margin: 0 8px 0 0;
38 | }
39 | img{
40 | width: 20px;
41 | margin-left: $gutter-size/2;
42 | margin-bottom: 2px;
43 | }
44 | }
45 |
46 | .timestamp {
47 | position: absolute;
48 | left: 59%;
49 | }
50 |
51 | .confirmation {
52 | margin-left: $gutter-size;
53 | }
54 |
55 |
56 | .viewLink {
57 | margin: -15px 0;
58 | padding: 15px;
59 | position: relative;
60 |
61 | background: url('images/chevron-green.png');
62 | background-repeat: no-repeat;
63 | background-position: right center;
64 | background-size: 5px 9px;
65 | }
66 |
--------------------------------------------------------------------------------
/src/features/transactions/components/New/ConfirmModal/ConfirmModal.scss:
--------------------------------------------------------------------------------
1 | .submitIndicator{
2 | float:right;
3 | }
4 |
5 | .btnGroup{
6 | display: flex;
7 | >div{
8 | width: 50%;
9 | button{
10 | width: 100%;
11 | }
12 | }
13 |
14 | >button{
15 | width: 50%;
16 | margin-left: $gutter-size;
17 | }
18 | }
19 |
20 | .hr{
21 | margin-top: 11px;
22 | margin-bottom: 11px;
23 | }
24 |
25 | .table{
26 | word-break: break-all;
27 | width: 100%;
28 | td{
29 | padding: 4px 0px;
30 | }
31 | }
32 |
33 | .colLabel{
34 | width: 20%;
35 | color: $text-strong-color;
36 | font-weight: 500;
37 | }
38 |
39 | .unit{
40 | overflow: hidden;
41 | text-overflow: ellipsis;
42 | vertical-align: bottom;
43 | width: 130px;
44 | display: inline-block;
45 | }
46 |
--------------------------------------------------------------------------------
/src/features/transactions/components/New/FormActionItem.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | border: 1px solid $border-color;
3 | padding: $gutter-size;
4 | margin-bottom: $gutter-size;
5 | }
6 |
7 | .error {
8 | border-color: $highlight-danger-border;
9 | }
10 |
11 | .header {
12 | display: flex;
13 | justify-content: space-between;
14 | margin-bottom: $gutter-size;
15 | }
16 |
17 | .title {
18 | color: $text-strong-color;
19 | font-size: $font-size-form-section-title;
20 | font-weight: 600;
21 | }
22 |
--------------------------------------------------------------------------------
/src/features/transactions/components/New/MultiSignTransactionDetails/TransactionDetails.scss:
--------------------------------------------------------------------------------
1 | .btnGroup{
2 | margin-bottom: $gutter-size;
3 | }
4 |
5 | .main {
6 | padding: $gutter-size;
7 | margin-bottom: $gutter-size;
8 | word-break: break-word;
9 | background: $background-content-color;
10 | }
11 |
12 | .btn {
13 | margin-top: 5px;
14 | padding: 0px;
15 | float: right;
16 | font-size: $font-size-caps;
17 | }
18 |
19 | .table{
20 | background: $background-color;
21 | width: 100%;
22 | margin-bottom: $gutter-size;
23 |
24 | code{
25 | font-size: $font-size-code;
26 | }
27 |
28 | thead {
29 | border-bottom: 1px solid $border-color;
30 | }
31 |
32 | td, th {
33 | padding-top: 8px;
34 | padding-bottom: 8px;
35 | padding-right: 13px;
36 | }
37 |
38 | td {
39 | border-bottom: 1px solid $border-light-color;
40 | }
41 | tr:last-of-type td {
42 | border-bottom: none;
43 | }
44 |
45 | a {
46 | .rawId {
47 | color: $highlight-default;
48 | }
49 |
50 | &:hover .rawId {
51 | text-decoration: underline;
52 | }
53 | }
54 | }
55 |
56 | .colLabel {
57 | color: $text-strong-color;
58 | text-align: right;
59 | width: 25%;
60 | }
61 |
62 | .txID{
63 | margin-bottom: $gutter-size;
64 | }
65 |
--------------------------------------------------------------------------------
/src/features/transactions/components/New/NewTransactionsContainer/TxContainer.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { ErrorBanner, FormSection, SubmitIndicator } from 'features/shared/components'
3 | import disableAutocomplete from 'utility/disableAutocomplete'
4 |
5 | import styles from './TxContainer.scss'
6 | import {withNamespaces} from 'react-i18next'
7 |
8 | class TxContainer extends React.Component {
9 | render() {
10 | const t = this.props.t
11 | return(
12 |
32 | )
33 | }
34 | }
35 |
36 | export default withNamespaces('translations') (TxContainer)
37 |
--------------------------------------------------------------------------------
/src/features/transactions/components/New/NewTransactionsContainer/TxContainer.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | background: $background-color;
3 | display: flex;
4 | flex-direction: row;
5 | padding: 0 $gutter-size;
6 | margin-top: $title-height;
7 | }
8 |
9 | .content {
10 | min-width: 400px;
11 | width: 55%;
12 | margin: 0 auto;
13 | }
14 |
15 | .submit {
16 | text-align: right;
17 | }
18 |
--------------------------------------------------------------------------------
/src/features/transactions/components/Summary/Summary.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | background: $background-color;
3 | width: 100%;
4 |
5 | code{
6 | font-size: $font-size-code;
7 | }
8 |
9 | thead {
10 | border-bottom: 1px solid $border-color;
11 | }
12 |
13 | td, th {
14 | padding-top: 6px;
15 | padding-bottom: 6px;
16 | padding-right: 10px;
17 | }
18 |
19 | td {
20 | border-bottom: 1px solid $border-light-color;
21 | }
22 | tr:last-of-type td {
23 | border-bottom: none;
24 | }
25 |
26 | a {
27 | .rawId {
28 | color: $highlight-default;
29 | }
30 |
31 | &:hover .rawId {
32 | text-decoration: underline;
33 | }
34 | }
35 | }
36 |
37 | .colAction {
38 | padding-left: $gutter-size ;
39 | }
40 |
41 | .colAction, .colAmount, .colAsset, .colAccount {
42 | color: $text-strong-color;
43 | width: 20%;
44 | }
45 |
46 | .amount {
47 | color: $text-strong-color;
48 | background: none;
49 | }
50 |
51 | .colLabel {
52 | color: $text-light-color;
53 | text-align: right;
54 | width: 7%;
55 | }
56 |
57 | .immature {
58 | margin-left: 5px;
59 | color: $text-danger;
60 | }
61 |
62 | .rawId {
63 | display: inline-block;
64 | overflow: hidden;
65 | text-overflow: ellipsis;
66 | max-width: 150px;
67 | vertical-align: middle;
68 | }
69 |
--------------------------------------------------------------------------------
/src/features/transactions/components/index.js:
--------------------------------------------------------------------------------
1 | import List from './List'
2 | import Summary from './Summary/Summary'
3 | import DetailSummary from './DetailSummary/DetailSummary'
4 | import New from './New/New'
5 | import Show from './Show'
6 | import GeneratedTxHex from './GeneratedTxHex/GeneratedTxHex'
7 |
8 | export {
9 | List,
10 | Summary,
11 | DetailSummary,
12 | New,
13 | Show,
14 | GeneratedTxHex,
15 | }
16 |
--------------------------------------------------------------------------------
/src/features/transactions/index.js:
--------------------------------------------------------------------------------
1 | import actions from './actions'
2 | import reducers from './reducers'
3 | import routes from './routes'
4 |
5 | export {
6 | actions,
7 | reducers,
8 | routes,
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/transactions/reducers.js:
--------------------------------------------------------------------------------
1 | import { reducers } from 'features/shared'
2 | import { combineReducers } from 'redux'
3 |
4 | const type = 'transaction'
5 | const maxGeneratedHistory = 50
6 |
7 | const decodedTx = (state = [], action) => {
8 | if (action.type == 'DECODE_TRANSACTION') {
9 | return action.data
10 | }
11 | return state
12 | }
13 |
14 | export default combineReducers({
15 | items: reducers.itemsReducer(type),
16 | queries: reducers.queriesReducer(type),
17 | generated: (state = [], action) => {
18 | if (action.type == 'GENERATED_TX_HEX') {
19 | return [action.generated, ...state].slice(0, maxGeneratedHistory)
20 | }
21 | return state
22 | },
23 | decodedTx
24 | })
25 |
--------------------------------------------------------------------------------
/src/features/transactions/routes.js:
--------------------------------------------------------------------------------
1 | import { List, New, Show, GeneratedTxHex } from './components'
2 | import { makeRoutes } from 'features/shared'
3 |
4 | export default (store) => {
5 | return makeRoutes(
6 | store,
7 | 'transaction',
8 | List,
9 | New,
10 | Show,
11 | {
12 | childRoutes: [
13 | {
14 | path: 'generated/:id',
15 | component: GeneratedTxHex,
16 | },
17 | ]
18 | }
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/src/features/tutorial/actions.js:
--------------------------------------------------------------------------------
1 | function tutorialNextStep(route){
2 | return { type: 'TUTORIAL_NEXT_STEP', route }
3 | }
4 | function submitTutorialForm(data, object){
5 | return { type: 'UPDATE_TUTORIAL', object, data }
6 | }
7 |
8 | let actions = {
9 | tutorialNextStep,
10 | submitTutorialForm
11 | }
12 |
13 | export default actions
14 |
--------------------------------------------------------------------------------
/src/features/tutorial/components/Tutorial.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import TutorialInfo from './TutorialInfo/TutorialInfo'
3 | import TutorialForm from './TutorialForm/TutorialForm'
4 |
5 | const components = {
6 | TutorialInfo,
7 | TutorialForm
8 | }
9 |
10 | class Tutorial extends React.Component {
11 | render() {
12 | const tutorialOpen = !this.props.tutorial.location.isVisited
13 | const tutorialTypes = this.props.types
14 | const TutorialComponent = this.props.content ? components[this.props.content['component']]: components['TutorialInfo']
15 |
16 | return (
17 |
18 | {this.props.content && tutorialOpen && (tutorialTypes.includes(this.props.content['component'])) &&
19 | }
23 |
24 | )
25 | }
26 | }
27 |
28 | import { connect } from 'react-redux'
29 |
30 | const mapStateToProps = (state) => ({
31 | content: state.tutorial.content,
32 | tutorial: state.tutorial,
33 | })
34 |
35 | export default connect(
36 | mapStateToProps
37 | )(Tutorial)
38 |
--------------------------------------------------------------------------------
/src/features/tutorial/components/TutorialHeader/TutorialHeader.scss:
--------------------------------------------------------------------------------
1 | .main {
2 | box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
3 | margin-bottom: $gutter-size/2;
4 | border-bottom: solid $highlight-tutorial 1px;
5 | position: fixed;
6 | top: 0px;
7 | left: $sidebar-width;
8 | right: 0;
9 | z-index: 100;
10 | }
11 |
12 | .collapsed {
13 | border-bottom: 1px darken($highlight-tutorial, 15%) solid;
14 | box-shadow: none;
15 | }
16 |
17 | .header {
18 | background-color: $highlight-tutorial;
19 | box-sizing: border-box;
20 | color: $text-inverse-color;
21 | padding: 0 $gutter-size;
22 | height: $title-height;
23 | display: flex;
24 | align-items: center;
25 | font-size: 14px;
26 | font-weight: 500;
27 | width: 100%;
28 | }
29 |
30 | .skip {
31 | flex: 1;
32 | text-align: right;
33 |
34 | a {
35 | color: $text-inverse-color;
36 | font-size: 13px;
37 | font-weight: 500;
38 | line-height: 18px;
39 | text-decoration: underline;
40 | cursor: pointer;
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/src/features/tutorial/components/TutorialInfo/TutorialInfo.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import styles from './TutorialInfo.scss'
3 | import {withNamespaces} from 'react-i18next'
4 |
5 | class TutorialInfo extends React.Component {
6 |
7 | render() {
8 | const content = this.props.t(`tutorial.content.${this.props.title}`, { returnObjects: true } )
9 | let objectImage
10 | try {
11 | objectImage = require(`images/empty/${this.props.image}.svg`)
12 | } catch (err) { /* do nothing */ }
13 |
14 | return (
15 |
16 |
17 | {this.props.image &&
}
18 |
19 | {content.map(function (contentLine, i){
20 | let str = contentLine
21 | if (contentLine['line']) { str = contentLine['line'] }
22 | if(contentLine['list']){
23 | let list = []
24 | contentLine['list'].forEach(function(listItem, j){
25 | list.push(
26 | | {j+1} |
27 | {listItem} |
28 |
)
29 | })
30 | return
33 | }
34 | return
{str}
35 | })}
36 |
37 |
38 |
{this.props.item.id}
12 |
13 | }
14 | actions={[
15 |
16 | ]}
17 | items={buildUnspentDisplay(this.props.item, this.props.btmAmountUnit, this.props.t)} />)
18 | }
19 | }
20 |
21 | export default withNamespaces('translations') (ListItem)
22 |
--------------------------------------------------------------------------------
/src/features/unspents/components/index.js:
--------------------------------------------------------------------------------
1 | import List from './List'
2 |
3 | export {
4 | List,
5 | }
6 |
--------------------------------------------------------------------------------
/src/features/unspents/index.js:
--------------------------------------------------------------------------------
1 | import actions from './actions'
2 | import reducers from './reducers'
3 | import routes from './routes'
4 |
5 | export {
6 | actions,
7 | reducers,
8 | routes,
9 | }
10 |
--------------------------------------------------------------------------------
/src/features/unspents/reducers.js:
--------------------------------------------------------------------------------
1 | import { reducers } from 'features/shared'
2 | import { combineReducers } from 'redux'
3 |
4 | const type = 'unspent'
5 | const idFunc = item => `${item.id}`
6 |
7 | export default combineReducers({
8 | items: reducers.itemsReducer(type, idFunc),
9 | queries: reducers.queriesReducer(type, idFunc)
10 | })
11 |
--------------------------------------------------------------------------------
/src/features/unspents/routes.js:
--------------------------------------------------------------------------------
1 | import { List } from './components'
2 | import { makeRoutes } from 'features/shared'
3 |
4 | export default (store) => makeRoutes(store, 'unspent', List)
5 |
--------------------------------------------------------------------------------
/src/i18n.js:
--------------------------------------------------------------------------------
1 | import i18n from 'i18next'
2 | import LanguageDetector from 'i18next-browser-languagedetector'
3 |
4 | import transaction_zh from './locales/zh/translation.json'
5 | import transaction_en from './locales/en/translation.json'
6 |
7 | i18n.use(LanguageDetector).init({
8 | // we init with resources
9 | resources:{
10 | en: {
11 | translations: transaction_en
12 | },
13 | zh: {
14 | translations: transaction_zh
15 | },
16 | },
17 | fallbackLng: 'en',
18 | debug: false,
19 |
20 | // have a common namespace used around the full app
21 | ns: ['translations'],
22 | defaultNS: 'translations',
23 |
24 | interpolation: {
25 | escapeValue: false, // not needed for react!!
26 | prefix: '__',
27 | suffix: '__'
28 | },
29 |
30 | react: {
31 | wait: true,
32 | bindStore: false
33 | }
34 | })
35 |
36 | export default i18n
37 |
--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
1 | import { Container } from 'features/app/components'
2 | import { NotFound } from 'features/shared/components'
3 | import accessControl from 'features/accessControl/routes'
4 | import { routes as accounts } from 'features/accounts'
5 | import { routes as assets } from 'features/assets'
6 | import { routes as balances } from 'features/balances'
7 | import { routes as configuration } from 'features/configuration'
8 | import { routes as core } from 'features/core'
9 | import { routes as initialization } from 'features/initialization'
10 | import { routes as transactions } from 'features/transactions'
11 | import { routes as transactionFeeds } from 'features/transactionFeeds'
12 | import { routes as unspents } from 'features/unspents'
13 | import { routes as mockhsm } from 'features/mockhsm'
14 | import { routes as backup } from 'features/backup'
15 | import { routes as peers } from 'features/peers'
16 |
17 | const makeRoutes = (store) => ({
18 | path: '/',
19 | component: Container,
20 | childRoutes: [
21 | accessControl(store),
22 | accounts(store),
23 | assets(store),
24 | balances(store),
25 | configuration,
26 | core,
27 | peers(store),
28 | initialization,
29 | transactions(store),
30 | transactionFeeds(store),
31 | unspents(store),
32 | mockhsm(store),
33 | backup,
34 | {
35 | path: '*',
36 | component: NotFound
37 | }
38 | ]
39 | })
40 |
41 | export default makeRoutes
42 |
--------------------------------------------------------------------------------
/src/sdk/api/accessTokens.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const accessTokens = (client) => {
4 | return {
5 | create: (params, cb) =>
6 | shared.create(client, '/create-access-token', params, {skipArray: true, cb}),
7 |
8 | query: (params, cb) => shared.query(client, 'accessTokens', '/list-access-tokens', params, {cb}),
9 |
10 | queryAll: (params, processor, cb) => shared.queryAll(client, '/list-access-tokens', params, processor, cb),
11 |
12 | delete: (id, cb) => shared.tryCallback(
13 | client.request('/delete-access-token', {id: id}),
14 | cb
15 | ),
16 | }
17 | }
18 |
19 | module.exports = accessTokens
20 |
--------------------------------------------------------------------------------
/src/sdk/api/accounts.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const accountsAPI = (client) => {
4 | return {
5 | create: (params, cb) => shared.create(client, '/create-account', params, {cb, skipArray: true}),
6 |
7 | createBatch: (params, cb) => shared.createBatch(client, '/create-account', params, {cb}),
8 |
9 | updateTags: (params, cb) => {
10 | return shared.singletonBatchRequest(client, '/update-account-tags', {
11 | account_info: params.id,
12 | tags: params.tags
13 | }, cb)
14 | },
15 |
16 | updateTagsBatch: (params, cb) => shared.batchRequest(client, '/update-account-tags', params, cb),
17 |
18 | updateAlias: (params, cb) => {
19 | const finalParams = {
20 | account_id: params.id,
21 | new_alias: params.alias
22 | }
23 | return shared.singletonBatchRequest(client, '/update-account-alias', finalParams, cb)
24 | },
25 |
26 | query: (params, cb) => shared.query(client, 'accounts', '/list-accounts', params, {cb}),
27 |
28 | queryAll: (params, processor, cb) => shared.queryAll(client, 'accounts', params, processor, cb),
29 |
30 | createReceiver: (params, cb) => shared.create(client, '/create-account-receiver', params, {cb, skipArray: true}),
31 |
32 | createAddress: (params, cb) => shared.create(client, '/create-account-receiver', params, {cb, skipArray: true}),
33 |
34 | createReceiverBatch: (params, cb) => shared.createBatch(client, '/create-account-receiver', params, {cb}),
35 |
36 | listAddresses: (params) => shared.query(client, 'accounts', '/list-addresses', params),
37 |
38 | validateAddresses: (address, cb) => shared.query(client, 'accounts', '/validate-address', {'address': address}, {cb})
39 | }
40 | }
41 |
42 | module.exports = accountsAPI
43 |
--------------------------------------------------------------------------------
/src/sdk/api/assets.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const assetsAPI = (client) => {
4 |
5 | return {
6 | create: (params, cb) => shared.create(client, '/create-asset', params, {cb, skipArray: true}),
7 |
8 | createBatch: (params, cb) => shared.createBatch(client, '/create-asset', params, {cb}),
9 |
10 | updateTags: (params, cb) => {
11 | const finalParams = {
12 | asset_info: params.id,
13 | tags: params.tags
14 | }
15 | return shared.singletonBatchRequest(client, '/update-asset-tags', finalParams, cb)
16 | },
17 |
18 | updateAlias: (params, cb) => {
19 | const finalParams = {
20 | id: params.id,
21 | alias: params.alias
22 | }
23 | return shared.singletonBatchRequest(client, '/update-asset-alias', finalParams, cb)
24 | },
25 |
26 | updateTagsBatch: (params, cb) => shared.batchRequest(client, '/update-asset-tags', params, cb),
27 |
28 | query: (params, cb) => shared.query(client, 'assets', '/list-assets', params, {cb}),
29 |
30 | queryAll: (params, processor, cb) => shared.queryAll(client, 'assets', params, processor, cb),
31 | }
32 | }
33 |
34 | module.exports = assetsAPI
35 |
--------------------------------------------------------------------------------
/src/sdk/api/authorizationGrants.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 | const util = require('../util')
3 |
4 | const authorizationGrants = (client) => ({
5 | create: (params, cb) => {
6 | params = Object.assign({}, params)
7 | if (params.guardType == 'x509') {
8 | params.guardData = util.sanitizeX509GuardData(params.guardData)
9 | }
10 |
11 | return shared.create(
12 | client,
13 | '/create-authorization-grant',
14 | params,
15 | {skipArray: true, cb}
16 | )
17 | },
18 |
19 | delete: (params, cb) => shared.tryCallback(
20 | client.request('/delete-authorization-grant', params),
21 | cb
22 | ),
23 |
24 | list: (cb) =>
25 | shared.query(client, 'accessTokens', '/list-access-tokens', {}, {cb}),
26 | })
27 |
28 | module.exports = authorizationGrants
29 |
--------------------------------------------------------------------------------
/src/sdk/api/backUp.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const backUp = (client) => {
4 | return {
5 | backup: (cb) => shared.tryCallback(
6 | client.request('/backup-wallet', {}, true),
7 | cb
8 | ),
9 |
10 | restore: (opts = {}, cb) => shared.tryCallback(
11 | client.request('/restore-wallet', opts),
12 | cb
13 | ),
14 |
15 | recovery: (opts = {}, cb) => shared.tryCallback(
16 | client.request('/recovery-wallet', opts),
17 | cb
18 | ),
19 |
20 | rescan: (cb) => shared.tryCallback(
21 | client.request('/rescan-wallet'),
22 | cb
23 | ),
24 |
25 | info: (cb) => shared.tryCallback(
26 | client.request('/wallet-info'),
27 | cb
28 | ),
29 | }
30 | }
31 |
32 | module.exports = backUp
33 |
--------------------------------------------------------------------------------
/src/sdk/api/balances.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const balancesAPI = (client) => {
4 | return {
5 | query: (params, cb) => shared.query(client, 'balances', '/list-balances', params, {cb}),
6 |
7 | queryAll: (params, processor, cb) => shared.queryAll(client, 'balances', params, processor, cb),
8 | }
9 | }
10 |
11 | module.exports = balancesAPI
12 |
--------------------------------------------------------------------------------
/src/sdk/api/config.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const configAPI = (client) => {
4 | return {
5 | reset: (everything = false, cb) => shared.tryCallback(
6 | client.request('/reset', {everything: everything}),
7 | cb
8 | ),
9 |
10 | configure: (opts = {}, cb) => shared.tryCallback(
11 | client.request('/configure', opts),
12 | cb
13 | ),
14 |
15 | mining: (miningState = false, cb) => shared.tryCallback(
16 | client.request('/set-mining', {is_mining: miningState}),
17 | cb
18 | ),
19 |
20 | info: (cb) => shared.tryCallback(
21 | client.request('/net-info'),
22 | cb
23 | ),
24 | }
25 | }
26 |
27 | module.exports = configAPI
28 |
--------------------------------------------------------------------------------
/src/sdk/api/mockHsmKeys.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const mockHsmKeysAPI = (client) => {
4 | return {
5 | create: (params, cb) => {
6 | let body = Object.assign({}, params)
7 | const uri = body.xprv ? '/import-private-key' : '/create-key'
8 |
9 | return shared.tryCallback(
10 | client.request(uri, body).then(data => data),
11 | cb
12 | )
13 | },
14 |
15 | query: (params, cb) => {
16 | if (Array.isArray(params.aliases) && params.aliases.length > 0) {
17 | params.pageSize = params.aliases.length
18 | }
19 |
20 | return shared.query(client, 'mockHsm.keys', '/list-keys', params, {cb})
21 | },
22 |
23 | resetPassword: (params) => client.request('/reset-key-password', params),
24 |
25 | updateAlias: (params, cb) => {
26 | const finalParams = {
27 | xpub: params.id,
28 | new_alias: params.alias
29 | }
30 | return shared.singletonBatchRequest(client, '/update-key-alias', finalParams, cb)
31 | },
32 |
33 | checkPassword: (params) => client.request('/check-key-password', params),
34 |
35 | queryAll: (params, processor, cb) => shared.queryAll(client, 'mockHsm.keys', params, processor, cb),
36 |
37 | export: (params) => client.request('/export-private-key', params),
38 |
39 | progress: () => client.request('/import-key-progress')
40 | }
41 | }
42 |
43 | module.exports = mockHsmKeysAPI
44 |
--------------------------------------------------------------------------------
/src/sdk/api/peer.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const peersAPI = (client) => {
4 | return {
5 | query: (params, cb) => shared.query(client, 'peers', '/list-peers', params, {cb}),
6 |
7 | queryAll: (params, processor, cb) => shared.queryAll(client, 'peers', params, processor, cb),
8 |
9 | connect: (params, cb) => shared.query(client, 'peers', '/connect-peer', params, {cb}),
10 |
11 | disconnect: (params, cb) => shared.query(client, 'peers', '/disconnect-peer', params, {cb}),
12 | }
13 | }
14 |
15 | module.exports = peersAPI
16 |
--------------------------------------------------------------------------------
/src/sdk/api/unspentOutputs.js:
--------------------------------------------------------------------------------
1 | const shared = require('../shared')
2 |
3 | const unspentOutputsAPI = (client) => {
4 | return {
5 | query: (params, cb) => shared.query(client, 'unspentOutputs', '/list-unspent-outputs', params, {cb}),
6 |
7 | queryAll: (params, processor, cb) => shared.queryAll(client, 'unspentOutputs', params, processor, cb),
8 | }
9 | }
10 |
11 | module.exports = unspentOutputsAPI
12 |
--------------------------------------------------------------------------------
/src/sdk/errors.js:
--------------------------------------------------------------------------------
1 | const lib = {
2 | create: function(type, message, props = {}) {
3 | let err
4 | if (props.body) {
5 | err = lib.newBatchError(props.body, props.requestId)
6 | } else {
7 | err = new Error(message)
8 | }
9 |
10 | err = Object.assign(err, props, {
11 | chainClientError: true,
12 | type: type,
13 | })
14 | return err
15 | },
16 |
17 | isChainError: function(err) {
18 | return err && !!err.chainClientError
19 | },
20 |
21 | isBatchError: function (v) {
22 | return v && v.code && !v.stack
23 | },
24 |
25 | newBatchError: function (body, requestId = false) {
26 | let err = new Error(lib.formatErrMsg(body, requestId))
27 | err.code = body.code
28 | err.chainMessage = body.msg
29 | err.detail = body.errorDetail
30 | err.requestId = requestId
31 | err.resp = body.resp
32 | return err
33 | },
34 |
35 | // TODO: remove me in favor of ErrorBanner.jsx rendering
36 | formatErrMsg: function(body, requestId) {
37 | let tokens = []
38 |
39 | if (typeof body.code === 'string' && body.code.length > 0) {
40 | tokens.push('Code: ' + body.code)
41 | }
42 |
43 | tokens.push('Message: ' + body.msg)
44 |
45 | if (typeof body.errorDetail === 'string' && body.errorDetail.length > 0) {
46 | tokens.push('Detail: ' + body.errorDetail)
47 | }
48 |
49 | if (requestId) {
50 | tokens.push('Request-ID: ' + requestId)
51 | }
52 |
53 | return tokens.join(' ')
54 | },
55 |
56 | types: {
57 | FETCH: 'FETCH',
58 | CONNECTIVITY: 'CONNECTIVITY',
59 | JSON: 'JSON',
60 | UNAUTHORIZED: 'UNAUTHORIZED',
61 | NOT_FOUND: 'NOT_FOUND',
62 | BAD_REQUEST: 'BAD_REQUEST',
63 | SERVER_ERROR: 'SERVER_ERROR',
64 | }
65 | }
66 |
67 | module.exports = lib
68 |
--------------------------------------------------------------------------------
/src/sdk/index.js:
--------------------------------------------------------------------------------
1 | const Client = require('./client')
2 | const Connection = require('./connection')
3 | const HsmSigner = require('./api/hsmSigner')
4 |
5 | module.exports = {
6 | Client,
7 | Connection,
8 | HsmSigner
9 | }
10 |
--------------------------------------------------------------------------------
/src/sdk/page.js:
--------------------------------------------------------------------------------
1 | class Page {
2 |
3 | constructor(data, client, memberPath) {
4 | this.items = []
5 |
6 | this.next = {}
7 |
8 |
9 | this.lastPage = false
10 |
11 | Object.assign(this, data)
12 |
13 | this.client = client
14 | this.memberPath = memberPath
15 | }
16 |
17 | nextPage(cb) {
18 | let queryOwner = this.client
19 | this.memberPath.split('.').forEach((member) => {
20 | queryOwner = queryOwner[member]
21 | })
22 |
23 | return queryOwner.query(this.next, cb)
24 | }
25 | }
26 |
27 | module.exports = Page
28 |
--------------------------------------------------------------------------------
/src/sdk/util.js:
--------------------------------------------------------------------------------
1 | const x509SubjectAttributes = {
2 | C: {array: true},
3 | O: {array: true},
4 | OU: {array: true},
5 | L: {array: true},
6 | ST: {array: true},
7 | STREET: {array: true},
8 | POSTALCODE: {array: true},
9 | SERIALNUMBER: {array: false},
10 | CN: {array: false},
11 | }
12 |
13 | const sanitizeX509GuardData = guardData => {
14 | const keys = Object.keys(guardData)
15 | if (keys.length !== 1 || keys[0].toLowerCase() !== 'subject') {
16 | throw new Error('X509 guard data must contain exactly one key, "subject"')
17 | }
18 |
19 | const newSubject = {}
20 | const oldSubject = guardData[keys[0]]
21 | for (let k in oldSubject) {
22 | const attrib = x509SubjectAttributes[k.toUpperCase()]
23 | if (!attrib) {
24 | throw new Error(`X509 guard data contains invalid subject attribute: ${k}`)
25 | }
26 |
27 | let v = oldSubject[k]
28 | if (!attrib.array && Array.isArray(v)) {
29 | throw new Error(`X509 guard data contains invalid array for attribute ${k}: ${v.toString()}`)
30 | } else if (attrib.array && !Array.isArray(v)) {
31 | newSubject[k] = [v]
32 | } else {
33 | newSubject[k] = v
34 | }
35 | }
36 |
37 | return {subject: newSubject}
38 | }
39 |
40 | module.exports = {
41 | sanitizeX509GuardData,
42 | }
43 |
--------------------------------------------------------------------------------
/src/utility/clipboard.js:
--------------------------------------------------------------------------------
1 | // Assumes the presence of an input element with ID #_copyInput
2 | export const copyToClipboard = value => {
3 | const listener = e => {
4 | e.clipboardData.setData('text/plain', value)
5 | e.preventDefault()
6 | document.removeEventListener('copy', listener)
7 | }
8 |
9 | // Required for Safari. Contents of selection are not used.
10 | document.getElementById('_copyInput').select()
11 |
12 | document.addEventListener('copy', listener)
13 | document.execCommand('copy')
14 | }
15 |
--------------------------------------------------------------------------------
/src/utility/componentClassNames.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import classNames from 'classnames'
3 |
4 | const componentClassNames = (owner, ...args) => {
5 | if (!React.Component.prototype.isPrototypeOf(owner)) {
6 | throw new Error('Component class must descend from React.Component')
7 | }
8 |
9 | return classNames(owner.constructor.name, args)
10 | }
11 |
12 | export default componentClassNames
13 |
--------------------------------------------------------------------------------
/src/utility/disableAutocomplete.js:
--------------------------------------------------------------------------------
1 | export default {
2 | autoComplete: 'off',
3 | autoCorrect: 'off',
4 | autoCapitalize: 'none',
5 | spellCheck: 'false'
6 | }
7 |
--------------------------------------------------------------------------------
/src/utility/environment.js:
--------------------------------------------------------------------------------
1 | /* global process */
2 |
3 | import chainSdk from 'sdk'
4 | import { store } from 'app'
5 |
6 | import { useRouterHistory } from 'react-router'
7 | import { createHistory } from 'history'
8 |
9 | let apiHost, basename
10 | if (process.env.NODE_ENV === 'production') {
11 | apiHost = window.location.origin
12 | basename = '/dashboard'
13 | } else {
14 | apiHost = process.env.API_URL || 'http://localhost:9888'
15 | basename = ''
16 | }
17 |
18 | export const chainClient = () => new chainSdk.Client({
19 | url: apiHost,
20 | accessToken: store.getState().core.clientToken
21 | })
22 |
23 | export const chainSigner = () => new chainSdk.HsmSigner()
24 |
25 | // react-router history object
26 | export const history = useRouterHistory(createHistory)({
27 | basename: basename
28 | })
29 |
30 | export const btmID = 'ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff'
31 |
32 | export const pageSize = 25
33 | export const UTXOpageSize = 10
34 |
35 | export const testnetInfoUrl = process.env.TESTNET_INFO_URL || 'https://testnet-info.chain.com'
36 | export const testnetUrl = process.env.TESTNET_GENERATOR_URL || 'https://testnet.chain.com'
37 | export const docsRoot = 'https://github.com/bytom/bytom/wiki'
38 |
39 | export const releaseUrl = 'https://github.com/Bytom/bytom/releases'
40 |
--------------------------------------------------------------------------------
/src/utility/localStorage.js:
--------------------------------------------------------------------------------
1 | export const clear = () => {
2 | try {
3 | localStorage.clear()
4 | } catch (err) {
5 | // Local storage is not available.
6 | }
7 | }
8 |
9 | export const exportState = (store) => () => {
10 | const state = store.getState()
11 | const exportable = {
12 | core: {
13 | clientToken: (state.core || {}).clientToken,
14 |
15 | // TODO: If the dashboard has a way of probing the core for a token
16 | // requirement, we won't need to store these anymore.
17 | requireClientToken: (state.core || {}).requireClientToken,
18 | validToken: (state.core || {}).validToken,
19 | btmAmountUnit: state.core.btmAmountUnit,
20 | },
21 | app:{
22 | navAdvancedState : state.app.navAdvancedState,
23 | },
24 | transaction: {
25 | generated: (state.transaction || {}).generated,
26 | },
27 | tutorial: state.tutorial
28 | }
29 |
30 | try {
31 | localStorage.setItem('reduxState', JSON.stringify(exportable))
32 | } catch (err) { /* localstorage not available */ }
33 | }
34 |
35 | export const importState = () => {
36 | let state
37 | try {
38 | state = localStorage.getItem('reduxState')
39 | } catch (err) { /* localstorage not available */ }
40 |
41 | if (!state) return {}
42 |
43 | try {
44 | return JSON.parse(state)
45 | } catch (_) {
46 | return {}
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/utility/math.js:
--------------------------------------------------------------------------------
1 | import _ from 'lodash'
2 |
3 | export const sum = function(items, prop){
4 | return items.reduce( function(a, b){
5 | return a + Number(_.get(b,prop))
6 | }, 0)
7 | }
8 |
9 | export const formatBytes = function(bytes,decimals) {
10 | if (bytes == 0) return '0 Bytes'
11 | let k = 1024,
12 | dm = decimals <= 0 ? 0 : decimals || 2,
13 | sizes = ['B', 'KB', 'MB', 'GB', 'TB'],
14 | i = Math.floor(Math.log(bytes) / Math.log(k))
15 | return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
16 | }
17 |
18 | export const splitSlice = function (str, len) {
19 | let ret = [ ]
20 | for (let offset = 0, strLen = str.length; offset < strLen; offset += len) {
21 | ret.push(str.slice(offset, len + offset))
22 | }
23 | return ret
24 | }
25 |
--------------------------------------------------------------------------------
/src/utility/string.js:
--------------------------------------------------------------------------------
1 | import _pluralize from 'pluralize'
2 | import { snakeCase } from 'lodash'
3 |
4 | export const pluralize = _pluralize
5 |
6 | export const capitalize = (string) => {
7 | return string.charAt(0).toUpperCase() + string.slice(1)
8 | }
9 |
10 | export const humanize = (string) => {
11 | return snakeCase(string)
12 | .replace(/_/g, ' ')
13 | }
14 |
15 | export const parseNonblankJSON = (json) => {
16 | json = json || ''
17 | json = json.trim()
18 |
19 | if (json == '') {
20 | return null
21 | }
22 |
23 | return JSON.parse(json)
24 | }
25 |
26 | String.prototype.isUpperCase = function() {
27 | return this.valueOf().toUpperCase() === this.valueOf();
28 | }
29 |
--------------------------------------------------------------------------------
/static/fonts/dotsfont/dotsfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/fonts/dotsfont/dotsfont.eot
--------------------------------------------------------------------------------
/static/fonts/dotsfont/dotsfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/fonts/dotsfont/dotsfont.ttf
--------------------------------------------------------------------------------
/static/fonts/dotsfont/dotsfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/fonts/dotsfont/dotsfont.woff
--------------------------------------------------------------------------------
/static/fonts/nitti-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/fonts/nitti-normal.woff
--------------------------------------------------------------------------------
/static/fonts/nittigrotesk-medium.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/fonts/nittigrotesk-medium.woff
--------------------------------------------------------------------------------
/static/fonts/nittigrotesk-normal.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/fonts/nittigrotesk-normal.woff
--------------------------------------------------------------------------------
/static/images/backup/backup-active.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/static/images/capslock-green.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/static/images/capslock.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/static/images/chain-favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/chain-favicon.png
--------------------------------------------------------------------------------
/static/images/chevron-blue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/chevron-blue.png
--------------------------------------------------------------------------------
/static/images/chevron-green.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/chevron-green.png
--------------------------------------------------------------------------------
/static/images/chevron.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/chevron.png
--------------------------------------------------------------------------------
/static/images/config/join-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/config/join-active.png
--------------------------------------------------------------------------------
/static/images/config/join.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/config/join.png
--------------------------------------------------------------------------------
/static/images/config/new-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/config/new-active.png
--------------------------------------------------------------------------------
/static/images/config/new.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/config/new.png
--------------------------------------------------------------------------------
/static/images/config/testnet-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/config/testnet-active.png
--------------------------------------------------------------------------------
/static/images/config/testnet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/config/testnet.png
--------------------------------------------------------------------------------
/static/images/console-window.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/static/images/copy.svg:
--------------------------------------------------------------------------------
1 |
24 |
--------------------------------------------------------------------------------
/static/images/empty/account.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/static/images/empty/asset.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/static/images/empty/transaction.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/static/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/favicon.png
--------------------------------------------------------------------------------
/static/images/logo-bytom-white.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/static/images/logo-shadowed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/logo-shadowed.png
--------------------------------------------------------------------------------
/static/images/logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/logo-white.png
--------------------------------------------------------------------------------
/static/images/navigation/account-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/account-active.png
--------------------------------------------------------------------------------
/static/images/navigation/account.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/account.png
--------------------------------------------------------------------------------
/static/images/navigation/asset-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/asset-active.png
--------------------------------------------------------------------------------
/static/images/navigation/asset.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/asset.png
--------------------------------------------------------------------------------
/static/images/navigation/balance-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/balance-active.png
--------------------------------------------------------------------------------
/static/images/navigation/balance.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/balance.png
--------------------------------------------------------------------------------
/static/images/navigation/client-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/client-active.png
--------------------------------------------------------------------------------
/static/images/navigation/client.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/client.png
--------------------------------------------------------------------------------
/static/images/navigation/core-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/core-active.png
--------------------------------------------------------------------------------
/static/images/navigation/core.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/core.png
--------------------------------------------------------------------------------
/static/images/navigation/docs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/docs.png
--------------------------------------------------------------------------------
/static/images/navigation/error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/error.png
--------------------------------------------------------------------------------
/static/images/navigation/feed-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/feed-active.png
--------------------------------------------------------------------------------
/static/images/navigation/feed.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/feed.png
--------------------------------------------------------------------------------
/static/images/navigation/help.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/help.png
--------------------------------------------------------------------------------
/static/images/navigation/logout.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/logout.png
--------------------------------------------------------------------------------
/static/images/navigation/mockhsm-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/mockhsm-active.png
--------------------------------------------------------------------------------
/static/images/navigation/mockhsm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/mockhsm.png
--------------------------------------------------------------------------------
/static/images/navigation/network-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/network-active.png
--------------------------------------------------------------------------------
/static/images/navigation/network.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/network.png
--------------------------------------------------------------------------------
/static/images/navigation/settings.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/settings.png
--------------------------------------------------------------------------------
/static/images/navigation/transaction-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/transaction-active.png
--------------------------------------------------------------------------------
/static/images/navigation/transaction.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/transaction.png
--------------------------------------------------------------------------------
/static/images/navigation/tutorial-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/tutorial-active.png
--------------------------------------------------------------------------------
/static/images/navigation/tutorial.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/tutorial.png
--------------------------------------------------------------------------------
/static/images/navigation/unspent-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/unspent-active.png
--------------------------------------------------------------------------------
/static/images/navigation/unspent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/navigation/unspent.png
--------------------------------------------------------------------------------
/static/images/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/search.png
--------------------------------------------------------------------------------
/static/images/sum.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/BytomDAO/bytom-dashboard/69d4d4b5d445456c4f473631510b2801a0fb06b0/static/images/sum.png
--------------------------------------------------------------------------------
/static/images/transactions/coinbase.svg:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/static/images/transactions/fail.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/static/images/transactions/issue.svg:
--------------------------------------------------------------------------------
1 |
21 |
--------------------------------------------------------------------------------
/static/images/transactions/received.svg:
--------------------------------------------------------------------------------
1 |
40 |
--------------------------------------------------------------------------------
/static/images/transactions/retire.svg:
--------------------------------------------------------------------------------
1 |
29 |
--------------------------------------------------------------------------------
/static/images/transactions/sent.svg:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/static/images/transactions/success.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/static/images/warning.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/static/styles/_bootstrap-overrides.scss:
--------------------------------------------------------------------------------
1 | $grid-gutter-width: 30px;
2 |
3 | $font-size-caps: 12px;
4 | $font-size-chrome: 12px;
5 | $font-size-base: 13px;
6 | $font-size-code: $font-size-base;
7 | $font-size-nav: 14px;
8 | $font-size-form-section-title: $font-size-nav;
9 | $font-size-section-title: 16px;
10 | $font-size-btn: $font-size-nav;
11 | $font-size-btn-lg: $font-size-section-title;
12 | $font-size-page-title: 20px;
13 | $font-size-close: 24px;
14 | $font-size-h2: 26px;
15 | $line-height-base: 1.7;
16 | $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
17 | "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
18 | SimSun, sans-serif;
19 | $font-family-monospace: "Nitti", Menlo, Monaco, Consolas, "Courier New", monospace;
20 |
21 | // Disable responsive styles below 900px wide
22 | $screen-xs: 1px;
23 | $screen-sm: 2px;
24 | $container-sm: 900px;
25 | $container-desktop: 1040px + $grid-gutter-width;
26 | $screen-md: $container-desktop;
27 |
28 | $brand-primary: #1977d6;
29 | $brand-danger: #EF5354;
30 |
31 | $text-color: #8c8e94;
32 | $headings-color: #222834;
33 |
34 | $navbar-default-bg: #20252D;
35 |
36 | $link-color: $brand-primary;
37 | $navbar-default-link-color: transparentize(white, 0.1);
38 | $navbar-default-link-active-color: white;
39 | $navbar-default-link-hover-color: white;
40 |
41 | $input-border-focus: $brand-primary;
42 |
43 | $page-header-border-color: #e3e3e3;
44 | $pre-bg: #fff;
45 | $panel-footer-bg: #fff;
46 | $pre-border-color: transparent;
47 |
48 | $code-color: #747c89;
49 | $code-bg: none;
50 |
51 | $border-radius-base: 3px;
52 | $border-radius-large: 3px;
53 |
54 | $form-group-margin-bottom: 30px;
55 |
56 | $input-border-focus: #257bf2;
57 |
--------------------------------------------------------------------------------
/static/styles/app.scss:
--------------------------------------------------------------------------------
1 | @import 'resources';
2 | @import 'body';
3 |
--------------------------------------------------------------------------------
/webpack/webpack.dll.js:
--------------------------------------------------------------------------------
1 | // Original from https://github.com/mxstbr/react-boilerplate/
2 |
3 | /*eslint-env node*/
4 |
5 | /**
6 | * WEBPACK DLL GENERATOR
7 | *
8 | * This profile is used to cache webpack's module
9 | * contexts for external library and framework type
10 | * dependencies which will usually not change often enough
11 | * to warrant building them from scratch every time we use
12 | * the webpack process.
13 | */
14 |
15 | const { join } = require('path')
16 | const webpack = require('webpack')
17 | const pkg = require(join(process.cwd(), 'package.json'))
18 |
19 | const outputPath = join(process.cwd(), 'node_modules/dashboard-dlls')
20 |
21 | const config = require('./webpack.base')({
22 | context: process.cwd(),
23 | entry: {dependencies: Object.keys(pkg.dependencies)},
24 | devtool: 'eval',
25 | output: {
26 | filename: '[name].dll.js',
27 | path: outputPath,
28 | library: '[name]',
29 | },
30 | plugins: [
31 | new webpack.DllPlugin({
32 | name: '[name]',
33 | path: join(outputPath, 'manifest.json')
34 | }),
35 | ],
36 | })
37 |
38 | module.exports = config
39 |
--------------------------------------------------------------------------------
}){kind=logo}
10 | {this.props.children}
11 |