Spaces:

k-l-lambda
/

LilyScript

Running

k-l-lambda commited on 12 days ago

Commit

9fb0d40

1 Parent(s): b299707

feat: client-side score player (SVG preview + gated MIDI), vendored via LFS

Wire the right-panel score renderer (lyl→MEI→Verovio→SVG/MIDI), bridging
lilylet-live-editor's client-side pipeline into Gradio. Vendor the browser
libs under web/ via Git LFS so the deployed Space serves them (no build step
on HF); commit the hand-written score-player.js/.css and built-in examples.

Files changed (13) hide show

.gitattributes +6 -0
.gitignore +5 -0
app.py +114 -13
examples/lilylet_generated_llama-seed0.lyl +187 -0
examples/lilylet_generated_llama-seed1.lyl +283 -0
examples/lilylet_generated_llama-seed6.lyl +286 -0
web/score-player.css +94 -0
web/score-player.js +384 -0
web/soundfont/acoustic_grand_piano-mp3.js +3 -0
web/soundfont/acoustic_grand_piano-ogg.js +3 -0
web/vendor/lilylet.bundle.js +3 -0
web/vendor/musicWidgetsBrowser.umd.min.js +3 -0
web/vendor/verovio.bundle.js +3 -0

.gitattributes CHANGED Viewed

