VexFlow Sandbox

The VexFlow sandbox is hosted on GitHub Pages:

https://vexflow.github.io/vexflow-sandbox/

The site is built with the 11ty static site generator.

1. Install dependencies: npm install
2. The src/ folder contains index.html, which is interpreted as a liquid template.
   • 11ty also supports markdown and other template files.
3. Start the dev server: npm start
4. Navigate to: http://localhost:8080/
5. Pages in src/ will be translated to paths as follows:
   • index.html → /
   • about.md → /about/
   • hello.html → /hello/
   • testing.md → /testing/

Development Builds

You can use the sandbox with your local copy of vexflow-debug.js.

Start a web server from the vexflow/ repository's root directory: npx http-server

Navigate to http://localhost:8080/tests/sandbox.html

The sandbox.html page wraps this site in an <iframe>. It will then load the local build from http://localhost:8080/build/cjs/vexflow-debug.js