lilylet-live-editor 0.0.4

package/.github/workflows/deploy.yml

@@ -0,0 +1,81 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: ['main', 'master']
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+
+      - name: Checkout music-widgets dependency
+        uses: actions/checkout@v4
+        with:
+          repository: k-l-lambda/web-widgets
+          path: music-widgets
+
+      - name: Build music-widgets
+        run: |
+          cd music-widgets
+          npm install --legacy-peer-deps
+          npm run build
+          # Copy UMD bundle to static folder for direct script loading
+          mkdir -p ../static/js
+          cp dist/musicWidgetsBrowser.umd.js ../static/js/musicWidgetsBrowser.umd.min.js
+
+      - name: Update package.json dependencies
+        run: |
+          # Remove music-widgets from dependencies since we load it via UMD script
+          sed -i '/"@k-l-lambda\/music-widgets"/d' package.json
+          # Remove lotus from dependencies (optional, requires GitHub Packages auth)
+          sed -i '/"@k-l-lambda\/lotus"/d' package.json
+          # Remove package-lock.json since dependency paths change
+          rm -f package-lock.json
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build docs
+        run: npm run build:docs
+
+      - name: Build
+        env:
+          NODE_ENV: production
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: 'build'
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

package/README.md

@@ -0,0 +1,78 @@
+# Lilylet Live Editor
+
+A web-based editor for [Lilylet](https://github.com/k-l-lambda/lilylet) music notation with real-time rendering and MIDI playback.
+
+## Live Demo
+
+- [Live Editor](https://k-l-lambda.github.io/lilylet-live-editor/) - Write Lilylet code and see rendered notation instantly
+- [Markdown Editor](https://k-l-lambda.github.io/lilylet-live-editor/markdown) - Embed music notation in Markdown documents
+- [Tutorial](https://k-l-lambda.github.io/lilylet-live-editor/docs/lilylet-tutorial.html) - Learn Lilylet syntax
+
+## Features
+
+### Live Editor
+- Real-time music notation rendering via [Verovio](https://www.verovio.org/)
+- Syntax highlighting with CodeMirror
+- Shareable URLs with compressed code
+
+### Markdown Editor
+- Embed Lilylet code blocks in Markdown documents
+- Static notation rendering with ` ```lilylet ` code blocks
+- Playable notation with ` ```lilylet.play ` code blocks
+- MIDI playback with note highlighting
+- Live preview as you type
+
+## Development
+
+### Prerequisites
+
+- Node.js 18+
+- npm
+
+### Setup
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+```
+
+### Build
+
+```bash
+# Build for production (includes docs)
+npm run build
+
+# Build docs only
+npm run build:docs
+
+# Preview production build
+npm run preview
+```
+
+### Deploy
+
+```bash
+# Deploy to GitHub Pages
+npm run deploy
+```
+
+## Tech Stack
+
+- [SvelteKit](https://kit.svelte.dev/) - Web framework
+- [Verovio](https://www.verovio.org/) - Music notation rendering
+- [CodeMirror](https://codemirror.net/) - Code editor
+- [markdown-it](https://github.com/markdown-it/markdown-it) - Markdown parser
+- [@k-l-lambda/lilylet](https://github.com/k-l-lambda/lilylet) - Lilylet parser
+- [@k-l-lambda/lilylet-markdown](https://github.com/k-l-lambda/lilylet) - Markdown plugin for Lilylet
+- [@k-l-lambda/music-widgets](https://github.com/k-l-lambda/web-widgets) - MIDI playback
+
+## Related Projects
+
+- [Lilylet](https://github.com/k-l-lambda/lilylet) - The Lilylet language parser and MEI encoder
+
+## License
+
+MIT

package/package.json

@@ -0,0 +1,50 @@
+{
+	"name": "lilylet-live-editor",
+	"version": "0.0.4",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "npm run build:docs && vite build",
+		"build:docs": "node scripts/build-docs.js",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"deploy": "NODE_ENV=production npm run build && gh-pages -d build"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-static": "^3.0.0",
+		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^3.0.0",
+		"@types/markdown-it": "^14.1.2",
+		"@types/pako": "^2.0.4",
+		"gh-pages": "^6.3.0",
+		"markdown-it-anchor": "^9.2.0",
+		"svelte": "^4.2.0",
+		"svelte-check": "^3.6.0",
+		"typescript": "^5.3.0",
+		"vite": "^5.0.0"
+	},
+	"dependencies": {
+		"@codemirror/commands": "^6.3.0",
+		"@codemirror/lang-javascript": "^6.2.0",
+		"@codemirror/language": "^6.10.0",
+		"@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-markdown": "^0.1.20",
+		"@k-l-lambda/music-widgets": "^1.0.1",
+		"codemirror": "^6.0.0",
+		"js-base64": "^3.7.0",
+		"markdown-it": "^14.1.0",
+		"pako": "^2.1.0",
+		"sha1": "^1.1.1",
+		"verovio": "^4.3.0",
+		"vue": "^3.4.0"
+	},
+	"optionalDependencies": {
+		"@k-l-lambda/lotus": "^1.0.3"
+	}
+}