dabbott/javascript-playgrounds
Javascript Playgrounds
Javascript Playgrounds is a browser-based code execution engine designed for running untrusted JavaScript snippets and managing interactive playgrounds. The system isolates user-submitted code inside dedicated web workers to prevent main thread blocking and protect the host environment, while supporting dynamic module loading that fetches external libraries and third-party scripts on demand.
The platform includes architectural tools for mobile device simulation, rendering application output inside configurable viewport wrappers with adjustable platform dimensions and status bar styling. Debugging is supported through a structured output console that captures runtime log outputs with source line numbers and component previews. State persistence relies on compressed URL hash strings that encode application configurations and source code for stateless sharing.
Configuration utilities allow sandbox instances to initialize using custom code snippets and environment presets. Additionally, the software provides embedding capabilities that integrate interactive execution environments and customizable mobile device frames directly into external webpages through standard frames and component wrappers.
Features
- Sandboxed Code Execution Environments - Executes user-submitted code snippets safely inside an isolated browser environment with a dedicated background transpiler.
- Dynamic Module Loading - Fetches third-party libraries and external scripts dynamically at runtime into the sandbox environment.
- Interactive Code Playgrounds - Creates interactive code playgrounds for running live JavaScript snippets directly inside a browser environment.
- Web Worker Execution - Isolates user script evaluation inside dedicated background worker threads to prevent main thread blocking.
- Isolated Code Execution - Runs untrusted user code safely inside isolated browser environments to prevent host system access.
- Sandboxed Browser Runtimes - Executes untrusted user scripts inside secure client-side browser boundaries to protect the host environment.
- Console Log Formatting - Captures and formats runtime log outputs alongside source line numbers for debugging embedded code.
- Sandbox Configuration - Initializes sandbox instances using custom code snippets and environment presets passed via configuration parameters.
- Device Frame Wrappers - Displays running applications inside customizable mobile device bezels with platform scaling and status bar styling.
- Mobile Device Bezels - Renders application output inside customizable mobile device bezels with adjustable dimensions and status bar styling.
- Dynamic Module Loaders - Resolves and loads external dependencies over HTTP on demand without requiring a pre-build step.
- Console Output Formatting - Renders embedded console logs with line numbers and component previews to assist with debugging.
- Embeddable Editor Integrations - Packs live interactive code execution environments into web components and iframe wrappers for external pages.
- External Page Embedding - Embeds interactive code execution environments and live previews directly into external web pages using standard frames.
- URL Hash Tracking - Encodes application configuration and source code into compressed URL hash strings for stateless sharing.
