generator-code
Version:
Yeoman generator for Visual Studio Code Extensions
36 lines (31 loc) • 1.33 kB
text/typescript
/*---------------------------------------------------------
* Copyright (C) Microsoft Corporation. All rights reserved.
*--------------------------------------------------------*/
// We've set up this sample using CSS modules, which lets you import class
// names into JavaScript: https://github.com/css-modules/css-modules
// You can configure or change this in the webpack.config.js file.
import * as style from './style.css';
import type { NotebookRendererApi } from 'vscode-notebook-renderer';
interface IRenderInfo {
container: HTMLElement;
mimeType: string;
data: any;
notebookApi: NotebookRendererApi<unknown>;
}
// This function is called to render your contents.
export function render({ container, mimeType, data }: IRenderInfo) {
// Format the JSON and insert it as <pre><code>{ ... }</code></pre>
// Replace this with your custom code!
const pre = document.createElement('pre');
pre.classList.add(style.json);
const code = document.createElement('code');
code.textContent = `mime type: ${mimeType}\n\n${JSON.stringify(data, null, 2)}`;
pre.appendChild(code);
container.appendChild(pre);
}
if (module.hot) {
module.hot.addDisposeHandler(() => {
// In development, this will be called before the renderer is reloaded. You
// can use this to clean up or stash any state.
});
}