Alternative javascript console for Polkadot JS API

• Status: Under Development
• Proposer: muddlebee
• Projects you think this work could be useful for [optional]: Javascript console at https://polkadot.js.org/apps/#/js

Project Description 📄

Current State

We have a Javascript console on the Developer tab which is really useful for running Polkadot-JS API scripts Polkadot-JS API docs

Link - https://polkadot.js.org/apps/#/js, UI screenshot below

Current limitations of the above console: Cannot save code properly, not many keyboard shortcuts, cannot customize configurations.

Alternative polkadot js API playground

1. https://github.com/subdirectory/subshell

Proposed-RFP

A new Polkadot-JS API playground with VS Code-like configurations like save the code, workspace, keyboard shortcuts, etc. https://polkadot.js.org/apps/#/js

some examples -> https://playground.substrate.dev/ here we have to manually build and run our js bundles

Why alternative javascript console for Polkadot-JS API?

Current polkadot js API console which I mentioned in beginning of this post, has some limitations, which we can overcome by creating a better version for smoother dev experience.

Deliverables 🔩

The following items could be the initial deliverables of the project. Of course, improvements and additions are more than welcome.

• Initial research:

  • study how the current javascript console is developed at https://polkadot.js.org/apps/#/js
  • understand the libaries currently integrated from polkadot JS API docs

• Development:

  • design a new UI/UX with better experience than current javascript console with features like

    • save code preferably with secure session management
    • keyboard shortcuts
    • example

    Any additional features which make the Polkadot-JS experience more productive and smoother are welcome.