⚠️ Work-in-progress starter code for custom notebook renderers in VS Code. Expect this to change as notebooks matures. ⚠️
This starter includes:
- 🖥️ TypeScript code to create a simple
- 📦 A Webpack build for renderer client code
- ⚡ Support for hot module reloading and safe boilerplate
- 🎨 CSS modules support
Running this Sample
code-insiders df-renderer: Open the folder in VS Code Insiders
F5 to build+debug
A Notebook Renderer consists of code that runs in the VS Code Extension Host (Node.js), which registers the renderer and passes data into the UI code running inside a WebView (Browser/DOM).
This uses TypeScript project references. There are three projects in the
extension contains the code running in Node.js extension host. It's compiled with
client is the UI code, built by Webpack, with access to the DOM.
common contains code shared between the extension and client.
When you run
dev, we invoke both
webpack to compile the extension and the client portion of the code.