Merge pull request #3643 from ethcore/ng-webpack-update
Update Webpack => v2
This commit is contained in:
Gav Wood
GitHub
commit
5cab951429
@ -1,5 +1,8 @@
|
|||||||
{
|
{
|
||||||
"presets": ["es2017", "es2016", "es2015", "stage-0", "react"],
|
"presets": [
|
||||||
|
"es2017", "es2016", "es2015",
|
||||||
|
"stage-0", "react"
|
||||||
|
],
|
||||||
"plugins": [
|
"plugins": [
|
||||||
"transform-runtime",
|
"transform-runtime",
|
||||||
"transform-decorators-legacy",
|
"transform-decorators-legacy",
|
||||||
@ -10,6 +13,9 @@
|
|||||||
"env": {
|
"env": {
|
||||||
"production": {
|
"production": {
|
||||||
"plugins": ["transform-react-remove-prop-types"]
|
"plugins": ["transform-react-remove-prop-types"]
|
||||||
|
},
|
||||||
|
"development": {
|
||||||
|
"plugins": ["react-hot-loader/babel"]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -15,6 +15,7 @@
|
|||||||
"no-debugger": "error",
|
"no-debugger": "error",
|
||||||
"no-alert": "error",
|
"no-alert": "error",
|
||||||
"jsx-quotes": ["error", "prefer-single"],
|
"jsx-quotes": ["error", "prefer-single"],
|
||||||
"react/jsx-curly-spacing": ["error", "always"]
|
"react/jsx-curly-spacing": ["error", "always"],
|
||||||
|
"object-property-newline": 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
226
js/package.json
226
js/package.json
@ -26,16 +26,16 @@
|
|||||||
],
|
],
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "npm run build:lib && npm run build:dll && npm run build:app",
|
"build": "npm run build:lib && npm run build:dll && npm run build:app",
|
||||||
"build:app": "webpack --progress",
|
"build:app": "webpack --config webpack/app --progress",
|
||||||
"build:lib": "webpack --config webpack.libraries --progress",
|
"build:lib": "webpack --config webpack/libraries --progress",
|
||||||
"build:dll": "webpack --config webpack.vendor --progress",
|
"build:dll": "webpack --config webpack/vendor --progress",
|
||||||
"ci:build": "npm run ci:build:lib && npm run ci:build:dll && npm run ci:build:app",
|
"ci:build": "npm run ci:build:lib && npm run ci:build:dll && npm run ci:build:app",
|
||||||
"ci:build:app": "NODE_ENV=production webpack",
|
"ci:build:app": "NODE_ENV=production webpack --config webpack/app",
|
||||||
"ci:build:lib": "NODE_ENV=production webpack --config webpack.libraries",
|
"ci:build:lib": "NODE_ENV=production webpack --config webpack/libraries",
|
||||||
"ci:build:dll": "NODE_ENV=production webpack --config webpack.vendor",
|
"ci:build:dll": "NODE_ENV=production webpack --config webpack/vendor",
|
||||||
"ci:build:npm": "NODE_ENV=production webpack --config webpack.npm",
|
"ci:build:npm": "NODE_ENV=production webpack --config webpack/npm",
|
||||||
"start": "npm install && npm run build:lib && npm run build:dll && npm run start:app",
|
"start": "npm install && npm run build:lib && npm run build:dll && npm run start:app",
|
||||||
"start:app": "webpack-dev-server -d --history-api-fallback --open --hot --inline --progress --colors --port 3000",
|
"start:app": "node webpack/dev.server",
|
||||||
"clean": "rm -rf ./build ./coverage",
|
"clean": "rm -rf ./build ./coverage",
|
||||||
"coveralls": "npm run testCoverage && coveralls < coverage/lcov.info",
|
"coveralls": "npm run testCoverage && coveralls < coverage/lcov.info",
|
||||||
"lint": "eslint --ignore-path .gitignore ./src/",
|
"lint": "eslint --ignore-path .gitignore ./src/",
|
||||||
@ -47,128 +47,132 @@
|
|||||||
"prepush": "npm run lint:cached"
|
"prepush": "npm run lint:cached"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"babel-cli": "^6.10.1",
|
"babel-cli": "~6.18.0",
|
||||||
"babel-core": "^6.10.4",
|
"babel-core": "~6.18.2",
|
||||||
"babel-eslint": "^7.1.0",
|
"babel-eslint": "~7.1.0",
|
||||||
"babel-loader": "^6.2.3",
|
"babel-loader": "~6.2.3",
|
||||||
"babel-plugin-lodash": "^3.2.2",
|
"babel-plugin-lodash": "~3.2.2",
|
||||||
"babel-plugin-transform-class-properties": "^6.11.5",
|
"babel-plugin-transform-class-properties": "~6.19.0",
|
||||||
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
"babel-plugin-transform-decorators-legacy": "~1.3.4",
|
||||||
"babel-plugin-transform-react-remove-prop-types": "^0.2.9",
|
"babel-plugin-transform-react-remove-prop-types": "~0.2.9",
|
||||||
"babel-plugin-transform-runtime": "^6.9.0",
|
"babel-plugin-transform-runtime": "~6.15.0",
|
||||||
"babel-polyfill": "^6.13.0",
|
"babel-polyfill": "~6.16.0",
|
||||||
"babel-preset-es2015": "^6.9.0",
|
"babel-preset-es2015": "~6.18.0",
|
||||||
"babel-preset-es2015-rollup": "^1.1.1",
|
"babel-preset-es2015-rollup": "~1.2.0",
|
||||||
"babel-preset-es2016": "^6.11.3",
|
"babel-preset-es2016": "~6.16.0",
|
||||||
"babel-preset-es2017": "^6.14.0",
|
"babel-preset-es2017": "~6.16.0",
|
||||||
"babel-preset-react": "^6.5.0",
|
"babel-preset-react": "~6.16.0",
|
||||||
"babel-preset-stage-0": "^6.5.0",
|
"babel-preset-stage-0": "~6.16.0",
|
||||||
"babel-register": "6.9.0",
|
"babel-register": "6.18.0",
|
||||||
"babel-runtime": "^6.9.2",
|
"babel-runtime": "~6.18.0",
|
||||||
"chai": "^3.5.0",
|
"chai": "~3.5.0",
|
||||||
"chai-enzyme": "0.4.2",
|
"chai-enzyme": "0.4.2",
|
||||||
"cheerio": "0.20.0",
|
"cheerio": "0.20.0",
|
||||||
"copy-webpack-plugin": "^4.0.0",
|
"copy-webpack-plugin": "~4.0.0",
|
||||||
"core-js": "^2.4.1",
|
"core-js": "~2.4.1",
|
||||||
"coveralls": "^2.11.11",
|
"coveralls": "~2.11.11",
|
||||||
"css-loader": "^0.23.1",
|
"css-loader": "~0.26.0",
|
||||||
"enzyme": "2.3.0",
|
"enzyme": "2.3.0",
|
||||||
"eslint": "^3.1.0",
|
"eslint": "~3.10.2",
|
||||||
"eslint-config-semistandard": "^6.0.2",
|
"eslint-config-semistandard": "~7.0.0",
|
||||||
"eslint-config-standard": "^5.3.5",
|
"eslint-config-standard": "~6.2.1",
|
||||||
"eslint-config-standard-react": "^3.0.0",
|
"eslint-config-standard-react": "~4.2.0",
|
||||||
"eslint-plugin-promise": "^2.0.0",
|
"eslint-plugin-promise": "~3.4.0",
|
||||||
"eslint-plugin-react": "^5.1.1",
|
"eslint-plugin-react": "~6.7.1",
|
||||||
"eslint-plugin-standard": "^2.0.0",
|
"eslint-plugin-standard": "~2.0.0",
|
||||||
"extract-loader": "0.0.2",
|
"express": "~4.14.0",
|
||||||
"extract-text-webpack-plugin": "^1.0.1",
|
"extract-loader": "0.1.0",
|
||||||
"file-loader": "^0.8.5",
|
"extract-text-webpack-plugin": "~2.0.0-beta.4",
|
||||||
"fs-extra": "^0.30.0",
|
"file-loader": "~0.9.0",
|
||||||
"happypack": "^2.2.1",
|
"fs-extra": "~0.30.0",
|
||||||
"history": "^2.0.0",
|
"happypack": "~3.0.0",
|
||||||
"html-loader": "^0.4.4",
|
"history": "~2.0.0",
|
||||||
"husky": "^0.11.9",
|
"html-loader": "~0.4.4",
|
||||||
|
"html-webpack-plugin": "~2.24.1",
|
||||||
|
"http-proxy-middleware": "~0.17.2",
|
||||||
|
"husky": "~0.11.9",
|
||||||
"ignore-styles": "2.0.0",
|
"ignore-styles": "2.0.0",
|
||||||
"image-webpack-loader": "^1.8.0",
|
"image-webpack-loader": "~3.0.0",
|
||||||
"istanbul": "^1.0.0-alpha.2",
|
"istanbul": "~1.0.0-alpha.2",
|
||||||
"jsdom": "9.2.1",
|
"jsdom": "9.2.1",
|
||||||
"json-loader": "^0.5.4",
|
"json-loader": "~0.5.4",
|
||||||
"mocha": "^3.0.0-1",
|
"mocha": "~3.0.0-1",
|
||||||
"mock-local-storage": "1.0.2",
|
"mock-local-storage": "1.0.2",
|
||||||
"mock-socket": "^3.0.1",
|
"mock-socket": "~3.0.1",
|
||||||
"nock": "^8.0.0",
|
"nock": "~8.0.0",
|
||||||
"postcss-import": "^8.1.2",
|
"postcss-import": "8.1.0",
|
||||||
"postcss-loader": "^0.8.1",
|
"postcss-loader": "~1.1.1",
|
||||||
"postcss-nested": "^1.0.0",
|
"postcss-nested": "~1.0.0",
|
||||||
"postcss-simple-vars": "^3.0.0",
|
"postcss-simple-vars": "~3.0.0",
|
||||||
"raw-loader": "^0.5.1",
|
"progress": "~1.1.8",
|
||||||
|
"raw-loader": "~0.5.1",
|
||||||
"react-addons-perf": "~15.3.2",
|
"react-addons-perf": "~15.3.2",
|
||||||
"react-addons-test-utils": "~15.3.2",
|
"react-addons-test-utils": "~15.3.2",
|
||||||
"react-copy-to-clipboard": "^4.2.3",
|
|
||||||
"react-dom": "~15.3.2",
|
"react-dom": "~15.3.2",
|
||||||
"react-hot-loader": "~1.3.0",
|
"react-hot-loader": "~3.0.0-beta.6",
|
||||||
"rucksack-css": "^0.8.6",
|
"rucksack-css": "~0.8.6",
|
||||||
"sinon": "^1.17.4",
|
"sinon": "~1.17.4",
|
||||||
"sinon-as-promised": "^4.0.2",
|
"sinon-as-promised": "~4.0.2",
|
||||||
"sinon-chai": "^2.8.0",
|
"sinon-chai": "~2.8.0",
|
||||||
"style-loader": "^0.13.0",
|
"style-loader": "~0.13.0",
|
||||||
"url-loader": "^0.5.7",
|
"url-loader": "~0.5.7",
|
||||||
"webpack": "^1.13.2",
|
"webpack": "~2.1.0-beta.27",
|
||||||
"webpack-dev-server": "^1.15.2",
|
"webpack-dev-middleware": "~1.8.4",
|
||||||
"webpack-error-notification": "0.1.6",
|
"webpack-error-notification": "0.1.6",
|
||||||
"webpack-hot-middleware": "~2.13.2",
|
"webpack-hot-middleware": "~2.13.2",
|
||||||
"websocket": "^1.0.23"
|
"websocket": "~1.0.23"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"bignumber.js": "^2.3.0",
|
"bignumber.js": "~2.3.0",
|
||||||
"blockies": "0.0.2",
|
"blockies": "0.0.2",
|
||||||
"brace": "^0.9.0",
|
"brace": "~0.9.0",
|
||||||
"bytes": "^2.4.0",
|
"bytes": "~2.4.0",
|
||||||
"chart.js": "^2.3.0",
|
"chart.js": "~2.3.0",
|
||||||
"es6-error": "^4.0.0",
|
"es6-error": "~4.0.0",
|
||||||
"es6-promise": "^3.2.1",
|
"es6-promise": "~3.2.1",
|
||||||
"ethereumjs-tx": "^1.1.2",
|
"ethereumjs-tx": "~1.1.2",
|
||||||
"eventemitter3": "^2.0.2",
|
"eventemitter3": "~2.0.2",
|
||||||
"file-saver": "^1.3.3",
|
"file-saver": "~1.3.3",
|
||||||
"format-json": "^1.0.3",
|
"format-json": "~1.0.3",
|
||||||
"format-number": "^2.0.1",
|
"format-number": "~2.0.1",
|
||||||
"geopattern": "^1.2.3",
|
"geopattern": "~1.2.3",
|
||||||
"isomorphic-fetch": "^2.2.1",
|
"isomorphic-fetch": "~2.2.1",
|
||||||
"js-sha3": "^0.5.2",
|
"js-sha3": "~0.5.2",
|
||||||
"lodash": "^4.11.1",
|
"lodash": "~4.11.1",
|
||||||
"marked": "^0.3.6",
|
"marked": "~0.3.6",
|
||||||
"material-ui": "0.16.1",
|
"material-ui": "0.16.1",
|
||||||
"material-ui-chip-input": "^0.8.0",
|
"material-ui-chip-input": "~0.8.0",
|
||||||
"mobx": "^2.6.1",
|
"mobx": "~2.6.1",
|
||||||
"mobx-react": "^3.5.8",
|
"mobx-react": "~3.5.8",
|
||||||
"mobx-react-devtools": "^4.2.9",
|
"mobx-react-devtools": "~4.2.9",
|
||||||
"moment": "^2.14.1",
|
"moment": "~2.14.1",
|
||||||
"phoneformat.js": "^1.0.3",
|
"phoneformat.js": "~1.0.3",
|
||||||
"qs": "^6.3.0",
|
"qs": "~6.3.0",
|
||||||
"react": "~15.3.2",
|
"react": "~15.3.2",
|
||||||
"react-ace": "^4.0.0",
|
"react-ace": "~4.0.0",
|
||||||
"react-addons-css-transition-group": "~15.3.2",
|
"react-addons-css-transition-group": "~15.3.2",
|
||||||
"react-chartjs-2": "^1.5.0",
|
"react-chartjs-2": "~1.5.0",
|
||||||
|
"react-copy-to-clipboard": "~4.2.3",
|
||||||
"react-dom": "~15.3.2",
|
"react-dom": "~15.3.2",
|
||||||
"react-dropzone": "^3.7.3",
|
"react-dropzone": "~3.7.3",
|
||||||
"react-redux": "^4.4.5",
|
"react-redux": "~4.4.5",
|
||||||
"react-router": "^2.6.1",
|
"react-router": "~2.6.1",
|
||||||
"react-router-redux": "^4.0.5",
|
"react-router-redux": "~4.0.5",
|
||||||
"react-tap-event-plugin": "~1.0.0",
|
"react-tap-event-plugin": "~1.0.0",
|
||||||
"react-tooltip": "^2.0.3",
|
"react-tooltip": "~2.0.3",
|
||||||
"recharts": "^0.15.2",
|
"recharts": "~0.15.2",
|
||||||
"redux": "^3.5.2",
|
"redux": "~3.5.2",
|
||||||
"redux-actions": "^0.10.1",
|
"redux-actions": "~0.10.1",
|
||||||
"redux-thunk": "^2.1.0",
|
"redux-thunk": "~2.1.0",
|
||||||
"rlp": "^2.0.0",
|
"rlp": "~2.0.0",
|
||||||
"scryptsy": "^2.0.0",
|
"scryptsy": "~2.0.0",
|
||||||
"solc": "ngotchac/solc-js",
|
"solc": "ngotchac/solc-js",
|
||||||
"store": "^1.3.20",
|
"store": "~1.3.20",
|
||||||
"utf8": "^2.1.1",
|
"utf8": "~2.1.1",
|
||||||
"valid-url": "^1.0.9",
|
"valid-url": "~1.0.9",
|
||||||
"validator": "^5.7.0",
|
"validator": "~5.7.0",
|
||||||
"web3": "^0.17.0-beta",
|
"web3": "~0.17.0-beta",
|
||||||
"whatwg-fetch": "^1.0.0",
|
"whatwg-fetch": "~1.0.0",
|
||||||
"worker-loader": "^0.7.1"
|
"worker-loader": "~0.7.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -15,16 +15,16 @@
|
|||||||
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
import Abi from '../../abi';
|
import Abi from '../../abi';
|
||||||
import Api from '../api';
|
|
||||||
import { isInstanceOf } from '../util/types';
|
|
||||||
|
|
||||||
let nextSubscriptionId = 0;
|
let nextSubscriptionId = 0;
|
||||||
|
|
||||||
export default class Contract {
|
export default class Contract {
|
||||||
constructor (api, abi) {
|
constructor (api, abi) {
|
||||||
if (!isInstanceOf(api, Api)) {
|
if (!api) {
|
||||||
throw new Error('API instance needs to be provided to Contract');
|
throw new Error('API instance needs to be provided to Contract');
|
||||||
} else if (!abi) {
|
}
|
||||||
|
|
||||||
|
if (!abi) {
|
||||||
throw new Error('ABI needs to be provided to Contract instance');
|
throw new Error('ABI needs to be provided to Contract instance');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
import BigNumber from 'bignumber.js';
|
import BigNumber from 'bignumber.js';
|
||||||
|
|
||||||
import { isArray, isHex, isInstanceOf, isString } from '../util/types';
|
import { isArray, isHex, isInstanceOf, isString } from '../util/types';
|
||||||
import { padLeft } from '../util/format';
|
import { padLeft, toHex } from '../util/format';
|
||||||
|
|
||||||
export function inAddress (address) {
|
export function inAddress (address) {
|
||||||
// TODO: address validation if we have upper-lower addresses
|
// TODO: address validation if we have upper-lower addresses
|
||||||
@ -100,15 +100,7 @@ export function inFilter (options) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function inHex (str) {
|
export function inHex (str) {
|
||||||
if (str && str.toString) {
|
return toHex(str);
|
||||||
str = str.toString(16);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (str && str.substr(0, 2) === '0x') {
|
|
||||||
return str.toLowerCase();
|
|
||||||
}
|
|
||||||
|
|
||||||
return `0x${(str || '').toLowerCase()}`;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function inNumber10 (number) {
|
export function inNumber10 (number) {
|
||||||
|
|||||||
@ -15,7 +15,6 @@
|
|||||||
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
import { range } from 'lodash';
|
import { range } from 'lodash';
|
||||||
import { inHex } from '../format/input';
|
|
||||||
|
|
||||||
export function bytesToHex (bytes) {
|
export function bytesToHex (bytes) {
|
||||||
return '0x' + bytes.map((b) => ('0' + b.toString(16)).slice(-2)).join('');
|
return '0x' + bytes.map((b) => ('0' + b.toString(16)).slice(-2)).join('');
|
||||||
@ -38,11 +37,23 @@ export function asciiToHex (string) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function padRight (input, length) {
|
export function padRight (input, length) {
|
||||||
const value = inHex(input).substr(2, length * 2);
|
const value = toHex(input).substr(2, length * 2);
|
||||||
return '0x' + value + range(length * 2 - value.length).map(() => '0').join('');
|
return '0x' + value + range(length * 2 - value.length).map(() => '0').join('');
|
||||||
}
|
}
|
||||||
|
|
||||||
export function padLeft (input, length) {
|
export function padLeft (input, length) {
|
||||||
const value = inHex(input).substr(2, length * 2);
|
const value = toHex(input).substr(2, length * 2);
|
||||||
return '0x' + range(length * 2 - value.length).map(() => '0').join('') + value;
|
return '0x' + range(length * 2 - value.length).map(() => '0').join('') + value;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function toHex (str) {
|
||||||
|
if (str && str.toString) {
|
||||||
|
str = str.toString(16);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (str && str.substr(0, 2) === '0x') {
|
||||||
|
return str.toLowerCase();
|
||||||
|
}
|
||||||
|
|
||||||
|
return `0x${(str || '').toLowerCase()}`;
|
||||||
|
}
|
||||||
|
|||||||
@ -19,7 +19,7 @@ import Registry from './registry';
|
|||||||
import SignatureReg from './signaturereg';
|
import SignatureReg from './signaturereg';
|
||||||
import TokenReg from './tokenreg';
|
import TokenReg from './tokenreg';
|
||||||
import GithubHint from './githubhint';
|
import GithubHint from './githubhint';
|
||||||
import smsVerification from './sms-verification';
|
import * as smsVerification from './sms-verification';
|
||||||
|
|
||||||
let instance = null;
|
let instance = null;
|
||||||
|
|
||||||
|
|||||||
@ -1,17 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Basic Token Deployment</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="/parity-utils/parity.js"></script>
|
|
||||||
<script src="basiccoin.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -32,7 +32,6 @@ const routerHistory = useRouterHistory(createHashHistory)({});
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './basiccoin.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Router history={ routerHistory }>
|
<Router history={ routerHistory }>
|
||||||
|
|||||||
@ -1,17 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Dapp Registry</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="/parity-utils/parity.js"></script>
|
|
||||||
<script src="dappreg.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -27,7 +27,6 @@ import Application from './dappreg/Application';
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './dappreg.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Application />,
|
<Application />,
|
||||||
|
|||||||
@ -1,16 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>GitHub Hint</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="githubhint.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -25,7 +25,6 @@ import Application from './githubhint/Application';
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './githubhint.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Application />,
|
<Application />,
|
||||||
|
|||||||
42
js/src/dapps/index.ejs
Normal file
42
js/src/dapps/index.ejs
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||||
|
<style>
|
||||||
|
html, body, #container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
|
font-family: Roboto;
|
||||||
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
font-size: 4em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div class="loading-container">
|
||||||
|
<span class="loading">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="vendor.js"></script>
|
||||||
|
<% if (!htmlWebpackPlugin.options.secure) { %>
|
||||||
|
<script src="/parity-utils/parity.js"></script>
|
||||||
|
<% } %>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
25
js/src/dapps/index.js
Normal file
25
js/src/dapps/index.js
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
||||||
|
// This file is part of Parity.
|
||||||
|
|
||||||
|
// Parity is free software: you can redistribute it and/or modify
|
||||||
|
// it under the terms of the GNU General Public License as published by
|
||||||
|
// the Free Software Foundation, either version 3 of the License, or
|
||||||
|
// (at your option) any later version.
|
||||||
|
|
||||||
|
// Parity is distributed in the hope that it will be useful,
|
||||||
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
// GNU General Public License for more details.
|
||||||
|
|
||||||
|
// You should have received a copy of the GNU General Public License
|
||||||
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
module.exports = [
|
||||||
|
{ name: 'basiccoin', entry: 'basiccoin.js', title: 'Basic Token Deployment' },
|
||||||
|
{ name: 'dappreg', entry: 'dappreg.js', title: 'Dapp Registry' },
|
||||||
|
{ name: 'githubhint', entry: 'githubhint.js', title: 'GitHub Hint', secure: true },
|
||||||
|
{ name: 'localtx', entry: 'localtx.js', title: 'Local transactions Viewer', secure: true },
|
||||||
|
{ name: 'registry', entry: 'registry.js', title: 'Registry' },
|
||||||
|
{ name: 'signaturereg', entry: 'signaturereg.js', title: 'Method Signature Registry' },
|
||||||
|
{ name: 'tokenreg', entry: 'tokenreg.js', title: 'Token Registry' }
|
||||||
|
];
|
||||||
@ -1,17 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Local transactions Viewer</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="/parity-utils/parity.js"></script>
|
|
||||||
<script src="localtx.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -25,7 +25,6 @@ import Application from './localtx/Application';
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './localtx.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Application />,
|
<Application />,
|
||||||
|
|||||||
@ -158,18 +158,18 @@ export default class Application extends Component {
|
|||||||
{ Transaction.renderHeader() }
|
{ Transaction.renderHeader() }
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{
|
{
|
||||||
transactions.map((tx, idx) => (
|
transactions.map((tx, idx) => (
|
||||||
<Transaction
|
<Transaction
|
||||||
key={ tx.transaction.hash }
|
key={ tx.transaction.hash }
|
||||||
idx={ idx + 1 }
|
idx={ idx + 1 }
|
||||||
isLocal={ tx.isLocal }
|
isLocal={ tx.isLocal }
|
||||||
transaction={ tx.transaction }
|
transaction={ tx.transaction }
|
||||||
stats={ tx.stats }
|
stats={ tx.stats }
|
||||||
blockNumber={ blockNumber }
|
blockNumber={ blockNumber }
|
||||||
/>
|
/>
|
||||||
))
|
))
|
||||||
}
|
}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -83,7 +83,7 @@ class BaseTransaction extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<span className={ styles.nowrap }>
|
<span className={ styles.nowrap }>
|
||||||
{ noOfPropagations } ({ noOfPeers } peers)
|
{ noOfPropagations } ({ noOfPeers } peers)
|
||||||
</span>
|
</span>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -110,7 +110,7 @@ export class Transaction extends BaseTransaction {
|
|||||||
static renderHeader () {
|
static renderHeader () {
|
||||||
return (
|
return (
|
||||||
<tr className={ styles.header }>
|
<tr className={ styles.header }>
|
||||||
<th></th>
|
<th />
|
||||||
<th>
|
<th>
|
||||||
Transaction
|
Transaction
|
||||||
</th>
|
</th>
|
||||||
@ -129,8 +129,7 @@ export class Transaction extends BaseTransaction {
|
|||||||
<th>
|
<th>
|
||||||
# Propagated
|
# Propagated
|
||||||
</th>
|
</th>
|
||||||
<th>
|
<th />
|
||||||
</th>
|
|
||||||
</tr>
|
</tr>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -201,7 +200,7 @@ export class LocalTransaction extends BaseTransaction {
|
|||||||
static renderHeader () {
|
static renderHeader () {
|
||||||
return (
|
return (
|
||||||
<tr className={ styles.header }>
|
<tr className={ styles.header }>
|
||||||
<th></th>
|
<th />
|
||||||
<th>
|
<th>
|
||||||
Transaction
|
Transaction
|
||||||
</th>
|
</th>
|
||||||
|
|||||||
@ -1,17 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Token Registry</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="/parity-utils/parity.js"></script>
|
|
||||||
<script src="registry.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -27,7 +27,6 @@ import Container from './registry/Container';
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './registry.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Provider store={ store }>
|
<Provider store={ store }>
|
||||||
|
|||||||
@ -1,17 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Method Signature Registry</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="/parity-utils/parity.js"></script>
|
|
||||||
<script src="signaturereg.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -25,7 +25,6 @@ import Application from './signaturereg/Application';
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './signaturereg.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<Application />,
|
<Application />,
|
||||||
|
|||||||
@ -73,7 +73,7 @@ export default class Import extends Component {
|
|||||||
Provide the ABI (Contract Interface) in the space provided below. Only non-constant functions (names & types) will be imported, while constant functions and existing signatures will be ignored.
|
Provide the ABI (Contract Interface) in the space provided below. Only non-constant functions (names & types) will be imported, while constant functions and existing signatures will be ignored.
|
||||||
</div>
|
</div>
|
||||||
<div className={ styles.info }>
|
<div className={ styles.info }>
|
||||||
<textarea rows='8' className={ styles.error } onChange={ this.onAbiEdit }></textarea>
|
<textarea rows='8' className={ styles.error } onChange={ this.onAbiEdit } />
|
||||||
<div className={ styles.error }>
|
<div className={ styles.error }>
|
||||||
{ abiError }
|
{ abiError }
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,17 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Token Registry</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="/parity-utils/parity.js"></script>
|
|
||||||
<script src="tokenreg.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -27,13 +27,12 @@ import Container from './tokenreg/Container';
|
|||||||
import '../../assets/fonts/Roboto/font.css';
|
import '../../assets/fonts/Roboto/font.css';
|
||||||
import '../../assets/fonts/RobotoMono/font.css';
|
import '../../assets/fonts/RobotoMono/font.css';
|
||||||
import './style.css';
|
import './style.css';
|
||||||
import './tokenreg.html';
|
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
(
|
(
|
||||||
<Provider store={ store }>
|
<Provider store={ store }>
|
||||||
<Container />
|
<Container />
|
||||||
</Provider>
|
</Provider>
|
||||||
),
|
),
|
||||||
document.querySelector('#container')
|
document.querySelector('#container')
|
||||||
);
|
);
|
||||||
|
|||||||
@ -147,7 +147,7 @@ export const loadToken = (index) => (dispatch, getState) => {
|
|||||||
dispatch(setTokenData(index, null));
|
dispatch(setTokenData(index, null));
|
||||||
dispatch(setTokenLoading(index, false));
|
dispatch(setTokenLoading(index, false));
|
||||||
|
|
||||||
if (!e instanceof TypeError) {
|
if (!(e instanceof TypeError)) {
|
||||||
console.error(`loadToken #${index} error`, e);
|
console.error(`loadToken #${index} error`, e);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
39
js/src/index.ejs
Normal file
39
js/src/index.ejs
Normal file
@ -0,0 +1,39 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||||
|
<style>
|
||||||
|
html, body, #container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100%;
|
||||||
|
font-family: Roboto;
|
||||||
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
font-size: 4em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="container">
|
||||||
|
<div class="loading-container">
|
||||||
|
<span class="loading">Loading...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="vendor.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,21 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<link rel="icon" href="/parity-logo-black-no-text.png" type="image/png">
|
|
||||||
<title>Parity</title>
|
|
||||||
<style>
|
|
||||||
html, body, #container {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
<script src="vendor.js"></script>
|
|
||||||
<script src="commons.js"></script>
|
|
||||||
<script src="index.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -22,17 +22,20 @@ es6Promise.polyfill();
|
|||||||
|
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import ReactDOM from 'react-dom';
|
import ReactDOM from 'react-dom';
|
||||||
|
import { AppContainer } from 'react-hot-loader';
|
||||||
|
|
||||||
import injectTapEventPlugin from 'react-tap-event-plugin';
|
import injectTapEventPlugin from 'react-tap-event-plugin';
|
||||||
import { createHashHistory } from 'history';
|
import { createHashHistory } from 'history';
|
||||||
import { Redirect, Router, Route, useRouterHistory } from 'react-router';
|
import { useRouterHistory } from 'react-router';
|
||||||
import qs from 'querystring';
|
import qs from 'querystring';
|
||||||
|
|
||||||
import SecureApi from './secureApi';
|
import SecureApi from './secureApi';
|
||||||
import ContractInstances from './contracts';
|
import ContractInstances from './contracts';
|
||||||
|
|
||||||
import { initStore } from './redux';
|
import { initStore } from './redux';
|
||||||
import { ContextProvider, muiTheme } from './ui';
|
import ContextProvider from './ui/ContextProvider';
|
||||||
import { Accounts, Account, Addresses, Address, Application, Contract, Contracts, WriteContract, Dapp, Dapps, Settings, SettingsBackground, SettingsParity, SettingsProxy, SettingsViews, Signer, Status } from './views';
|
import muiTheme from './ui/Theme';
|
||||||
|
import MainApplication from './main';
|
||||||
|
|
||||||
import { setApi } from './redux/providers/apiActions';
|
import { setApi } from './redux/providers/apiActions';
|
||||||
|
|
||||||
@ -41,9 +44,6 @@ import './environment';
|
|||||||
import '../assets/fonts/Roboto/font.css';
|
import '../assets/fonts/Roboto/font.css';
|
||||||
import '../assets/fonts/RobotoMono/font.css';
|
import '../assets/fonts/RobotoMono/font.css';
|
||||||
|
|
||||||
import styles from './reset.css';
|
|
||||||
import './index.html';
|
|
||||||
|
|
||||||
injectTapEventPlugin();
|
injectTapEventPlugin();
|
||||||
|
|
||||||
if (process.env.NODE_ENV === 'development') {
|
if (process.env.NODE_ENV === 'development') {
|
||||||
@ -77,32 +77,47 @@ window.secureApi = api;
|
|||||||
const routerHistory = useRouterHistory(createHashHistory)({});
|
const routerHistory = useRouterHistory(createHashHistory)({});
|
||||||
|
|
||||||
ReactDOM.render(
|
ReactDOM.render(
|
||||||
<ContextProvider api={ api } muiTheme={ muiTheme } store={ store }>
|
<AppContainer>
|
||||||
<Router className={ styles.reset } history={ routerHistory }>
|
<ContextProvider api={ api } muiTheme={ muiTheme } store={ store }>
|
||||||
<Redirect from='/' to='/accounts' />
|
<MainApplication
|
||||||
<Redirect from='/auth' to='/accounts' query={ {} } />
|
routerHistory={ routerHistory }
|
||||||
<Redirect from='/settings' to='/settings/views' />
|
/>
|
||||||
<Route path='/' component={ Application }>
|
</ContextProvider>
|
||||||
<Route path='accounts' component={ Accounts } />
|
</AppContainer>,
|
||||||
<Route path='account/:address' component={ Account } />
|
|
||||||
<Route path='addresses' component={ Addresses } />
|
|
||||||
<Route path='address/:address' component={ Address } />
|
|
||||||
<Route path='apps' component={ Dapps } />
|
|
||||||
<Route path='app/:id' component={ Dapp } />
|
|
||||||
<Route path='contracts' component={ Contracts } />
|
|
||||||
<Route path='contracts/write' component={ WriteContract } />
|
|
||||||
<Route path='contract/:address' component={ Contract } />
|
|
||||||
<Route path='settings' component={ Settings }>
|
|
||||||
<Route path='background' component={ SettingsBackground } />
|
|
||||||
<Route path='proxy' component={ SettingsProxy } />
|
|
||||||
<Route path='views' component={ SettingsViews } />
|
|
||||||
<Route path='parity' component={ SettingsParity } />
|
|
||||||
</Route>
|
|
||||||
<Route path='signer' component={ Signer } />
|
|
||||||
<Route path='status' component={ Status } />
|
|
||||||
<Route path='status/:subpage' component={ Status } />
|
|
||||||
</Route>
|
|
||||||
</Router>
|
|
||||||
</ContextProvider>,
|
|
||||||
document.querySelector('#container')
|
document.querySelector('#container')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
if (module.hot) {
|
||||||
|
// module.hot.accept('./redux', () => {
|
||||||
|
// // redux store has a method replaceReducer
|
||||||
|
// // const newStore = initStore(api);
|
||||||
|
// console.warn('REDUX UPDATE');
|
||||||
|
// // store.replaceReducer(appReducer);
|
||||||
|
|
||||||
|
// // ReactDOM.render(
|
||||||
|
// // <AppContainer>
|
||||||
|
// // <ContextProvider api={ api } muiTheme={ muiTheme } store={ newStore }>
|
||||||
|
// // <MainApplication
|
||||||
|
// // routerHistory={ routerHistory }
|
||||||
|
// // />
|
||||||
|
// // </ContextProvider>
|
||||||
|
// // </AppContainer>,
|
||||||
|
// // document.querySelector('#container')
|
||||||
|
// // );
|
||||||
|
// });
|
||||||
|
|
||||||
|
module.hot.accept('./main.js', () => {
|
||||||
|
require('./main.js');
|
||||||
|
|
||||||
|
ReactDOM.render(
|
||||||
|
<AppContainer>
|
||||||
|
<ContextProvider api={ api } muiTheme={ muiTheme } store={ store }>
|
||||||
|
<MainApplication
|
||||||
|
routerHistory={ routerHistory }
|
||||||
|
/>
|
||||||
|
</ContextProvider>
|
||||||
|
</AppContainer>,
|
||||||
|
document.querySelector('#container')
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|||||||
60
js/src/main.js
Normal file
60
js/src/main.js
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
||||||
|
// This file is part of Parity.
|
||||||
|
|
||||||
|
// Parity is free software: you can redistribute it and/or modify
|
||||||
|
// it under the terms of the GNU General Public License as published by
|
||||||
|
// the Free Software Foundation, either version 3 of the License, or
|
||||||
|
// (at your option) any later version.
|
||||||
|
|
||||||
|
// Parity is distributed in the hope that it will be useful,
|
||||||
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
// GNU General Public License for more details.
|
||||||
|
|
||||||
|
// You should have received a copy of the GNU General Public License
|
||||||
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
import React, { Component, PropTypes } from 'react';
|
||||||
|
import { Redirect, Router, Route } from 'react-router';
|
||||||
|
|
||||||
|
import { Accounts, Account, Addresses, Address, Application, Contract, Contracts, WriteContract, Dapp, Dapps, Settings, SettingsBackground, SettingsParity, SettingsProxy, SettingsViews, Signer, Status } from './views';
|
||||||
|
|
||||||
|
import styles from './reset.css';
|
||||||
|
|
||||||
|
export default class MainApplication extends Component {
|
||||||
|
static propTypes = {
|
||||||
|
routerHistory: PropTypes.any.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
render () {
|
||||||
|
const { routerHistory } = this.props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Router className={ styles.reset } history={ routerHistory }>
|
||||||
|
<Redirect from='/' to='/accounts' />
|
||||||
|
<Redirect from='/auth' to='/accounts' query={ {} } />
|
||||||
|
<Redirect from='/settings' to='/settings/views' />
|
||||||
|
<Route path='/' component={ Application }>
|
||||||
|
<Route path='accounts' component={ Accounts } />
|
||||||
|
<Route path='account/:address' component={ Account } />
|
||||||
|
<Route path='addresses' component={ Addresses } />
|
||||||
|
<Route path='address/:address' component={ Address } />
|
||||||
|
<Route path='apps' component={ Dapps } />
|
||||||
|
<Route path='app/:id' component={ Dapp } />
|
||||||
|
<Route path='contracts' component={ Contracts } />
|
||||||
|
<Route path='contracts/write' component={ WriteContract } />
|
||||||
|
<Route path='contract/:address' component={ Contract } />
|
||||||
|
<Route path='settings' component={ Settings }>
|
||||||
|
<Route path='background' component={ SettingsBackground } />
|
||||||
|
<Route path='proxy' component={ SettingsProxy } />
|
||||||
|
<Route path='views' component={ SettingsViews } />
|
||||||
|
<Route path='parity' component={ SettingsParity } />
|
||||||
|
</Route>
|
||||||
|
<Route path='signer' component={ Signer } />
|
||||||
|
<Route path='status' component={ Status } />
|
||||||
|
<Route path='status/:subpage' component={ Status } />
|
||||||
|
</Route>
|
||||||
|
</Router>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -79,16 +79,16 @@ export default class LoadContract extends Component {
|
|||||||
const contractsTab = Object.keys(contracts).length === 0
|
const contractsTab = Object.keys(contracts).length === 0
|
||||||
? null
|
? null
|
||||||
: (
|
: (
|
||||||
<Tab label='Local' >
|
<Tab label='Local' >
|
||||||
{ this.renderEditor() }
|
{ this.renderEditor() }
|
||||||
|
|
||||||
<SelectableList
|
<SelectableList
|
||||||
onChange={ this.onClickContract }
|
onChange={ this.onClickContract }
|
||||||
>
|
>
|
||||||
<Subheader>Saved Contracts</Subheader>
|
<Subheader>Saved Contracts</Subheader>
|
||||||
{ this.renderContracts(contracts) }
|
{ this.renderContracts(contracts) }
|
||||||
</SelectableList>
|
</SelectableList>
|
||||||
</Tab>
|
</Tab>
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@ -174,9 +174,9 @@ export default class LoadContract extends Component {
|
|||||||
const secondaryText = description || `Saved ${moment(timestamp).fromNow()}`;
|
const secondaryText = description || `Saved ${moment(timestamp).fromNow()}`;
|
||||||
const remove = removable
|
const remove = removable
|
||||||
? (
|
? (
|
||||||
<IconButton onTouchTap={ onDelete }>
|
<IconButton onTouchTap={ onDelete }>
|
||||||
<DeleteIcon />
|
<DeleteIcon />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
)
|
)
|
||||||
: null;
|
: null;
|
||||||
|
|
||||||
|
|||||||
@ -98,10 +98,10 @@ export default class PasswordManager extends Component {
|
|||||||
|
|
||||||
const passwordHint = meta && meta.passwordHint
|
const passwordHint = meta && meta.passwordHint
|
||||||
? (
|
? (
|
||||||
<span className={ styles.passwordHint }>
|
<span className={ styles.passwordHint }>
|
||||||
<span className={ styles.hintLabel }>Hint </span>
|
<span className={ styles.hintLabel }>Hint </span>
|
||||||
{ meta.passwordHint }
|
{ meta.passwordHint }
|
||||||
</span>
|
</span>
|
||||||
)
|
)
|
||||||
: null;
|
: null;
|
||||||
|
|
||||||
|
|||||||
@ -137,7 +137,7 @@ export default class SMSVerification extends Component {
|
|||||||
step,
|
step,
|
||||||
fee, number, isNumberValid, isVerified, hasRequested,
|
fee, number, isNumberValid, isVerified, hasRequested,
|
||||||
requestTx, isCodeValid, confirmationTx,
|
requestTx, isCodeValid, confirmationTx,
|
||||||
setNumber, setConsentGiven, setCode
|
setCode
|
||||||
} = this.props.store;
|
} = this.props.store;
|
||||||
|
|
||||||
switch (phase) {
|
switch (phase) {
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
import { newError } from '../ui/Errors/actions';
|
import { newError } from '../ui/Errors/actions';
|
||||||
import { setAddressImage } from './providers/imagesActions';
|
import { setAddressImage } from './providers/imagesActions';
|
||||||
import { clearStatusLogs, toggleStatusLogs, toggleStatusRefresh } from './providers/statusActions';
|
import { clearStatusLogs, toggleStatusLogs, toggleStatusRefresh } from './providers/statusActions';
|
||||||
import { toggleView } from '../views/Settings';
|
import { toggleView } from '../views/Settings/actions';
|
||||||
|
|
||||||
export {
|
export {
|
||||||
newError,
|
newError,
|
||||||
|
|||||||
@ -19,9 +19,9 @@ import { routerReducer } from 'react-router-redux';
|
|||||||
|
|
||||||
import { apiReducer, balancesReducer, blockchainReducer, compilerReducer, imagesReducer, personalReducer, signerReducer, statusReducer as nodeStatusReducer, snackbarReducer } from './providers';
|
import { apiReducer, balancesReducer, blockchainReducer, compilerReducer, imagesReducer, personalReducer, signerReducer, statusReducer as nodeStatusReducer, snackbarReducer } from './providers';
|
||||||
|
|
||||||
import { errorReducer } from '../ui/Errors';
|
import errorReducer from '../ui/Errors/reducers';
|
||||||
import { settingsReducer } from '../views/Settings';
|
import settingsReducer from '../views/Settings/reducers';
|
||||||
import { tooltipReducer } from '../ui/Tooltips';
|
import tooltipReducer from '../ui/Tooltips/reducers';
|
||||||
|
|
||||||
export default function () {
|
export default function () {
|
||||||
return combineReducers({
|
return combineReducers({
|
||||||
|
|||||||
@ -19,7 +19,7 @@ import React, { Component, PropTypes } from 'react';
|
|||||||
import FileSaver from 'file-saver';
|
import FileSaver from 'file-saver';
|
||||||
import FileDownloadIcon from 'material-ui/svg-icons/file/file-download';
|
import FileDownloadIcon from 'material-ui/svg-icons/file/file-download';
|
||||||
|
|
||||||
import { Button } from '../../';
|
import Button from '../../Button';
|
||||||
|
|
||||||
class ActionbarExport extends Component {
|
class ActionbarExport extends Component {
|
||||||
static propTypes = {
|
static propTypes = {
|
||||||
|
|||||||
@ -20,7 +20,8 @@ import FileUploadIcon from 'material-ui/svg-icons/file/file-upload';
|
|||||||
import ContentClear from 'material-ui/svg-icons/content/clear';
|
import ContentClear from 'material-ui/svg-icons/content/clear';
|
||||||
import ActionDoneAll from 'material-ui/svg-icons/action/done-all';
|
import ActionDoneAll from 'material-ui/svg-icons/action/done-all';
|
||||||
|
|
||||||
import { Modal, Button } from '../../';
|
import Button from '../../Button';
|
||||||
|
import Modal from '../../Modal';
|
||||||
|
|
||||||
import styles from './import.css';
|
import styles from './import.css';
|
||||||
|
|
||||||
|
|||||||
@ -17,7 +17,8 @@
|
|||||||
import React, { Component, PropTypes } from 'react';
|
import React, { Component, PropTypes } from 'react';
|
||||||
import ActionSearch from 'material-ui/svg-icons/action/search';
|
import ActionSearch from 'material-ui/svg-icons/action/search';
|
||||||
|
|
||||||
import { Button, InputChip } from '../../';
|
import Button from '../../Button';
|
||||||
|
import InputChip from '../../Form/InputChip';
|
||||||
|
|
||||||
import styles from './search.css';
|
import styles from './search.css';
|
||||||
|
|
||||||
|
|||||||
@ -22,7 +22,7 @@ import MenuItem from 'material-ui/MenuItem';
|
|||||||
|
|
||||||
import SortIcon from 'material-ui/svg-icons/content/sort';
|
import SortIcon from 'material-ui/svg-icons/content/sort';
|
||||||
|
|
||||||
import { Button } from '../../';
|
import Button from '../../Button';
|
||||||
|
|
||||||
import SortStore from './sortStore';
|
import SortStore from './sortStore';
|
||||||
import styles from './sort.css';
|
import styles from './sort.css';
|
||||||
|
|||||||
@ -38,9 +38,9 @@ export default class Title extends Component {
|
|||||||
|
|
||||||
const byLine = typeof byline === 'string'
|
const byLine = typeof byline === 'string'
|
||||||
? (
|
? (
|
||||||
<span title={ byline }>
|
<span title={ byline }>
|
||||||
{ byline }
|
{ byline }
|
||||||
</span>
|
</span>
|
||||||
)
|
)
|
||||||
: byline;
|
: byline;
|
||||||
|
|
||||||
|
|||||||
@ -22,7 +22,10 @@ import IconButton from 'material-ui/IconButton';
|
|||||||
import AddIcon from 'material-ui/svg-icons/content/add';
|
import AddIcon from 'material-ui/svg-icons/content/add';
|
||||||
import RemoveIcon from 'material-ui/svg-icons/content/remove';
|
import RemoveIcon from 'material-ui/svg-icons/content/remove';
|
||||||
|
|
||||||
import { Input, InputAddressSelect, Select } from '../../../ui';
|
import Input from '../../../ui/Form/Input';
|
||||||
|
import InputAddressSelect from '../../../ui/Form/InputAddressSelect';
|
||||||
|
import Select from '../../../ui/Form/Select';
|
||||||
|
|
||||||
import { ABI_TYPES } from '../../../util/abi';
|
import { ABI_TYPES } from '../../../util/abi';
|
||||||
|
|
||||||
import styles from './typedInput.css';
|
import styles from './typedInput.css';
|
||||||
|
|||||||
@ -74,10 +74,10 @@ class Tooltip extends Component {
|
|||||||
label='Next'
|
label='Next'
|
||||||
onTouchTap={ onNextTooltip } />
|
onTouchTap={ onNextTooltip } />
|
||||||
] : (
|
] : (
|
||||||
<FlatButton
|
<FlatButton
|
||||||
icon={ <ActionDoneAll /> }
|
icon={ <ActionDoneAll /> }
|
||||||
label='Done'
|
label='Done'
|
||||||
onTouchTap={ onCloseTooltips } />
|
onTouchTap={ onCloseTooltips } />
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@ -92,7 +92,7 @@ class Accounts extends Component {
|
|||||||
|
|
||||||
const loadings = ((accounts && Object.keys(accounts)) || []).map((_, idx) => (
|
const loadings = ((accounts && Object.keys(accounts)) || []).map((_, idx) => (
|
||||||
<div key={ idx } className={ styles.loading }>
|
<div key={ idx } className={ styles.loading }>
|
||||||
<div></div>
|
<div />
|
||||||
</div>
|
</div>
|
||||||
));
|
));
|
||||||
|
|
||||||
|
|||||||
@ -197,7 +197,7 @@ class TabBar extends Component {
|
|||||||
return (
|
return (
|
||||||
<ToolbarGroup>
|
<ToolbarGroup>
|
||||||
<div className={ styles.last }>
|
<div className={ styles.last }>
|
||||||
<div></div>
|
<div />
|
||||||
</div>
|
</div>
|
||||||
</ToolbarGroup>
|
</ToolbarGroup>
|
||||||
);
|
);
|
||||||
@ -211,7 +211,7 @@ class TabBar extends Component {
|
|||||||
.map((view, index) => {
|
.map((view, index) => {
|
||||||
const body = (view.id === 'accounts')
|
const body = (view.id === 'accounts')
|
||||||
? (
|
? (
|
||||||
<Tooltip className={ styles.tabbarTooltip } text='navigate between the different parts and views of the application, switching between an account view, token view and distributed application view' />
|
<Tooltip className={ styles.tabbarTooltip } text='navigate between the different parts and views of the application, switching between an account view, token view and distributed application view' />
|
||||||
)
|
)
|
||||||
: null;
|
: null;
|
||||||
|
|
||||||
|
|||||||
@ -65,8 +65,7 @@ export default class Dapp extends Component {
|
|||||||
name={ name }
|
name={ name }
|
||||||
sandbox='allow-forms allow-popups allow-same-origin allow-scripts'
|
sandbox='allow-forms allow-popups allow-same-origin allow-scripts'
|
||||||
scrolling='auto'
|
scrolling='auto'
|
||||||
src={ src }>
|
src={ src } />
|
||||||
</iframe>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -51,8 +51,7 @@ export default class AddDapps extends Component {
|
|||||||
] }
|
] }
|
||||||
visible
|
visible
|
||||||
scroll>
|
scroll>
|
||||||
<div className={ styles.warning }>
|
<div className={ styles.warning } />
|
||||||
</div>
|
|
||||||
{ this.renderList(store.sortedLocal, 'Applications locally available', 'All applications installed locally on the machine by the user for access by the Parity client.') }
|
{ this.renderList(store.sortedLocal, 'Applications locally available', 'All applications installed locally on the machine by the user for access by the Parity client.') }
|
||||||
{ this.renderList(store.sortedBuiltin, 'Applications bundled with Parity', 'Experimental applications developed by the Parity team to show off dapp capabilities, integration, experimental features and to control certain network-wide client behaviour.') }
|
{ this.renderList(store.sortedBuiltin, 'Applications bundled with Parity', 'Experimental applications developed by the Parity team to show off dapp capabilities, integration, experimental features and to control certain network-wide client behaviour.') }
|
||||||
{ this.renderList(store.sortedNetwork, 'Applications on the global network', 'These applications are not affiliated with Parity nor are they published by Parity. Each remain under the control of their respective authors. Please ensure that you understand the goals for each application before interacting.') }
|
{ this.renderList(store.sortedNetwork, 'Applications on the global network', 'These applications are not affiliated with Parity nor are they published by Parity. Each remain under the control of their respective authors. Please ensure that you understand the goals for each application before interacting.') }
|
||||||
|
|||||||
@ -130,9 +130,15 @@ export default class DappsStore {
|
|||||||
}
|
}
|
||||||
|
|
||||||
_getHost (api) {
|
_getHost (api) {
|
||||||
return process.env.NODE_ENV === 'production'
|
const host = process.env.DAPPS_URL || (process.env.NODE_ENV === 'production'
|
||||||
? this._api.dappsUrl
|
? this._api.dappsUrl
|
||||||
: '';
|
: '');
|
||||||
|
|
||||||
|
if (host === '/') {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
return host;
|
||||||
}
|
}
|
||||||
|
|
||||||
_fetchBuiltinApps () {
|
_fetchBuiltinApps () {
|
||||||
|
|||||||
@ -80,7 +80,7 @@ export default class TransactionPendingForm extends Component {
|
|||||||
onClick={ this.onToggleReject }
|
onClick={ this.onToggleReject }
|
||||||
className={ styles.rejectToggle }
|
className={ styles.rejectToggle }
|
||||||
>
|
>
|
||||||
{ html }
|
{ html }
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -62,7 +62,7 @@ export default class Calls extends Component {
|
|||||||
onClick={ this.clearHistory }
|
onClick={ this.clearHistory }
|
||||||
className={ styles.removeIcon }
|
className={ styles.removeIcon }
|
||||||
>
|
>
|
||||||
<i className='icon-trash'></i>
|
<i className='icon-trash' />
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -140,7 +140,7 @@ export default class EditableValue extends Component {
|
|||||||
title={ `Reset to ${this.props.defaultValue}` }
|
title={ `Reset to ${this.props.defaultValue}` }
|
||||||
{ ...this._testInherit('reset') }
|
{ ...this._testInherit('reset') }
|
||||||
>
|
>
|
||||||
<i className='icon-anchor'></i>
|
<i className='icon-anchor' />
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -154,7 +154,7 @@ export default class EditableValue extends Component {
|
|||||||
onClick={ this.onSubmit }
|
onClick={ this.onSubmit }
|
||||||
{ ...this._testInherit('submit') }
|
{ ...this._testInherit('submit') }
|
||||||
>
|
>
|
||||||
<i className='icon-check'></i>
|
<i className='icon-check' />
|
||||||
</a>,
|
</a>,
|
||||||
<a
|
<a
|
||||||
key={ 'cancel' }
|
key={ 'cancel' }
|
||||||
@ -162,7 +162,7 @@ export default class EditableValue extends Component {
|
|||||||
onClick={ this.onCancel }
|
onClick={ this.onCancel }
|
||||||
{ ...this._testInherit('cancel') }
|
{ ...this._testInherit('cancel') }
|
||||||
>
|
>
|
||||||
<i className='icon-close'></i>
|
<i className='icon-close' />
|
||||||
</a>
|
</a>
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
@ -175,7 +175,7 @@ export default class EditableValue extends Component {
|
|||||||
title='Edit'
|
title='Edit'
|
||||||
{ ...this._testInherit('edit') }
|
{ ...this._testInherit('edit') }
|
||||||
>
|
>
|
||||||
<i className='icon-pencil'></i>
|
<i className='icon-pencil' />
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -53,7 +53,7 @@ export default class JsonEditor extends Component {
|
|||||||
className={ `${styles.editor} ${errorClass}` }
|
className={ `${styles.editor} ${errorClass}` }
|
||||||
value={ this.state.value }
|
value={ this.state.value }
|
||||||
/>
|
/>
|
||||||
{ this.renderError() }
|
{ this.renderError() }
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -66,7 +66,7 @@ export default class RpcCalls extends Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style={ { clear: 'both' } }></div>
|
<div style={ { clear: 'both' } } />
|
||||||
<div className='dapp-container'>
|
<div className='dapp-container'>
|
||||||
<div className='row'>
|
<div className='row'>
|
||||||
<div className='col col-6 mobile-full'>
|
<div className='col col-6 mobile-full'>
|
||||||
|
|||||||
@ -46,7 +46,7 @@ class RpcDocs extends Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style={ { clear: 'both' } }></div>
|
<div style={ { clear: 'both' } } />
|
||||||
<div className='dapp-container'>
|
<div className='dapp-container'>
|
||||||
<div className='row'>
|
<div className='row'>
|
||||||
<div className='col col-12'>
|
<div className='col col-12'>
|
||||||
|
|||||||
@ -24,10 +24,10 @@ export default class RpcNav extends Component {
|
|||||||
return (
|
return (
|
||||||
<div className={ styles.nav }>
|
<div className={ styles.nav }>
|
||||||
<Link to={ '/rpc/calls' } activeClassName={ styles.activeNav } { ...this._test('rpc-calls-link') }>
|
<Link to={ '/rpc/calls' } activeClassName={ styles.activeNav } { ...this._test('rpc-calls-link') }>
|
||||||
<i className='icon-call-out'></i>
|
<i className='icon-call-out' />
|
||||||
</Link>
|
</Link>
|
||||||
<Link to={ '/rpc/docs' } activeClassName={ styles.activeNav } { ...this._test('rpc-docs-link') }>
|
<Link to={ '/rpc/docs' } activeClassName={ styles.activeNav } { ...this._test('rpc-docs-link') }>
|
||||||
<i className='icon-docs'></i>
|
<i className='icon-docs' />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -118,8 +118,7 @@ class WriteContract extends Component {
|
|||||||
<span
|
<span
|
||||||
className={ styles.slider }
|
className={ styles.slider }
|
||||||
onMouseDown={ this.handleStartResize }
|
onMouseDown={ this.handleStartResize }
|
||||||
>
|
/>
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
|
|||||||
@ -24,17 +24,17 @@ const SNIPPETS = {
|
|||||||
snippet0: {
|
snippet0: {
|
||||||
name: 'Token.sol',
|
name: 'Token.sol',
|
||||||
description: 'Standard ERP20 Token Contract',
|
description: 'Standard ERP20 Token Contract',
|
||||||
id: 'snippet0', sourcecode: require('raw!../../contracts/snippets/token.sol')
|
id: 'snippet0', sourcecode: require('raw-loader!../../contracts/snippets/token.sol')
|
||||||
},
|
},
|
||||||
snippet1: {
|
snippet1: {
|
||||||
name: 'StandardToken.sol',
|
name: 'StandardToken.sol',
|
||||||
description: 'Implementation of ERP20 Token Contract',
|
description: 'Implementation of ERP20 Token Contract',
|
||||||
id: 'snippet1', sourcecode: require('raw!../../contracts/snippets/standard-token.sol')
|
id: 'snippet1', sourcecode: require('raw-loader!../../contracts/snippets/standard-token.sol')
|
||||||
},
|
},
|
||||||
snippet2: {
|
snippet2: {
|
||||||
name: 'HumanStandardToken.sol',
|
name: 'HumanStandardToken.sol',
|
||||||
description: 'Implementation of the Human Token Contract',
|
description: 'Implementation of the Human Token Contract',
|
||||||
id: 'snippet2', sourcecode: require('raw!../../contracts/snippets/human-standard-token.sol')
|
id: 'snippet2', sourcecode: require('raw-loader!../../contracts/snippets/human-standard-token.sol')
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -1,238 +0,0 @@
|
|||||||
|
|
||||||
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
|
||||||
// This file is part of Parity.
|
|
||||||
|
|
||||||
// Parity is free software: you can redistribute it and/or modify
|
|
||||||
// it under the terms of the GNU General Public License as published by
|
|
||||||
// the Free Software Foundation, either version 3 of the License, or
|
|
||||||
// (at your option) any later version.
|
|
||||||
|
|
||||||
// Parity is distributed in the hope that it will be useful,
|
|
||||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
// GNU General Public License for more details.
|
|
||||||
|
|
||||||
// You should have received a copy of the GNU General Public License
|
|
||||||
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
|
||||||
|
|
||||||
const HappyPack = require('happypack');
|
|
||||||
const path = require('path');
|
|
||||||
const postcssImport = require('postcss-import');
|
|
||||||
const postcssNested = require('postcss-nested');
|
|
||||||
const postcssVars = require('postcss-simple-vars');
|
|
||||||
const rucksack = require('rucksack-css');
|
|
||||||
const webpack = require('webpack');
|
|
||||||
const WebpackErrorNotificationPlugin = require('webpack-error-notification');
|
|
||||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
||||||
|
|
||||||
const ENV = process.env.NODE_ENV || 'development';
|
|
||||||
const isProd = ENV === 'production';
|
|
||||||
const DEST = process.env.BUILD_DEST || '.build';
|
|
||||||
|
|
||||||
module.exports = {
|
|
||||||
debug: !isProd,
|
|
||||||
cache: !isProd,
|
|
||||||
devtool: isProd ? '#eval' : '#cheap-module-eval-source-map',
|
|
||||||
context: path.join(__dirname, './src'),
|
|
||||||
entry: {
|
|
||||||
// dapps
|
|
||||||
'basiccoin': ['./dapps/basiccoin.js'],
|
|
||||||
'dappreg': ['./dapps/dappreg.js'],
|
|
||||||
'githubhint': ['./dapps/githubhint.js'],
|
|
||||||
'registry': ['./dapps/registry.js'],
|
|
||||||
'signaturereg': ['./dapps/signaturereg.js'],
|
|
||||||
'localtx': ['./dapps/localtx.js'],
|
|
||||||
'tokenreg': ['./dapps/tokenreg.js'],
|
|
||||||
// app
|
|
||||||
'index': ['./index.js']
|
|
||||||
},
|
|
||||||
output: {
|
|
||||||
path: path.join(__dirname, DEST),
|
|
||||||
filename: '[name].js'
|
|
||||||
},
|
|
||||||
module: {
|
|
||||||
loaders: [
|
|
||||||
{
|
|
||||||
test: /\.js$/,
|
|
||||||
exclude: /node_modules/,
|
|
||||||
loaders: [ 'happypack/loader?id=js' ]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.js$/,
|
|
||||||
include: /node_modules\/material-ui-chip-input/,
|
|
||||||
loader: 'babel'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.json$/,
|
|
||||||
loaders: ['json']
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.html$/,
|
|
||||||
loader: 'file?name=[name].[ext]!extract-loader!html-loader'
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
test: /\.css$/,
|
|
||||||
include: [/src/],
|
|
||||||
loaders: [ 'happypack/loader?id=css' ]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.css$/,
|
|
||||||
exclude: [/src/],
|
|
||||||
loader: 'style!css'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.(png|jpg)$/,
|
|
||||||
loader: 'file-loader?name=[name].[hash].[ext]'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.(woff(2)|ttf|eot|svg|otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
||||||
loader: 'file-loader'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
noParse: [
|
|
||||||
/node_modules\/sinon/
|
|
||||||
]
|
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
root: path.join(__dirname, 'node_modules'),
|
|
||||||
fallback: path.join(__dirname, 'node_modules'),
|
|
||||||
extensions: ['', '.js', '.jsx'],
|
|
||||||
unsafeCache: true
|
|
||||||
},
|
|
||||||
resolveLoaders: {
|
|
||||||
root: path.join(__dirname, 'node_modules'),
|
|
||||||
fallback: path.join(__dirname, 'node_modules')
|
|
||||||
},
|
|
||||||
|
|
||||||
htmlLoader: {
|
|
||||||
root: path.resolve(__dirname, 'assets/images'),
|
|
||||||
attrs: ['img:src', 'link:href']
|
|
||||||
},
|
|
||||||
|
|
||||||
postcss: [
|
|
||||||
postcssImport({
|
|
||||||
addDependencyTo: webpack
|
|
||||||
}),
|
|
||||||
postcssNested({}),
|
|
||||||
postcssVars({
|
|
||||||
unknown: function (node, name, result) {
|
|
||||||
node.warn(result, `Unknown variable ${name}`);
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
rucksack({
|
|
||||||
autoprefixer: true
|
|
||||||
})
|
|
||||||
],
|
|
||||||
plugins: (function () {
|
|
||||||
const plugins = [
|
|
||||||
new HappyPack({
|
|
||||||
id: 'css',
|
|
||||||
threads: 4,
|
|
||||||
loaders: [
|
|
||||||
'style',
|
|
||||||
'css?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
|
|
||||||
'postcss'
|
|
||||||
]
|
|
||||||
}),
|
|
||||||
new HappyPack({
|
|
||||||
id: 'js',
|
|
||||||
threads: 4,
|
|
||||||
loaders: isProd ? ['babel'] : [
|
|
||||||
'react-hot',
|
|
||||||
'babel?cacheDirectory=true'
|
|
||||||
]
|
|
||||||
}),
|
|
||||||
new CopyWebpackPlugin([{ from: './error_pages.css', to: 'styles.css' }], {}),
|
|
||||||
new WebpackErrorNotificationPlugin(),
|
|
||||||
new webpack.DefinePlugin({
|
|
||||||
'process.env': {
|
|
||||||
NODE_ENV: JSON.stringify(ENV),
|
|
||||||
RPC_ADDRESS: JSON.stringify(process.env.RPC_ADDRESS),
|
|
||||||
PARITY_URL: JSON.stringify(process.env.PARITY_URL),
|
|
||||||
LOGGING: JSON.stringify(!isProd)
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
|
|
||||||
new webpack.DllReferencePlugin({
|
|
||||||
context: '.',
|
|
||||||
manifest: require(`./${DEST}/vendor-manifest.json`)
|
|
||||||
})
|
|
||||||
];
|
|
||||||
|
|
||||||
if (!isProd) {
|
|
||||||
plugins.push(
|
|
||||||
new webpack.optimize.CommonsChunkPlugin({
|
|
||||||
filename: 'commons.js',
|
|
||||||
name: 'commons'
|
|
||||||
})
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isProd) {
|
|
||||||
plugins.push(
|
|
||||||
new webpack.optimize.CommonsChunkPlugin({
|
|
||||||
chunks: ['index'],
|
|
||||||
name: 'commons'
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
plugins.push(new webpack.optimize.OccurrenceOrderPlugin(false));
|
|
||||||
plugins.push(new webpack.optimize.DedupePlugin());
|
|
||||||
plugins.push(new webpack.optimize.UglifyJsPlugin({
|
|
||||||
screwIe8: true,
|
|
||||||
compress: {
|
|
||||||
warnings: false
|
|
||||||
},
|
|
||||||
output: {
|
|
||||||
comments: false
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
return plugins;
|
|
||||||
}()),
|
|
||||||
devServer: {
|
|
||||||
contentBase: `./${DEST}`,
|
|
||||||
historyApiFallback: false,
|
|
||||||
quiet: false,
|
|
||||||
hot: !isProd,
|
|
||||||
proxy: [
|
|
||||||
{
|
|
||||||
context: (pathname, req) => {
|
|
||||||
return pathname === '/' && req.method === 'HEAD';
|
|
||||||
},
|
|
||||||
target: 'http://127.0.0.1:8180',
|
|
||||||
changeOrigin: true,
|
|
||||||
autoRewrite: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
context: '/api',
|
|
||||||
target: 'http://127.0.0.1:8080',
|
|
||||||
changeOrigin: true,
|
|
||||||
autoRewrite: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
context: '/app',
|
|
||||||
target: 'http://127.0.0.1:8080',
|
|
||||||
changeOrigin: true,
|
|
||||||
pathRewrite: {
|
|
||||||
'^/app': ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
context: '/parity-utils',
|
|
||||||
target: 'http://127.0.0.1:3000',
|
|
||||||
changeOrigin: true,
|
|
||||||
pathRewrite: {
|
|
||||||
'^/parity-utils': ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
context: '/rpc',
|
|
||||||
target: 'http://127.0.0.1:8080',
|
|
||||||
changeOrigin: true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
158
js/webpack/app.js
Normal file
158
js/webpack/app.js
Normal file
@ -0,0 +1,158 @@
|
|||||||
|
|
||||||
|
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
||||||
|
// This file is part of Parity.
|
||||||
|
|
||||||
|
// Parity is free software: you can redistribute it and/or modify
|
||||||
|
// it under the terms of the GNU General Public License as published by
|
||||||
|
// the Free Software Foundation, either version 3 of the License, or
|
||||||
|
// (at your option) any later version.
|
||||||
|
|
||||||
|
// Parity is distributed in the hope that it will be useful,
|
||||||
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
// GNU General Public License for more details.
|
||||||
|
|
||||||
|
// You should have received a copy of the GNU General Public License
|
||||||
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
const webpack = require('webpack');
|
||||||
|
const path = require('path');
|
||||||
|
const WebpackErrorNotificationPlugin = require('webpack-error-notification');
|
||||||
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||||
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||||
|
|
||||||
|
const Shared = require('./shared');
|
||||||
|
const DAPPS = require('../src/dapps');
|
||||||
|
|
||||||
|
const FAVICON = path.resolve(__dirname, '../assets/images/parity-logo-black-no-text.png');
|
||||||
|
|
||||||
|
const DEST = process.env.BUILD_DEST || '.build';
|
||||||
|
const ENV = process.env.NODE_ENV || 'development';
|
||||||
|
const isProd = ENV === 'production';
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
cache: !isProd,
|
||||||
|
devtool: isProd ? '#eval' : '#cheap-module-eval-source-map',
|
||||||
|
|
||||||
|
context: path.join(__dirname, '../src'),
|
||||||
|
entry: Object.assign({}, Shared.dappsEntry, {
|
||||||
|
index: './index.js'
|
||||||
|
}),
|
||||||
|
output: {
|
||||||
|
publicPath: '/',
|
||||||
|
path: path.join(__dirname, '../', DEST),
|
||||||
|
filename: '[name].[hash].js'
|
||||||
|
},
|
||||||
|
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.js$/,
|
||||||
|
exclude: /node_modules/,
|
||||||
|
// use: [ 'happypack/loader?id=js' ]
|
||||||
|
use: isProd ? ['babel-loader'] : [
|
||||||
|
'babel-loader?cacheDirectory=true'
|
||||||
|
],
|
||||||
|
options: Shared.getBabelrc()
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.js$/,
|
||||||
|
include: /node_modules\/material-ui-chip-input/,
|
||||||
|
use: [ 'babel-loader' ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.json$/,
|
||||||
|
use: [ 'json-loader' ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.html$/,
|
||||||
|
use: [
|
||||||
|
'file-loader?name=[name].[ext]!extract-loader',
|
||||||
|
{
|
||||||
|
loader: 'html-loader',
|
||||||
|
options: {
|
||||||
|
root: path.resolve(__dirname, '../assets/images'),
|
||||||
|
attrs: ['img:src', 'link:href']
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
include: [ /src/ ],
|
||||||
|
// use: [ 'happypack/loader?id=css' ]
|
||||||
|
use: [
|
||||||
|
'style-loader',
|
||||||
|
'css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
|
||||||
|
'postcss-loader'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.css$/,
|
||||||
|
exclude: [ /src/ ],
|
||||||
|
use: [ 'style-loader', 'css-loader' ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.(png|jpg)$/,
|
||||||
|
use: [ 'file-loader?name=[name].[hash].[ext]' ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.(woff(2)|ttf|eot|svg|otf)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
||||||
|
use: [ 'file-loader' ]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
noParse: [
|
||||||
|
/node_modules\/sinon/
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
resolve: {
|
||||||
|
modules: [
|
||||||
|
path.join(__dirname, '../node_modules')
|
||||||
|
],
|
||||||
|
extensions: ['.json', '.js', '.jsx'],
|
||||||
|
unsafeCache: true
|
||||||
|
},
|
||||||
|
|
||||||
|
plugins: (function () {
|
||||||
|
const plugins = Shared.getPlugins().concat([
|
||||||
|
new CopyWebpackPlugin([{ from: './error_pages.css', to: 'styles.css' }], {}),
|
||||||
|
new WebpackErrorNotificationPlugin(),
|
||||||
|
|
||||||
|
new webpack.DllReferencePlugin({
|
||||||
|
context: '.',
|
||||||
|
manifest: require(`../${DEST}/vendor-manifest.json`)
|
||||||
|
}),
|
||||||
|
|
||||||
|
new HtmlWebpackPlugin({
|
||||||
|
title: 'Parity',
|
||||||
|
filename: 'index.html',
|
||||||
|
template: './index.ejs',
|
||||||
|
favicon: FAVICON,
|
||||||
|
chunks: [ isProd ? null : 'commons', 'index' ]
|
||||||
|
})
|
||||||
|
], DAPPS.map((dapp) => {
|
||||||
|
return new HtmlWebpackPlugin({
|
||||||
|
title: dapp.title,
|
||||||
|
filename: dapp.name + '.html',
|
||||||
|
template: './dapps/index.ejs',
|
||||||
|
favicon: FAVICON,
|
||||||
|
secure: dapp.secure,
|
||||||
|
chunks: [ isProd ? null : 'commons', dapp.name ]
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
|
if (!isProd) {
|
||||||
|
plugins.push(
|
||||||
|
new webpack.optimize.CommonsChunkPlugin({
|
||||||
|
filename: 'commons.[hash].js',
|
||||||
|
name: 'commons',
|
||||||
|
minChunks: Infinity
|
||||||
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return plugins;
|
||||||
|
}())
|
||||||
|
};
|
||||||
@ -15,7 +15,7 @@
|
|||||||
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
// test only
|
// test only
|
||||||
/**
|
/**
|
||||||
* Run `PARITY_URL="127.0.0.1:8180" NODE_ENV="production" npm run build`
|
* Run `DAPPS_URL="/" PARITY_URL="127.0.0.1:8180" NODE_ENV="production" npm run build`
|
||||||
* to build the project ; use this server to test that the minifed
|
* to build the project ; use this server to test that the minifed
|
||||||
* version is working (this is a simple proxy server)
|
* version is working (this is a simple proxy server)
|
||||||
*/
|
*/
|
||||||
@ -23,39 +23,17 @@
|
|||||||
var express = require('express');
|
var express = require('express');
|
||||||
var proxy = require('http-proxy-middleware');
|
var proxy = require('http-proxy-middleware');
|
||||||
|
|
||||||
|
var Shared = require('./shared');
|
||||||
|
|
||||||
var app = express();
|
var app = express();
|
||||||
var wsProxy = proxy('ws://127.0.0.1:8180', { changeOrigin: true });
|
var wsProxy = proxy('ws://127.0.0.1:8180', { changeOrigin: true });
|
||||||
|
|
||||||
|
Shared.addProxies(app);
|
||||||
|
|
||||||
app.use(express.static('.build'));
|
app.use(express.static('.build'));
|
||||||
|
|
||||||
app.use('/api/*', proxy({
|
|
||||||
target: 'http://127.0.0.1:8080',
|
|
||||||
changeOrigin: true
|
|
||||||
}));
|
|
||||||
|
|
||||||
app.use('/app/*', proxy({
|
|
||||||
target: 'http://127.0.0.1:8080',
|
|
||||||
changeOrigin: true,
|
|
||||||
pathRewrite: {
|
|
||||||
'^/app': ''
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
app.use('/parity-utils/*', proxy({
|
|
||||||
target: 'http://127.0.0.1:3000',
|
|
||||||
changeOrigin: true,
|
|
||||||
pathRewrite: {
|
|
||||||
'^/parity-utils': ''
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
app.use('/rpc/*', proxy({
|
|
||||||
target: 'http://127.0.0.1:8080',
|
|
||||||
changeOrigin: true
|
|
||||||
}));
|
|
||||||
|
|
||||||
app.use(wsProxy);
|
app.use(wsProxy);
|
||||||
|
|
||||||
var server = app.listen(3000);
|
var server = app.listen(process.env.PORT || 3000, function () {
|
||||||
|
console.log('Listening on port', server.address().port);
|
||||||
|
});
|
||||||
server.on('upgrade', wsProxy.upgrade);
|
server.on('upgrade', wsProxy.upgrade);
|
||||||
80
js/webpack/dev.server.js
Normal file
80
js/webpack/dev.server.js
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
||||||
|
// This file is part of Parity.
|
||||||
|
|
||||||
|
// Parity is free software: you can redistribute it and/or modify
|
||||||
|
// it under the terms of the GNU General Public License as published by
|
||||||
|
// the Free Software Foundation, either version 3 of the License, or
|
||||||
|
// (at your option) any later version.
|
||||||
|
|
||||||
|
// Parity is distributed in the hope that it will be useful,
|
||||||
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
// GNU General Public License for more details.
|
||||||
|
|
||||||
|
// You should have received a copy of the GNU General Public License
|
||||||
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
const webpack = require('webpack');
|
||||||
|
const webpackDevMiddleware = require('webpack-dev-middleware');
|
||||||
|
const webpackHotMiddleware = require('webpack-hot-middleware');
|
||||||
|
|
||||||
|
const http = require('http');
|
||||||
|
const express = require('express');
|
||||||
|
const ProgressBar = require('progress');
|
||||||
|
|
||||||
|
const webpackConfig = require('./app');
|
||||||
|
const Shared = require('./shared');
|
||||||
|
|
||||||
|
let progressBar = { update: () => {} };
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add webpack hot middleware to each entry in the config
|
||||||
|
* and HMR to the plugins
|
||||||
|
*/
|
||||||
|
(function updateWebpackConfig () {
|
||||||
|
Object.keys(webpackConfig.entry).forEach((key) => {
|
||||||
|
const entry = webpackConfig.entry[key];
|
||||||
|
|
||||||
|
webpackConfig.entry[key] = [].concat(
|
||||||
|
'react-hot-loader/patch',
|
||||||
|
'webpack-hot-middleware/client?reload=true',
|
||||||
|
entry
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
webpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin());
|
||||||
|
webpackConfig.plugins.push(new webpack.NamedModulesPlugin());
|
||||||
|
webpackConfig.plugins.push(new webpack.NoErrorsPlugin());
|
||||||
|
|
||||||
|
webpackConfig.plugins.push(new webpack.ProgressPlugin(
|
||||||
|
(percentage) => progressBar.update(percentage)
|
||||||
|
));
|
||||||
|
})();
|
||||||
|
|
||||||
|
const app = express();
|
||||||
|
const compiler = webpack(webpackConfig);
|
||||||
|
|
||||||
|
app.use(webpackHotMiddleware(compiler, {
|
||||||
|
log: console.log
|
||||||
|
}));
|
||||||
|
|
||||||
|
app.use(webpackDevMiddleware(compiler, {
|
||||||
|
noInfo: false,
|
||||||
|
quiet: false,
|
||||||
|
progress: true,
|
||||||
|
publicPath: webpackConfig.output.publicPath,
|
||||||
|
stats: {
|
||||||
|
colors: true
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
|
app.use(express.static(webpackConfig.output.path));
|
||||||
|
|
||||||
|
// Add the dev proxies in the express App
|
||||||
|
Shared.addProxies(app);
|
||||||
|
|
||||||
|
const server = http.createServer(app);
|
||||||
|
server.listen(process.env.PORT || 3000, function () {
|
||||||
|
console.log('Listening on port', server.address().port);
|
||||||
|
progressBar = new ProgressBar('[:bar] :percent :etas', { total: 50 });
|
||||||
|
});
|
||||||
@ -16,16 +16,16 @@
|
|||||||
|
|
||||||
// Run with `webpack --config webpack.libraries.js --progress`
|
// Run with `webpack --config webpack.libraries.js --progress`
|
||||||
|
|
||||||
const HappyPack = require('happypack');
|
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const webpack = require('webpack');
|
|
||||||
|
|
||||||
|
const Shared = require('./shared');
|
||||||
|
|
||||||
|
const DEST = process.env.BUILD_DEST || '.build';
|
||||||
const ENV = process.env.NODE_ENV || 'development';
|
const ENV = process.env.NODE_ENV || 'development';
|
||||||
const isProd = ENV === 'production';
|
const isProd = ENV === 'production';
|
||||||
const DEST = process.env.BUILD_DEST || '.build';
|
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
context: path.join(__dirname, './src'),
|
context: path.join(__dirname, '../src'),
|
||||||
entry: {
|
entry: {
|
||||||
// library
|
// library
|
||||||
'inject': ['./web3.js'],
|
'inject': ['./web3.js'],
|
||||||
@ -33,59 +33,31 @@ module.exports = {
|
|||||||
'parity': ['./parity.js']
|
'parity': ['./parity.js']
|
||||||
},
|
},
|
||||||
output: {
|
output: {
|
||||||
path: path.join(__dirname, DEST),
|
path: path.join(__dirname, '../', DEST),
|
||||||
filename: '[name].js',
|
filename: '[name].js',
|
||||||
library: '[name].js',
|
library: '[name].js',
|
||||||
libraryTarget: 'umd'
|
libraryTarget: 'umd'
|
||||||
},
|
},
|
||||||
module: {
|
module: {
|
||||||
loaders: [
|
rules: [
|
||||||
{
|
{
|
||||||
test: /\.js$/,
|
test: /\.js$/,
|
||||||
exclude: /node_modules/,
|
exclude: /node_modules/,
|
||||||
loader: 'happypack/loader?id=js'
|
// use: [ 'happypack/loader?id=js' ]
|
||||||
|
use: isProd ? ['babel-loader'] : [
|
||||||
|
// 'react-hot-loader',
|
||||||
|
'babel-loader?cacheDirectory=true'
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.json$/,
|
test: /\.json$/,
|
||||||
loaders: ['json']
|
use: [ 'json-loader' ]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.html$/,
|
test: /\.html$/,
|
||||||
loader: 'file?name=[name].[ext]'
|
use: [ 'file-loader?name=[name].[ext]' ]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
plugins: (function () {
|
plugins: Shared.getPlugins()
|
||||||
const plugins = [
|
|
||||||
new HappyPack({
|
|
||||||
id: 'js',
|
|
||||||
threads: 4,
|
|
||||||
loaders: [ 'babel' ]
|
|
||||||
}),
|
|
||||||
new webpack.DefinePlugin({
|
|
||||||
'process.env': {
|
|
||||||
NODE_ENV: JSON.stringify(ENV),
|
|
||||||
RPC_ADDRESS: JSON.stringify(process.env.RPC_ADDRESS),
|
|
||||||
PARITY_URL: JSON.stringify(process.env.PARITY_URL),
|
|
||||||
LOGGING: JSON.stringify(!isProd)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
];
|
|
||||||
|
|
||||||
if (isProd) {
|
|
||||||
plugins.push(new webpack.optimize.OccurrenceOrderPlugin(false));
|
|
||||||
plugins.push(new webpack.optimize.DedupePlugin());
|
|
||||||
plugins.push(new webpack.optimize.UglifyJsPlugin({
|
|
||||||
screwIe8: true,
|
|
||||||
compress: {
|
|
||||||
warnings: false
|
|
||||||
},
|
|
||||||
output: {
|
|
||||||
comments: false
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
return plugins;
|
|
||||||
}())
|
|
||||||
};
|
};
|
||||||
@ -15,19 +15,20 @@
|
|||||||
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const webpack = require('webpack');
|
|
||||||
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
||||||
const packageJson = require('./package.json');
|
const packageJson = require('../package.json');
|
||||||
|
|
||||||
|
const Shared = require('./shared');
|
||||||
|
|
||||||
const ENV = process.env.NODE_ENV || 'development';
|
const ENV = process.env.NODE_ENV || 'development';
|
||||||
const isProd = ENV === 'production';
|
const isProd = ENV === 'production';
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
context: path.join(__dirname, './src'),
|
context: path.join(__dirname, '../src'),
|
||||||
target: 'node',
|
target: 'node',
|
||||||
entry: 'library.js',
|
entry: 'library.js',
|
||||||
output: {
|
output: {
|
||||||
path: path.join(__dirname, '.npmjs'),
|
path: path.join(__dirname, '../.npmjs'),
|
||||||
filename: 'library.js',
|
filename: 'library.js',
|
||||||
library: 'Parity',
|
library: 'Parity',
|
||||||
libraryTarget: 'umd',
|
libraryTarget: 'umd',
|
||||||
@ -41,52 +42,45 @@ module.exports = {
|
|||||||
noParse: [
|
noParse: [
|
||||||
/babel-polyfill/
|
/babel-polyfill/
|
||||||
],
|
],
|
||||||
loaders: [
|
rules: [
|
||||||
{
|
{
|
||||||
test: /(\.jsx|\.js)$/,
|
test: /(\.jsx|\.js)$/,
|
||||||
loader: 'babel',
|
// use: [ 'happypack/loader?id=js' ],
|
||||||
|
use: isProd ? ['babel-loader'] : [
|
||||||
|
// 'react-hot-loader',
|
||||||
|
'babel-loader?cacheDirectory=true'
|
||||||
|
],
|
||||||
exclude: /node_modules/
|
exclude: /node_modules/
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
resolve: {
|
resolve: {
|
||||||
root: path.resolve('./src'),
|
modules: [
|
||||||
extensions: ['', '.js']
|
path.resolve('./src'),
|
||||||
|
path.join(__dirname, '../node_modules')
|
||||||
|
],
|
||||||
|
extensions: ['.json', '.js', '.jsx']
|
||||||
},
|
},
|
||||||
plugins: (function () {
|
|
||||||
const plugins = [
|
|
||||||
new CopyWebpackPlugin([
|
|
||||||
{
|
|
||||||
from: '../parity.package.json',
|
|
||||||
to: 'package.json',
|
|
||||||
transform: function (content, path) {
|
|
||||||
const json = JSON.parse(content.toString());
|
|
||||||
json.version = packageJson.version;
|
|
||||||
return new Buffer(JSON.stringify(json, null, ' '), 'utf-8');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
from: '../LICENSE'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
from: '../parity.md',
|
|
||||||
to: 'README.md'
|
|
||||||
}
|
|
||||||
], { copyUnmodified: true })
|
|
||||||
];
|
|
||||||
|
|
||||||
if (isProd) {
|
plugins: Shared.getPlugins().concat([
|
||||||
plugins.push(new webpack.optimize.UglifyJsPlugin({
|
new CopyWebpackPlugin([
|
||||||
screwIe8: true,
|
{
|
||||||
compress: {
|
from: '../parity.package.json',
|
||||||
warnings: false
|
to: 'package.json',
|
||||||
},
|
transform: function (content, path) {
|
||||||
output: {
|
const json = JSON.parse(content.toString());
|
||||||
comments: false
|
json.version = packageJson.version;
|
||||||
|
return new Buffer(JSON.stringify(json, null, ' '), 'utf-8');
|
||||||
}
|
}
|
||||||
}));
|
},
|
||||||
}
|
{
|
||||||
|
from: '../LICENSE'
|
||||||
return plugins;
|
},
|
||||||
}())
|
{
|
||||||
|
from: '../parity.md',
|
||||||
|
to: 'README.md'
|
||||||
|
}
|
||||||
|
], { copyUnmodified: true })
|
||||||
|
])
|
||||||
};
|
};
|
||||||
176
js/webpack/shared.js
Normal file
176
js/webpack/shared.js
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
||||||
|
// This file is part of Parity.
|
||||||
|
|
||||||
|
// Parity is free software: you can redistribute it and/or modify
|
||||||
|
// it under the terms of the GNU General Public License as published by
|
||||||
|
// the Free Software Foundation, either version 3 of the License, or
|
||||||
|
// (at your option) any later version.
|
||||||
|
|
||||||
|
// Parity is distributed in the hope that it will be useful,
|
||||||
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
// GNU General Public License for more details.
|
||||||
|
|
||||||
|
// You should have received a copy of the GNU General Public License
|
||||||
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
const webpack = require('webpack');
|
||||||
|
const path = require('path');
|
||||||
|
const fs = require('fs');
|
||||||
|
// const HappyPack = require('happypack');
|
||||||
|
|
||||||
|
const postcssImport = require('postcss-import');
|
||||||
|
const postcssNested = require('postcss-nested');
|
||||||
|
const postcssVars = require('postcss-simple-vars');
|
||||||
|
const rucksack = require('rucksack-css');
|
||||||
|
|
||||||
|
const ENV = process.env.NODE_ENV || 'development';
|
||||||
|
const isProd = ENV === 'production';
|
||||||
|
|
||||||
|
function getBabelrc () {
|
||||||
|
const babelrc = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../.babelrc')));
|
||||||
|
|
||||||
|
const es2015Index = babelrc.presets.findIndex((p) => p === 'es2015');
|
||||||
|
|
||||||
|
// [ "es2015", { "modules": false } ]
|
||||||
|
babelrc.presets[es2015Index] = [ 'es2015', { modules: false } ];
|
||||||
|
babelrc['babelrc'] = false;
|
||||||
|
return babelrc;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getPlugins (_isProd = isProd) {
|
||||||
|
const postcss = [
|
||||||
|
postcssImport({
|
||||||
|
addDependencyTo: webpack
|
||||||
|
}),
|
||||||
|
postcssNested({}),
|
||||||
|
postcssVars({
|
||||||
|
unknown: function (node, name, result) {
|
||||||
|
node.warn(result, `Unknown variable ${name}`);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
rucksack({
|
||||||
|
autoprefixer: true
|
||||||
|
})
|
||||||
|
];
|
||||||
|
|
||||||
|
const plugins = [
|
||||||
|
// NB: HappyPack is not yet working with Webpack 2... (as of Nov. 26)
|
||||||
|
|
||||||
|
// new HappyPack({
|
||||||
|
// id: 'css',
|
||||||
|
// threads: 4,
|
||||||
|
// loaders: [
|
||||||
|
// 'style-loader',
|
||||||
|
// 'css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
|
||||||
|
// 'postcss-loader'
|
||||||
|
// ]
|
||||||
|
// }),
|
||||||
|
|
||||||
|
// new HappyPack({
|
||||||
|
// id: 'js',
|
||||||
|
// threads: 4,
|
||||||
|
// loaders: _isProd ? ['babel'] : [
|
||||||
|
// 'react-hot-loader',
|
||||||
|
// 'babel-loader?cacheDirectory=true'
|
||||||
|
// ]
|
||||||
|
// }),
|
||||||
|
|
||||||
|
// new HappyPack({
|
||||||
|
// id: 'babel',
|
||||||
|
// threads: 4,
|
||||||
|
// loaders: ['babel-loader']
|
||||||
|
// }),
|
||||||
|
|
||||||
|
new webpack.DefinePlugin({
|
||||||
|
'process.env': {
|
||||||
|
NODE_ENV: JSON.stringify(ENV),
|
||||||
|
RPC_ADDRESS: JSON.stringify(process.env.RPC_ADDRESS),
|
||||||
|
PARITY_URL: JSON.stringify(process.env.PARITY_URL),
|
||||||
|
DAPPS_URL: JSON.stringify(process.env.DAPPS_URL),
|
||||||
|
LOGGING: JSON.stringify(!isProd)
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
|
||||||
|
new webpack.LoaderOptionsPlugin({
|
||||||
|
minimize: isProd,
|
||||||
|
debug: !isProd,
|
||||||
|
options: {
|
||||||
|
context: path.join(__dirname, '../src'),
|
||||||
|
postcss: postcss,
|
||||||
|
babel: getBabelrc()
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
|
||||||
|
new webpack.optimize.OccurrenceOrderPlugin(!_isProd)
|
||||||
|
];
|
||||||
|
|
||||||
|
if (_isProd) {
|
||||||
|
plugins.push(new webpack.optimize.UglifyJsPlugin({
|
||||||
|
screwIe8: true,
|
||||||
|
compress: {
|
||||||
|
warnings: false
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
comments: false
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
return plugins;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getDappsEntry () {
|
||||||
|
const DAPPS = require('../src/dapps');
|
||||||
|
|
||||||
|
return DAPPS.reduce((_entry, dapp) => {
|
||||||
|
_entry[dapp.name] = './dapps/' + dapp.entry;
|
||||||
|
return _entry;
|
||||||
|
}, {});
|
||||||
|
}
|
||||||
|
|
||||||
|
function addProxies (app) {
|
||||||
|
const proxy = require('http-proxy-middleware');
|
||||||
|
|
||||||
|
app.use(proxy((pathname, req) => {
|
||||||
|
return pathname === '/' && req.method === 'HEAD';
|
||||||
|
}, {
|
||||||
|
target: 'http://127.0.0.1:8180',
|
||||||
|
changeOrigin: true,
|
||||||
|
autoRewrite: true
|
||||||
|
}));
|
||||||
|
|
||||||
|
app.use('/api', proxy({
|
||||||
|
target: 'http://127.0.0.1:8080',
|
||||||
|
changeOrigin: true,
|
||||||
|
autoRewrite: true
|
||||||
|
}));
|
||||||
|
|
||||||
|
app.use('/app', proxy({
|
||||||
|
target: 'http://127.0.0.1:8080',
|
||||||
|
changeOrigin: true,
|
||||||
|
pathRewrite: {
|
||||||
|
'^/app': ''
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
|
app.use('/parity-utils', proxy({
|
||||||
|
target: 'http://127.0.0.1:3000',
|
||||||
|
changeOrigin: true,
|
||||||
|
pathRewrite: {
|
||||||
|
'^/parity-utils': ''
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
|
app.use('/rpc', proxy({
|
||||||
|
target: 'http://127.0.0.1:8080',
|
||||||
|
changeOrigin: true
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
getBabelrc: getBabelrc,
|
||||||
|
getPlugins: getPlugins,
|
||||||
|
dappsEntry: getDappsEntry(),
|
||||||
|
addProxies: addProxies
|
||||||
|
};
|
||||||
@ -14,11 +14,12 @@
|
|||||||
// You should have received a copy of the GNU General Public License
|
// You should have received a copy of the GNU General Public License
|
||||||
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
const HappyPack = require('happypack');
|
|
||||||
const webpack = require('webpack');
|
const webpack = require('webpack');
|
||||||
|
const path = require('path');
|
||||||
|
|
||||||
|
const Shared = require('./shared');
|
||||||
|
|
||||||
const ENV = process.env.NODE_ENV || 'development';
|
const ENV = process.env.NODE_ENV || 'development';
|
||||||
const isProd = ENV === 'production';
|
|
||||||
const DEST = process.env.BUILD_DEST || '.build';
|
const DEST = process.env.BUILD_DEST || '.build';
|
||||||
|
|
||||||
let modules = [
|
let modules = [
|
||||||
@ -45,69 +46,38 @@ let modules = [
|
|||||||
'scryptsy'
|
'scryptsy'
|
||||||
];
|
];
|
||||||
|
|
||||||
if (!isProd) {
|
|
||||||
modules = modules.concat([
|
|
||||||
'webpack-dev-server/client?http://localhost:3000',
|
|
||||||
'react-hot-loader', 'core-js', 'core-js/library'
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
entry: {
|
entry: {
|
||||||
vendor: modules
|
vendor: modules
|
||||||
},
|
},
|
||||||
module: {
|
module: {
|
||||||
loaders: [
|
rules: [
|
||||||
{
|
{
|
||||||
test: /\.json$/,
|
test: /\.json$/,
|
||||||
loaders: ['json']
|
use: [ 'json-loader' ]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
test: /\.js$/,
|
test: /\.js$/,
|
||||||
include: /(ethereumjs-tx)/,
|
include: /(ethereumjs-tx)/,
|
||||||
loaders: [ 'happypack/loader?id=js' ]
|
use: [ 'babel-loader' ]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
output: {
|
output: {
|
||||||
filename: '[name].js',
|
filename: '[name].js',
|
||||||
path: `${DEST}/`,
|
path: path.resolve(__dirname, '../', `${DEST}/`),
|
||||||
library: '[name]_lib'
|
library: '[name]_lib'
|
||||||
},
|
},
|
||||||
plugins: (function () {
|
plugins: Shared.getPlugins().concat([
|
||||||
const plugins = [
|
new webpack.DllPlugin({
|
||||||
new webpack.DllPlugin({
|
name: '[name]_lib',
|
||||||
name: '[name]_lib',
|
path: path.resolve(__dirname, '../', `${DEST}/[name]-manifest.json`)
|
||||||
path: `${DEST}/[name]-manifest.json`
|
}),
|
||||||
}),
|
|
||||||
|
|
||||||
new webpack.DefinePlugin({
|
new webpack.DefinePlugin({
|
||||||
'process.env': {
|
'process.env': {
|
||||||
NODE_ENV: JSON.stringify(ENV)
|
NODE_ENV: JSON.stringify(ENV)
|
||||||
}
|
}
|
||||||
}),
|
})
|
||||||
|
])
|
||||||
new HappyPack({
|
|
||||||
id: 'js',
|
|
||||||
threads: 4,
|
|
||||||
loaders: ['babel']
|
|
||||||
})
|
|
||||||
];
|
|
||||||
|
|
||||||
if (isProd) {
|
|
||||||
plugins.push(new webpack.optimize.OccurrenceOrderPlugin(false));
|
|
||||||
plugins.push(new webpack.optimize.DedupePlugin());
|
|
||||||
plugins.push(new webpack.optimize.UglifyJsPlugin({
|
|
||||||
screwIe8: true,
|
|
||||||
compress: {
|
|
||||||
warnings: false
|
|
||||||
},
|
|
||||||
output: {
|
|
||||||
comments: false
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
return plugins;
|
|
||||||
}())
|
|
||||||
};
|
};
|
||||||
Loading…
Reference in New Issue
Block a user