Overview

Testing the Web Extensibility API is slow. Write code, build, deploy, sync app directory or restart Studio Pro, test, find bugs, repeat. That's 2-3 minutes per iteration just to try something out.

The Extensibility Playground changes that. It's a Monaco editor running directly inside Studio Pro. Write code, press execute, see results instantly. No build step. No restart. Just write, execute, and see what happens.

The editor uses Monaco, the same engine behind VS Code, with syntax highlighting for JavaScript and TypeScript. You have direct access to the full Web Extensibility API, domain models, microflows, pages, folders, and modules. Create entities, add attributes, build microflows, set up folder structures, or test any API pattern. Results appear immediately in your Studio Pro project.

Documentation

Typical usage scenario

Prototype and test Web Extensibility API code without the slow build-deploy-restart cycle. Open the Playground via Extensions → Extensibility Playground, write your code, press execute, and see results in your project immediately. Perfect for learning the API, trying out new patterns, or quickly verifying how an API call behaves before building it into a full extension.

Features:

• Monaco editor (VS Code's engine) with JavaScript/TypeScript syntax highlighting
• Execute code instantly with Ctrl+Enter
• Direct access to the full Web Extensibility API (domain models, microflows, pages, projects)
• Console output via log() and GUID generation via crypto.randomUUID()
• Multi-cursor editing and keyboard shortcuts
• Fully offline, Monaco is bundled locally

Known bugs

No known bugs at this time. If you encounter any issues, please reach out.