Files
vscode-extension-samples/notebook-renderer-sample
2024-03-14 16:47:53 -07:00
..
2022-11-29 20:58:49 +01:00
2023-09-13 14:45:34 -07:00
2022-12-01 11:55:43 +01:00
2021-08-01 21:30:26 -07:00
2022-11-29 20:58:49 +01:00
2024-03-14 16:47:53 -07:00
2024-03-14 16:47:53 -07:00
2022-11-29 20:58:49 +01:00
2022-06-28 08:35:13 -07:00

notebook-renderer-sample

Demonstrates a custom notebook renderer in VS Code. This creates a custom renderer called GitHub Issues Plain Renderer that renders output in a GitHub Issues Notebook.

This starter includes:

  • 🖥️ TypeScript code to create a simple NotebookOutputRenderer
  • 📦 A Webpack build for the renderer
  • 🎨 CSS modules support

Running this Sample

Ensure you have a Python installed to actually run the sample and invoke the renderer.

  1. cd notebook-renderer-sample
  2. code .: Open the folder in VS Code Insiders
  3. Hit F5 to build+debug
  4. Run the sample notebook
  5. Switch the output rendering by clicking [...] button next to the cell output and then Change Presentation

When you select the x-application/github-issues, the custom renderer will be invoked.

Notebook cell output renderer demo