update examples after making hs2js sync
This commit is contained in:
parent
d132344d11
commit
71f8c0745c
2 changed files with 11 additions and 6 deletions
|
|
@ -8,12 +8,13 @@
|
||||||
<body style="margin: 0; padding: 0">
|
<body style="margin: 0; padding: 0">
|
||||||
<textarea id="code" style="width: 100%; height: 200px"></textarea>
|
<textarea id="code" style="width: 100%; height: 200px"></textarea>
|
||||||
<pre id="result"></pre>
|
<pre id="result"></pre>
|
||||||
<script src="https://unpkg.com/hs2js@latest"></script>
|
<script src="https://unpkg.com/hs2js@0.0.8"></script>
|
||||||
<script src="https://unpkg.com/@strudel/web@latest"></script>
|
<script src="https://unpkg.com/@strudel/web@1.0.3"></script>
|
||||||
<script>
|
<script>
|
||||||
const { initStrudel } = strudel;
|
const { initStrudel } = strudel;
|
||||||
const { run, parse, setBase } = hs2js;
|
const { run, parse, setBase, loadParser } = hs2js;
|
||||||
setBase('https://unpkg.com/hs2js@0.0.4/dist/');
|
setBase('https://unpkg.com/hs2js@0.0.4/dist/');
|
||||||
|
const ready = loadParser();
|
||||||
initStrudel({
|
initStrudel({
|
||||||
prebake: () => samples('github:tidalcycles/dirt-samples'),
|
prebake: () => samples('github:tidalcycles/dirt-samples'),
|
||||||
});
|
});
|
||||||
|
|
@ -63,8 +64,9 @@
|
||||||
|
|
||||||
async function update() {
|
async function update() {
|
||||||
let result, tree;
|
let result, tree;
|
||||||
|
await ready;
|
||||||
try {
|
try {
|
||||||
tree = await parse(textarea.value);
|
tree = parse(textarea.value);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.warn('parse error');
|
console.warn('parse error');
|
||||||
console.error(err);
|
console.error(err);
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,12 @@
|
||||||
import { run, parse } from 'hs2js';
|
import { run, parse, loadParser } from 'hs2js';
|
||||||
import { initStrudel, reify, late, samples, stack } from '@strudel/web';
|
import { initStrudel, reify, late, samples, stack } from '@strudel/web';
|
||||||
|
|
||||||
initStrudel({
|
initStrudel({
|
||||||
prebake: () => samples('github:tidalcycles/dirt-samples'),
|
prebake: () => samples('github:tidalcycles/dirt-samples'),
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const ready = loadParser();
|
||||||
|
|
||||||
const textarea = document.getElementById('code');
|
const textarea = document.getElementById('code');
|
||||||
if (window.location.hash) {
|
if (window.location.hash) {
|
||||||
textarea.value = atob(window.location.hash.slice(1));
|
textarea.value = atob(window.location.hash.slice(1));
|
||||||
|
|
@ -50,8 +52,9 @@ const ops = getInfixOperators();
|
||||||
|
|
||||||
async function update() {
|
async function update() {
|
||||||
let result, tree;
|
let result, tree;
|
||||||
|
await ready;
|
||||||
try {
|
try {
|
||||||
tree = await parse(textarea.value);
|
tree = parse(textarea.value);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
console.warn('parse error');
|
console.warn('parse error');
|
||||||
console.error(err);
|
console.error(err);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue