Initial new UI source code import (#2607)

* address -> name mappings * expanding, loading all coin details * send use only actual BasicCoin tokens registered (any reg) * sending token & accounts * form styling updates * send form layout in place * coin send working as expected * api subscriptions on multiple addresses * bring in events * simplify * basic events display in-place, functionally complete * basic functionality in-place * fix horrible event address issue * rwork display of events slightly * test TLA availability * table for owner -> tokens * fix signature lookup address * fix signature lookup address * basic overview styling * txhash links * page layout adjustments * background import * adjust colors * no global registration, simplify color selection * updated styling * connection dialog for "busy connecting" * initial token connection - WIP * init token updates take place * basic test for manual token * rework connection display * allow updates of the secure token * first stab at making the build build * update runner tags * fix linting issues * skip tests requiring network (should be e2e, TODO) * re-enable javascript tag/runner * release push does the trick * push to any branch, CI name * javscript-test runner as well * swap dependencies build requires test * revert stages swap * retrieve images associated with tokens * remove js build deps order * null image when hash = 0x0 * 6x64 images (hashes for registries) * don't pass tokens as prop to IdentityIcon * check images against content hash pictures * cleanup signer after connection changes * fix naming typo * display unknownImages for balances (not available as content hash) * unknownImage for transfer dialog * basic githubhint layout * single input for commit/filename * ethcore_hashContent call * lookup hash * registration in place * fixes * events is using a proper table * pass value through as-is * stop wrongly using main app IdentityIcon * NEVER export class instance functions * alignment back to normal * typo in definition * set & get images working (mostly) * show content retrieval info * set exitcode via || * use javascript:latest images * disable npm progress bar * rename phase I * rename phase II * only send build output to GitHub on major branches * also run the build step as part of the test (until comprehensive) * ci-specific build (no webpack progress) * allow for account creation via recovery phrase * display account uuid (where available), closes #2546 * connection dialog now shows up in dapps as well, closes #2538 * token images show up as expected * IdentityName component added and deployed * fix padding tests * adjust tests to map to stricter 0x-prefixed hex * render names via common component for the address -> name * split lint into seperate script (early exit) * test phases changed to lint, test & pack * pack part of test phase * remove files marked for deletion (cleanup) * Signer cleanups, start moving in the direction of the rest * add personal signer methods * basic signer request subscription * don't poll blockNumber when not connected * missing return, creating massive ws queue backlogs * ΞTH -> ETH * fix failing tests * registry uses setAddress to actually set addresses now * bytes mapping operates on lowerCase hex strings * sha3 ids for each application * add dappreg to list of contracts * adjust alignment of queries * show gas estimation log * abi with payable for register function * add key as required * image retrieval from dappreg * use proper Image urls * embed and link apps from Parity, retrieved via /api/apps * filter apps that has been replaced * proxy entry for parity-utils * add basiccoin abi * add support for fallback abi type * capture constructor paramaters * merge master into js * move images to assets/images/ * add font assets * import fonts as part of build * don't inline woff files * Revert "merge master into js" This reverts commit cfcfa81bd26f1b3cbc748d3afa1eb5c670b363fe. * remove unused npm packages * information on gas estimates (like almost everywhere else) * don't pass gas & gasPrice to estimation * display account passwordhint when available * signer subscriptions based on polling & function trapping * pending requests retrieved via jsapi * update signer middleware * remove all web3 instances * remove web3 package * last web3 dependencies removed * no need to toChecksumAddress - api takes care of it * expand description for personal_confirmRequest * Signer conversion from web3 -> parity.js completed * explicit in no return * green circle background * remove generated background * convert /api/* paths to localhost:8080/api/* paths (hard-coded, temporary) * change dapps to load from localhost:8080/ui/* * remove dangling web3 files * update manager test for signer * /api/ping -> / * additional token images * additional token images * add missing styles.css for 8180 error pages * cater for txhash returning null/empty object * adjust output directories * Release merge with origin with ours strategy * additional token images * cater for development server * s/localhost/127.0.0.1/ (cater for origin) * Fix address selection for contract deployment * Adjust z-index for error overlay * better text on unique background pattern * fix signer rejections * Don't allow gavcoin transfer with no balance * fix txhash rendering in signer * remove unnecessary ParityBackground * script to update js-precompiled * Redirect from :8080 to :8180 * Remove extra return * Dapp logo images
2016-10-18 11:52:56 +02:00
parent 6c7af57529
commit 1e6a2cb378
969 changed files with 57315 additions and 0 deletions
--- a/js/src/views/Dapps/Summary/index.js
+++ b/js/src/views/Dapps/Summary/index.js
@@ -0,0 +1,17 @@
+// 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/>.
+
+export default from './summary';
--- a/js/src/views/Dapps/Summary/summary.css
+++ b/js/src/views/Dapps/Summary/summary.css
@@ -0,0 +1,43 @@
+/* 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/>.
+*/
+
+.container {
+  position: relative;
+}
+
+.image {
+  position: absolute;
+  top: 1.5em;
+  left: 1.5em;
+  border-radius: 50%;
+  width: 56px;
+  height: 56px;
+}
+
+.description {
+  margin-left: 72px;
+}
+
+.title {
+  mragin-bottom: 0.5em;
+}
+
+.author, .version {
+  font-size: 0.75em;
+  opacity: 0.5;
+  margin-top: 0.5em;
+}
--- a/js/src/views/Dapps/Summary/summary.js
+++ b/js/src/views/Dapps/Summary/summary.js
@@ -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 { Link } from 'react-router';
+
+import { Container, ContainerTitle } from '../../../ui';
+
+import styles from './summary.css';
+
+export default class Summary extends Component {
+  static contextTypes = {
+    api: React.PropTypes.object
+  }
+
+  static propTypes = {
+    app: PropTypes.object.isRequired,
+    children: PropTypes.node
+  }
+
+  render () {
+    const { app } = this.props;
+
+    if (!app) {
+      return null;
+    }
+
+    const url = `/app/${app.local ? 'local' : 'global'}/${app.url}`;
+    const image = app.image
+      ? <img src={ app.image } className={ styles.image } />
+      : <div className={ styles.image }>&nbsp;</div>;
+
+    return (
+      <Container className={ styles.container }>
+        { image }
+        <div className={ styles.description }>
+          <ContainerTitle
+            className={ styles.title }
+            title={ <Link to={ url }>{ app.name }</Link> }
+            byline={ app.description } />
+          <div className={ styles.author }>{ app.author }, v{ app.version }</div>
+          { this.props.children }
+        </div>
+      </Container>
+    );
+  }
+}
--- a/js/src/views/Dapps/dapps.css
+++ b/js/src/views/Dapps/dapps.css
@@ -0,0 +1,40 @@
+/* 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/>.
+*/
+.list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.list+.list {
+  margin-top: -0.25em;
+}
+
+.item {
+  flex: 0 1 50%;
+  width: 50%;
+  position: relative;
+  box-sizing: border-box;
+  padding-bottom: 0.25em;
+}
+
+.item:nth-child(odd) {
+  padding-right: 0.125em;
+}
+
+.item:nth-child(even) {
+  padding-left: 0.125em;
+}
--- a/js/src/views/Dapps/dapps.js
+++ b/js/src/views/Dapps/dapps.js
@@ -0,0 +1,168 @@
+// 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 { sha3 } from '../../api/util/sha3';
+import Contracts from '../../contracts';
+import { hashToImageUrl } from '../../redux/util';
+import { Actionbar, Page } from '../../ui';
+
+import Summary from './Summary';
+
+import styles from './dapps.css';
+
+const APPS = [
+  {
+    name: 'Token Deployment',
+    description: 'Deploy new basic tokens that you are able to send around',
+    author: 'Ethcore <admin@ethcore.io>',
+    url: 'basiccoin',
+    version: '1.0.0'
+  },
+  {
+    name: 'GAVcoin',
+    description: 'Manage your GAVcoins, the hottest new property in crypto',
+    author: 'Ethcore <admin@ethcore.io>',
+    url: 'gavcoin',
+    version: '1.0.0'
+  },
+  {
+    name: 'Registry',
+    description: 'A global registry of addresses on the network',
+    author: 'Ethcore <admin@ethcore.io>',
+    url: 'registry',
+    version: '1.0.0'
+  },
+  {
+    name: 'Token Registry',
+    description: 'A registry of transactable tokens on the network',
+    author: 'Ethcore <admin@ethcore.io>',
+    url: 'tokenreg',
+    version: '1.0.0'
+  },
+  {
+    name: 'Method Registry',
+    description: 'A registry of method signatures for lookups on transactions',
+    author: 'Ethcore <admin@ethcore.io>',
+    url: 'signaturereg',
+    version: '1.0.0'
+  },
+  {
+    name: 'GitHub Hint',
+    description: 'A mapping of GitHub URLs to hashes for use in contracts as references',
+    author: 'Ethcore <admin@ethcore.io>',
+    url: 'githubhint',
+    version: '1.0.0'
+  }
+];
+
+APPS.forEach((app) => {
+  app.id = sha3(app.url);
+  console.log(`dapps ${app.id} -> ${app.url}`);
+});
+
+export default class Dapps extends Component {
+  static contextTypes = {
+    api: PropTypes.object.isRequired
+  }
+
+  state = {
+    globalApps: APPS,
+    localApps: []
+  }
+
+  componentDidMount () {
+    this.loadLocalApps();
+    this.loadImages();
+  }
+
+  render () {
+    return (
+      <div>
+        <Actionbar
+          title='Decentralized Applications' />
+        <Page>
+          <div className={ styles.list }>
+            { this.renderGlobalApps() }
+          </div>
+          <div className={ styles.list }>
+            { this.renderLocalApps() }
+          </div>
+        </Page>
+      </div>
+    );
+  }
+
+  renderApp = (app) => {
+    return (
+      <div
+        className={ styles.item }
+        key={ app.url }>
+        <Summary app={ app } />
+      </div>
+    );
+  }
+
+  renderGlobalApps () {
+    const { globalApps } = this.state;
+
+    return globalApps.map(this.renderApp);
+  }
+
+  renderLocalApps () {
+    const { localApps } = this.state;
+
+    return localApps.map(this.renderApp);
+  }
+
+  loadLocalApps () {
+    fetch('http://127.0.0.1:8080/api/apps', { method: 'GET' })
+      .then((response) => response.ok ? response.json() : [])
+      .then((_localApps) => {
+        const localApps = _localApps
+          .filter((app) => !['home', 'status', 'parity', 'wallet'].includes(app.id))
+          .map((app) => {
+            app.image = `/app/${app.id}/${app.iconUrl}`;
+            app.url = app.id;
+            app.local = true;
+            return app;
+          });
+        console.log('loadLocalApps', localApps);
+        this.setState({ localApps });
+      })
+      .catch((error) => {
+        console.error('loadLocalApps', error);
+      });
+  }
+
+  loadImages () {
+    const { globalApps } = this.state;
+    const { dappReg } = Contracts.get();
+
+    Promise
+      .all(globalApps.map((app) => dappReg.getImage(app.id)))
+      .then((images) => {
+        globalApps.forEach((app, index) => {
+          app.image = hashToImageUrl(images[index]);
+        });
+        this.setState({ globalApps });
+      })
+      .catch((error) => {
+        console.error('loadImages', error);
+      });
+  }
+}
--- a/js/src/views/Dapps/index.js
+++ b/js/src/views/Dapps/index.js
@@ -0,0 +1,17 @@
+// 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/>.
+
+export default from './dapps';