Official Ethereum Studio project repository. And IDE specially tailored to make it as simple as possible to onboard new users into the Ethereum ecosystem
Home Page: https://ethereum.org/build/
License: GNU General Public License v3.0
Local/Firefox
When calling a method from interact panel which sends a transaction and ends up with error crashes whole application.
approve function with no parametersTypeError: row.msg.split is not a functionError should show up in Output console instead crashing the app
App crash
100%
OutputPanel/<
webpack-internal:///./src/components/projectEditor/panels/output/OutputPanel.tsx:83:5
OutputPanel
src/components/projectEditor/panels/output/OutputPanel.tsx:50:29
47 | cl = style.std3;
48 | } else if (row.channel === 4) {
49 | cl = style.std4;
> 50 | }
| ^ 51 | return <div key={index + lineIndex} className={cl}>{line}</div>;
52 | });
53 | })}
Output panel reads:
Could not get nonce for address 0xd4d1e0bcb5060745a3b14f8419b26a95bac343a2.
Browser console output:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://localhost:8545/. (Reason: CORS request did not succeed).
(ES-20)
Live/Firefox
I guess title is self explanatory.
Have the download button disabled or fix it to work even without preview window
As described.
Silent failure.
100%
Live/Firefox
When moving a Contract which has setup constructor arguments, for example the Hello World template, it loses those arguments upon moving contract to different folder.
Hello World templateHello World!Contract should preserve arguments upon moving this file
Contract loses all contract args upon moving it to different folder
100%
The "Issues" & "Contributing" sections are both outdated. They lead to dead wiki links:
https://github.com/SuperblocksHQ/ethereum-studio/wiki/Submitting-Bugs-and-Suggestions
https://github.com/SuperblocksHQ/ethereum-studio/wiki/How-to-Contribute
I'm also not sure if the "Quick start" instructions are up to date. See #25
Before public Ethereum Studio launch we should provide clear instructions for folks to contribute.
Live
Unsaved state, evidenced by the red Save icon, doesn't get compiled when triggering the Compile action. Compile takes the "saved" state instead of the latest one (shown in editor).
100%
(ES-38)
Add content to the “Pick a template” modal that appears when entering the application, to make it more of a “Welcome! Here is some basic information” popup.
We want a more welcoming first impression.
This is different from the start with a template flow, which we can leave is it is.
Live environment
Disable Web3 Accounts apparently doesn't do anything about the accounts. Checkbox won't toggle.
Expected the checkbox to tick and the access to the account to be disabled with the red message appended to the app: There was an error communicating with the contract (as it used to be in Lab).
Clicking the Disable Web3 Accounts button refreshes the Preview window with no other apparent changes.
Enable back ability to list and select from external and custom networks both from Select a Network and Select an Account (Edit), removed in request #101.
All
The popup is confusing.
Something which looks less confusing, since it overlaps the create new project popup.
I get the impression something is broken
Yes
Firefox / Local / Browser network
There are multiple issues, probably related, so I've put it into one issue.
1. Payable function doesn't allow for parameters
Consider this following function. function payme(string memory name) payable public {...} Interact panel doesn't show correct input for such function, there are missing parameters and when calling it, Error: Invalid number of arguments to Solidity function appears.
See #122
uint _amount = 0;
function payme() payable public {
_amount += msg.value;
}
Calling this function from Interact with some value should show Value: <value> Ether in transactions panel
Patata succeed in transactions, even though I would expect it to fail or not go through at all4. It's hard to say in which units is the value - There could be some placeholder inside the input to make it easier for users, to say it's in wei units for example
See #122
Input allows for negative numbers, not sure if this is correct behavior
Calling it with high number for example 99999999 prints out in console Error: Number can only safely store up to 53 bits and adds transactions as pending, which never gets updated (related to #88)
100%
Chromium
In the Superprovider there is a function to fetch the nonce of the selected account.
If this is a new account the nonce is 0, and that is interpreted as an error since the if statement is vague.
const nonce = await this.getNonce(this.selectedEnvironment.endpoint, this.selectedAccount.address)
.catch((err) => console.log(err));
if (!nonce) {
alert('The nonce could not be fetched');
return;
}
Nonce for pristine accounts are 0 and that should not be interpreted as an error.
For pristine accounts the application fails posting a transaction from preview.
Yes, if using the fixed features where the correct account is set in the preview (#86)
Firefox
When set to any external network, undeployed or deployed contract results into infinite set of Cross-Origin Request Blocked messages.
No warnings.
After switching to external network, the following warning message shows in browser console:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://ropsten.infura.io/v3/[...]. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
This is not strictly related to undeployed contracts or the Preview window.
When editing a file and clicking on the name of the file tab quickly, there is a small flicker, where the state is reloaded.
No flicker
Flicker
100%
Latest master.
Unable to reproduce on Firefox.
Happens on Chrome and Opera.
The Open Studio button, which only appears in embedded mode, looks misaligned.
iframe.html and paste in the Embed codeiframe.html fileText alignment.
"Open Studio" text is slighted shifted to the bottom
Potentially only happens in Live environment
Description
Configure Account returns "could not get balance from custom account", even when network is set to Custom.
Steps to reproduce
Requires a local Ethereum node running at localhost:8545 and a given wallet mnemonic.
Observed output
Browser console output returns:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://localhost:8545/. (Reason: CORS request did not succeed).2
Firefox version 69.0.3
(ES-19)
Live environment
Contract deployment configured to take construct argument type of "account" (address), won't succeed.
HelloWorld.sol to:pragma solidity ^0.5.10;
contract HelloWorld {
address public message;
constructor(address initMessage) public {
message = initMessage;
}
}
value to account, then SaveExpected the contract to successfully deploy and render the template Preview correctly.
From the Output window:
Transaction mined, verifying code...
Contract code could not be verified on chain. The contract might not have been deployed.
This is possibly a mismatch in the number/type of arguments given to the constructor or could
also be a temporary issue in reading back the contract code from the chain.
Local/Firefox
Consider having those 2 functions:
function test(string memory _a) public pure returns(string memory) {
return _a;
}
function test(string memory _a, uint _b) public pure returns(string memory, uint) {
return (_a, _b);
}
Trying to interact with the first one inside Interact panel doesn't work as the Epic (code) thinks you just called the second one. And throws Error: Invalid number of arguments to Solidity function
Complete error message in Output panel:
There was an issue getting the value: Error: Invalid number of arguments to Solidity function
2 parameters function with patata, 5 will succeed1 parameter function with patata will fail with the error mentionedBoth functions should succeed
Just one of the overloaded functions work
100%
Chromium
When working with the preview and changing accounts, the preview/dapp/superprovider always get setAccount() for the previously selected account.
window.web3.eth.accounts and this.web3.eth.getAccounts( function (err, res) {console.log("getAccounts", res)});)To get the currently selected account.
Always get the previously selected account.
Yes
On messages panel, time with double digit minutes works correctly - “17:21”. In cases, where minute is smaller than 10, we get -'17:1'.
Messages panel reads
17:09 Known development....
Messages panel reads
17:9 Known development....
100%
Live environment
Calls from Interact panel used to crash the application. Then, reading back from arrays was not possible in _Interact.
Deploy results in Invalid number of arguments error.
HelloWorld.sol to:pragma solidity ^0.5.10;
contract HelloWorld {
uint256[] public message;
constructor(uint256[] memory initMessage) public {
message = initMessage;
}
}
value to arrayarray argument value to 1,2,3, then Save.No errors.
Browser console returns:
Error: Invalid number of arguments to Solidity function web3.min.js:1
Note: Even though the "Actual result" is similar to #42, this is being flagged a separate issue as its known to be a distinct type, which could be taking a different route.
Live environment
Incorrect gas cost readings in Transaction History details.
Given Gas used 254007 and Gas Price set to 1 GWei, expected Gas cost to read 0.000254007 Ether instead.
Given Gas used 254007 and Gas Price set to 1 GWei, Gas cost reads 254007 Ether.
Description
Configure Account settings show locked status after having unlocked the account on a previous occasion.
Steps to reproduce
Observed output
When reopening the Configure Account settings, it reads as if the account wasn't unlocked:
This wallet is locked. Unlock the wallet to show the address and the balance.
From inside the same Configure Account screen, switching to a different network (e.g. "browser"), then back to "custom" makes the information display correctly (Address and Balance).
(ES-61)
Live
When trying to update name of the account, it doesn't update the state in the dropdown, and when trying to rename the "renamed" account again, it crashes application. Although it does correctly update in dappfile.sjon
Account1 to PatataAccount1 once again to PatataTypeError: dappFileAccount is undefinedAccount should be renamed
Account doesn't get renamed and it crashes application if trying to rename it again.
Live environment, browser console output returns:
TypeError: i is undefined updateAccountName.epic.ts:59:12
100%
Description
When compilation fails or hasn't been invoked yet, Deploy action silently fails (apparently doesn’t do anything).
Deploy does not trigger "Compile and Deploy".
Related / impacts: https://help.superblocks.com/en/articles/3195307-deploying-smart-contracts
Steps to reproduce
Observed behavior
No feedback or output shown in Output or Messages windows, nor in the browser console.
(ES-3)
Local/Firefox
When some transaction is supposed to fail, it gets stuck in pending state instead or doesn't get added at all in case of deployment
burn method and add some nonexistent id of pizza ex. 14Burn button will create a new transaction, but it gets stuck in pending stateTransaction should fail because the id of Pizza doesn't exist
Transaction remains pending indefinitely
100%
Chromium, Opera
The Superprovider should return getAccounts as vanilla Metamask web3 does it.
eth_accounts from within dapp preview.One account, not all internal EVM accounts.
All EVM accounts.
Yes
Production/Firefox-Chrome
When the project is too big, the server doesn't handle the request so it's unable to save such project.
500 - Internal server error
{message: request entity too large}
Should save the project
Doesn't save
100%
N/A
Seems Telegram (& potentiall other platforms) have cached the preview image:
We should change the filename & reference.
Share https://studio.ethereum.org/
Should display new image
Displays old image
100% (at least in Telegram)
All
In the help menu it should not say "Join our Community", it should instead say "Eth Docs Help".
Triggering Deploy action against external network without having MetaMask enabled causes the application to crash:
react-dom.production.min.js:4483 TypeError: e.msg.split is not a function
at OutputPanel.tsx:42
at Array.map (<anonymous>)
at OutputPanel.tsx:41
at na (react-dom.production.min.js:3550)
at Ba (react-dom.production.min.js:4050)
at Js (react-dom.production.min.js:6548)
at gu (react-dom.production.min.js:5531)
at bu (react-dom.production.min.js:5520)
at iu (react-dom.production.min.js:5252)
at react-dom.production.min.js:2775
(anonymous) @ react-dom.production.min.js:1657
14:23:43.622 hostReportError.js:4 Uncaught TypeError: e.msg.split is not a function
at OutputPanel.tsx:42
at Array.map (<anonymous>)
at OutputPanel.tsx:41
at na (react-dom.production.min.js:3550)
at Ba (react-dom.production.min.js:4050)
at Js (react-dom.production.min.js:6548)
at gu (react-dom.production.min.js:5531)
at bu (react-dom.production.min.js:5520)
at iu (react-dom.production.min.js:5252)
at react-dom.production.min.js:2775
(ES-27)
Initially reported as follows:
More details in request #23
Display markdown files in preview mode instead of the raw markdown.
Currently the app displays the raw markdown file, which makes for poor UX: it's hard to read & requires lots of horizontal scrolling:
It'd be great to display a preview of the markdown file instead, e.g. like how WebAssembly Studio does it:
WebAssembly Studio is also open source:
https://github.com/wasdk/WebAssemblyStudio
Looks like they also use the Monaco Editor & they mention "Showdown is used to automatically preview .md files."
None.
Live environment
Transactions issued from the Interact screen do not show up in the Transactions panel.
update from the Hello World templateExpected the transaction to appear on the Transactions History list.
Nothing. Apparently only deployments are listed.
Update robots.txt to allow all
https://www.robotstxt.org/orig.html#format
Why are we doing this? What use cases does it support? What is the expected outcome?
We now want search engines & social networks to crawl & index the site.
Current setup:
A clear and concise description of the alternative solutions you've considered.
Live environment
Incorrect Gas Price reading in Transaction History details.
Default Gas Price is known to be set to 1 GWei.
Gas Price reads: 1000000000 GWei.
Live
When calling a function from Interact panel which doesn't have any parameters results in error Error: Invalid number of arguments to Solidity function
Example function:
function renounceOwnership() public onlyOwner {
emit OwnershipTransferred(_owner, address(0));
_owner = address(0);
}
Note: #90 needs to be merged before reproducing this, because it would crash application otherwise merged already
Vote.sol Contract to browser networkrenounceOwnership function with the yellow buttonFunction should succeed with a new transaction
Error: Invalid number of arguments to Solidity function gets print out
100%
Pressing Deploy when set to external network without having MetaMask installed leads to the following message in Output panel:
Cannot read property 'eth' of undefined
(ES-28)
TypeError: "e.msg is undefined"
Pt OutputPanel.tsx:42
Pt OutputPanel.tsx:41
React 7
unstable_runWithPriority scheduler.production.min.js:266
React 5
react-dom.production.min.js:4483
TypeError: e.msg is undefinedOutputPanel.tsx:42:24
(ES-17)
Latest master on MacOS
This API request fails when I try to create a new project in my local development:
http://localhost:4002/v1/projects/5d9453375634771a056d25d5
See console error below. I suspect I'm missing the API service, there's nothing running on that port.
Perhaps the README instructions are outdated? I see there's a Dockerfile. I tried building & running that up but also hit issues.
npx lerna bootstrap --hoist & npm start)Create a project
Nothing, console error:
GET http://localhost:4002/v1/projects/5d9453375634771a056d25d5 net::ERR_CONNECTION_REFUSED
fetchJSON @ fetchJson.ts:49
getProjectById @ project.service.ts:39
eval @ createProjectFromTemplate.epic.ts:30
SwitchMapSubscriber._next @ switchMap.js:56
Subscriber.next @ Subscriber.js:68
WithLatestFromSubscriber._next @ withLatestFrom.js:88
Subscriber.next @ Subscriber.js:68
FilterSubscriber._next @ filter.js:50
Subscriber.next @ Subscriber.js:68
Notification.observe @ Notification.js:27
ObserveOnSubscriber.dispatch @ observeOn.js:56
AsyncAction._execute @ AsyncAction.js:84
QueueAction.execute @ QueueAction.js:34
AsyncScheduler.flush @ AsyncScheduler.js:53
QueueAction.schedule @ QueueAction.js:29
Scheduler.schedule @ Scheduler.js:18
AsyncScheduler.schedule @ AsyncScheduler.js:37
ObserveOnSubscriber.scheduleMessage @ observeOn.js:62
ObserveOnSubscriber._next @ observeOn.js:66
Subscriber.next @ Subscriber.js:68
Subject.next @ Subject.js:64
AnonymousSubject.next @ Subject.js:166
eval @ createEpicMiddleware.js:54
eval @ index.js:11
createProjectFromTemplate @ index.ts:32
ProjectTemplateModal._this.onCreateProjectHandle @ ProjectTemplateModal.tsx:55
callCallback @ react-dom.development.js:363
invokeGuardedCallbackDev @ react-dom.development.js:412
invokeGuardedCallback @ react-dom.development.js:465
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:480
executeDispatch @ react-dom.development.js:613
executeDispatchesInOrder @ react-dom.development.js:638
executeDispatchesAndRelease @ react-dom.development.js:743
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:752
forEachAccumulated @ react-dom.development.js:724
runEventsInBatch @ react-dom.development.js:769
runExtractedPluginEventsInBatch @ react-dom.development.js:915
handleTopLevel @ react-dom.development.js:5887
batchedEventUpdates$1 @ react-dom.development.js:24340
batchedEventUpdates @ react-dom.development.js:1460
dispatchEventForPluginEventSystem @ react-dom.development.js:5987
attemptToDispatchEvent @ react-dom.development.js:6104
dispatchEvent @ react-dom.development.js:6007
unstable_runWithPriority @ scheduler.development.js:820
runWithPriority$2 @ react-dom.development.js:12280
discreteUpdates$1 @ react-dom.development.js:24357
discreteUpdates @ react-dom.development.js:1485
dispatchDiscreteEvent @ react-dom.development.js:5970
Show 18 more frames
createProjectFromTemplate.epic.ts:45 There was an issue loading the project: TypeError: Failed to fetch
100% in my local env
Currently when you open a project that you don't own and initiate any action which modifies project files, it will fork the project and redirects you to a newly created project. This might be an expected and correct behavior, but might be "annoying" if the Studio is embedded inside documentation and users try to play around. It will fork/reload the iframe with the first action the users takes.
Actions that will fork the project: Compilation, Deployment, Adding a new account, Configuring contract, Modifying file, Moving/Renaming/Deleting file, Renaming Project
Better UX for embedded Studio
One way to solve this would be to add something like CodeSandbox does to embedded iframes.
In our case it would fork the project on clicking the iframe. This is up for discussion though if somebody can come with better idea.
Chrome/Firefox - local environment
When user tries to compile a project which they doesn't own, sometimes it doesn't properly fork (create) a new project and fails on api call.
PUT - 500 error code in console. (There is possibly some race condition somewhere)Compilation should redirect user to his own new forked project.
Step 4.1
50%
Live
Calls from Interact panel do not return any data, apparently due to unhandled invalid response.
message buttonbalances buttonExpected the returned value to appear on the right side of the green (call) button.
Browser console output reads:
Error: "Invalid JSON RPC response: """
getConstant.epic.ts:30
There was an issue getting the value: Problem calling to get the message
getConstant.epic.ts:65
There was an issue getting the value: Error: Invalid number of arguments to Solidity function
Chromium with/without Metamask.
Opera without Metamask, but with their own window.web3, which lacks the eth object.
On multiple parts of the application errors are thrown due to missing eth object.
Releates to Jira issues ES-29 and ES-58
Update README image & URL references to reflect that this project now lives at ethereum.org
Clarity
None
I recommend adding target="_blank" to all <a> tags within project README previews so that links open in a new tab.
UX - it's slightly annoying to have to go back & refresh the entire studio project:
https://share.getcloudapp.com/geuYP8JD
Keep links as is
Potential solution - looks like showdown supports a openLinksInNewWindow boolean:
https://github.com/showdownjs/showdown#valid-options
Firefox/local master 7fa651a
It's not possible to interact with contract deployed to external network (Rinkeby/Ropsten)
Looks like it was broken in this commit d6c9804
EDIT: It doesn't work only in Firefox and probably in Safari (didn't test that one). It works fine in Chrome. There are probably related issues similar to this one. The problem is that when calling methods of web3 as sendTransaction, and getBalance on Firefox, it throws error Invalid JSON RPC response.
Same functionality as in browser network
Not functional
100%
Description
Account balance for Custom account does not update after unlock.
Steps to reproduce
Observed output
Account balance reads:
Account balance: 0
Changing networks (Select a Network button) apparently forces the status bar to refresh.
(ES-62)
Steps to reproduce
Observed output
Using Solidity compiler version 0.5.10
Success in compilation
Using Solidity compiler version 0.5.10
Success in compilation
Could not get nonce for address 0xa48f2e0be8ab5a04a5eb1f86ead1923f03a207fd.
0xa48f2e0be8ab5a04a5eb1f86ead1923f03a207fd is an addresses used by the Browser network.
(ES-59)
After loading a template before having deployed the project, we get an error in the console saying that Contracts is not defined.
100%
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.