@morphql/playground
An interactive, real-time web editor to test and visualize Morph Query Language (MorphQL) transformations. Experiment with queries in the browser and see instant results.
Key Features
- ✨ Live Preview: Transformation results update instantly as you type.
- 🛠️ Code Insight: Visualize the optimized JavaScript code generated by the engine.
- 📝 Rich Editor: Powered by Monaco (from VS Code) with syntax highlighting.
- 🔄 Format Toggles: Instantly switch and test conversions between JSON and XML.
- 🚀 Zero Setup: Runs entirely in the browser using the isomorphic MorphQL core.
Development
To start the playground locally for development and testing:
# In the monorepo root
npm run playground
Tech Stack
- React 19
- Vite
- Tailwind CSS 4
- Monaco Editor
Learn More
License
MIT