0xMiden / 0xMiden/examples

Product requirements for Miden rollup developer playground

Offen
#200 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
21
Forks
28
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

# Goal
We want a second playground for Miden rollup developers to quickly test note scripts and account code. The current playground is about the Miden Virtual Machine.

# Start simple and iterate
Initially, we only want to execute a note script against an account and see its result. Gradually, we will iterate on the developer playground and add more features.

## The layout
The layout is super simple. We need four boxes and one button.

![image](https://github.com/user-attachments/assets/2ad72f70-0fd0-4575-b4d5-243ac409eb60)

- **Upper left box:** The box is a code editor. Users will write their note scripts, add inputs and their transaction script in it. There are three tabs (Notes | Inputs | Tx). The code is in Miden assembly - only for Inputs will it be simple JSON. It will look similar to what we have in the VM playground. We need two dropdowns, one for the font size and one to select examples. There should be syntax highlighting. An illustrative example from the VM playground:
Screenshot 2024-09-13 at 17 05 55

- **Lower left box:** The box is a second code editor. Users will write their account code in it. The code is in Miden assembly. It will look similar to what we have in the VM playground. We need two dropdowns, one for the font size and one to select examples. There should be syntax highlighting.

- **Upper right box:** This box is used for the program info. We will show the number of cycles, the proving time and the proof size. An illustrative example from the VM playground:
Screenshot 2024-09-13 at 17 10 10

- **Lower right box:** This box will show the account info. Here the user can check how the account changed after the note script was executed against it. Here we will show this information, but more beautiful. One idea to save space is not to show the full hashes / commitments but make them collapsable.
Screenshot 2024-09-13 at 17 13 03

- **The button:** The button will be a simple "Execute". I will provide the Rust code that you can call with this button. The inputs will be the note script and the account code. The output will be a now account state and the program info.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

The issue describes a new web playground for Miden rollup developers. Start by examining the existing VM playground in the repository to understand the codebase structure, UI components, and how it integrates with Rust. The work involves creating a new UI with multiple code editors and display panels, and connecting it to provided Rust execution logic. 'Done' means a functional playground page that can execute a note script against account code and display the results.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
rust, typescript
Bereich
developer-experience, tooling
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.