hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

vanilla-repl-cm6: add flash effect

Browse source
This commit is contained in:
Felix Roos 2023-05-05 09:11:40 +02:00
parent f069f53fae
commit 4b921c47f5
2 changed files with 52 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

21
packages/core/examples/vite-vanilla-repl-cm6/main.js
View file

@ -1,14 +1,24 @@
// moved from sandbox: https://codesandbox.io/s/vanilla-codemirror-strudel-2wb7yw?file=/index.html:114-186
import { initEditor, highlightHaps } from './codemirror';
import { initEditor, highlightHaps, flash } from './codemirror';
import { initStrudel } from './strudel';
import { Highlighter } from './highlighter';
import { bumpStreet } from './tunes';
let code = bumpStreet;
const repl = initStrudel();
const view = initEditor({
initialCode: code,
onChange: (v) => {
code = v.state.doc.toString();
},
onEvaluate,
onStop,
});
async function onEvaluate() {
const { evaluate, scheduler } = await repl;
flash(view);
if (!scheduler.started) {
scheduler.stop();
await evaluate(code);
@ -24,15 +34,6 @@ async function onStop() {
highlighter.stop();
}
const view = initEditor({
initialCode: code,
onChange: (v) => {
code = v.state.doc.toString();
},
onEvaluate,
onStop,
});
let highlighter = new Highlighter((haps) => highlightHaps(view, haps));
document.getElementById('play').addEventListener('click', () => onEvaluate());