Own the Playground: Making Your Own Plugins for the TypeScript Playground
summary
A hands‑on walkthrough shows how to build a real TypeScript Playground plugin from the staging docs, using the sandbox.getText/setText API and the monaco layers to replace the editor formatter. It pulls in prettier-standalone and the TypeScript parser, bundles with rollup (output ≈ 3.5MB), registers via monaco.languages.register, and proves the new formatter runs in Chrome/Edge/Firefox (not Safari) by adding semicolons and working in the command palette.
AI-written summary · about
chapters (9)
- 0:00Start
- 7:33Playground Plugins are the Core UI
- 8:05Official Plugins do all the boring stuff
- 8:56Playground API
- 9:13Sandbox API
- 9:48Monaco API
- 11:20monaco-typescript
- 12:20TypeScript VFS
- 13:14Plugin API
