play-ed concept & updates

[serapath]

@todo

• play-ed#15: Source is lost after page refresh (f5)
• play-ed#16 - Uncaught (in promise) TypeError: object null is not iterable ... at getCompilerVersion
• play-ed#1: make autocomplete file explorer component
• play-ed#14: enable switching command/package versions
• play-ed#12: embeddable iframe-api
• play-ed#13: add solidity syntax highlighting for codemirror
• preview multiple solidity contracts defined in one file
  • when multiple contracts in one file (show all, not just first one in separate tabs)
• manage multiple solidity (sample?) contract files
  • add more tabs with sample contracts? (think how would that work ui wise, maybe tabs, maybe file editor, maybe some third option)
• add workshop to teach how to use Play editor
• feature: copy the line (shift + control + D)
• feature: move line (shift + control + arrows)
• feature: find in this file/all files (control + F/ shift + control + F)
• feature: create a string/array/object (double click and write single or double quote/open bracket, curly brace..)
• feature: collapsing parts of the code (long functions etc.)
• play-ed#7: enable url params
• play-ed#8: web console terminal
• play-ed#9: display compiler notification flags
• play-ed#10: make responsive (mobile first)
• play editor features & refinements (e.g. ".js", ".html", ".sol", ...)
  • plain design of the editor, embeddable in any style of pages/apps
  • feature: red dot after line number if compiler error (+ onhover details about error)
  • feature: color the lines where compiler error is

---

play editor features & refinement (e.g. SOL/JS/HTML/CSS/MD/... editor)
editor candies (copy selected lines, move lines, find in this file/all files)
not IDE, but EDITOR (only ethereum editor)

concept

• Editor
• Preview
  • function names
  • input fields
    • verification of inputs (ok or error icons - on hover shows what is error)
    • types (bool/int etc.)
• Connect with Metamask link (see etherscan)
• Extras (add-ons)
  • browse all extras
  • publish extras
  • add/remove || activate/deactivate extras
  • some extras are activated by default (custom for embedded play editor, if someone teaches testing, they can by default activate testing extras)
• Settings
  • show only what is needed (based on file type and based on plugins installed)
  • compiler version (dropdown or slider)