Load external, builtin & local apps in parallel (#3340)

This commit is contained in:
Jaco Greeff 2016-11-11 16:53:10 +01:00 committed by Gav Wood
parent d5d1c1b674
commit 80606cdd7d
2 changed files with 140 additions and 101 deletions

View File

@ -0,0 +1,43 @@
[
{
"id": "0xf9f2d620c2e08f83e45555247146c62185e4ab7cf82a4b9002a265a0d020348f",
"url": "basiccoin",
"name": "Token Deployment",
"description": "Deploy new basic tokens that you are able to send around",
"author": "Parity Team <admin@ethcore.io>",
"version": "1.0.0"
},
{
"id": "0xd1adaede68d344519025e2ff574650cd99d3830fe6d274c7a7843cdc00e17938",
"url": "registry",
"name": "Registry",
"description": "A global registry of addresses on the network",
"author": "Parity Team <admin@ethcore.io>",
"version": "1.0.0"
},
{
"id": "0x0a8048117e51e964628d0f2d26342b3cd915248b59bcce2721e1d05f5cfa2208",
"url": "tokenreg",
"name": "Token Registry",
"description": "A registry of transactable tokens on the network",
"author": "Parity Team <admin@ethcore.io>",
"version": "1.0.0"
},
{
"id": "0xf49089046f53f5d2e5f3513c1c32f5ff57d986e46309a42d2b249070e4e72c46",
"url": "signaturereg",
"name": "Method Registry",
"description": "A registry of method signatures for lookups on transactions",
"author": "Parity Team <admin@ethcore.io>",
"version": "1.0.0"
},
{
"id": "0x058740ee9a5a3fb9f1cfa10752baec87e09cc45cd7027fd54708271aca300c75",
"url": "githubhint",
"name": "GitHub Hint",
"description": "A mapping of GitHub URLs to hashes for use in contracts as references",
"author": "Parity Team <admin@ethcore.io>",
"version": "1.0.0",
"secure": true
}
]

View File

@ -14,69 +14,39 @@
// 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/>.
import { action, computed, observable } from 'mobx'; import { action, computed, observable, transaction } from 'mobx';
import Contracts from '../../contracts'; import Contracts from '../../contracts';
import { hashToImageUrl } from '../../redux/util'; import { hashToImageUrl } from '../../redux/util';
const builtinApps = [ import builtinApps from './builtin.json';
{
id: '0xf9f2d620c2e08f83e45555247146c62185e4ab7cf82a4b9002a265a0d020348f', const LS_KEY_HIDDEN = 'hiddenApps';
url: 'basiccoin', const LS_KEY_EXTERNAL = 'externalApps';
name: 'Token Deployment',
description: 'Deploy new basic tokens that you are able to send around',
author: 'Parity Team <admin@ethcore.io>',
version: '1.0.0'
},
{
id: '0xd1adaede68d344519025e2ff574650cd99d3830fe6d274c7a7843cdc00e17938',
url: 'registry',
name: 'Registry',
description: 'A global registry of addresses on the network',
author: 'Parity Team <admin@ethcore.io>',
version: '1.0.0'
},
{
id: '0x0a8048117e51e964628d0f2d26342b3cd915248b59bcce2721e1d05f5cfa2208',
url: 'tokenreg',
name: 'Token Registry',
description: 'A registry of transactable tokens on the network',
author: 'Parity Team <admin@ethcore.io>',
version: '1.0.0'
},
{
id: '0xf49089046f53f5d2e5f3513c1c32f5ff57d986e46309a42d2b249070e4e72c46',
url: 'signaturereg',
name: 'Method Registry',
description: 'A registry of method signatures for lookups on transactions',
author: 'Parity Team <admin@ethcore.io>',
version: '1.0.0'
},
{
id: '0x058740ee9a5a3fb9f1cfa10752baec87e09cc45cd7027fd54708271aca300c75',
url: 'githubhint',
name: 'GitHub Hint',
description: 'A mapping of GitHub URLs to hashes for use in contracts as references',
author: 'Parity Team <admin@ethcore.io>',
version: '1.0.0',
secure: true
}
];
export default class DappsStore { export default class DappsStore {
@observable apps = []; @observable apps = [];
@observable hidden = []; @observable externalApps = [];
@observable hiddenApps = [];
@observable modalOpen = false; @observable modalOpen = false;
constructor (api) { constructor (api) {
this._api = api; this._api = api;
this._readHiddenApps(); this._readHiddenApps();
this._fetch(); this._readExternalApps();
this._fetchBuiltinApps();
this._fetchLocalApps();
this._fetchRegistryApps();
} }
@computed get visible () { @computed get visible () {
return this.apps.filter((app) => !this.hidden.includes(app.id)); return this.apps
.filter((app) => {
return this.externalApps.includes(app.id) || !this.hiddenApps.includes(app.id);
})
.sort((a, b) => a.name.localeCompare(b.name));
} }
@action openModal = () => { @action openModal = () => {
@ -88,12 +58,12 @@ export default class DappsStore {
} }
@action hideApp = (id) => { @action hideApp = (id) => {
this.hidden = this.hidden.concat(id); this.hiddenApps = this.hiddenApps.concat(id);
this._writeHiddenApps(); this._writeHiddenApps();
} }
@action showApp = (id) => { @action showApp = (id) => {
this.hidden = this.hidden.filter((_id) => _id !== id); this.hiddenApps = this.hiddenApps.filter((_id) => _id !== id);
this._writeHiddenApps(); this._writeHiddenApps();
} }
@ -103,25 +73,48 @@ export default class DappsStore {
: ''; : '';
} }
_fetch () { _fetchBuiltinApps () {
Promise const { dappReg } = Contracts.get();
.all([
this._fetchLocal(), return Promise
this._fetchRegistry() .all(builtinApps.map((app) => dappReg.getImage(app.id)))
]) .then((imageIds) => {
.then(([localApps, registryApps]) => { transaction(() => {
this.apps = [] builtinApps.forEach((app, index) => {
.concat(localApps) app.type = 'builtin';
.concat(registryApps) app.image = hashToImageUrl(imageIds[index]);
.filter((app) => app.id) this.apps.push(app);
.sort((a, b) => (a.name || '').localeCompare(b.name || '')); });
}) });
.catch((error) => {
console.warn('DappStore:fetch', error);
}); });
} }
_fetchRegistry () { _fetchLocalApps () {
return fetch(`${this._getHost()}/api/apps`)
.then((response) => {
return response.ok
? response.json()
: [];
})
.then((apps) => {
return apps
.map((app) => {
app.type = 'local';
return app;
})
.filter((app) => app.id && !['ui'].includes(app.id));
})
.then((apps) => {
transaction(() => {
(apps || []).forEach((app) => this.apps.push(app));
});
})
.catch((error) => {
console.warn('DappsStore:fetchLocal', error);
});
}
_fetchRegistryApps () {
const { dappReg } = Contracts.get(); const { dappReg } = Contracts.get();
return dappReg return dappReg
@ -137,9 +130,9 @@ export default class DappsStore {
return Promise.all(promises); return Promise.all(promises);
}) })
.then((appsInfo) => { .then((appsInfo) => {
const appIds = appsInfo.map(([appId, owner]) => { const appIds = appsInfo
return this._api.util.bytesToHex(appId); .map(([appId, owner]) => this._api.util.bytesToHex(appId))
}); .filter((appId) => !builtinApps.find((app) => app.id === appId));
return Promise return Promise
.all([ .all([
@ -149,27 +142,21 @@ export default class DappsStore {
]) ])
.then(([imageIds, contentIds, manifestIds]) => { .then(([imageIds, contentIds, manifestIds]) => {
return appIds.map((appId, index) => { return appIds.map((appId, index) => {
const app = builtinApps.find((ba) => ba.id === appId) || { const app = {
id: appId, id: appId,
image: hashToImageUrl(imageIds[index]),
contentHash: this._api.util.bytesToHex(contentIds[index]).substr(2), contentHash: this._api.util.bytesToHex(contentIds[index]).substr(2),
manifestHash: this._api.util.bytesToHex(manifestIds[index]).substr(2), manifestHash: this._api.util.bytesToHex(manifestIds[index]).substr(2),
type: 'network' type: 'network'
}; };
app.image = hashToImageUrl(imageIds[index]);
app.type = app.type || 'builtin';
return app; return app;
}); });
}); });
}) })
.then((apps) => { .then((apps) => {
return Promise return Promise
.all(apps.map((app) => { .all(apps.map((app) => this._fetchManifest(app.manifestHash)))
return app.manifestHash
? this._fetchManifest(app.manifestHash)
: null;
}))
.then((manifests) => { .then((manifests) => {
return apps.map((app, index) => { return apps.map((app, index) => {
const manifest = manifests[index]; const manifest = manifests[index];
@ -177,7 +164,7 @@ export default class DappsStore {
if (manifest) { if (manifest) {
app.manifestHash = null; app.manifestHash = null;
Object.keys(manifest) Object.keys(manifest)
.filter((key) => key !== 'id') .filter((key) => ['author', 'description', 'name', 'version'].includes(key))
.forEach((key) => { .forEach((key) => {
app[key] = manifest[key]; app[key] = manifest[key];
}); });
@ -192,6 +179,11 @@ export default class DappsStore {
}); });
}); });
}) })
.then((apps) => {
transaction(() => {
(apps || []).forEach((app) => this.apps.push(app));
});
})
.catch((error) => { .catch((error) => {
console.warn('DappsStore:fetchRegistry', error); console.warn('DappsStore:fetchRegistry', error);
}); });
@ -210,39 +202,43 @@ export default class DappsStore {
}); });
} }
_fetchLocal () {
return fetch(`${this._getHost()}/api/apps`)
.then((response) => {
return response.ok
? response.json()
: [];
})
.then((localApps) => {
return localApps
.filter((app) => app && app.id && !['ui'].includes(app.id))
.map((app) => {
app.type = 'local';
return app;
});
})
.catch((error) => {
console.warn('DappsStore:fetchLocal', error);
});
}
_readHiddenApps () { _readHiddenApps () {
const stored = localStorage.getItem('hiddenApps'); const stored = localStorage.getItem(LS_KEY_HIDDEN);
if (stored) { if (stored) {
try { try {
this.hidden = JSON.parse(stored); this.hiddenApps = JSON.parse(stored);
} catch (error) { } catch (error) {
console.warn('DappsStore:readHiddenApps', error); console.warn('DappsStore:readHiddenApps', error);
} }
} }
} }
_readExternalApps () {
const stored = localStorage.getItem(LS_KEY_EXTERNAL);
if (stored) {
try {
this.externalApps = JSON.parse(stored);
} catch (error) {
console.warn('DappsStore:readExternalApps', error);
}
}
}
_writeExternalApps () {
try {
localStorage.setItem(LS_KEY_EXTERNAL, JSON.stringify(this.externalApps));
} catch (error) {
console.error('DappsStore:writeExternalApps', error);
}
}
_writeHiddenApps () { _writeHiddenApps () {
localStorage.setItem('hiddenApps', JSON.stringify(this.hidden)); try {
localStorage.setItem(LS_KEY_HIDDEN, JSON.stringify(this.hiddenApps));
} catch (error) {
console.error('DappsStore:writeHiddenApps', error);
}
} }
} }