lilylet-live-editor 0.0.4 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lilylet-live-editor",
-	"version": "0.0.4",
+	"version": "0.0.7",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
@@ -33,7 +33,7 @@
 		"@codemirror/state": "^6.4.0",
 		"@codemirror/theme-one-dark": "^6.1.0",
 		"@codemirror/view": "^6.25.0",
-		"@k-l-lambda/lilylet": "^0.1.34",
+		"@k-l-lambda/lilylet": "^0.1.39",
 		"@k-l-lambda/lilylet-markdown": "^0.1.20",
 		"@k-l-lambda/music-widgets": "^1.0.1",
 		"codemirror": "^6.0.0",

package/src/lib/components/Preview.svelte

@@ -3,6 +3,7 @@
 	import { editorStore } from '$lib/stores/editor';
 	import Player from './Player.svelte';
 	import { tick } from 'svelte';
+	import { lilyletToLilyPond, lilyletToMusicXml } from '$lib/lilylet';
 
 	let svgContainer: HTMLDivElement;
 	let previewContainer: HTMLDivElement;
@@ -113,9 +114,25 @@
 	}
 
 	function exportLilyPond() {
-		// TODO:
-		//if ($editorStore.code) {
-		//}
+		if ($editorStore.code) {
+			const result = lilyletToLilyPond($editorStore.code);
+			if (result.success) {
+				downloadFile(result.data, 'lilylet-score.ly', 'text/x-lilypond');
+			} else {
+				console.error('LilyPond export failed:', result.error);
+			}
+		}
+	}
+
+	function exportMusicXml() {
+		if ($editorStore.code) {
+			const result = lilyletToMusicXml($editorStore.code);
+			if (result.success) {
+				downloadFile(result.data, 'lilylet-score.musicxml', 'application/vnd.recordare.musicxml+xml');
+			} else {
+				console.error('MusicXML export failed:', result.error);
+			}
+		}
 	}
 
 	function toggleExportMenu() {
@@ -134,6 +151,9 @@
 			case 'lilypond':
 				exportLilyPond();
 				break;
+			case 'musicxml':
+				exportMusicXml();
+				break;
 			case 'mei':
 				exportMEI();
 				break;
@@ -195,15 +215,14 @@
 					<button
 						class="export-item"
 						on:click={() => handleExport('lilypond')}
-						disabled
-						title="Not implemented yet"
+						disabled={!$editorStore.code}
 					>
 						LilyPond (.ly)
 					</button>
 					<button
 						class="export-item"
-						disabled
-						title="Not implemented yet"
+						on:click={() => handleExport('musicxml')}
+						disabled={!$editorStore.code}
 					>
 						MusicXML
 					</button>

package/src/lib/lilylet/index.ts

@@ -90,4 +90,47 @@ export function lilypondToLilylet(source: string): ConversionResult {
 	}
 }
 
+/**
+ * Convert Lilylet code to LilyPond
+ */
+export function lilyletToLilyPond(code: string): ConversionResult {
+	try {
+		// Parse Lilylet code to LilyletDoc
+		const doc = lilylet.parseCode(code);
+
+		// Encode to LilyPond
+		const ly = lilylet.lilypondEncoder.encode(doc, {
+			paper: { width: 210, height: 297 },
+			fontSize: 20,
+			withMIDI: true,
+			autoBeaming: false
+		});
+
+		return { success: true, data: ly };
+	} catch (error) {
+		const errorMessage = error instanceof Error ? error.message : String(error);
+		console.error('LilyPond encoding error:', error);
+		return { success: false, error: `LilyPond encoding failed: ${errorMessage}` };
+	}
+}
+
+/**
+ * Convert Lilylet code to MusicXML
+ */
+export function lilyletToMusicXml(code: string): ConversionResult {
+	try {
+		// Parse Lilylet code to LilyletDoc
+		const doc = lilylet.parseCode(code);
+
+		// Encode to MusicXML
+		const xml = lilylet.musicXmlEncoder.encode(doc);
+
+		return { success: true, data: xml };
+	} catch (error) {
+		const errorMessage = error instanceof Error ? error.message : String(error);
+		console.error('MusicXML encoding error:', error);
+		return { success: false, error: `MusicXML encoding failed: ${errorMessage}` };
+	}
+}
+
 export { lilylet } from './highlight';