@@ -33,3 +33,9 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+# LilyScript vendored browser libs (large JS bundles + soundfont) — Git LFS.
+# Scoped to the vendor/soundfont dirs so the hand-written web/score-player.js
+# stays a normal text file.
+web/vendor/*.js filter=lfs diff=lfs merge=lfs -text
+web/soundfont/*.js filter=lfs diff=lfs merge=lfs -text

.gitignore CHANGED Viewed

@@ -4,6 +4,11 @@ models/
 # Generated outputs written at runtime.
 outputs/
 __pycache__/
 *.pyc
 .DS_Store

 # Generated outputs written at runtime.
 outputs/
+# Vendored browser libraries live under web/vendor/ + web/soundfont/ and ARE
+# committed (via Git LFS — see .gitattributes) so the deployed Space has them;
+# regenerate locally with tools.local/prepare_web.py. The hand-written
+# score-player.js / .css are committed as normal text.
 __pycache__/
 *.pyc
 .DS_Store

app.py CHANGED Viewed

@@ -23,6 +23,7 @@ from collections import deque
 import gradio as gr
 from lilyscript.generator import StreamingLilyletGenerator
 HERE = os.path.dirname(os.path.abspath(__file__))
 # TODO: swap for huggingface_hub.snapshot_download(repo_id=...) to pull the int8
@@ -31,6 +32,7 @@ MODEL_DIR = os.environ.get('LILYSCRIPT_MODEL_DIR', os.path.join(HERE, 'models'))
 ASSET_DIR = os.path.join(HERE, 'assets')
 EXAMPLES_DIR = os.path.join(HERE, 'examples')
 OUTPUT_DIR = os.path.join(HERE, 'outputs')
 EXAMPLE_PREFIX = '\U0001F4C4 '		# 📄 examples
 OUTPUT_PREFIX = '✨ '			# ✨ session outputs
@@ -102,13 +104,18 @@ def get_generator ():
 def load_examples ():
-	'''Read built-in example .lyl files into a {label: text} dict.'''
 	store = {}
 	if os.path.isdir(EXAMPLES_DIR):
 		for name in sorted(os.listdir(EXAMPLES_DIR)):
 			if name.endswith('.lyl'):
 				with open(os.path.join(EXAMPLES_DIR, name), encoding='utf-8') as f:
-					store[EXAMPLE_PREFIX + name] = f.read()
 	return store
@@ -235,20 +242,94 @@ def load_file (label, store):
 SHEET_PLACEHOLDER = '''
-<div style="height:100%;min-height:600px;display:flex;align-items:center;
-	justify-content:center;border:1px dashed #c9c9c9;border-radius:8px;
-	color:#999;font-family:sans-serif;text-align:center;">
-	<div>
-		<div style="font-size:42px;margin-bottom:8px;">&#127932;</div>
-		<div>Sheet-music preview</div>
-		<div style="font-size:12px;margin-top:4px;">
-			(coming soon)
 		</div>
 	</div>
 </div>
 '''
 CUSTOM_CSS = '''
 /* Score List: truncate long file names to a single line with an ellipsis. */
 .score-list label {
@@ -320,7 +401,7 @@ def build_ui ():
 						with gr.Group():
 							gr.Markdown('## Lilylet editor')
 							editor = gr.Code(show_label=False, language=None, lines=18,
-								max_lines=18, interactive=True)
 			# ---------------- RIGHT ----------------
 			with gr.Column(scale=6):
@@ -329,20 +410,40 @@ def build_ui ():
 					gr.HTML(SHEET_PLACEHOLDER)
 		# ---- wiring ----
 		# style dropdowns -> keep the metadata-prompt text box in sync
 		for field in (composer, genre, instrument):
 			field.change(sync_prompt, inputs=[composer, genre, instrument, prompt], outputs=[prompt])
 		gen_event = gen_btn.click(
 			run_generation,
 			inputs=[prompt, measures, temperature, max_patches, seed, store],
 			outputs=[log, editor, file_list, store],
 		)
-		stop_btn.click(None, None, None, cancels=[gen_event])
 		file_list.select(load_file, inputs=[file_list, store], outputs=[editor])
 	return demo
 if __name__ == '__main__':
-	build_ui().queue().launch(theme=gr.themes.Soft(), css=CUSTOM_CSS)

 import gradio as gr
 from lilyscript.generator import StreamingLilyletGenerator
+from lilyscript.postprocess import postprocess
 HERE = os.path.dirname(os.path.abspath(__file__))
 # TODO: swap for huggingface_hub.snapshot_download(repo_id=...) to pull the int8
 ASSET_DIR = os.path.join(HERE, 'assets')
 EXAMPLES_DIR = os.path.join(HERE, 'examples')
 OUTPUT_DIR = os.path.join(HERE, 'outputs')
+WEB_DIR = os.path.join(HERE, 'web')		# vendored browser libs + score player (gitignored bundles)
 EXAMPLE_PREFIX = '\U0001F4C4 '		# 📄 examples
 OUTPUT_PREFIX = '✨ '			# ✨ session outputs
 def load_examples ():
+	'''Read built-in example .lyl files into a {label: text} dict.
+	Examples may be stored raw (with inline `[r:x/y]` stream markers and
+	run-together header lines); run them through `postprocess` so the editor —
+	and the score renderer it feeds — get syntactically clean Lilylet. It's a
+	no-op on already-clean text.'''
 	store = {}
 	if os.path.isdir(EXAMPLES_DIR):
 		for name in sorted(os.listdir(EXAMPLES_DIR)):
 			if name.endswith('.lyl'):
 				with open(os.path.join(EXAMPLES_DIR, name), encoding='utf-8') as f:
+					store[EXAMPLE_PREFIX + name] = postprocess(f.read())
 	return store
 SHEET_PLACEHOLDER = '''
+<div id="ls-score" class="ls-score-mount" style="height:100%;min-height:600px;">
+	<div style="display:flex;align-items:center;justify-content:center;height:100%;
+		min-height:600px;border:1px dashed #c9c9c9;border-radius:8px;color:#999;
+		font-family:sans-serif;text-align:center;">
+		<div>
+			<div style="font-size:42px;margin-bottom:8px;">&#127932;</div>
+			<div>Loading score renderer…</div>
 		</div>
 	</div>
 </div>
 '''
+# Static-file URL prefix Gradio serves allowed_paths under (verified at 6.18.0).
+def _file_url (path):
+	return '/gradio_api/file=' + path
+def build_head ():
+	'''<head> injection: load the vendored browser libs (lilylet bundle, Verovio
+	WASM, music-widgets) then the score player, and point the soundfont loader at
+	the vendored copy. Gradio delivers this via its client config and injects it
+	on the frontend, so absolute `/gradio_api/file=` URLs resolve correctly.'''
+	vendor = os.path.join(WEB_DIR, 'vendor')
+	scripts = [
+		os.path.join(vendor, 'lilylet.bundle.js'),
+		os.path.join(vendor, 'verovio.bundle.js'),
+		os.path.join(vendor, 'musicWidgetsBrowser.umd.min.js'),
+		os.path.join(WEB_DIR, 'score-player.js'),
+	]
+	tags = ['<script>window.__LILYSCRIPT_SOUNDFONT_URL=%r;</script>'
+		% (_file_url(os.path.join(WEB_DIR, 'soundfont')) + '/')]
+	tags.append('<link rel="stylesheet" href="%s">' % _file_url(os.path.join(WEB_DIR, 'score-player.css')))
+	for s in scripts:
+		tags.append('<script src="%s"></script>' % _file_url(s))
+	return '\n'.join(tags)
+# ---- client-side glue (Gradio `js=` handlers) -------------------------------
+# These run in the browser. They wait for LilyScore (score-player.js) to load,
+# then mount it into #ls-score and drive render / generation-gating.
+_JS_HELPERS = '''
+function () {
+	// poll until the score player + its #ls-score mount exist, then mount once.
+	const tryMount = () => {
+		const root = document.getElementById('ls-score');
+		if (window.LilyScore && root) { window.LilyScore.mount(root); return true; }
+		return false;
+	};
+	if (!tryMount()) {
+		const iv = setInterval(() => { if (tryMount()) clearInterval(iv); }, 200);
+		setTimeout(() => clearInterval(iv), 20000);
+	}
+}
+'''
+# Read the live editor text and render it to SVG. gr.Code renders a CodeMirror
+# editor; its current text lives in the `.cm-content` element (textContent).
+_JS_RENDER = '''
+function () {
+	if (!window.LilyScore) return;
+	const root = document.querySelector('#ls-editor');
+	let text = '';
+	if (root) {
+		const cm = root.querySelector('.cm-content');
+		if (cm) text = cm.innerText;
+		else { const ta = root.querySelector('textarea'); if (ta) text = ta.value; }
+	}
+	window.LilyScore.render(text);
+}
+'''
+# NB: when js= runs before a backend fn, Gradio passes the event's input values
+# to the js function and uses its RETURN value as the fn's inputs. So the gate
+# must return its args unchanged — returning nothing makes Gradio send null for
+# every input (which breaks e.g. the temperature Slider's preprocessor).
+_JS_GEN_START = '''
+function (...args) { if (window.LilyScore) window.LilyScore.setGenerating(true); return args; }
+'''
+_JS_GEN_END = '''
+function () { if (window.LilyScore) window.LilyScore.setGenerating(false); }
+'''
 CUSTOM_CSS = '''
 /* Score List: truncate long file names to a single line with an ellipsis. */
 .score-list label {
 						with gr.Group():
 							gr.Markdown('## Lilylet editor')
 							editor = gr.Code(show_label=False, language=None, lines=18,
+								max_lines=18, interactive=True, elem_id='ls-editor')
 			# ---------------- RIGHT ----------------
 			with gr.Column(scale=6):
 					gr.HTML(SHEET_PLACEHOLDER)
 		# ---- wiring ----
+		# mount the score player once the page (and LilyScore) is ready
+		demo.load(None, None, None, js=_JS_HELPERS)
 		# style dropdowns -> keep the metadata-prompt text box in sync
 		for field in (composer, genre, instrument):
 			field.change(sync_prompt, inputs=[composer, genre, instrument, prompt], outputs=[prompt])
+		# Generate: a single click dep that runs the gate js (SVG-only, player
+		# hidden) and then the streaming model fn — `js=` on a backend click runs
+		# first and, returning nothing, leaves the declared `inputs` untouched. A
+		# trailing `.then` js lifts the gate + reveals the player when it finishes.
 		gen_event = gen_btn.click(
 			run_generation,
 			inputs=[prompt, measures, temperature, max_patches, seed, store],
 			outputs=[log, editor, file_list, store],
+			js=_JS_GEN_START,
 		)
+		gen_event.then(None, None, None, js=_JS_GEN_END)
+		# every editor change (streaming syncs + manual edits + file loads) -> re-render SVG
+		editor.change(None, None, None, js=_JS_RENDER)
+		# Stop: cancel generation, then lift the gate so the player returns
+		stop_btn.click(None, None, None, cancels=[gen_event]).then(None, None, None, js=_JS_GEN_END)
 		file_list.select(load_file, inputs=[file_list, store], outputs=[editor])
 	return demo
 if __name__ == '__main__':
+	demo = build_ui()
+	demo.queue().launch(
+		theme=gr.themes.Soft(),
+		css=CUSTOM_CSS,
+		head=build_head(),
+		allowed_paths=[WEB_DIR],
+	)

examples/lilylet_generated_llama-seed0.lyl ADDED Viewed

	@@ -0,0 +1,187 @@

+[composer "Smetana, Bedrich"]
+[genre "Romantic"]
+[instrument "Keyboard"]
+\staff "1" \key e \major \time 2/4 \clef "treble" \tempo 4=120 ^\markup "Allegretto semplicel." <e gs cs e>4.\p( <gs b e gs>8 \\
+\staff "2" \clef "bass" r8 <b, e>4 <b e>8 \\
+\staff "2" e,,2 | % r:0/45
+\staff "1" \key e \major \time 2/4 <b' e gs b>4. <gs b e gs>8 \\
+\staff "2" <b, e>8 <b e>4 <b e>8 \\
+\staff "2" e,,2 | % r:1/44
+\staff "1" \key e \major \time 2/4 <b' e gs b>4.\>( <gs b e gs>8 \\
+\staff "2" r8 <b, e b'>4 <b e b'>8 \\
+\staff "2" e,,2 | % r:2/43
+\staff "1" \key e \major \time 2/4 <b' e gs b>4. <gs b e gs>8\! \\
+\staff "2" <b, e b'>8 <b e b'>4 <b e b'>8 \\
+\staff "2" e,,2 | % r:3/42
+\staff "1" \key e \major \time 2/4 <gs' e' gs>4.\p( <b e b'>8 \\
+\staff "2" r8 <b, e>4 <b e>8 \\
+\staff "2" e,,2 | % r:4/41
+\staff "1" \key e \major \time 2/4 <e' b' e>4. <e b' e>8 \\
+\staff "2" <b, e>8 <b e>4 <b e>8 \\
+\staff "2" e,,2 | % r:5/40
+\staff "1" \key e \major \time 2/4 <e' b' e>4.\>( <b e b'>8 \\
+\staff "2" r8 <b, e b'>4 <b e b'>8 \\
+\staff "2" e,,2 | % r:6/39
+\staff "1" \key e \major \time 2/4 <e' b' e>4. <b e b'>8\! \bar "||" \\
+\staff "2" <b, e b'>8 <b e b'>4 <b e b'>8 \bar "||" \\
+\staff "2" e,,2 \bar "||" | % r:7/38
+\staff "1" \key e \major \time 2/4 <e' gs e'>4.\p( <b gs' b>8 \\
+\staff "2" r8 <b, e>4 <b e>8 \\
+\staff "2" e,,2 | % r:8/37
+\staff "1" \key e \major \time 2/4 <b'' e b'>4. <gs e' gs>8 \\
+\staff "2" <b, e>8 <b e>4 <b e>8 \\
+\staff "2" e,,2 | % r:9/36
+\staff "1" \key e \major \time 2/4 <b'' e gs b>4.\>( <gs e' gs>8 \\
+\staff "2" r8 <b, e b'>4 <b e b'>8 \\
+\staff "2" e,,2 | % r:10/35
+\staff "1" \key e \major \time 2/4 <gs'' e' gs>4. <b gs' b>8\! \bar "||" \\
+\staff "2" <b, e b'>8 <b e b'>4 <b e b'>8 \bar "||" \\
+\staff "2" e,,2 \bar "||" | % r:11/34
+\staff "1" \key e \major \time 2/4 <cs'' cs'>4\p( <e e'>8 <cs cs'> \\
+\staff "2" r8 <a e' g>4 <a e' g>8 \\
+\staff "2" a,2 | % r:12/33
+\staff "1" \key e \major \time 2/4 <a'' a'>4 <g g'>8 <a a'> \\
+\staff "2" <a e' g>8 <a e' g>4 <a e' g>8 \\
+\staff "2" a,2 | % r:13/32
+\staff "1" \key e \major \time 2/4 <fs' fs'>4( <e e'>8 <fs fs'> \\
+\staff "2" r8 <a d fs>4 <a d fs>8 \\
+\staff "2" a,2 | % r:14/31
+\staff "1" \key e \major \time 2/4 <e' e'>4 <fs fs'>8 <a a'> \\
+\staff "2" <a d fs>8 <a d fs>4 <a d fs>8 \\
+\staff "2" a,2 | % r:15/30
+\staff "1" \key e \major \time 2/4 <b'' b'>4\<( <d d'>8 <fs fs'> \\
+\staff "2" r8 <b d fs>4 <b d fs>8 \\
+\staff "2" a,2 | % r:16/29
+\staff "1" \key e \major \time 2/4 <b''' b'>4\> <d, d'> \\
+\staff "2" <b d fs>8 <b d fs>4 <b d fs>8 \\
+\staff "2" a,2 | % r:17/28
+\staff "1" \key e \major \time 2/4 <b'' b'>4.( <d d'>8 \\
+\staff "2" r8 <b d fs>4 <b d fs>8 \\
+\staff "2" a,2 | % r:18/27
+\staff "1" \key e \major \time 2/4 <b'' b'>4 <d d'> \\
+\staff "2" <b d fs>8 <b d fs>4 <b d fs>8 \\
+\staff "2" a,2 | % r:19/26
+\staff "1" \key e \major \time 2/4 <c'' c'>4\p\<( <e e'>8 <a a'> \\
+\staff "2" r8 <c e a>4 <c e a>8 \\
+\staff "2" a,2 | % r:20/25
+\staff "1" \key e \major \time 2/4 <f'' f'>4\> <e e'>8 <d d'> \\
+\staff "2" <c e a>8 <c e a>4 <c e a>8 \\
+\staff "2" a,2 | % r:21/24
+\staff "1" \key e \major \time 2/4 <c'' c'>4( <b b'>8 <a a'> \\
+\staff "2" r8 <c e a>4 <c e a>8 \\
+\staff "2" a,2 | % r:22/23
+\staff "1" \key e \major \time 2/4 <fs' fs'>4 <gs gs'>8 <a a'> \\
+\staff "2" <c e a>8 <c e a>4 <c e a>8 \\
+\staff "2" a,2 | % r:23/22
+\staff "1" \key e \major \time 2/4 <b'' b'>4\<( <d d'>8 <f f'> \\
+\staff "2" r8 <b d f>4 <b d f>8 \\
+\staff "2" a,2 | % r:24/21
+\staff "1" \key e \major \time 2/4 <a''' a'>4\> <ds, ds'> \\
+\staff "2" <b d f>8 <b d f>4 <b d f>8 \\
+\staff "2" a,2 | % r:25/20
+\staff "1" \key e \major \time 2/4 <e'' e'>4.\pp( <g g'>8 \\
+\staff "2" r8 <b e g>4 <b e g>8 \\
+\staff "2" a,2 | % r:26/19
+\staff "1" \key e \major \time 2/4 <e'' e'>4 <c c'> \bar "||" \\
+\staff "2" <b e g>8 <b e g>4 <b e g>8 \bar "||" \\
+\staff "2" a,2 \bar "||" | % r:27/18
+\staff "1" \key e \major \time 2/4 <e' e'>4.\pp( <c c'>8 \\
+\staff "2" r8 <a c>4 <a c>8 \\
+\staff "2" a,2 | % r:28/17
+\staff "1" \key e \major \time 2/4 <a' a'>4 <b b'>8 <c c'> \\
+\staff "2" <a c>8 <a c>4 <a c>8 \\
+\staff "2" a,2 | % r:29/16
+\staff "1" \key e \major \time 2/4 <e' e'>2( \\
+\staff "2" r8 <gs b>4 <gs b>8 \\
+\staff "2" a,2 | % r:30/15
+\staff "1" \key e \major \time 2/4 <b' b'>2 \\
+\staff "2" <gs b>8 <gs b>4 <gs b>8 \\
+\staff "2" a,2 | % r:31/14
+\staff "1" \key e \major \time 2/4 <c' c'>4.( <a a'>8 \\
+\staff "2" r8 <e, a>4 <e a>8 \\
+\staff "2" a,2 | % r:32/13
+\staff "1" \key e \major \time 2/4 <f f'>4 <g g'>8 <a a'> \\
+\staff "2" <e, a>8 <e a>4 <e a>8 \\
+\staff "2" a,2 | % r:33/12
+\staff "1" \key e \major \time 2/4 <c' c'>2( \\
+\staff "2" r8 <f, a>4 <f a>8 \\
+\staff "2" a,2 | % r:34/11
+\staff "1" \key e \major \time 2/4 <b' b'>2 \\
+\staff "2" <f, a>8 <f a>4 <f a>8 \\
+\staff "2" a,2 | % r:35/10
+\staff "1" \key e \major \time 2/4 _\markup "poco cresc." <a' a'>4.( <fs fs'>8 \\
+\staff "2" r8 <c, fs>4 <c fs>8 \\
+\staff "2" a,2 | % r:36/9
+\staff "1" \key e \major \time 2/4 <a' a'>4 <g g'>8 <fs fs'> \\
+\staff "2" <cs, f>8 <c fs>4 <c fs>8 \\
+\staff "2" a,2 | % r:37/8
+\staff "1" \key e \major \time 2/4 <fs' fs'>4.( <gs, gs'>8 \\
+\staff "2" r8 <b, d>4 <b d>8 \\
+\staff "2" a,2 | % r:38/7
+\staff "1" \key e \major \time 2/4 <b' b'>4 <a a'>8 <gs gs'> \\
+\staff "2" <b, d>8 <b d>4 <b d>8 \\
+\staff "2" a,2 | % r:39/6
+\staff "1" \key e \major \time 2/4 <b' b'>4.\ff( <d d'>8 \\
+\staff "2" r8 <b, e>4 <b e>8 \\
+\staff "2" a,2 | % r:40/5
+\staff "1" \key e \major \time 2/4 <b' b'>4 <c c'>8 <b b'> \\
+\staff "2" <b, e>8 <b e>4 <b e>8 \\
+\staff "2" a,2 | % r:41/4
+\staff "1" \key e \major \time 2/4 _\markup "rit." <d' d'>4.( <gs gs'>8 \\
+\staff "2" r8 <b, e>4 <b e>8 \\
+\staff "2" a,2 | % r:42/3
+\staff "1" \key e \major \time 2/4 <b' b'>4 <c c'>8 <b b'> \\
+\staff "2" <b, e>8 <b e>4 <b e>8 \\
+\staff "2" a,2 | % r:43/2
+\staff "1" \key e \major \time 2/4 <e' gs b e>2\ff \\
+\staff "2" <e, gs b>2 \\
+\staff "2" <e,,, e'>2 | % r:44/1
+\staff "1" \key e \major \time 2/4 <e' g b e>4 r \bar "|." \\
+\staff "2" <e, g b>4 r \bar "|." \\
+\staff "2" <e,,, e'>4 s \bar "|." | % r:45/0

examples/lilylet_generated_llama-seed1.lyl ADDED Viewed

	@@ -0,0 +1,283 @@

+[composer "Berlioz, Hector"]
+[genre "Romantic"]
+[instrument "Choral"]
+\key f \major \numericTimeSignature \time 4/4 \clef "treble" \tempo 4=60 a'4.\p b8 c4 a \\\
+\clef "treble" f4.\p f8 f4 f \\\
+\clef "treble_8" c'4.\p c8 c4 c \\\
+\clef "bass" f,4.\p g8 a4 f | % r:0/55
+\key f \major \numericTimeSignature \time 4/4 a'4 g f g8 g \\\
+f4 e f e8 e \\\
+c'4 c c c8 c \\\
+c,4 b a g8 g | % r:1/54
+\key f \major \numericTimeSignature \time 4/4 a'4\< b c\! d \\\
+f4\< g f\! f \\\
+c'4\< c c\! d \\\
+f,,4\< e a\! b | % r:2/53
+\key f \major \numericTimeSignature \time 4/4 g'4.\> g8 a4\! r8 a \\\
+f4.\> e8 f4\! r8 f \\\
+b'4.\> c8 c4\! r8 c \\\
+c,4.\> c8 f4\! r | % r:3/52
+\key f \major \numericTimeSignature \time 4/4 a'4. b8 c4 a \\\
+f4. f8 f4 f \\\
+c'4. c8 c4 c \\\
+f,4. g8 a4 f | % r:4/51
+\key f \major \numericTimeSignature \time 4/4 a'4 g f g8 g \\\
+f4 e e e8 e \\\
+c'4 c c c8 c \\\
+c,4 b a a8 a | % r:5/50
+\key f \major \numericTimeSignature \time 4/4 f8\<( a d)( f f4.)\!\> b,8 \\\
+d4\< f f4.\!\> f8\! \\\
+a'4\< a d\!\>( g,8\! g) \\\
+d,4\< d g,4.\!\> g8\! | % r:6/49
+\key f \major \numericTimeSignature \time 4/4 b'4. b8 c4 r \\\
+f4. f8 e4 r \\\
+g'4. g8 g4 r \\\
+g,4. g8 c4 r | % r:7/48
+\key f \major \numericTimeSignature \time 4/4 r1 \\\
+r1 \\\
+d'4\p c b a \\\
+r1 | % r:8/47
+\key f \major \numericTimeSignature \time 4/4 d'4\p c b a \\\
+f4\p e d c \\\
+g'2 g4 g \\\
+r1 | % r:9/46
+\key f \major \numericTimeSignature \time 4/4 g'4( d' c b) \\\
+b4( f' e d) \\\
+g'4( f g g) \\\
+r1 | % r:10/45
+\key f \major \numericTimeSignature \time 4/4 e'4 d8 c b4 b \\\
+c4 e8 e e4 e \\\
+c'4 b8 a g4 g \\\
+r1 | % r:11/44
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c \\\
+e2 e4 e \\\
+a'2 a4 a \\\
+r1 | % r:12/43
+\key f \major \numericTimeSignature \time 4/4 d'2-> d4 d8 d \\\
+e2-> e4 e8 e \\\
+g'2-> g4 g8 g \\\
+r1 | % r:13/42
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c8 c \\\
+e2 e4 e8 e \\\
+a'2 a4 a8 a \\\
+r1 | % r:14/41
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c8 c \\\
+e2 e4 e8 e \\\
+g'2 g4 g8 g \\\
+r1 | % r:15/40
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c \\\
+f2 f4 f \\\
+f2 f4 f \\\
+r1 | % r:16/39
+\key f \major \numericTimeSignature \time 4/4 b'2 b4 b \\\
+f2 f4 f \\\
+d'2 d4 d \\\
+r1 | % r:17/38
+\key f \major \numericTimeSignature \time 4/4 a'2 a4 a \\\
+e2 e4 e \\\
+c'2 c4 c \\\
+r1 | % r:18/37
+\key f \major \numericTimeSignature \time 4/4 g'2\> g4\! g \\\
+d2\> d4\! d \\\
+b'2\> b4\! b \\\
+r1 | % r:19/36
+\key f \major \numericTimeSignature \time 4/4 g'2 g4 g \\\
+d2 d4 d \\\
+b'2 b4 b \\\
+r1 | % r:20/35
+\key f \major \numericTimeSignature \time 4/4 f2 f4 f \\\
+d2 d4 d \\\
+b'2 b4 b \\\
+r1 | % r:21/34
+\key f \major \numericTimeSignature \time 4/4 g'2\> g \\\
+e2\> e \\\
+c'2\> c \\\
+r1 | % r:22/33
+\key f \major \numericTimeSignature \time 4/4 a'2 r \\\
+f2 r \\\
+f2 r \\\
+r2 r4 f,\p | % r:23/32
+\key f \major \numericTimeSignature \time 4/4 r2 r4 a'\p \\\
+r2 r4 f\p \\\
+r2 r4 c'\p \\\
+f,4( e d)( c | % r:24/31
+\key f \major \numericTimeSignature \time 4/4 a'4( g f)( g \\\
+f4( e d)( e \\\
+c'2 c4( b \\\
+b,4( c f) e | % r:25/30
+\key f \major \numericTimeSignature \time 4/4 a'4( c b) a \\\
+f4( a g) f \\\
+a'4( c b) c \\\
+f,4( a g) f | % r:26/29
+\key f \major \numericTimeSignature \time 4/4 g'4. g8 g4 g \\\
+f4. f8 e4 e \\\
+d'4. d8 d4 d \\\
+b,4. b8 b4 b | % r:27/28
+\key f \major \numericTimeSignature \time 4/4 c'2. c4 \\\
+e2. e4 \\\
+c'2. c4 \\\
+a,2. a4 | % r:28/27
+\key f \major \numericTimeSignature \time 4/4 d'4 c b a8 a \\\
+d4 e f d8 d \\\
+b'4 c d c8 c \\\
+g,4 c f, d8 d | % r:29/26
+\key f \major \numericTimeSignature \time 4/4 g'4 a b a8 a \\\
+d4 f g f8 f \\\
+b'4 a d c8 c \\\
+g,4 d' f d8 d | % r:30/25
+\key f \major \numericTimeSignature \time 4/4 g'4 g g2 \\\
+f4 f8 f e2 \\\
+d'4 d8 d c2 \\\
+b,4 b8 b c2 | % r:31/24
+\key f \major \numericTimeSignature \time 4/4 a'2 r \\\
+f2 r \\\
+c'2 r \\\
+f,,2 r | % r:32/23
+\key f \major \numericTimeSignature \time 4/4 a'4\p b c a \\\
+e4.\p e8 e4 e \\\
+c'4.\p c8 c4 c \\\
+a,4.\p b8 c4 a | % r:33/22
+\key f \major \numericTimeSignature \time 4/4 a'4 g f g8 g \\\
+f4 e e e8 e \\\
+c'4 c c c8 c \\\
+c,4 b a g8 g | % r:34/21
+\key f \major \numericTimeSignature \time 4/4 a'4\< b c\! d \\\
+f4\< g f\! f \\\
+c'4\< c c\! d \\\
+f,,4\< e a\! b | % r:35/20
+\key f \major \numericTimeSignature \time 4/4 g'4.\> g8 a4\! r8 a \\\
+f4.\> e8 f4\! r8 f \\\
+b'4.\> c8 c4\! r8 c \\\
+c,4.\> c8 f4\! r | % r:36/19
+\key f \major \numericTimeSignature \time 4/4 a'4. b8 c4 a \\\
+f4. f8 f4 f \\\
+c'4. c8 c4 c \\\
+f,4. g8 a4 f | % r:37/18
+\key f \major \numericTimeSignature \time 4/4 a'4 g f g8 g \\\
+f4 e e e8 e \\\
+c'4 c c c8 c \\\
+c,4 b a a8 a | % r:38/17
+\key f \major \numericTimeSignature \time 4/4 f8\<( a d)( f f4.)\!\> b,8\! \\\
+d4\< f f4.\!\> f8\! \\\
+a'4\< a d\!\>( g,8.)\! g16 \\\
+d,4\< d g,4.\!\> g8\! | % r:39/16
+\key f \major \numericTimeSignature \time 4/4 b'4. b8 c4 r \\\
+f4. f8 e4 r \\\
+g'4. g8 g4 r \\\
+g,4. g8 c4 r | % r:40/15
+\key f \major \numericTimeSignature \time 4/4 r1 \\\
+r1 \\\
+d'4\p c b a \\\
+r1 | % r:41/14
+\key f \major \numericTimeSignature \time 4/4 d'4\p c b a \\\
+f4\p e d c \\\
+g'2 g4 g \\\
+r1 | % r:42/13
+\key f \major \numericTimeSignature \time 4/4 g'4( d' c b) \\\
+b4( f' e d) \\\
+g'4( f g g) \\\
+r1 | % r:43/12
+\key f \major \numericTimeSignature \time 4/4 e'4 d8 c b4 b \\\
+c4 e8 e e4 e \\\
+c'4 b8 a g4 g \\\
+r1 | % r:44/11
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c \\\
+e2 e4 e \\\
+a'2 a4 a \\\
+r1 | % r:45/10
+\key f \major \numericTimeSignature \time 4/4 d'2 d4 d8 d \\\
+e2 e4 e8 e \\\
+g'2 g4 g8 g \\\
+r1 | % r:46/9
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c8 c \\\
+e2 e4 e8 e \\\
+a'2 a4 a8 a \\\
+r1 | % r:47/8
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c8 c \\\
+e2 e4 e8 e \\\
+g'2 g4 g8 g \\\
+r1 | % r:48/7
+\key f \major \numericTimeSignature \time 4/4 c'2 c4 c \\\
+f2 f4 f \\\
+f2 f4 f \\\
+r1 | % r:49/6
+\key f \major \numericTimeSignature \time 4/4 b'2 b4 b \\\
+f2 f4 f \\\
+d'2 d4 d \\\
+r1 | % r:50/5
+\key f \major \numericTimeSignature \time 4/4 a'2 a4 a \\\
+e2 e4 e \\\
+c'2 c4 c \\\
+r1 | % r:51/4
+\key f \major \numericTimeSignature \time 4/4 g'2\> g4\! g \\\
+d2\> d4\! d \\\
+b'2\> b4\! b \\\
+r1 | % r:52/3
+\key f \major \numericTimeSignature \time 4/4 g'2 g4 g \\\
+d2 d4 d \\\
+b'2 b4 b \\\
+r1 | % r:53/2
+\key f \major \numericTimeSignature \time 4/4 f2 f4 f \\\
+d2 d4 d \\\
+b'2 b4 b \\\
+r1 | % r:54/1
+\key f \major \numericTimeSignature \time 4/4 f1\>\fermata \bar "|." \\\
+c1\>\fermata \bar "|." \\\
+a'1\>\fermata \bar "|." \\\
+r1 \bar "|." | % r:55/0

examples/lilylet_generated_llama-seed6.lyl ADDED Viewed

	@@ -0,0 +1,286 @@

+[composer "Haydn, Joseph"]
+[genre "Classical"]
+[instrument "Keyboard"]
+\staff "1" \key a \major \time 6/8 \clef "treble" \tempo 4=116 e8\p \\
+\staff "2" \clef "bass" r8 | % r:0/90
+\staff "1" \key a \major \time 6/8 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:1/89
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) e8 \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:2/88
+\staff "1" \key a \major \time 6/8 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:3/87
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) b'8\f \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:4/86
+\staff "1" \key a \major \time 6/8 g''8( e b16) g16. e16( g8 b16 g \\
+\staff "2" <e, b' d>4 <e b' d>8 <e b' d>4 <e b' d>8 | % r:5/85
+\staff "1" \key a \major \time 6/8 a'16( b c d e f e)( d c b a g \\
+\staff "2" <e, a c>4. <e b' d> | % r:6/84
+\staff "1" \key a \major \time 6/8 a'16( c e c b a g)( b d f d b \\
+\staff "2" <f, a c>4 <f a c>8 <d f b>4 <d f b>8 | % r:7/83
+\staff "1" \key a \major \time 6/8 a'4.( g8 r e \\
+\staff "2" e,8( d e e,4) r8 | % r:8/82
+\staff "1" \key a \major \time 6/8 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:9/81
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) e8 \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:10/80
+\staff "1" \key a \major \time 6/8 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:11/79
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) e'8\f \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:12/78
+\staff "1" \key a \major \time 6/8 d'16( e f e d c b)( c b a g f \\
+\staff "2" <f, a b>4. <f a b> | % r:13/77
+\staff "1" \key a \major \time 6/8 e16( f g a b c d)( e f g a f \\
+\staff "2" <e, g b>4. <d a' b> | % r:14/76
+\staff "1" \key a \major \time 6/8 e'16( g b g e b c)( f a f d a \\
+\staff "2" <e, g b>4 <e g b>8 <b f' a>4 <b f' a>8 | % r:15/75
+\staff "1" \key a \major \time 6/8 f'4.( e8 r b, \\
+\staff "2" e,8( d e e,4) r8 | % r:16/74
+\staff "1" \key a \major \time 6/8 e'8\p( g f16 d e4) b16( a \\
+\staff "1" g'4 g8 a4 a8 \\
+\staff "2" e4 e8 e4 e8 | % r:17/73
+\staff "1" \key a \major \time 6/8 <a' d>4( <g e'>8 <f d'>4) a8 \\
+\staff "2" e4. e4 r8 | % r:18/72
+\staff "1" \key a \major \time 6/8 e'8( g f16 d e4) b16( c \\
+\staff "1" g'4 g8 a4 a8 \\
+\staff "2" e4 e8 e4 e8 | % r:19/71
+\staff "1" \key a \major \time 6/8 <a' d>4( <g e'>8 <f d'>4) b8\f \\
+\staff "2" e4. e4 r8 | % r:20/70
+\staff "1" \key a \major \time 6/8 g''8( e b16) g16. e16( g8 b16 g \\
+\staff "2" <e, b' d>4 <e b' d>8 <e b' d>4 <e b' d>8 | % r:21/69
+\staff "1" \key a \major \time 6/8 a'16( b c d e f e)( d c b a g \\
+\staff "2" <e, a c>4. <e b' d> | % r:22/68
+\staff "1" \key a \major \time 6/8 a'16( c e c b a g)( b d f d b \\
+\staff "2" <f, a c>4 <f a c>8 <d f b>4 <d f b>8 | % r:23/67
+\staff "1" \key a \major \time 6/8 a'4.( g8 r e'\p \\
+\staff "2" e,8( d e e,4) r8 | % r:24/66
+\staff "1" \key a \major \time 6/8 d'16( e f e d c b)( c b a g f \\
+\staff "2" <f, a b>4. <f a b> | % r:25/65
+\staff "1" \key a \major \time 6/8 e16( f g a b c d)( e f g a f \\
+\staff "2" <e, g b>4. <d a' b> | % r:26/64
+\staff "1" \key a \major \time 6/8 e'16( g b g e b c)( f a f d a \\
+\staff "2" <e, g b>4 <e g b>8 <b f' a>4 <b f' a>8 | % r:27/63
+\staff "1" \key a \major \time 6/8 f'4.( e8 r e,\f \\
+\staff "2" e,8( d e e,4) r8 | % r:28/62
+\staff "1" \key a \major \time 6/8 d'4( c8 b4) b8 \\
+\staff "2" r4 r8 r4 g8 | % r:29/61
+\staff "1" \key a \major \time 6/8 \grace b'8 a( g a b) r b \\
+\staff "2" f,4( e8 d4) d8 | % r:30/60
+\staff "1" \key a \major \time 6/8 \grace d'8 c( b c d4) d8 \\
+\staff "2" c,4( b8 a4) a8 | % r:31/59
+\staff "1" \key a \major \time 6/8 \grace f'8 e( d e e4) r8 \\
+\staff "2" g,4( f8 e4) r8 | % r:32/58
+\staff "1" \key a \major \time 6/8 e'8\p( d e d)( e d \\
+\staff "2" <g b e>4. <g b e> | % r:33/57
+\staff "1" \key a \major \time 6/8 f'8( e f f)( e f \\
+\staff "2" <a c e>4. <a c e> | % r:34/56
+\staff "1" \key a \major \time 6/8 e'8( d e e)( d e \\
+\staff "2" <b d g>4. <b d g> | % r:35/55
+\staff "1" \key a \major \time 6/8 f'8( e f f)( e f \\
+\staff "2" <a c f>4. <a c f> | % r:36/54
+\staff "1" \key a \major \time 6/8 b''16\f( a g f e d c d e f g a \\
+\staff "2" <g b e>2. | % r:37/53
+\staff "1" \key a \major \time 6/8 b''16( a g f e d c d e f g a \\
+\staff "2" <a c f>2. | % r:38/52
+\staff "1" \key a \major \time 6/8 b''16( c b a g f e d c b a g \\
+\staff "2" <g b e>4. r4 r8 | % r:39/51
+\staff "1" \key a \major \time 6/8 f16( g a b c d e f g a b c \\
+\staff "2" <a c f>4 r8 r4 r8 | % r:40/50
+\staff "1" \key a \major \time 6/8 b''16( a g f e d c b a g f e \\
+\staff "2" <b d f>4 r8 r4 r8 | % r:41/49
+\staff "1" \key a \major \time 6/8 d16( e f g a b c d e f g a \\
+\staff "2" <b d f>4 r8 r4 r8 | % r:42/48
+\staff "1" \key a \major \time 6/8 g''16( f e d c b a g f e d c \\
+\staff "2" <e, g c>4 r8 r4 r8 | % r:43/47
+\staff "1" \key a \major \time 6/8 b4 r8 f''( e d \\
+\staff "2" b,16( f' b d b f b,)( f' b d b f | % r:44/46
+\staff "1" \key a \major \time 6/8 c'4 r8 g'( f e \\
+\staff "2" b,16( g' c e c g b,)( g' c e c g | % r:45/45
+\staff "1" \key a \major \time 6/8 c'4 r8 a'( g f \\
+\staff "2" b,16( f' a e' a, f b,)( f' a d a f | % r:46/44
+\staff "1" \key a \major \time 6/8 e'4 r8 b'( a g \\
+\staff "2" b,16( g' b e b g b,)( g' b e b g | % r:47/43
+\staff "1" \key a \major \time 6/8 f'8\f( g a b)( g e \\
+\staff "2" <b, d g>2. | % r:48/42
+\staff "1" \key a \major \time 6/8 f'8( g a b)( g e \\
+\staff "2" <b, d g>2. | % r:49/41
+\staff "1" \key a \major \time 6/8 f'4 r8 <as,, c f>4 r8 \\
+\staff "2" <as, c f>4 r8 <f f'>4 r8 | % r:50/40
+\staff "1" \key a \major \time 6/8 <b d f>4. r4 f''8\p \\
+\staff "2" <b,, b'>4 r8 r4 r8 | % r:51/39
+\staff "1" \key a \major \time 6/8 b''4.( d \\
+\staff "2" \clef "treble" b8( d f b, d f | % r:52/38
+\staff "1" \key a \major \time 6/8 c''4.( a4 f8 \\
+\staff "2" a8( c f a, c f | % r:53/37
+\staff "1" \key a \major \time 6/8 b''4.( d \\
+\staff "2" b8( d f b, d f | % r:54/36
+\staff "1" \key a \major \time 6/8 c''4.( a4 f8 \\
+\staff "2" a8( c f a, c f | % r:55/35
+\staff "1" \key a \major \time 6/8 b''8\f( c b a g f \\
+\staff "2" \clef "bass" d,2. | % r:56/34
+\staff "1" \key a \major \time 6/8 g''8( a g f e d \\
+\staff "2" e,4. g | % r:57/33
+\staff "1" \key a \major \time 6/8 c'8( d e a,4) c8 \\
+\staff "2" a4. a, | % r:58/32
+\staff "1" \key a \major \time 6/8 d'4. r4 f,8 \\
+\staff "2" d,4 r8 r4 r8 | % r:59/31
+\staff "1" \key a \major \time 6/8 b'4.( d \\
+\staff "2" b,8( d f b, d f | % r:60/30
+\staff "1" \key a \major \time 6/8 c'4.( a4 f8 \\
+\staff "2" a,8( c f a, c f | % r:61/29
+\staff "1" \key a \major \time 6/8 b'4.( d \\
+\staff "2" b,8( d f b, d f | % r:62/28
+\staff "1" \key a \major \time 6/8 c'4.( a4 f8 \\
+\staff "2" a,8( c f a, c f | % r:63/27
+\staff "1" \key a \major \time 6/8 b'8\f( c b a g f \\
+\staff "2" d,,2. | % r:64/26
+\staff "1" \key a \major \time 6/8 g'8( a g f e d \\
+\staff "2" e,,4. g | % r:65/25
+\staff "1" \key a \major \time 6/8 c8( d e a,4) c8 \\
+\staff "2" a,4. a, | % r:66/24
+\staff "1" \key a \major \time 6/8 d4 r8 r a''\p( f \\
+\staff "2" d,,16 d' f a f d d,4 r8 | % r:67/23
+\staff "1" \key a \major \time 6/8 d'4 r8 d'( b g \\
+\staff "2" d,,16 d' g b g d d,4 r8 | % r:68/22
+\staff "1" \key a \major \time 6/8 f'4 r8 d'( a f \\
+\staff "2" d,,16 d' f a f d d,4 r8 | % r:69/21
+\staff "1" \key a \major \time 6/8 e'4 r8 g( e c \\
+\staff "2" d,,16 e' g a g e d,4 r8 | % r:70/20
+\staff "1" \key a \major \time 6/8 d'4 r8 a'( f d \\
+\staff "2" d,,16 d' f a f d d,4 r8 | % r:71/19
+\staff "1" \key a \major \time 6/8 c'4 r8 g'( e c \\
+\staff "2" d,,16 e' g a g e d,4 r8 | % r:72/18
+\staff "1" \key a \major \time 6/8 d'4 r8 a'( f d \\
+\staff "2" d,,16 d' f a f d d,4 r8 | % r:73/17
+\staff "1" \key a \major \time 6/8 c'4 r8 g'( e c \\
+\staff "2" d,,16 e' g a g e d,4 r8 | % r:74/16
+\staff "1" \key a \major \time 6/8 d'8\f( f e d c b \\
+\staff "2" d,,4 r8 r4 r8 | % r:75/15
+\staff "1" \key a \major \time 6/8 a'8( b c d b g \\
+\staff "2" r2. | % r:76/14
+\staff "1" \key a \major \time 6/8 f8( e d c d e \\
+\staff "2" r2. | % r:77/13
+\staff "1" \key a \major \time 6/8 f8( e d c d e \\
+\staff "2" r2. | % r:78/12
+\staff "1" \key a \major \time 6/8 a'8\p( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:79/11
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) e8 \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:80/10
+\staff "1" \key a \major \time 6/8 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:81/9
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) b'8\f \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:82/8
+\staff "1" \key a \major \time 6/8 g''8( e b16) g16. e16( g8 b16 g \\
+\staff "2" <e, b' d>4 <e b' d>8 <e b' d>4 <e b' d>8 | % r:83/7
+\staff "1" \key a \major \time 6/8 a'16( b c d e f e)( d c b a g \\
+\staff "2" <e, a c>4. <e b' d> | % r:84/6
+\staff "1" \key a \major \time 6/8 a'16( c e c b a g)( b d f d b \\
+\staff "2" <f, a c>4 <f a c>8 <d f b>4 <d f b>8 | % r:85/5
+\staff "1" \key a \major \time 6/8 a'4.( g8 r e\p \\
+\staff "2" e,8( d e e,4) r8 | % r:86/4
+\staff "1" \key a \major \time 6/8 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:87/3
+\staff "1" \key a \major \time 6/8 <d g>4( <c a'>8 <b g'>4) e8\f \\
+\staff "2" <e,, e'>4. <e e'>4~ r8 | % r:88/2
+\staff "1" \key a \major \time 6/8 \tempo 4=92 a'8( c b16 d f,4) g16( f \\
+\staff "1" c4 c8 d4 d8 \\
+\staff "2" <a, e'>4 <a e'>8 <a e'>4 <a e'>8 | % r:89/1
+\staff "1" \key a \major \time 6/8 \tempo 4=80 d4( <g c>8 <d g b>4)\fermata r8 \bar "|." \\
+\staff "2" <e,, e'>4. <e e'>4\fermata r8 \bar "|." | % r:90/0

web/score-player.css ADDED Viewed

	@@ -0,0 +1,94 @@

+/* LilyScript score player — preview + transport. Light theme to match Gradio Soft. */
+.ls-score-root {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	min-height: 600px;
+}
+.ls-preview {
+	flex: 1;
+	overflow: auto;
+	background: #fafafa;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+	padding: 12px;
+	position: relative;
+}
+.ls-status {
+	font-size: 12px;
+	color: #888;
+	min-height: 16px;
+	margin-bottom: 4px;
+}
+.ls-status.ls-busy { color: #2b7; }
+.ls-status.ls-err { color: #c0392b; }
+.ls-svg {
+	background: #fff;
+	display: inline-block;
+	min-width: 100%;
+}
+.ls-svg svg {
+	max-width: 100%;
+	height: auto;
+}
+/* playing-note highlight on the SVG */
+.ls-hl {
+	fill: #ff6b35 !important;
+	stroke: #ff6b35 !important;
+}
+/* transport bar */
+.ls-player {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	padding: 8px 12px;
+	margin-top: 8px;
+	background: #f3f3f5;
+	border: 1px solid #e5e5e5;
+	border-radius: 8px;
+}
+.ls-btn {
+	border: 1px solid #d0d0d6;
+	background: #fff;
+	color: #333;
+	width: 30px;
+	height: 30px;
+	border-radius: 6px;
+	cursor: pointer;
+	font-size: 13px;
+	line-height: 1;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+}
+.ls-btn:hover:not(:disabled) { border-color: #8aa; background: #f0f6ff; }
+.ls-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+.ls-time {
+	font-family: ui-monospace, Consolas, monospace;
+	font-size: 12px;
+	color: #555;
+	min-width: 88px;
+}
+.ls-progress {
+	flex: 1;
+	height: 6px;
+	background: #ddd;
+	border-radius: 3px;
+	cursor: pointer;
+	overflow: hidden;
+}
+.ls-fill {
+	height: 100%;
+	width: 0;
+	background: #7c5cff;
+	transition: width 0.1s linear;
+}

web/score-player.js ADDED Viewed

	@@ -0,0 +1,384 @@

+/* LilyScript score player — client-side bridge to the lilylet-live-editor pipeline.
+ *
+ * Pipeline (all in the browser, no server round-trip):
+ *   lyl text  --LilyletLib.parseCode + meiEncoder-->  MEI XML
+ *   MEI       --Verovio WASM toolkit-->               SVG (preview) + MIDI (playback)
+ *   MIDI      --music-widgets MidiPlayer + soundfont-->  audio + note highlight
+ *
+ * Globals provided by the vendored scripts (loaded via <script src> in <head>):
+ *   window.LilyletLib   { parseCode, meiEncoder, serializeLilyletDoc }
+ *   window.verovio      Verovio module factory (verovio-toolkit-wasm.js)
+ *   window.musicWidgetsBrowser  { MIDI, MidiPlayer, MusicNotation, MidiAudio }
+ *
+ * Generation gate (the key UX rule): while the model is generating, we render
+ * SVG-only and the MIDI player is hidden/disabled. The player is built + shown
+ * only once generation has finished (LilyScore.setGenerating(false)). This keeps
+ * the live preview cheap during streaming and avoids re-initialising the MIDI
+ * engine on every measure-boundary editor sync.
+ */
+(function () {
+	'use strict';
+	const SOUNDFONT_URL = window.__LILYSCRIPT_SOUNDFONT_URL || './soundfont/';
+	const state = {
+		toolkit: null,        // Verovio toolkit
+		verovioReady: false,
+		audio: null,          // { MIDI, MidiPlayer, MusicNotation, MidiAudio }
+		audioReady: false,
+		player: null,         // MidiPlayer instance
+		midiData: null,
+		generating: false,    // gate: true while the model streams
+		lastCode: '',         // last lyl rendered (dedupe)
+		lastMei: null,
+		// playback
+		isPlaying: false,
+		currentTime: 0,
+		duration: 0,
+		playStartTime: 0,
+		lastEventIndex: 0,
+		pausedTime: 0,
+		updateInterval: null,
+		highlighted: new Set(),
+	};
+	const els = {};   // cached DOM nodes, filled by mount()
+	const HIGHLIGHT_THROTTLE_MS = 50;
+	let lastHighlightUpdate = 0;
+	function log (msg) { console.log('[LilyScore]', msg); }
+	// ---- Verovio init -------------------------------------------------------
+	async function initVerovio () {
+		if (state.verovioReady) return state.toolkit;
+		if (state._verovioInitPromise) return state._verovioInitPromise;
+		if (!window.VerovioInit) { log('VerovioInit global missing'); return null; }
+		// VerovioInit() awaits the Emscripten WASM module's readyPromise, then
+		// returns a constructed toolkit — the path proven by lilylet-live-editor.
+		state._verovioInitPromise = (async function () {
+			try {
+				const tk = await window.VerovioInit();
+				tk.setOptions({ scale: 40, adjustPageHeight: true, breaks: 'auto', pageWidth: 2100, pageHeight: 2970 });
+				state.toolkit = tk;
+				state.verovioReady = true;
+				log('verovio ready ' + (tk.getVersion ? tk.getVersion() : '?'));
+				return tk;
+			} catch (e) {
+				log('verovio init failed: ' + (e && e.message ? e.message : e));
+				state._verovioInitPromise = null;
+				return null;
+			}
+		})();
+		return state._verovioInitPromise;
+	}
+	// ---- lyl -> MEI -> SVG --------------------------------------------------
+	function lylToMei (code) {
+		if (!window.LilyletLib) throw new Error('LilyletLib not loaded');
+		const doc = window.LilyletLib.parseCode(code);
+		const mei = window.LilyletLib.meiEncoder.encode(doc);
+		let staffCount = 1;
+		if (doc.measures && doc.measures.length) {
+			const m0 = doc.measures[0];
+			staffCount = m0.parts.reduce((tot, part) => {
+				const maxStaff = part.voices.reduce((mx, v) => Math.max(mx, v.staff || 1), 1);
+				return tot + maxStaff;
+			}, 0) || 1;
+		}
+		return { mei, measureCount: (doc.measures && doc.measures.length) || 1, staffCount };
+	}
+	function injectSvg (svgString) {
+		const parser = new DOMParser();
+		const doc = parser.parseFromString(svgString, 'image/svg+xml');
+		if (doc.querySelector('parsererror')) { log('svg parse error'); return; }
+		const svg = doc.querySelector('svg');
+		if (!svg) return;
+		els.svg.innerHTML = '';
+		els.svg.appendChild(document.importNode(svg, true));
+	}
+	function setStatus (text, kind) {
+		if (!els.status) return;
+		els.status.textContent = text || '';
+		els.status.className = 'ls-status' + (kind ? ' ls-' + kind : '');
+	}
+	// Render lyl -> SVG. Returns true on success. Does NOT touch the MIDI player
+	// (that is gated separately on generation state).
+	async function render (code) {
+		const tk = await initVerovio();
+		if (!tk) { setStatus('Verovio not ready', 'err'); return false; }
+		code = (code || '').trim();
+		if (!code) { els.svg.innerHTML = ''; state.lastCode = ''; state.lastMei = null; updatePlayerVisibility(); return false; }
+		if (code === state.lastCode) return true;
+		setStatus('Rendering…', 'busy');
+		try {
+			const { mei, measureCount, staffCount } = lylToMei(code);
+			const pageHeight = Math.max(2000, Math.ceil(measureCount / 20) * 2000) * 2 * staffCount;
+			tk.setOptions({ scale: 40, adjustPageHeight: true, pageWidth: 2100, pageHeight });
+			if (!tk.loadData(mei)) { setStatus('Verovio load failed', 'err'); return false; }
+			injectSvg(tk.renderToSVG(1));
+			state.lastCode = code;
+			state.lastMei = mei;
+			setStatus('', '');
+			// new score -> existing MIDI is stale
+			state.midiData = null;
+			if (state.player) { try { state.player.dispose(); } catch (e) {} state.player = null; }
+			stop();
+			updatePlayerVisibility();
+			return true;
+		} catch (e) {
+			setStatus('Parse error: ' + (e && e.message ? e.message : e), 'err');
+			log('render error: ' + (e && e.stack ? e.stack : e));
+			return false;
+		}
+	}
+	// ---- MIDI audio + player (gated: only when NOT generating) ---------------
+	async function initAudio () {
+		if (state.audioReady) return true;
+		const mw = window.musicWidgetsBrowser;
+		if (!mw) { log('musicWidgetsBrowser missing'); return false; }
+		state.audio = { MIDI: mw.MIDI, MidiPlayer: mw.MidiPlayer, MusicNotation: mw.MusicNotation, MidiAudio: mw.MidiAudio };
+		try {
+			await state.audio.MidiAudio.loadPlugin({ soundfontUrl: SOUNDFONT_URL, api: 'webaudio' });
+			state.audioReady = true;
+			log('audio ready');
+			return true;
+		} catch (e) {
+			log('audio load failed: ' + (e && e.message ? e.message : e));
+			return false;
+		}
+	}
+	// Build a MidiPlayer for the current score's MEI. Idempotent per MEI.
+	async function buildPlayer () {
+		if (!state.lastMei || !state.toolkit) return false;
+		if (!(await initAudio())) return false;
+		if (state.player && state.midiData) return true;   // already built for this MEI
+		try {
+			const midiBase64 = state.toolkit.renderToMIDI();
+			const bin = atob(midiBase64);
+			const bytes = new Uint8Array(bin.length);
+			for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);
+			const raw = state.audio.MIDI.parseMidiData(bytes.buffer);
+			const notation = state.audio.MusicNotation.Notation.parseMidi(raw);
+			if (!notation.tempos || !notation.tempos.length) notation.tempos = [{ tempo: 500000, tick: 0, time: 0 }];
+			state.midiData = notation;
+			state.duration = notation.endTime;
+			if (state.player) { try { state.player.dispose(); } catch (e) {} }
+			state.player = new state.audio.MidiPlayer(notation, { cacheSpan: 400, onMidi: function () {} });
+			stop();
+			return true;
+		} catch (e) {
+			log('buildPlayer error: ' + (e && e.message ? e.message : e));
+			return false;
+		}
+	}
+	function findEventIndexAtTime (time) {
+		if (!state.midiData) return 0;
+		const ev = state.midiData.events;
+		let lo = 0, hi = ev.length;
+		while (lo < hi) { const mid = (lo + hi) >>> 1; if (ev[mid].time < time) lo = mid + 1; else hi = mid; }
+		return lo;
+	}
+	function play () {
+		if (!state.player || !state.midiData || state.isPlaying || state.generating) return;
+		state.isPlaying = true;
+		if (state.pausedTime > 0) {
+			state.playStartTime = performance.now() - state.pausedTime;
+			state.lastEventIndex = findEventIndexAtTime(state.pausedTime);
+		} else {
+			state.playStartTime = performance.now();
+			state.lastEventIndex = 0;
+		}
+		updateTransport();
+		state.updateInterval = setInterval(function () {
+			if (!state.isPlaying || !state.midiData) return;
+			const elapsed = performance.now() - state.playStartTime;
+			state.currentTime = elapsed;
+			const ev = state.midiData.events;
+			const A = state.audio.MidiAudio;
+			for (; state.lastEventIndex < ev.length; state.lastEventIndex++) {
+				const e = ev[state.lastEventIndex];
+				if (e.time > elapsed) break;
+				if (e.data.type === 'channel') {
+					const ts = state.playStartTime + e.time;
+					if (e.data.subtype === 'noteOn') A.noteOn(e.data.channel, e.data.noteNumber, e.data.velocity, ts);
+					else if (e.data.subtype === 'noteOff') A.noteOff(e.data.channel, e.data.noteNumber, ts);
+					else if (e.data.subtype === 'programChange') A.programChange(e.data.channel, e.data.programNumber);
+				}
+			}
+			updateHighlightsThrottled(state.currentTime);
+			updateProgress();
+			if (elapsed >= state.duration) stop();
+		}, 30);
+	}
+	function pause () {
+		if (state.updateInterval) { clearInterval(state.updateInterval); state.updateInterval = null; }
+		state.pausedTime = state.currentTime;
+		state.isPlaying = false;
+		state.audio && state.audio.MidiAudio.stopAllNotes && state.audio.MidiAudio.stopAllNotes();
+		updateTransport();
+	}
+	function stop () {
+		if (state.updateInterval) { clearInterval(state.updateInterval); state.updateInterval = null; }
+		state.isPlaying = false;
+		state.currentTime = 0;
+		state.pausedTime = 0;
+		state.lastEventIndex = 0;
+		clearHighlights();
+		state.audio && state.audio.MidiAudio.stopAllNotes && state.audio.MidiAudio.stopAllNotes();
+		updateTransport();
+		updateProgress();
+	}
+	function seekTo (t) {
+		if (!state.midiData) return;
+		t = Math.max(0, Math.min(t, state.duration));
+		state.audio && state.audio.MidiAudio.stopAllNotes && state.audio.MidiAudio.stopAllNotes();
+		state.currentTime = t;
+		state.pausedTime = t;
+		state.lastEventIndex = findEventIndexAtTime(t);
+		if (state.isPlaying) state.playStartTime = performance.now() - t;
+		updateHighlights(t);
+		updateProgress();
+	}
+	// ---- highlight + cursor -------------------------------------------------
+	function updateHighlightsThrottled (time) {
+		const now = performance.now();
+		if (now - lastHighlightUpdate < HIGHLIGHT_THROTTLE_MS) return;
+		lastHighlightUpdate = now;
+		updateHighlights(time);
+	}
+	function updateHighlights (time) {
+		if (!state.toolkit) return;
+		try {
+			const res = state.toolkit.getElementsAtTime(time);
+			const now = new Set(res.notes || []);
+			state.highlighted.forEach(function (id) {
+				if (!now.has(id)) { const el = document.getElementById(id); if (el) el.classList.remove('ls-hl'); }
+			});
+			now.forEach(function (id) {
+				if (!state.highlighted.has(id)) { const el = document.getElementById(id); if (el) el.classList.add('ls-hl'); }
+			});
+			state.highlighted = now;
+		} catch (e) { /* ignore */ }
+	}
+	function clearHighlights () {
+		state.highlighted.forEach(function (id) { const el = document.getElementById(id); if (el) el.classList.remove('ls-hl'); });
+		state.highlighted = new Set();
+	}
+	// ---- transport UI -------------------------------------------------------
+	function fmt (ms) {
+		const s = Math.floor(ms / 1000), m = Math.floor(s / 60);
+		return m + ':' + String(s % 60).padStart(2, '0');
+	}
+	function updateProgress () {
+		if (els.fill) els.fill.style.width = (state.duration > 0 ? (state.currentTime / state.duration) * 100 : 0) + '%';
+		if (els.time) els.time.textContent = fmt(state.currentTime) + ' / ' + fmt(state.duration);
+	}
+	function updateTransport () {
+		if (!els.playBtn) return;
+		els.playBtn.style.display = state.isPlaying ? 'none' : '';
+		els.pauseBtn.style.display = state.isPlaying ? '' : 'none';
+	}
+	// Show the player bar only when: not generating, a score is rendered, audio
+	// available. While generating we keep SVG visible but hide the transport.
+	function updatePlayerVisibility () {
+		if (!els.player) return;
+		const show = !state.generating && !!state.lastMei;
+		els.player.style.display = show ? '' : 'none';
+		if (show) buildPlayer().then(function (ok) {
+			if (ok) updateProgress();
+			els.playBtn.disabled = !ok;
+		});
+	}
+	// ---- mount + public API -------------------------------------------------
+	function mount (root) {
+		if (els.root === root && els.svg) return;   // already mounted here
+		root.innerHTML = '';
+		root.classList.add('ls-score-root');
+		const wrap = document.createElement('div'); wrap.className = 'ls-preview';
+		const status = document.createElement('div'); status.className = 'ls-status';
+		const svgBox = document.createElement('div'); svgBox.className = 'ls-svg';
+		wrap.appendChild(status); wrap.appendChild(svgBox);
+		// transport bar
+		const player = document.createElement('div'); player.className = 'ls-player'; player.style.display = 'none';
+		player.innerHTML =
+			'<button class="ls-btn ls-play" title="Play">▶</button>' +
+			'<button class="ls-btn ls-pause" title="Pause" style="display:none">⏸</button>' +
+			'<button class="ls-btn ls-stop" title="Stop">■</button>' +
+			'<span class="ls-time">0:00 / 0:00</span>' +
+			'<div class="ls-progress"><div class="ls-fill"></div></div>';
+		root.appendChild(wrap); root.appendChild(player);
+		els.root = root; els.svg = svgBox; els.status = status; els.player = player;
+		els.playBtn = player.querySelector('.ls-play');
+		els.pauseBtn = player.querySelector('.ls-pause');
+		els.stopBtn = player.querySelector('.ls-stop');
+		els.time = player.querySelector('.ls-time');
+		els.progress = player.querySelector('.ls-progress');
+		els.fill = player.querySelector('.ls-fill');
+		els.playBtn.addEventListener('click', play);
+		els.pauseBtn.addEventListener('click', pause);
+		els.stopBtn.addEventListener('click', stop);
+		els.progress.addEventListener('click', function (e) {
+			if (!state.midiData) return;
+			const r = els.progress.getBoundingClientRect();
+			seekTo(state.duration * ((e.clientX - r.left) / r.width));
+		});
+		// click a note in the score -> seek there
+		els.svg.addEventListener('click', function (e) {
+			if (!state.toolkit || state.generating) return;
+			const t = e.target.closest && e.target.closest('.note, .chord, .rest');
+			if (!t || !t.id) return;
+			const time = state.toolkit.getTimeForElement(t.id);
+			if (typeof time === 'number') seekTo(time);
+		});
+		initVerovio();   // warm up early
+	}
+	// Public API consumed by app.py's injected glue.
+	window.LilyScore = {
+		mount: mount,
+		// Render lyl text to the SVG preview. Safe to call repeatedly (deduped).
+		render: function (code) { return render(code); },
+		// Generation gate. While generating: SVG-only, transport hidden, playback
+		// stopped. On finish: re-render final text and reveal the player.
+		setGenerating: function (flag) {
+			flag = !!flag;
+			if (flag === state.generating) return;
+			state.generating = flag;
+			if (flag) { stop(); }
+			updatePlayerVisibility();
+		},
+		isReady: function () { return state.verovioReady; },
+	};
+	log('score-player.js loaded');
+})();

web/soundfont/acoustic_grand_piano-mp3.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:0add282b7789594511eabd511bb7e2d767b3720421d827d849dc7364fb44e4c7
+size 1434960

web/soundfont/acoustic_grand_piano-ogg.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:4bba4b9e34e6e3508bccff9f76213d17079e1f04fd6107398350a9df1f7457a0
+size 1707887

web/vendor/lilylet.bundle.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:51d680585d5628989b6d3c145a2b1a0cdd5010549c958fe512fca77d809f617a
+size 586799

web/vendor/musicWidgetsBrowser.umd.min.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:ddc96a5ab24a6751bb6f345255fa78bb650d01ba503261ce88d1cb3d125ccbff
+size 62239

web/vendor/verovio.bundle.js ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:5c9210b71d6ac6d8b63b6cb4e4764a36fec17b73179d1465a4e9bf1cb9f848af
+size 7652579