Miladinho
3 years ago
committed by
GitHub
commit
9cfd6ee493
@ -0,0 +1,33 @@ |
||||
'use strict' |
||||
import { NightwatchBrowser } from 'nightwatch' |
||||
import init from '../helpers/init' |
||||
|
||||
module.exports = { |
||||
before: function (browser: NightwatchBrowser, done: VoidFunction) { |
||||
init(browser, done, 'http://127.0.0.1:8080', false) |
||||
}, |
||||
|
||||
'Should switch to ganache provider, set a custom URL and fail to connect': function (browser: NightwatchBrowser) { |
||||
browser.waitForElementVisible('div[data-id="remixIdeIconPanel"]', 10000) |
||||
.clickLaunchIcon('udapp') |
||||
.click('*[data-id="Ganache Provider"]') |
||||
.waitForElementVisible('*[data-id="ganache-providerModalDialogModalBody-react"]') |
||||
.execute(() => { |
||||
(document.querySelector('*[data-id="ganache-providerModalDialogModalBody-react"] input') as any).focus() |
||||
}, [], () => {}) |
||||
.clearValue('*[data-id="ganache-providerModalDialogModalBody-react"] input') |
||||
.setValue('*[data-id="ganache-providerModalDialogModalBody-react"] input', 'http://127.0.0.1:8084') |
||||
.modalFooterOKClick('ganache-provider') |
||||
.waitForElementContainsText('*[data-id="ganache-providerModalDialogModalBody-react"]', 'Error while connecting to the provider') |
||||
.modalFooterOKClick('ganache-provider') |
||||
.waitForElementNotVisible('*[data-id="ganache-providerModalDialogModalBody-react"]') |
||||
.pause(1000) |
||||
}, |
||||
|
||||
'Should switch to ganache provider, use the default ganache URL and succeed to connect': function (browser: NightwatchBrowser) { |
||||
browser.click('*[data-id="Ganache Provider"]') |
||||
.waitForElementVisible('*[data-id="ganache-providerModalDialogModalBody-react"]') |
||||
.modalFooterOKClick('ganache-provider') |
||||
.waitForElementContainsText('*[data-id="settingsNetworkEnv"]', 'Custom (') |
||||
} |
||||
} |
||||
@ -0,0 +1,114 @@ |
||||
import { Plugin } from '@remixproject/engine' |
||||
import { AppModal, AlertModal, ModalTypes } from '@remix-ui/app' |
||||
import { Blockchain } from '../../blockchain/blockchain' |
||||
import { ethers } from 'ethers' |
||||
|
||||
type JsonDataRequest = { |
||||
id: number, |
||||
jsonrpc: string // version
|
||||
method: string, |
||||
params: Array<any>, |
||||
} |
||||
|
||||
type JsonDataResult = { |
||||
id: number, |
||||
jsonrpc: string // version
|
||||
result: any |
||||
} |
||||
|
||||
type RejectRequest = (error: Error) => void |
||||
type SuccessRequest = (data: JsonDataResult) => void |
||||
|
||||
export abstract class AbstractProvider extends Plugin { |
||||
provider: ethers.providers.JsonRpcProvider |
||||
blocked: boolean |
||||
blockchain: Blockchain |
||||
defaultUrl: string |
||||
|
||||
constructor (profile, blockchain, defaultUrl) { |
||||
super(profile) |
||||
this.defaultUrl = defaultUrl |
||||
this.provider = null |
||||
this.blocked = false // used to block any call when trying to recover after a failed connection.
|
||||
this.blockchain = blockchain |
||||
} |
||||
|
||||
abstract body(): JSX.Element |
||||
|
||||
onDeactivation () { |
||||
this.provider = null |
||||
this.blocked = false |
||||
} |
||||
|
||||
sendAsync (data: JsonDataRequest): Promise<any> { |
||||
return new Promise(async (resolve, reject) => { |
||||
if (this.blocked) return reject(new Error('provider unable to connect')) |
||||
// If provider is not set, allow to open modal only when provider is trying to connect
|
||||
if (!this.provider) { |
||||
let value: string |
||||
try { |
||||
value = await ((): Promise<string> => { |
||||
return new Promise((resolve, reject) => { |
||||
const modalContent: AppModal = { |
||||
id: this.profile.name, |
||||
title: this.profile.displayName, |
||||
message: this.body(), |
||||
modalType: ModalTypes.prompt, |
||||
okLabel: 'OK', |
||||
cancelLabel: 'Cancel', |
||||
okFn: (value: string) => { |
||||
setTimeout(() => resolve(value), 0) |
||||
}, |
||||
cancelFn: () => { |
||||
setTimeout(() => reject(new Error('Canceled')), 0) |
||||
}, |
||||
hideFn: () => { |
||||
setTimeout(() => reject(new Error('Hide')), 0) |
||||
}, |
||||
defaultValue: this.defaultUrl |
||||
} |
||||
this.call('notification', 'modal', modalContent) |
||||
}) |
||||
})() |
||||
} catch (e) { |
||||
// the modal has been canceled/hide
|
||||
const result = data.method === 'net_listening' ? 'canceled' : [] |
||||
resolve({ jsonrpc: '2.0', result: result, id: data.id }) |
||||
return |
||||
} |
||||
this.provider = new ethers.providers.JsonRpcProvider(value) |
||||
this.sendAsyncInternal(data, resolve, reject)
|
||||
} else { |
||||
this.sendAsyncInternal(data, resolve, reject) |
||||
} |
||||
}) |
||||
} |
||||
|
||||
private async sendAsyncInternal (data: JsonDataRequest, resolve: SuccessRequest, reject: RejectRequest): Promise<void> { |
||||
if (this.provider) { |
||||
// Check the case where current environment is VM on UI and it still sends RPC requests
|
||||
// This will be displayed on UI tooltip as 'cannot get account list: Environment Updated !!'
|
||||
if (this.blockchain.getProvider() !== this.profile.displayName && data.method !== 'net_listening') return reject(new Error('Environment Updated !!')) |
||||
|
||||
try { |
||||
const result = await this.provider.send(data.method, data.params) |
||||
resolve({ jsonrpc: '2.0', result, id: data.id }) |
||||
} catch (error) { |
||||
this.blocked = true |
||||
const modalContent: AlertModal = { |
||||
id: this.profile.name, |
||||
title: this.profile.displayName, |
||||
message: `Error while connecting to the provider: ${error.message}`, |
||||
} |
||||
this.call('notification', 'alert', modalContent) |
||||
await this.call('udapp', 'setEnvironmentMode', { context: 'vm', fork: 'london' }) |
||||
this.provider = null |
||||
setTimeout(_ => { this.blocked = false }, 1000) // we wait 1 second for letting remix to switch to vm
|
||||
reject(error) |
||||
} |
||||
} else { |
||||
const result = data.method === 'net_listening' ? 'canceled' : [] |
||||
resolve({ jsonrpc: '2.0', result: result, id: data.id }) |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,33 @@ |
||||
import * as packageJson from '../../../../../package.json' |
||||
import { Plugin } from '@remixproject/engine' |
||||
import { AppModal, AlertModal, ModalTypes } from '@remix-ui/app' |
||||
import React from 'react' // eslint-disable-line
|
||||
import { Blockchain } from '../../blockchain/blockchain' |
||||
import { ethers } from 'ethers' |
||||
import { AbstractProvider } from './abstract-provider' |
||||
|
||||
const profile = { |
||||
name: 'ganache-provider', |
||||
displayName: 'Ganache Provider', |
||||
kind: 'provider', |
||||
description: 'Ganache', |
||||
methods: ['sendAsync'], |
||||
version: packageJson.version |
||||
} |
||||
|
||||
export class GanacheProvider extends AbstractProvider { |
||||
constructor (blockchain) { |
||||
super(profile, blockchain, 'http://127.0.0.1:8545') |
||||
} |
||||
|
||||
body (): JSX.Element { |
||||
return ( |
||||
<div> Note: To run Ganache on your system, run |
||||
<div className="border p-1">npm install -g ganache</div>
|
||||
<div className="border p-1">ganache</div>
|
||||
For more info, visit: <a href="https://github.com/trufflesuite/ganache" target="_blank">Ganache Documentation</a> |
||||
<div>Ganache JSON-RPC Endpoint:</div> |
||||
</div> |
||||
) |
||||
} |
||||
} |
||||
Loading…
Reference in new issue