ArkScript-lang / ArkScript-lang/Ark

Improve the ArkEmscripten playground

Aperta
#631 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
enhancement
Lingua principale
C++
Stelle
728
Fork
54
Merge medio
4h 8m
PR unite (30g)
2

Descrizione

### Is your feature request related to a problem?

The current playground is pretty bare, and the current method of capturing what's printed is not that good (though I have no clue how to make it better):

```js
log = console.log;
var can_capture = false;

window.console.log = (message) => {
log(message);
if (can_capture)
document.getElementById("output").value += message + "\n";
};

var Module = {
onRuntimeInitialized: function () {
document.getElementById("run").addEventListener("click", () => {
document.getElementById("output").value = "";
const code = document.getElementById("code").value;
try {
can_capture = true;
Module.run(code);
} catch (e) {
document.getElementById("output").value = e;
}
can_capture = false;
});
}
};
```

Playground:
Wasm Playground

### Describe the solution you would like

1. Improve the UI/UX of the playground (without having to add Vue, React or other huge libraries)
2. Add more utils / builtins to ArkEmscripten to play with DOM and JavaScript values / functions
3. Find a better way to get ArkScript output
4. Add more tests (currently not tested in the CI, only the compilation is tested)

### Is it a big modification to the language? Leave it if you don't know

- [ ] Breaking change
- [ ] Compiler/syntax modifications
- [ ] Runtime modifications (standard library, modules, packages...)

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Inizia ispezionando il playground ArkEmscripten attuale e il codice JavaScript per la cattura dell’output mostrato nell’issue. Esamina come viene compilato il playground e come viene attualmente testata la compilazione in CI. Il lavoro è completato quando il playground dispone di una UI/UX migliorata, di una migliore cattura dell’output, di ulteriori utility DOM e JavaScript e di test che ne coprano il comportamento.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, wasm
Ambito
testing, web-dev
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.