Playground

Live coding Playground.

Development & Installation

This project was developed with:

• Language: TypeScript + React
• IDE: VSCode
• Tests: WIP
• Build Tools: webpack4

Install and update dependencies

npm install

Scripts

Run development server.

npm start

Features

• Resizable Views
• Editor View
• Preview View
• Auto-refresh
• FullScreen Workspace
• Reset example to original
• Enable / Disable Auto-refresh
• JavaScript & TypeScript Support
• ES6 Imports
• Autocomplete

Ideas

• Advanced Completion Providers
• Imports from models: Use monaco editor models to be used as imports. Advanced usage of "Go To Definition" & "Pick Definition" & "Find All References". Pack into bundle is required.
• Uploading External Libraries
• Git OAuth
• Embedded FAQ & HowTo
• Offline & 404 (maybe not needed)
• ...